@charset "utf-8";
/* ------------------------------------------------------------ common */
#main body 	{ font-size: 18px; }
#view 	{ background: url(../../images/hinata_tokai/information/fv.jpg) center center; background-size: cover; }

#main div div 	{ overflow: hidden; }
#main ul 		{ width: 1100px; margin: 0 0 0 -25px; }
#main ul li 	{ float: left; margin: 0 0 20px 25px; }

#main #f2{ padding: 0 0 130px; }

#read { padding: 50px 0 70px; text-align: center; }
#read h3 { background: none; padding: 45px 0 20px; }
#read p { line-height: 250%; }

#floor{ text-align: center; }
#floor h3{ background: url(../../images/hinata_koharu/common/bg_h.png) repeat-x center 55px; }
#floor h3 small{ display: block;}

#floor ul li 	{ position: relative; }
#floor ul li p 	{ position: absolute; bottom: 0; left: 0; background: url(../../images/hinata_koharu/infomation/opc_b.png); color: #fff; width: 90%; padding: 3px 5%; }

#floor #f1 		{ padding: 30px 0 100px; }
#floor #f1 div 	{ padding: 85px 0 70px; }

#other 		{ padding: 30px 0; overflow: hidden; }
#other p 	{ text-align: center; padding: 5px 0; }

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

#view 	{ background: url(../../images/hinata_koharu/infomation/view_01.jpg) 10% center; background-size: cover; }

#main ul 		{ width: 100%; margin: 0; }
#main ul li 	{ margin: 0 0 20px 2%; width: 47%; }
#main ul li img { width: 100%; height: auto; }

#read img 		{ width: 90%; height: auto; }
#read h3		{ padding: 30px 0 20px; }
#read p 		{ line-height: 200%; text-align: left; font-size: 14px; padding: 0 3%; }
#read p br 		{ display: none; }

#floor ul li p 	{ font-size: 12px; }
#floor #f1{ padding: 30px 0 50px;}
#floor #f1 div 	{ padding: 0 0 30px; }
#main #f2{ padding: 0 0 80px; }
#floor img{ width: 80%; height: auto; }

#other 		{ padding: 0; }
#other p 	{ font-size: 13px; }

}