@charset "utf-8";
/* ------------------------------------------------------------ set */

#lead { padding: 50px 0; }
#lead h3 { font-size: 28px; text-align: center; padding: 30px 0; }
#lead p { font-size: 16px; line-height: 200%; }

#detail { padding:  30px 0 100px; background: url(../../images/yuzu/common/bg_03.gif);}
#detail table { width: 90%; margin: 0 auto; font-size: 18px; }
#detail table th { text-align: left; font-weight: bold; padding: 20px 0; border-bottom: 1px solid #fff; }
#detail table td { padding: 20px 0; border-bottom: 1px solid #fff; }

#access 		{ padding: 50px 0; }
#access iframe { width: 100%; }

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

#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 80px; }
#floor #f2 		{ padding: 0 0 30px; }
#floor #f2 div 	{ background: url(../../images/sakura/information/map_02.png) no-repeat center top; padding: 380px 0 70px; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main img { width: 100%; height: auto; }


/* ------------------------------------------------------------ set */
#lead 	{ padding: 30px 3%; }
#access { padding: 20px 3% 30px; }

#lead h3 { font-size: 18px; padding: 20px 0 15px; font-weight: bold; line-height: 150%; }
#lead p { font-size: 14px; line-height: 200%; }

#detail { padding: 20px 0 50px; }
#detail table { width: 94%; font-size: 14px; }
#detail table th { width: 80px; padding: 13px 0; }
#detail table td { padding: 13px 0; background: url(../../images/common/line_02.gif) repeat-x left bottom; }

#access iframe { width: 100%; height: 250px; }

#main #floor ul 		{ width: 98%; margin: 0 1%; }
#main #floor ul li 	{ margin: 0 1% 10px; width: 48%; }
#main #floor ul li img { width: 100%; height: auto; }

#floor ul li p 	{ font-size: 12px; }
#floor #f1 { padding: 30px 0 0;}
#floor #f2 { padding: 0 0 30px;}
#floor #f2 div 	{ background:url(../../images/sakura/information/map_02_sp.gif) no-repeat center top; background-size: 280px 210px; padding: 280px 0 30px; }



}