@charset "utf-8";
/* ------------------------------------------------------------ common */
#view { text-align: right; background: url(../../images/hinata_koharu/index/view_01.jpg) center center; background-size: cover; padding: 15px 0; }
#view div { background: url(../../images/hinata_koharu/index/view_02.jpg) 25% center; height: 450px; width: 90%; max-width: 984px; border: 10px #fff solid; }
#view div img { padding: 150px 5%; height: auto; width: 90%; max-width: 414px; }


#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 .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: 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; }

/* ------------------------------------------------------------ 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_koharu/index/view_02.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%; }
#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 .btn 		{ padding: 0 0 20px; }
#features h3 img,
#features .btn img 	{ width: 80%; height: auto; }

}