@charset "utf-8";
/* CSS Document */

/****** Archive HAIRSTYLE  & Taxonomy LENGTH ********/

#hairstyle_all>li					{ float:left; width:232px; height:300px; margin-right:24px; margin-bottom:24px; background-size: cover; background-position: center center;}
#hairstyle_all>li:nth-child(4n)		{ margin-right:0; }

#hairstyle_all>li>a					{ display:block; height:100%; }


/****** Single HAIRSTYLE ********/

#style_detail>li					{ float:left; background-size: cover; background-position: center center; }
#style_img							{ width:700px; margin-right:50px; }

#style_img img							{ width:100%;}


#style_comment						{ width: 250px; padding:15px; border: 1px dotted #B3B3B3; }

#style_comment>h3					{ padding-bottom:3px; border-bottom: 1px dotted #B3B3B3; font-size:1em; }
#style_comment>p					{ height:285px; margin:20px 0; font-size:0.86em; }

#style_detail2						{ position:relative; display:block; padding-left:103px; }

#style_detail2>div:first-child		{ position:absolute; left:0; bottom:0; max-width:98px; }
#style_detail2 p					{ margin:0; }
#occp								{ font-size:0.68em; }
#stylist_name						{ font-size:0.93em; }

#staff_photo						{ width:115px; height:115px; background-size: cover; background-position: center; 
									  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); transition: 0.5s linear; }
#staff_photo:hover					{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); }									  



@media screen and (max-width:375px) {
	
/****** Archive HAIRSTYLE  & Taxonomy LENGTH ********/

#hairstyle_all>li					{ width:49%; height:170px; margin-right:2%; margin-bottom:6px; }
#hairstyle_all>li:nth-child(2n)		{ margin-right:0; }


/****** Single HAIRSTYLE ********/

#style_detail>li					{ float:none; height:280px; }
#style_img							{ width:100%; margin-right:0; margin-bottom:30px; }

#style_comment						{ width:100%; height:auto !important; padding:10px; }
#style_comment>p					{ height:auto; margin:15px 0 35px; }


#style_detail2>div:first-child		{ max-width:70%; }
#staff_photo						{ float:right; width:100px; height:100px; }



}