@charset "utf-8";
/* ------------------------------------------------------------ common */
#view { text-align: right; background: url(../../images/sakura/index/view_01.jpg) center center; background-size: cover; }
#view .title img { padding: 150px 5%; height: auto; width: 90%; max-width: 414px; }


#main ul li 			{ float: left; width: 480px; margin: 0 0 0 40px; }
#main ul li:first-child { margin: 0; }
#main ul li h4 			{ font-size: 18px; font-weight: bold; padding: 15px 0 10px; }

#features 			{ padding: 40px 0; background: #f8f0e8;}
#features h3 small { font-weight: bold;}
#features ul li { width: 300px; margin: 0 0 0 50px;}
#features .btn 		{ padding: 30px 0 20px; text-align: center; }
#features .btn a { width: 380px; height: 55px; line-height: 55px; background: url(../../images/sakura/common/arw_02.gif) 10% center no-repeat #dba8a8; font-size: 18px; font-weight: bold; font-family: 'Lato', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif; letter-spacing: 2px;}

#contents 			{ padding: 40px 0; background: url(../../images/sakura/index/bg.jpg) center top no-repeat; background-size: cover;}
#contents ul li { background: #fff;}
#contents ul li div { background: #fff; padding: 5px 15px 0; min-height: 120px;}
#contents h4 		{ text-align: center; }
#contents .btn 		{ padding: 1px 0; margin: 0; padding: 0 0 15px;}
#contents .btn a 	{ background: url(../../images/sakura/common/arw_01.png) no-repeat 25% center; display: block; color: #111; height: 49px; line-height: 49px; margin: 0 auto; padding: 0 0 0 30px; background-size: 18px 18px;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; }

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

#view 				{ padding: 0; }
#view .title 			{ height: auto; width: auto; margin: 0 auto; border: none; text-align: center; background: url(../../images/hinata_koharu/index/view_02.jpg); background-size: cover; }
#view .title img 		{ padding: 10% 0; width: 80%; height: auto; }

#main ul li 		{ float: none; width: 94%; margin: 0 auto 30px; padding: 0 0 20px; }
#main ul li:first-child { margin: 0px auto 30px; }
#main ul li img 	{ width: 100%; height: auto; }
#main ul li h4 		{ font-size: 18px; padding: 15px 0 10px; text-align: center; }
#main ul li p 		{ padding: 0; }

#contents ul li 	{ border: #cfcfcf 1px solid; width: 100%; padding: 0 0 10px; }
#contents ul li p	{ padding: 0 3%; }
#contents .btn 		{ background: none; }
#contents .btn a 	{ background: url(../../images/sakura/common/arw_01.png) no-repeat 26% center; background-size: 18px; }

#features 			{ padding: 0 0 20px; }
#features .btn 		{ padding: 0 0 20px; }
#features .btn a { width: 265px; background: url(../../images/sakura/common/arw_02.gif) 5% center no-repeat #dba8a8; background-size: 15px auto; padding: 0 0 0 5px; font-size: 16px;}
#features h3 img,
#features .btn img 	{ width: 80%; height: auto; }

}