/*--ヘアスタイル--*/

#main.hairstyle .hairstyle_head{
	margin: 40px 5px 20px 10px;
	text-align: left;

}

#main.hairstyle .hairstyle_head h1{
	padding: 0 0 10px;
	font-size: 16px;
	color: #90CA31;
	border-bottom: 1px solid #90CA31;
}

#main.hairstyle .hairstyle_head p{
	padding: 10px 0;


}


#main.hairstyle .hairstyle_list{
	max-width: 599px;
	margin: 30px auto;
	margin: var(--res_30) auto;
}

#main.hairstyle .hairstyle_list form{
	padding-left: 5px;
}


#main.hairstyle .hairstyle_list form .style_li_wrap{

	width: 32%;
	width: -webkit-calc((100% / 3) - 5px);
	width: calc(( (100%) / 3) - 5px);
	height: 240px;
	margin: 0 5px 5px 0;

	float: left;
	position: relative;
	overflow: hidden;

}

#main.hairstyle .hairstyle_list form .style_li_wrap:hover,
#main.hairstyle .hairstyle_list form .style_li_wrap:active{

	opacity: 0.8;

}

#main.hairstyle .hairstyle_list form .style_li_wrap input{

	width: 100%;
	height: 100%;

	padding: 0;
	border: 0;
	opacity: 0;

}






/*--ヘアスタイル詳細--*/

.hairstyle_dis_wrap{

	padding: 30px;
	padding: var(--res_30);
	height: 100%;

}

#main.hairstyle_dis a.back{
	text-decoration: underline;
	display: inline-block;
}

#main.hairstyle_dis .slider{

	margin-bottom: 40px;
	margin-bottom: var(--res_40);

}

#main.hairstyle_dis .slider .slider-cell{
	list-style-type: none;
	padding: 10px;
}

#main.hairstyle_dis .slider .slider-cell img{
	height:240px;
}


#main.hairstyle_dis .slider .slider-cell:last-child{
	padding-right: 30px;
}




#main.hairstyle_dis{
	text-align: left;
}

#main.hairstyle_dis h1{
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.8em;
	padding: 40px 0 20px;

}


#main.hairstyle_dis h2{
	font-weight: bold;
	font-size: 1.3em;

	margin: 60px 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #484A48;

}


#main.hairstyle_dis h3{
	font-weight: bold;
	font-size: 1.2em;

	margin: 20px 0 20px;

}

#main.hairstyle_dis h3 .sejutu_m{

	display: inline-block;

}


#main.hairstyle_dis .menu_text{

}


#main.hairstyle_dis .hairstyle_comment{

}

#main.hairstyle_dis .hairstyle_comment .stylist,
#main.hairstyle_dis .hairstyle_comment .order,
#main.hairstyle_dis .hairstyle_comment .hairstyle_type{

}

#main.hairstyle_dis .hairstyle_comment .stylist img{
	width: 35%;
	padding: 0px 20px 0px 0px;
	float: left;
}

#main.hairstyle_dis .hairstyle_comment .stylist .name,
#main.hairstyle_dis .hairstyle_comment .stylist .comment{
	width: 65%;
	float: left;
}


#main.hairstyle_dis .hairstyle_comment .stylist .name{
	margin:10px 0 20px;
	font-size: 1em;
}


#main.hairstyle_dis .hairstyle_comment .stylist blockquote.comment{
	margin: 0;
	font-size: 1em;
}



/*--

tb

--*/
@media only screen and (min-width:600px){



/*--ヘアスタイル--*/


#main.hairstyle .hairstyle_list form{

	padding-left: 40px;
	padding-right: 40px;
	padding-left: var(--res_40);
	padding-right: var(--res_40);


}


#main.hairstyle .hairstyle_head h1{

	padding-bottom: 10px;
}



#main.hairstyle .hairstyle_head font{

}

#main.hairstyle .hairstyle_list{
	max-width: 959px;
}

#main.hairstyle .hairstyle_list form .style_li_wrap{

	height: 340px;
}


#main.hairstyle .hairstyle_list form .style_li_wrap img{

	width: 240px;

}




/*--ヘアスタイル詳細--*/



.hairstyle_dis_wrap{

	padding: 70px 40px 0;
	padding: var(--res_70) var(--res_40) 0;

}

#h_d_s,
#main.hairstyle_dis .hairstyle_comment{
	width: 50%;
	float: left;
}

#h_d_s{

	padding-right: 40px;
	padding-right: var(--res_40);

}

#main.hairstyle_dis .hairstyle_comment{

}

#main.hairstyle_dis h2{

	margin: 10px 0 20px;

}


#main.hairstyle_dis ul.slider .slider-cell img{
	height:320px;
}


#main.hairstyle_dis .hairstyle_comment .stylist h3{
	margin-top: 0;
}

}


/*--

pc

--*/
@media only screen and (min-width:1024px){



#main.hairstyle .hairstyle_list form .style_li_wrap{
	width: 24%;
	width: -webkit-calc(25% - 5px);
	width: calc(25% - 5px);
}




/*--ヘアスタイル詳細--*/

#main.hairstyle_dis ul.slider .slider-cell img{
	height:360px;
}


}