@charset "utf-8";

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

.pc_only {
display: none;
}



/* h2
======================================================================= */
#container .contents h2 {
	width: 100%;
	margin: 0 0 0 0;
}

	#container .contents h2 img {
		width: 100%;
		height: auto;
	}


/* #container .contents #contents_hd
======================================================================= */
/*
#contents_hd h1{
background:#bf8c00;
padding:12px 15px;
font-size:14px;
line-height:110%;
font-weight:bold;
color:#fff;
text-align:left;
margin:0 0 10px 0;
}
*/

#contents_hd .sns_btn{
padding:0 5px 0 0;
}


/* #container .contents #main_contents
======================================================================= */
#main_contents{
padding:5px 3.125% 20px 3.125%;
text-align: left;
color: #322517;
font-size: 18px;
line-height: 160%;
}


/* #parking_detail
======================================================================= */
#parking_detail {
background-color:#f8edcd;
padding-bottom: 12.5%;
}

	#parking_detail h3 {
		width: 100%;
	}

		#parking_detail h3 img {
			width: 100%;
			height: auto;			
		}

	#parking_detail #detail_exp1 {
		margin: 4.7% 4.7% 0 4.7%;
	}

	#parking_detail #detail_exp2 {
		margin: 6.25% 4.7% 0 4.7%;
	}

	#parking_detail #detail_exp3 {
		margin: 6.25% 4.7% 0 4.7%;
	}
	
	#parking_detail #detail_img1 {
		width: 100%;
		margin-top: 6.25%;			
	}

		#parking_detail #detail_img1 img {
			width: 100%;
			height: auto;
		}
	
	#parking_detail #detail_img2 {
		margin: 0 4.7%;
		width: 90.6%;	
	}

		#parking_detail #detail_img2 img {
			width: 100%;
			height: auto;	
		}

	#parking_detail ul#detail_guide {
		width: 67.2%;
		margin: 7.82% 16.4% 0 16.4%;		
	}

	#parking_detail ul#detail_guide li {
		width: 100%;
	}
	
		#parking_detail ul#detail_guide li img {
			width: 100%;
			height: auto;
			vertical-align: bottom;	
		}
		
		#parking_detail ul#detail_guide li span.sub_exp {
			display: block;
			text-align: center;
			padding-bottom: 9.375%;
			margin: 2% 0 3% 0;			
			background: url(../img/car/access_parking_detail_arrow_sp.gif) center bottom no-repeat;
			background-size: 11.8% auto;					
		}

		#parking_detail ul#detail_guide li:last-child span.sub_exp {
			padding-bottom: 0;
			margin-bottom: 0;			
			background: none;				
		}

	#parking_detail #detail_exp4 {
		margin: 6.25% 4.7% 0 4.7%;
		color: #c43c00;
	}


	#parking_detail #page_back {
		margin: 14.1% 4.7% 0 4.7%;
		width: 90.6%;
	}
	
		#parking_detail #page_back img {
			width: 100%;
			height: auto;	
		}





@media screen and (max-width: 500px) { 
	#main_contents{ font-size: 18px; }

	
}

@media screen and (max-width: 420px) { 
	#main_contents{ font-size: 16px; }
	
}

@media screen and (max-width: 370px) { 
	#main_contents{ font-size: 14px; }
	
}