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

#main div div 	{ overflow: hidden; }
#main ul 		{ width: 1100px; margin: 0 0 0 -25px;display: flex;flex-wrap: wrap }

#main ul li 	{  margin: 0 0 20px 25px; }


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

#floor ul li 	{ position: relative; }
#floor ul li p 	{ position: absolute; bottom: 0; left: 0; background: url(../../images/sakura/information/bg_02.png); color: #fff; width: 90%; padding: 3px 5%; font-size: 18px;}

#floor #f1 		{ padding: 30px 0 0; }
#floor #f1 div 	{ padding: 0 0 90px; }
#floor #f2 		{ padding: 0 0 30px; }
#floor #f2 div 	{ padding: 0 0 90px; }
#floor .img{text-align: center;}

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

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

#view.pages h2 { color: #070707;}
#main ul 		{ width: 98%; margin: 0 1%; }
#main ul li 	{ margin: 0 1% 10px; 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 .img{width: auto; height: auto; padding: 0 5% 30px 5%;}
#floor #f2 .img{width: auto; height: auto; padding:0 5% 30px 5%;}
#floor .img img{width: 100%; height: auto;}
#floor #f1 { padding: 30px 0 0;}
#floor #f2 { padding: 0 0 30px;}
#floor #f1 div,#floor #f2 div 	{padding: 0 0 30px; }

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

}