@charset "utf-8";

/* #container .contents
======================================================================= */
#container .contents{
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
position:relative;
padding:0 0 15px 0;
}

#contents_hd h1{
line-height:0;
}

#contents_hd h1 img{
width:100%;
height:auto;
}

/* #container .contents #main_contents
======================================================================= */
#main_contents{
	widht: 100%;
}

	#main_contents .no_appear {
		display: none;
		/*text-indent: -9999px;*/	
		
	}

	#main_contents .txt {
		line-height: 140% !important;
/*		font-weight: bold !important; */
		letter-spacing: 0.2px;
		color: #333;	
		text-align: left;
		margin: 0 3% 0 0;		
	}

	.pc_only {
		display: none;
	}
	
#starting {
	width: 100%;
	padding-bottom: 150%;
	margin-bottom: 88%;
	background: url(../img/starting_sp_bg.png) left top no-repeat;
	background-size: 100% auto;
	position: relative;
}

	#starting_btn {
		position: absolute;
		top: 65%;
		left: 25%;
		width: 53.1%;
	}
	
		#starting_btn img {
			width: 100%;
			height: auto;
		}	
		
	#starting_01_ph {
		position: absolute;		
		top: 124%;
		left: 0%;
		width: 100%;
	}
	
		#starting_01_ph img {
			width: 100%;
			height: auto;
		}
			
	#starting_02_ph {
		position: absolute;		
		top: 103%;
		left: 6.25%;
		width: 40.6%;
	}
	
		#starting_02_ph img {
			width: 100%;
			height: auto;
		}
	
	#starting_03_ph {
		position: absolute;		
		top: 98%;
		left: 38%;
		width: 33.3%;
	}

		#starting_03_ph img {
			width: 100%;
			height: auto;
		}
			
	#starting_txt1 {
		position: absolute;		
		top: 82%;
		left: 25%;
	}



#tour_01 {
	width: 92%;
	margin: 4.7% 4% 0 4%;
	background-color: #FFF;	
	position: relative;
}

	#tour_01 #tour_01_01_ph {
		position: absolute;		
		top: -7%;
		left: 0.5%;
		width: 32%;		
	}

		#tour_01 #tour_01_01_ph img {
			width: 100%;
			height: auto;
		}


	#tour_01 h2 {
		padding: 9.4% 5% 0 28%;
		width: 100%;		
	}
	
		#tour_01 h2 img {
			width: 100%;
			height: auto;
		}			
		
	#tour_01 #tour01_txt1 {
		padding: 3% 0 0 28%;
	}



	#tour_01 #tour_01_01_btn {
        padding: 5% 4% 4% 28%;
		width: 100%;
	}
		
		#tour_01 #tour_01_01_btn img {
			width: 100%;
			height: auto;			
		}




#tour_02 {
	width: 92%;
	margin: 0 4%;
	background-color: #FFF;
	padding-top: 30%;
}

#tour_02 h2 {
	padding: 9.4% 5% 0 5%;
	width: 50%;		
}
	
	#tour_02 h2 img {
		width: 100%;
		height: auto;
	}			

#tour_02 #tour_02_01_ph {
	padding-bottom: 115%;
	position: relative;	
}

#tour_02 #tour_02_01_txt {
	padding: 3% 0 3% 5%;
}
	
#tour_02 #tour_02_02_txt {
	padding: 0 0 0% 5%;
}

#tour_02 #tour_02_01_01_ph {
	position: absolute;
	top: 51%;
	left: 3%;
}

	#tour_02 #tour_02_01_01_ph img {	
		width: 100%;
		height: auto;
	}
		
#tour_02 #tour_02_01_02_ph {
	position: absolute;
	top: 20%;
	left: 6.7%;
	width: 46.2%
}

	#tour_02 #tour_02_01_02_ph img {	
		width: 100%;
		height: auto;
	}

#tour_02 #tour_02_01_03_ph {
	position: absolute;
	top: 1%;
	left: 42.2%;
	width: 53.8%;
}
	
	#tour_02 #tour_02_01_03_ph img {	
		width: 100%;
		height: auto;
	}
#tour_02 #tour_02_01_04_ph {
	position: absolute;
	top: -83%;
    left: 53.3%;
    width: 42%;
}
	
	#tour_02 #tour_02_01_04_ph img {	
		width: 100%;
		height: auto;
	}





#tour_02 #tour_02_02 {
/*	width: 92%;
	margin: 0 4%; */
	background-color: #FFF;	
}

#tour_02 #tour_02_02 p {
	padding: 3% 0 3% 5%;
}
	
	

#tour_02 #tour_02_03 {
	width: 92%;
	margin: 0 4%;
	padding-bottom: 70%;
	background-color: #FFF;	
	position: relative;
}

#tour_02 #tour_02_03 p {
	position: absolute;
	top: 3%;
	left: 56%;
	margin: 0;
}
	
#tour_02 #tour_02_03_01_ph {
	position: absolute;
	top: 2.3%;
	left: 0%;
	width: 51.6%; 
}

	#tour_02 #tour_02_03_01_ph img {	
		width: 100%;
		height: auto;
	}
		
#tour_02 #tour_02_03_02_ph {
	position: absolute;
	top: 60%;
	left: 50%;
	width: 36.6%
}

	#tour_02 #tour_02_03_02_ph img {	
		width: 100%;
		height: auto;
	}



#tour_02 #tour_02_04 {
/*	width: 92%;
	margin: 0 4%;  */
	padding-bottom: 82.8%;
	background-color: #FFF;	
	position: relative;
}

#tour_02 #tour_02_04 p {
	position: absolute;
	top: 75%;
	left: 3.3%;
}
	
#tour_02 #tour_02_04_sp_ph {
	position: absolute;
	top: 0%;
}

	#tour_02 #tour_02_04_sp_ph img {	
		width: 100%;
		height: auto;
	}

#tour_02 #tour_02_04_ph {
	display: none;
}


#tour_02 #tour_02_05 {
	width: 92%;
	margin: 5% 4% 15% 4%;
	background-color: #FFF;	
	position: relative;
}

#tour_02 #tour_02_05 p {
	margin: 3% 58% 0 0;
}
	
#tour_02 #tour_02_05_ph {
	position: absolute;
	top: 0%;
	left: 45.3%;
	width: 55%; 
}

	#tour_02 #tour_02_05_ph img {	
		width: 100%;
		height: auto;
	}



#tour_02 #tour_02_06 {
	margin: 0 0 0 4%;
	background-color: #FFF;	
}

	#tour_02  #tour_02_06 img {	
		width: 100%;
		height: auto;
	}
	
	#tour_02 #tour_02_06_btn {
		margin: 0 auto;
		width: 60%;
		padding: 4% 0 8%;
	}


#tour_03 {
	width: 92%;
	margin: 0 4%;
	padding-bottom: 106.25%;
	background-color: #FFF;	
	position: relative;
}

#tour_03_01_02_ph {
	display: none;
}

#tour_03 h2 {
	position: absolute;
	top: 3.1%;
	left: 33.5%;	
	width: 60%;		
}
	
	#tour_03 h2 img {
		width: 100%;
		height: auto;
	}			

#tour_03 p {
	position: absolute;	
	top: 32.8%;
	left: 33.5%;
}
		
#tour_03 #tour_03_01_01_ph {
	position: absolute;
	top: 8%;
	left: 1.5%;
	width: 30.5%
}

	#tour_03 #tour_03_01_01_ph img {	
		width: 100%;
		height: auto;
	}

#tour_03 #tour_03_02_01_ph {
	position: absolute;
	top: 53.8%;
	left: 0%;
	width: 100%;
}
	
	#tour_03 #tour_03_02_01_ph img {	
		width: 100%;
		height: auto;
	}

#tour_03 #tour_03_02_02_ph {
	position: absolute;
	top: 48.9%;
	left: 43.3%;
	width: 27.2%;
}
	
	#tour_03 #tour_03_02_02_ph img {	
		width: 100%;
		height: auto;
	}
	
	
	
	

#fc_shop {
	width: 100%;
}

#fc_shop h2 {
	padding: 8.5% 0 0 7.8%;
	width: 85%;		
}
	
	#fc_shop h2 img {
		width: 100%;
		height: auto;
	}			


#fc_shop #fc_shop_01_txt {
	padding: 5.5% 0 5.5% 7.8%;
}

#fc_shop #fc_shop_01_btn {
    padding: 0 0 1.5% 7.8%;
	width: 50%;
}
	
	#fc_shop #fc_shop_01_btn img {
		width: 100%;
		height: auto;			
	}

#fc_shop #fc_shop_01_ph {
	position: relative;
	padding-bottom: 60.1%;
}


#fc_shop #fc_shop_01_01_ph {
	position: absolute;
	top: 0%;
	left: 45%;
	width: 50.8%
	
}

	#fc_shop #fc_shop_01_01_ph img {	
		width: 100%;
		height: auto;
	}
		
#fc_shop #fc_shop_01_02_ph {
	position: absolute;
	top: 20.4%;
	left: 12.8%;
	width: 37.2%;
}

	#fc_shop #fc_shop_01_02_ph img {	
		width: 100%;
		height: auto;
	}

#fc_shop #fc_shop_01_03_ph {
	position: absolute;
	top: 2.4%;
	left: 2.3%;
	width: 33.59%;
}
	
	#fc_shop #fc_shop_01_03_ph img {	
		width: 100%;
		height: auto;
	}

	
	
	
	
#photograph {
	width: 100%;
	position: relative;
}

#photograph h2 {
	width: 70%;
	padding: 2% 0 0 7.8%;
}
	
	#photograph h2 img {
		width: 100%;
		height: auto;
	}			


#photograph p {
	padding: 5.5% 0 5.5% 7.8%;
}


#photograph #photograph_01_01_ph {
	margin: 5.2% 10px;
	width: calc(100% - 20px);
}

	#photograph #photograph_01_01_ph img {	
		width: 100%;
		height: auto;
	}
		
#photograph #photograph_01_02_ph {
	position: absolute;
	top: 7.8%;
	left: 66%;
	width: 30%;
}

	#photograph #photograph_01_02_ph img {	
		width: 100%;
		height: auto;
	}

#photograph #photograph_bnr img {
	width: 94%;
}
		

#restaurant {
	width: 100%;
	background: url(../img/restaurant_bg.png) 2% 11.25% no-repeat;
	background-size: 80% auto;
	position: relative;
}

#restaurant h2 {
	padding: 42.3% 0 0 7.8%;
	width: 68.75%;		
}
	
	#restaurant h2 img {
		width: 100%;
		height: auto;
	}			


#restaurant #restaurant_01_txt {
	padding: 5.5% 0 5.5% 7.8%;
}

#restaurant #restaurant_02_txt {
	position: absolute;
	top: 56%;
	left: 54%;
}

#restaurant #restaurant_02_btn {
	position: absolute;
	top: 75%;
	left: 51%;
	width: 45%;
}
	
	#restaurant #restaurant_02_btn img {
		width: 100%;
		height: auto;			
	}

#restaurant #restaurant_02_ph {
	position: relative;
	padding-bottom: 78%;
	width: 100%;
}

#restaurant #restaurant_02_01_ph {
	position: absolute;
	top: 52%;
	left: 4.6%;
	width: 30.78%	
}

	#restaurant #restaurant_02_01_ph img {	
		width: 100%;
		height: auto;

	}
		
#restaurant #restaurant_02_02_ph {
	position: absolute;
	top: o%;
	left: 3.1%;
	width: 46.8%;
}

	#restaurant #restaurant_02_02_ph img {	
		width: 100%;
		height: auto;
	}

#restaurant #restaurant_02_03_ph {
	position: absolute;
	top: 6%;
	left: 64.1%;
	width: 32.8%;
}
	
	#restaurant #restaurant_02_03_ph img {	
		width: 100%;
		height: auto;
	}

		
	
	

#sightseeing {
	width: 100%;
	position: relative;
}

#sightseeing h2 {
	padding: 4.7% 0 0 7.8%;
	width: 68.28%;		
}
	
	#sightseeing h2 img {
		width: 100%;
		height: auto;
	}			

#sightseeing #sightseeing_01_txt {
	padding: 5.5% 0 5.5% 7.8%;
}

#sightseeing #sightseeing_01_btn {
	padding: 5.5% 0 5.5% 7.8%;	
	width: 65.6%;
}
	
	#sightseeing #sightseeing_01_btn img {
		width: 100%;
		height: auto;			
	}

#sightseeing #sightseeing_ph {
	position: relative;
	padding-bottom: 81.25%;
	width: 100%;
}

#sightseeing #sightseeing_01_ph {
	position: absolute;
	top: 0%;
	left: 7.8%;
	width: 31.25%	
}

	#sightseeing #sightseeing_01_ph img {	
		width: 100%;
		height: auto;

	}
		
#sightseeing #sightseeing_02_ph {
	position: absolute;
	top: 42%;
	left: 25%;
	width: 54.6%;
}

	#sightseeing #sightseeing_02_ph img {	
		width: 100%;
		height: auto;
	}

#sightseeing #sightseeing_03_ph {
	position: absolute;
	top: 0%;
	left: 40.625%;
	width: 55.1%;
}
	
	#sightseeing #sightseeing_03_ph img {	
		width: 100%;
		height: auto;
	}
	
	
p.btn a:hover, dd.btn a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}


#tour_02 #tour_02_06_btn a {
	display: block;
	text-indent: 0;
	font-size: 14px;
	color: #322517 !important;
	height: auto;
	padding: 15px 25px 14px 10px;
	text-decoration: none;
	position: relative;
	background: #9ada6f;
	line-height: 14px;
}

#tour_02 #tour_02_06_btn a:after {
	position: absolute;
	display: block;
	content:'';
	top: 36%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-right: 1px solid #332900;
	border-bottom: 1px solid #332900;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


@media screen and (max-width: 767px) {
	#main_contents .txt {	
		font-size: 24px !important;
	}
}
@media screen and (max-width: 600px) {
	#main_contents .txt {	
		font-size: 22px !important;			
	}

}
@media screen and (max-width: 550px) {	
	#main_contents .txt {		
		font-size: 20px !important;
	}	

}
@media screen and (max-width: 470px) {
	#main_contents .txt {	
		font-size: 18px !important;
	}

}
@media screen and (max-width: 410px) {
	#main_contents .txt {	
		font-size: 16px !important;
	}
}
@media screen and (max-width: 370px) {
	#main_contents .txt {	
		font-size: 14px !important;
	}

}



/*見学停止対応*/
#starting_btn {display:none;}
#tour_01_01_btn {display:none;}