@charset "utf-8";

::selection { background-color: #777; }	/* テキスト選択時の色 */
::placeholder{	color: #fff; }					/* input または textarea 要素のプレイスホルダー文字列 */





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

#wrapper{
	float: left;
	padding: 0; margin: 0; width: 100%;
}



/* コンテンツメニュー */
#menu_b{
	clear: both; float: left;
	padding: 30px 0 1000px 0; margin: 0; width: 100%;
	background-color: #222;
}
.m_b{
	float: left;
	padding: 0; margin: 0; width: 100%;
	border-top: 1px #aaa dashed;
	background-color: #333;
}
.m_b:hover{ opacity:0.85;  background-color: #555; }
#menu_b .m_b:last-child{ border-bottom: 1px #aaa dashed; }			/* 最後のdivに適用 */
.m_b a{
	display: block;
	width: 100%; height: 90px;
}
/* コンテンツアイコン BOX */
.m_b1{
	clear: both; float: left;
	padding: 10px 0; margin: 0; width: 70px; height: 100%;
}
/* コンテンツアイコン画像 */
.m_b1 img{
	width: 100%; height: 100%;/**/
	object-fit: cover;			/* 画像倍率 = 変化する	縦横比率 = 保持			トリミング = する			ボックスが画像で埋まるようにリサイズされます。縦横のうち小さい方を基準にしてリサイズされ、ボックスからはみ出した部分はトリミングされる */
}
/* コンテンツの説明BOX（右側） */
.m_b2{
	float: left;
	padding: 5px 0; margin: 0 0 0 20px; width : calc( 100% - 70px - 30px); height: 100%;
	text-align: left; color: #fff; font-size: 100%; line-height: 27px; letter-spacing: 0px; text-indent: 0px;
	overflow: hidden;/* はみきん */
}



/* ----- フッター */
footer{
	position: fixed; bottom: 0px; left: 0px;
	clear: both; float: left;
	margin: 0; width: 100%;
	background-color: #222;
	border-top: 1px #777 dashed;
}
footer div{
	clear: both; float: left;
	padding: 30px 0; margin: 0; width: 100%;
	background-color: #222;
	text-align: center; color: #fff; font-size: 88%;
}







#test{
	clear: both; float: left;
	padding-bottom: 50px; margin: 0; width: 100%; min-height: 140px;
	background-color: #310;
	text-align: left; color: #fff; font-size: 88%; line-height: 20px; letter-spacing: 0px; text-indent: 0px;
}