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

article,stylist {display: block;}

#stylist{
clear:both;
color:#5D5D5D;
background:#D3CBC6;
} 


#stylist article{
	margin:0 10px;
} 


/* フッター内のグリッド(3カラム) */
#stylist .grid{
color:#fff;
border:0;
background:transparent;
box-shadow:none;
}

#stylist  a{
	color:#fff;
}
#stylist  a:hover, a:active{
	color:#B3FFC2;
}

#stylist  .inner{
padding:0 0px 10px;
}

.style_name{
font-size:150%;
	}

#hairdarea{
	background:#ffffff;
	margin:0 0px 30px;

}

/* レイアウト
------------------------------------------------------------*/
section.content_s{
padding:0 0px 10px;
margin-bottom:20px;
overflow:hidden;
font-size:14px;
background:#D3CBC6;
}

#content_s{
float:right;
width:627px;
padding:22px 0 50px;
}

/*レイアウト_top
------------------------------------------------------------*/

section.twobaner{
clear:both;
padding:0 0px 10px;
margin-bottom:20px;
overflow:hidden;
}

.twobaner .grid{
	background:#EBE4DC;
}

.top_alignleft{
float:left;
clear:left;
margin:10px 10px 10px 0px;
}

.top_alignright{
float:right;
clear:right;
margin:10px 0px 10px 10px;
}


.top_alignleft1{
width: 940px;
height: 140px;	
margin:10px 10px 10px 20px;
}

.top_alignright1{
float:right;
clear:right;
width: 440px;
height: 290px;	
margin:10px 10px 10px 10px;
}


.mini_alignleft{
float:left;
width: 230px;
height: 145px;	
margin:0px 5px 10px 0px;
}





/*レイアウト_about
------------------------------------------------------------*/
section.content_ab{
padding:0 0px 10px;
margin-bottom:20px;
overflow:hidden;
font-size:14px;
background:#ffffff;

}



#content_ab{
float:right;
width:627px;
padding:22px 0 50px;
}

#topics{
padding:30px 30px;

}


/* about
------------------------------------------------------------*/
#about_text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",;
	font-size: 14px;
	line-height: 30px;	
    padding: 0 10px 30px;
}

/*レイアウト_リクルート
------------------------------------------------------------*/
.recruit_tit{
	background:#5D5D5D;
	color:#FFF

}
.recruit_text{
	background:#D8D0CB;
	color:#
}


.recruit_flow .recruit_text{
	background:#EBE4DC;
}

.recruit_flow .grid{
	background:#EBE4DC;
}


.alltext{
	padding: 10px 5px;

}




/*メニュー
------------------------------------------------------------*/
.price article{display: flex;flex-wrap: wrap;justify-content: space-between;}
.price .alignleft{
    width: 48%;
        float: none;
    clear: none;
    margin: 0;
}
.price .alignright{
    width: 48%;
         float: none;
    clear: none;
    margin: 0;
}


.mearea{ 
    clear:both;
    font-size:16px;
    line-height:1.6;
    font-weight:nomal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",;
    color:#5D5D5D;
    padding:10px 10px;
}
/*料金表*/
.mearea dl{overflow: hidden;}
.mearea dt{
    font-size: 16px;
    font-weight: bold;
    float: left;
    clear: left;
} 
.mearea dt small{font-size: 12px;}
.mearea dt:nth-child(n+2){margin-top: 10px;}
.mearea dd:nth-child(n+3){margin-top: 10px;}
    
.mearea dd:before{
    content: "¥";
}
.mearea dd.bnon:before{display: none;}
.mearea dd{
    float: right;
    clear: right;
    font-size: 14px;
    font-weight: bold;
} 

.mearea p.minime{margin-top: 5px;}
.mearea dd.minime{
    font-size: 12px;
    float: none;
    text-align: left;
    margin-bottom: 15px;
    float: left;
    clear: right;
    width: 100%;
    margin-top: 2px!important;
}.mearea dd.minime:before{
    content: "";
}


.minime{
font-size:12px;
color:#5D5D5D; 
padding:5px 0px;
}


h3{
    background: #fff;
    padding:10px 5px;
    line-height: 1;
    margin-bottom: 10px;
clear:both;
font-size:18px;
line-height:1.6;
font-weight:bold;
color:#7F7767;
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",;*/
	}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
    .price{padding: 0 20px;}
    .price .alignleft,
    .price .alignright{
        width: 100%!important;
    }
    .mearea dt{font-size: 4.2vw;text-align: left;}
    .mearea dt small{display: block;}
    
    .mearea dd{}
}



/**************************
/* グリッド
**************************/
.gridWrapper_st{
padding-top: 10px;
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper_st{height:1%;}
	

.alignleft{
float:left;
clear:left;
margin:3px 1px 10px 10px;
}

.alignright{
float:right;
clear:right;
margin:3px 20px 10px 10px;
}




	
nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#6f6f6f}
	
	
		
	/* グリッド全体 */
	.gridWrapper_st{
	width:960px;
	margin:0 0 0 -20px;
	}
	




    #hairdarea .grid .styletext{
	padding:0 20px 10px;
     }

	
	
	/* 930px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 930px){
	
	.contact{padding:10px 0 10px;}

	#stylist li{margin-bottom:10px;}
	
	.alignleft,.alignright{
	float:none;
	display:block;
	text-align:center;
	margin:0px auto 10px;
	}
	
    .twobaner{
	width: 100%;
	height:auto;
    }
	
	.twobaner .top_alignleft{
	width: 48%;
	height:auto;
	margin:0px 5px 10px 0px;
	}
	
	.twobaner .top_alignright{
	width: 48%;
	height:auto;
	margin:0px 0px 10px 0px;
	}

    #hairdarea .grid .styletext{
	padding:0 20px 10px;
     }

	.map{
	width:98%; 
	}
	
	.recruit_flow .grid{
	width: 98%;
	background:#EBE4DC;
	margin:10px 1%;
	}
	
	.recruit_area .grid{
	width: 98%;
	background:#D8D0CB;
	margin:10px 1%;
	}
	
		
   .recruit_flow .recruit_text{
	background:#EBE4DC;
    }
   .alltext #allbtn{
	width: 98%;
    }

	#content_s, #sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;	}
	
	.alltext{
	padding: 10px 5px;
}




.top_alignleft1 .grid{width:390px;background:#EBE4DC ;margin:0px 0px 0px 0px;}
	.col2{width:460px;background:#EBE4DC;margin:0px 0px 0px 0px;}
	


.top_alignright1 .mini_alignleft{
float:left;
width: 185px;
height: 140px;	
margin:0px 5px 5px 0px;
}

.top_alignright1 .mini_alignright{
float:right;
width: 185px;
height: 140px;	
margin:0px 0px 5px 5px;
}




}
	
	
	/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	section.content_s p{
	margin: 0 10px;
	}
	
	#hairdarea .grid .styletext{
	margin:0 20px 10px;
    }

	#hairdarea .grid{
	float:none;
	width:98%;
	margin: auto;
	}

	.recruit_area .grid{
	float:none;
	width:98%;
	background:#D8D0CB;
	margin:10px 1%;
	}
	
		
	.recruit_flow .grid{
	width: 98%;
	background:#EBE4DC;
	margin:10px 1%;
	}

	.map{
	width:98%; 
	}

    .twobaner{
	float:none;
	height:auto;
    }
	
	.twobaner .top_alignleft{
	float:none;
	height:auto;
	width: 100%;
	}
	
	.twobaner .top_alignright{
	float:none;
	width: 100%;
	height:auto;
	}
	
			
		
.mini_alignleft{
float:left;
width: 210px;
height: 145px;	
margin:0px 0px 5px 0px;
}

.mini_alignright{
float:right;
width: 210px;
height: 145px;	
margin:0px 0px 5px 0px;
}


}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	#mainBanner h2,#mainBanner h3{font-size:75%;}
	.subImg .slogan{right:-30px;}


    #stylist article{
	margin-left:10px;
	margin-right:10px;
}

	
	#hairdarea .grid{
	float:none;
	width:98%;
	margin: auto;
	}
	
	#hairdarea .grid h3{padding:10px 5px;}
	
	#hairdarea ul.list{padding:10px;}
	
	#hairdarea ul.list li{
	padding-bottom:3px;
	margin-bottom:3px;
	}
	
	#hairdarea .grid .styletext{
	padding:0 20px 10px;
     }
	 
	section.content_s p{
	margin: 0 10px;
	}
	#nextbtn{
	padding: 0 20px;
	}
	
	.alltext #allbtn{
	width: 30%;
	margin: auto;
    }
	
	.map{
	width:98%; 
	height: 350px; 
	}

}