@charset "UTF-8";

/*  */


/*html * {
	box-sizing:	boder-box;
}
*/

/*
* {
    margin: 0px;
    padding: 0px;
}
*/

.warappr{
	max-width:	950px;
	margin-right: 	auto;
	margin-left : 	auto;
	padding:	0;
	margin-top:	0;
	background-color: white;
	text-align:	center;

}

h1{
	text-align:	center;
	margin:		5rem 0 3rem 0;
}

body {
	font-family: "Arial", "メイリオ", sans-serif;
}

/*--p{
	display: inline-block;
	text-align: left;
	max-width:	800px;
  }
---*/


/*--◆◆-----------------------------　ヘッダー	------------------------------*/








/*--◆◆-----------------------------　ページトップ　設定	------------------------------*/



.top-lib a{					/* LibrariE  ページトップ */
	text-decoration:	none;
}

.top-lib{					/* LibrariE  ページトップ */
	text-align:		right;
	margin-right:		1rem;
}

.top-lib-sannkaku{				/* LibrariE  ページトップ */
	color:		#ffa500;
}



/*--◆◆-----------------------------　ｈ1　見出しの下線 	------------------------------*/

.h1_lib{
 	border-bottom:	3px dashed #ffa500;	/* LibrariEの見出しの下線 */
}


/*--◆◆-----------------------------　3社　説明 	------------------------------*/

.setumei-lib{						/* 3社全部　説明 */
	margin-bottom:		2rem;
    	display: 		inline-block;
   	 text-align: 		left;

}

.setumei-lib p{
	margin:		0 0 0.4rem 0;
}

.li-lib{
	color:			#ffd700;		/* libraie　●の色 */
	font-size:		1.6rem;
}


/*--◆◆-----------------------------　表　全体設定	------------------------------*/


.syoei{
	height:		10rem;			/* 書影の高さ */
}

.syomei a{					/* 書名の下線　なし */
	text-decoration:	none;
}

td img{						/* 書影の設定 */
	vertical-align:	 middle;
	margin:		0.3rem 0;
}


table{
	border-collapse: 	separate;	/* 表の間をあける */
	display:		inline-block;
	vertical-align: 	top; 
	border-radius:		20px;
	margin-bottom:		0.5rem;
}


td{
	width:			300px;
/*	 border:	1px solid red; 	/* 確認用の赤い線 */
	vertical-align:	top;			/* td内を上、左寄席 */
}


td p{
	text-align:	left;				/* 表の文字　設定 */
	margin:		0 0.3rem 0.3rem 0.3rem;
	font-size:	0.8rem;
}


.table_Lib{
	background-color:	#fffacd;	/* LibrariEのバックグラウンドカラー */
}


.syoei_ari{
	height:		16rem;			/* 書影ありの高さ */
}




/*--◆◆-----------------------------　ページ最後のリンク	------------------------------*/

.ie{
	align-items:	end;		/* 家のイラスト  htmlに	margin-right:0.5remを直書きしている　 */
	vertical-align: bottom;
}

.hp{
	text-align:	right;		/* トップページのリンク　 */
	margin-top:	2rem;
	margin-bottom:	1rem;
	margin-right:	1rem;		
}

.footer_logo{
	width:		100%;
	max-width:	950px;		/* ドミノの幅　 */
}



/**********************	********************************	768	************/

@media(max-width: 768px){

	.warappr{
		max-width:	768px;
		margin:		0 0.3rem;	
		padding:	0;
	}

	main{
		margin:		0 0.5rem;
	}



	.header img{
		max-width:	768px;
	}

/*
	p{
		line-height:	1.5rem;
	}
*/

	h3{
		line-height:	1.5rem;
	}

	.setumei-zenntai{
		margin:		1rem 0.5rem 2rem 0.5rem;
	}


	.setumei-lib{						/* 3社全部　説明 */
		margin-right:	1rem;
		margin-left:	1rem;
	}


	.syoei_ari{
		height:		16rem;			/* 書影ありの高さ */
	}


	.tennji_syasinn img{
		width:		200px;
	}

}	/* 消しちゃダメ　 */


/******************************************************		415	************/


@media(max-width: 415px){

	.warappr{
	/*	margin:		0 1rem;	*/

	}

	.warappr{
		max-width:	415px;
		margin:		0 0.3rem;	
		padding:	0;
	/*  	font-family:	 "Helvetica Neue",
	   			 Arial,
				  "Hiragino Kaku Gothic ProN",
				  "Hiragino Sans",
				  sans-serif;	*/
	}

	main{
		margin:		0;

	}

	p{
		font-size:	0.8rem;
		text-align:	left;
		line-height:	1.1rem;		
	}


	.header img{
		max-width:	415px;
	}

	.logo-pc{						/*　PC  ロゴ　消す */
		display:	none;
	}

	.logo-tab{						/*　Tab  ロゴ　表示 */
		display:	inline;
	}

	.setumei-zenntai-mini {					/*　全体説明　スマホ用　表示 */
		display:	block;
		margin: 	1rem 0.5rem;
		line-height:	1.4rem;	
		margin-bottom:	2rem;	
		font-size:	1rem;
	}

	.setumei-zenntai-mini p{					/*　全体説明　スマホ用　表示 */
		font-size:	0.9rem;
	}


	.setumei-zenntai{					/*　全体説明　PC用　非表示 */
		display:	none;
	}



	h1{
		font-size:	1.2rem;
		margin:		2rem 0;
	}

	h3{
		line-height:	1.3rem;
		font-size:	1rem;
	}

	a.btn-lib {						/* LibrariE  ボタン */
		padding:		0.3rem 5.6rem;
	}


	.satu-lib{				
		margin-right:		0.5rem;
		margin-left:		0.5rem;
		font-size:		0.9rem;

	}

	.li-lib{						/* libraie　●の色 */
		font-size:		0.8rem;
	}

	.setumei-lib{						/* 3社全部　説明 */
		margin-right:	0.5rem;
		margin-left:	0.5rem;
		font-size:		0.9rem;
	}


	table{
		width:		100%;
	}
	
	td{
		width:		0;
		max-width: 415px;
	}

		.syoei_ari{
		height:		1rem;			/*  表の高さを文字に合わせる  書影ありの高さ */
	}

		.syoei_nasi{
			height:		1rem;			/*  表の高さを文字に合わせる  書影なしの高さ */
	}

	.koment_dai{
		height:		1rem;			/*  表の高さを文字に合わせる コメント　多い */
	}

	.koment_daityu{
		height:		1rem;			/*  表の高さを文字に合わせる  コメント　中 */
	}

	.koment_tyu{
		height:		1rem;			/*  表の高さを文字に合わせる  コメント　中 */
	}

	.koment_syo{
		height:		1rem;			/*  表の高さを文字に合わせる  コメント　なし */
	}


}	/* 消しちゃダメ　 */