@charset "utf-8";
/* ------------------------------------------------------------ common */
#view { padding: 50px 0 75px; background: url(../../images/hinata_akeno/index/fv.jpg) center bottom no-repeat; background-size: cover;}
#view div { width: 1000px; margin: 0 auto;}

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

#features 			{ padding: 40px 0; }
#features ul { margin: 0 0 0 -50px;}
#features ul li { width: 300px; margin: 0 0 60px 50px;}
#features ul li:first-child { margin: 0 0 35px 50px;}
#features ul li img { width: 100%; height: auto;}
#features .btn 		{ padding: 30px 0 20px; text-align: center;}

#contents 			{ padding: 60px 0 7px;}
#contents h4 		{ text-align: center; }
#contents .btn 		{ padding: 1px 0; background: url(../../images/hinata_koharu/index/btn_03.gif) no-repeat; margin: 30px 0 0; }
#contents .btn a 	{ background: url(../../images/hinata_koharu/common/arw_01ie.png) no-repeat 22% center; display: block; color: #111; height: 49px; line-height: 49px; margin: 0 auto; padding: 0 0 0 30px;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; }
	
#contents ul li p{ min-height: 92px;}


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

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

#main ul li 		{ float: none; width: 94%; margin: 0 auto 30px; padding: 0 0 20px; background: #fff; }
#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%; min-height: auto; }
#contents .btn 		{ background: none; }
#contents .btn a 	{ background: url(../../images/hinata_koharu/common/arw_01.png) no-repeat 22% center; background-size: 18px; }

#features 			{ padding: 0 0 20px; }
#features ul { margin: 0 ;}
#features ul li { width: 94%; margin: 0 auto 15px;}
#features ul li:first-child { margin: 0 auto 15px;}
#features .btn 		{ padding: 0 0 20px; }
#features h3 img,
#features .btn img 	{ width: 80%; height: auto; }

}