@charset "utf-8";

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header #inner {
	width: auto;
}
/*ロゴ画像*/
header #logo {
	max-width: 50%;
}
/*電話番号ボックスの設定*/
header address {
	letter-spacing: normal;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 2%;
	margin-top: 280px;
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メインメニュー（MENU）設定*/
#sub #menubar {
	position: absolute;
	left: 2%;
	top: 100px;
	width: 96%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 10;
}
#sub #menubar li {
	float: left;
	width: 48%;
}
#sub #menubar li:nth-child(odd) {
	margin-right: 4%;
}

/*幅一杯に画像を表示させる*/
img.wa {
	height: auto;
	width: 100%;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: auto;
}

}