@charset "utf-8";

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

	/*ヘッダー（サイト名ロゴが入ったブロック）
	---------------------------------------------------------------------------*/
	/*h1見出しタグ設定*/
	header h1 {
		display: none;
	}
	header #logo img {
		width: 340px;	/*ロゴ画像の幅*/
		height: auto;
		margin: 0px;
	}
	header #menu {
		position: absolute;
		top: 18px;			/*ヘッダーブロックに対して上から34pxの位置に配置*/
		right: 5px;			/*ヘッダーブロックに対して右から0pxの位置に配置*/
		width: 100px;
	}

	/*コンテナー（HPを囲むブロック）
	---------------------------------------------------------------------------*/
	#container {
		width: auto;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}

	/*メインメニュー
	---------------------------------------------------------------------------*/
	nav#menubar {
		border-bottom: 1px solid #d2d2d2;
		overflow: hidden;
	}
	/*メニュー１個ごとの設定*/
	nav#menubar ul li {
		width: 50%;
		border-bottom: none;
		border-left: none;
	}
	/*奇数番目のメニューの設定*/
	nav#menubar ul li:nth-child(odd) {
		border-right: 1px solid #d2d2d2;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	/*コンテンツ（main,subを囲むブロック）
	---------------------------------------------------------------------------*/
	#contents {
		width: auto;
		padding: 30px 10px 10px;
	}

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

	#main-all, #sub {
		float: none;
		width: auto;
	}

	#main-left {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	#main-right {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	#main-simple {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	/*その他
	---------------------------------------------------------------------------*/
	/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
	body.s-n #sub {
		display: none;
	}

	#sub .img_link
	{
		width: auto;
		height: 30px;
		padding: 10px;	/*ボックス内の余白*/
	}

	.imgbox3
	{
		height	: 350px;
		padding	: 5px;
 	}
}