@charset "utf-8";
/* ------------------------------------------------------------ common */
#main  			{ font-size: 18px; }
#view 			{ background: url(../../images/hinata_koharu/staff/view_01.jpg) center center; background-size: cover; }

#read 			{ padding: 50px 0; font-size: 24px; text-align: center; }
#read p 		{ padding: 70px 0; background: url(../../images/hinata_koharu/staff/bg_01.gif) no-repeat; line-height: 200%; font-weight: bold; }

#staff 				{ overflow: hidden; }
#staff ul 			{ width: 1100px; margin: 0 0 0 -60px; }
#staff ul li 		{ float: left; width: 290px; margin: 0 0 0 60px; padding: 0 0 60px; position: relative; }
#staff ul li img 	{ padding: 0 0 15px; }
#staff ul li span 	{ display: block; background: url(../../images/hinata_koharu/staff/bg_03.gif) no-repeat center center; background-size: 98% 100%; padding: 10px 0; text-align: center; font-weight: bold; position: absolute; bottom: 20px; left: 0; right: 0; }
#staff ul li p 		{ font-size: 16px; padding: 10px 0 0; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
#main  			{ font-size: 14px; }

#view 			{ background: url(../../images/hinata_koharu/staff/view_01sp.jpg) center center; background-size: cover; }

#read 				{ padding: 30px 0 70px; font-size: 16px; text-align: left; }
#read p 			{ padding: 30px 15px; background: none #fef8d4; }

#staff div			{ padding: 30px 0 0; }
#staff ul 			{ width: 102%; margin: 0 4% 0 0; }
#staff ul li 		{ width: 46%; margin: 0 0 0 2%; }
#staff ul li img 	{ width: 100%; height: auto; padding: 0 0 5px; }
#staff ul li span	{ font-size: 14px; }


}