@charset "utf-8";



::selection {
  background-color: #777;	/* テキスト選択時の色 */
}






/* MENU BOX */
#m{
	clear: both; float: left;
	padding: 15px 15px 0 0; margin: 0; width: 100%;
}
.m_div{
	float: left;
	padding: 0; margin: 0 0 15px 15px; width: calc(100% / 3 - 15px);
	background:linear-gradient(#fff, #ccc);
	border: 1px #fff solid; border-radius: 4px;
	text-align: center; color: #fff; font-size: 100%;
	display: flex; align-items: center; justify-content: center;			/* 縦方・水平方向の中央寄せ */
}
@media screen and (min-width: 1280px){ .m_div{ width: 120px; } }	/* ビューエリアが1280px以上の場合、スタイルが適用 */
#m div::before{ content: ""; display: block;	padding-top: 100%; }			/* 正方形化 */
#m div a:link { color: #000; text-decoration: none; }
#m div:hover { border: 1px #000 solid; cursor: pointer; }



footer{
	clear: both; float: left;
	padding: 0px 0px 0px 0px; margin: 300px 0px 0px 0px; width: 100%;
}
small{
	clear: both; float: left;
	padding: 0px 0px; width: 100%;
	text-align: center; color: #fff; font-size: 88%; line-height: 20px;
}