@charset "utf-8";
/* CSS Document */

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

img{
	
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align : bottom;
}

a img { border: none; }

.footer {
	display: inline-block;
	margin: 0 auto;
}

.box {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	padding: 0.5em 1em;
    margin: 10px 5px;
    font-weight: bold;
    color: #ffffff;/*文字色*/
    border-radius: 10px;/*角の丸み*/
}

.box p{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100px;
	text-align: center;/*一応BOX内の文字も中央寄せ*/
	margin: 0; 
    padding: 0;
}

.box a{
    text-decoration: none;
    color: #ffffff;/*文字色*/
}

/* 画像のリサイズ 拡大(スマホ対応版) */
.resizeimage { width: 350px; }
/* 画像のリサイズ 縮小(スマホ対応版) */
.s_resizeimage { 
	width: 80%;
	max-width: 170px;
	margin: 0;
}

/* floatのクリア */
.div_clear {
	clear: both;
}

/* 表示なし */
.s_none {
	
	display: none !important;
	
	
}

}