@charset "UTF-8";
/*書式設定
----------------------------------*/
@media only screen and (max-width: 990px) {

}/*990px end*/

@media only screen and (max-width: 640px) {

.left { float: none; }
.right { float: none; }
.pc { display: none; }
.sp{display: block;}
#contentWrap {width: 100%; min-width: 100%; margin: 0 auto;}




/* footer
-------------------------------*/
#footer {
	min-width: initial;
	min-width: auto;
	padding-top: 0;
	padding-bottom: 50px;
padding-top: 50px;
	}
#footer div {
    width: 100% !important;
}
#footer .re_logo {
    margin-left: 3%;
}
#footer .ja_logo {
    margin-right: 3%;
}




/* content
-------------------------------*/
#contentWrap {
	width: 100%;
	min-width: none;
	margin: 0 auto;
}
/* slider*/
#keyimg {
	min-width: none;
}
.inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.headerTxt {
	background: url(../images/icon_down.png) no-repeat bottom 0px center #fff;
	padding: 20px 0px;
	margin: 0 auto;
	width: auto;
	height: auto;
	text-align: center;
}
.headerTxt dt {
	float: none;
	line-height: normal;
	margin-bottom: 10px
}
.headerTxt dt img {
	vertical-align: middle;
}
.headerTxt dd {
	float: none;
	line-height: normal;
}
.headerTxt dd img {
	vertical-align: middle;
}

	
	
	
/* wrapper01*/
#wrapper01 {
	background-color: #ffffff;
	text-align: center;
	padding: 90px 0 60px;
}
.logo {
	margin-bottom: 50px;
}
.txt01 {
	margin-bottom: 50px;
}
	.txt01 img {
		width:100%;
		height: auto;
		max-width: 345px;
	}
.btn {
	display: inline-block;
	margin-bottom: 20px;
}
.btn a {
	text-decoration: none;
	color: #7e6308;
	font-size: 18px;
	font-weight: bold;
	border: #7e6308 1px solid;
	padding: 20px 20px;
	display: block;
	position: relative;
}
.btn a:hover {
	background-color: #E0D8D0!important;
}
.btn a i {
	position: absolute;
	top: 20%;
	right: -20px;
}
.txt_notice {
	text-align: left;
}

	
	
	

/* wrapper02*/
#wrapper02 {
	background: url(../images/bg.gif) repeat top left;
	padding: 90px 0px;
}
.catBoxImg {
	width: 100%;
}
.catBoxImg img {
	width: 100%;
	height: auto;
}
.catBoxInner {
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 20px 20px;
	text-align: left;
	height: auto;
}
.catBoxInner h2 {
	margin-bottom: 20px;
}
.catBoxInner dl {
}
.catBoxInner dt {
	margin-bottom: 20px;
	line-height: 1.8em;
}
.catBoxInner dd {
	margin-bottom: 20px;
}

.catBoxFood .catBoxImg {
	float: none;
}
.catBoxFood .catBoxInner {
	float: none;
}
.catBoxOnsen .catBoxImg {
	float: none;
}
.catBoxOnsen .catBoxInner {
	float: none;
}
	
.catBoxExpe {
	background-color: #fff;
	padding: 40px 20px 20px;
}
.catBoxInner2 {
}
.catBoxInner2 h2 {
	float: none;
	padding: 0px;
}
	.catBoxInner2 h2 img {
		width:100%;
		max-width: 271px;
		height: auto;
	}
.catBoxInner2 p {
	padding: 20px 0px;
	font-size: 14px;
	
}

.catBoxImg2 div {
	display: inline-block;
	width: 100%;
	margin-bottom: 3px;
}



	
	
/* wrapper03*/
#wrapper03 {
	background-color: #252525;
	padding: 90px 0px 40px;
	color: #ffffff;
}


.w3ttle { margin-bottom: 40px;}
.w3ttle h3 { float: none; text-align: center; margin-bottom: 40px;}
.w3ttle dl { padding-top:0px }
.w3ttle dt { margin-bottom: 10px;}
.w3ttle dd {margin-left: 0px;}
.map { float: none;}
	.map img {width:100%; height: auto; max-width: 429px;}

.w3list {}
.listBox { display: inline-block;vertical-align: top; width: 100%; }
.listBox:nth-child(1) { margin-right: 0px;}
.listBox:nth-child(2) { margin-right: 0px;}
.listBox h4 {font-size: 18px; margin-bottom: 10px;}
.listBox table { margin-bottom: 30px; width: 100%; }
.listBox tr {}
.listBox th {font-size: 12px; text-align: left; width: 40%; line-height: 2em;}
.listBox td {font-size: 14px; line-height: 2em;}
.listBox td a { text-decoration: none;}
.listBox td a:visited { color: #fff;}
.listBox td a:hover { color:#b1b1b1!important;}


	
	
	
	
	
	

}/*640px end*/

@media only screen and (max-width: 380px) {


}/*380px end*/