@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_exp {
		color: #c43c00;	
		font-size: 20px;
		line-height: 150%;
	}

	#parking_detail #detail_exp1 span.small { 
		display: block;
		margin-top: 5px;
		font-size: 20px;
		line-height: 130%;		
	}

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

	#parking_detail #detail_exp2 {
		margin: 6% 4.7% 0 4.7%;
	}
	
	#parking_detail #detail_img {
		width: 100%;
		margin-top: 6.25%;			
	}

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

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





@media screen and (max-width: 500px) { 
	#parking_detail .detail_exp { font-size: 18px; }	
	#parking_detail #detail_exp1 span.small { font-size: 18px; }
	
}

@media screen and (max-width: 420px) { 
	#parking_detail .detail_exp { font-size: 16px; }
	#parking_detail #detail_exp1 span.small { font-size: 16px; }
		
}

@media screen and (max-width: 370px) { 
	#parking_detail .detail_exp { font-size: 14px; }
	#parking_detail #detail_exp1 span.small { font-size: 14px; }
	
}