@charset "utf-8";
/* ------------------------------------------------------------ common */
#main body 	{ font-size: 18px; }
#view 	{ background: url(../../images/hinata_akeno/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; }


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

#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 0; }
#floor #f1 div 	{ padding: 16px 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 div 	{ padding: 0 0 30px; }

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

}