@charset "utf-8";

/* CSS Document */

/*body{
	background-color: #C7FDFF
}*/

img{width: 100%;}
header h1{
	text-align: center;	
}
header h1 img {
    width: 50%;
}
nav ul {
	overflow: hidden;
	margin:0 ;
	padding-left: 0;
	list-style-type: none;
}
nav ul li{
	float: left;
	width: 24.25%;
	margin-left: 1%;
	text-align: center;
}
nav ul li:first-child{margin-left: 0;}
nav ul li a{
	overflow: hidden;
	display: block;
	height: 32px;
		/*padding: 15px 0 0 0;*/
	line-height: 32px;
	margin-bottom: 35px;
	background-color: #2c6c0d;
	color: #ffffff;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
nav ul li a:hover{background-color:#4eca7d; }
.bx-wrapper img{height: auto;}

#breadcrumb{display: none; /*font-size: 25PX;*/}
#store p{
	text-align: center;
}
#store p img{
	width: 70px;
}
h1 map,#st{
	cursor: pointer;
}
#topimg{
	width: 90%; height: auto; margin: 0 auto;
}
#index #topimg{
	width: 100%;
}
footer{
    border-top: 1px solid #F78508;
    text-align: center;
    padding-top: 10px;
    font-size: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#contents article table {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color:cornsilk;
}

table {
	width: 100%;
}
table img{
	width: 100%;
	height: auto;
}
tr th{
	width: 20%;
}
tr td{
	width: 60%;
}
tr td:last-child{
	width: 20%;
}
#pcClick{display: none;}
@media only screen and (min-width:480px){
	#mbTap{display: none;}
	
				#index2{
				display: flex;
				flex-direction: column;
				}
			#index2 header,#index2 nav{
				order: 1;}
			#index2 #breadcrumb{
				order: 2;}
			#index2 #contents{
				order: 3;}

			#index2 .bx-wrapper{
				order: 4;
			}
			#index2 footer{
				order: 5;}
	

	header{ width:35%;}
	header h1{text-align: left;margin: 0;}
	header h1 img{width:100%;/*margin: 0 50;*/}
	nav {width:40%;position: absolute;top: 7px;right: 10%;}
	nav{overflow: hidden;float: right}
	#breadcrumb{display: block;clear: both;}
	#breadcrumb ul{overflow: hidden;list-style: none }
	#breadcrumb ul li{float: left;padding-right: 0.5em}
	#breadcrumb ul li::after{content: ">";padding-left: 0.5em}
	#breadcrumb ul li:last-of-type::after{content: "";padding-left: 0}
	.bx-wrapper{max-width: 100%!important;}
	/*#index h1{text-align: center;}*/
	#index header+div{width: 80%;max-width: 650px;text-align: center;margin: 0 auto;}
	/*#index #topimg{width: 80%;max-width: 650px;}*/
	#index header{width: 100%;}
	#index header h1{text-align: center;}
	#index header h1 img{width: 35%;}
	body {
	 max-width: 80%;
	 margin-left: auto;
	 margin-right: auto;}
	
	#contents article {
	overflow: hidden;
	}
	#contents article table {
	box-sizing: border-box;
	width: 45%;
	float: left;
	background-color:cornsilk;
	text-align: center;
/*	margin-left: 5%;*/
	}
	#contents article table:last-child{
		margin-top: -1.7em;
		margin-left: 10%;
	}
	#contents article table img{vertical-align: bottom;}
	tr th{
	width: 30%;
	}
	tr td{
	width: 40%;
	}
	tr td:last-child{
	text-align: right;
	width: 30%;
	}
	
	
}