/* ---------------------------------------------------------------------------------
subpage */

#subPage #catH2Area{ text-align:center; background:#F3F3F3; margin-top:0; margin-bottom:50px;}
#subPage #contents{ padding-top:0;}

.catH2body{width:640px; margin:0 auto; height:125px; background:url(../images/00_common/bg_catHeader.png) no-repeat center top; background-size:cover;}


.catH2body span{font-family: 'Crimson Text', serif; padding-top:35px; font-size:35px; display:block; text-align:center;letter-spacing: 3px; }
.catH2body h2{padding-top:8px; font-weight:normal;font-family: "Sawarabi Mincho";}

.introText{ text-align:center; padding-bottom:50px;}

.catVisual img{ width:100%;}

.text_other{ height:100px;}

@media(max-width:640px){

#subPage #contents{ padding-top:162px;}

#catH2Area h2 img{ width:100%;}

.introText{ font-size:90%;}


.catH2body span{ padding-top:25px;  }
.catH2body h2{padding-top:8px; }



}







/* ---------------------------------------------------------------------------------
concept */


@media(max-width:640px){


}









/* ---------------------------------------------------------------------------------
menu */

#eyelashMenu{ width:640px; margin:0 auto 40px auto;}
#nailMenu{ width:640px; margin:0 auto 40px auto;}
.menuTable{ padding-bottom:50px;}

.menuBox{margin:0 30px;padding: 30px 0 0 0; position:relative;}
.menuBox h4{ font-size:90%; color:#d9A071; font-weight:bold; position:absolute;}
.menuBox h4 span{ font-size:80%; color:#57545a; margin-left:10px;}
.menuBox dl{margin-left:206px; display:table;}
.menuBox dt{ display:table-cell; width:206px; text-align:right; font-size:70%; padding-bottom:10px;}
.menuBox dd{ display:table-cell; width:120px; text-align:right; font-size:110%; padding-bottom:10px; font-style:italic;font-family: serif;}
.menuBox p{ font-size:70%;margin-left:206px; width:326px; display:block; text-align:right; color:#322b3b;}

#nailMenu .menuBox h4{ font-size:80%; color:#995fa6; margin-left:10px;}
#nailMenu .menuBox h4 span{ font-size:80%; color:#57545a; margin-left:10px;}

.couponLink{margin-top:20px; text-align:center;}

@media(max-width:640px){


#eyelashMenu{ width:auto; margin:0 auto 40px auto;}
#nailMenu{ width:auto; margin:0 auto 40px auto;}

.dotline{text-align:center;}
.dotline img{ width:90%;}

.menuBox{ width:80%; margin:0 auto;}
.menuBox h4{ font-size:90%; color:#d9A071; font-weight:bold; position:absolute;}
.menuBox h4 span{ font-size:80%; color:#57545a; margin-left:10px;}
.menuBox dt{ font-size:80%; padding-bottom:10px;}
.menuBox dd{ font-size:140%; padding-bottom:10px; font-style:italic;font-family: serif;}
.menuBox p{ margin-left:0; width:auto; display:block; text-align:left;}

}









/* ---------------------------------------------------------------------------------
salon */

.setTable02{  width:800px; margin:0 auto;margin-bottom:50px;}
.setTable02 dl{ display:table; font-size:90%;}

.setTable02 dt{ display:table-cell;padding-right:25px; padding-bottom:25px;color:#83768C; font-weight:bold;}
.setTable02 dt span{ width:150px; padding:8px 0; text-align:center; border-top:1px solid #6B6177; background:none;display:block; box-sizing:border-box;}

.setTable02 dd{ display:table-cell;padding:8px 8px 25px 8px; border-top:1px solid #D7D7D7; width:100%; font-size:95%}

#salonArea p{padding-bottom:50px;}

#salonAccess .gMap{ width:800px; margin:0 auto 50px auto;}


.box3crmList{ width:800px; margin:0 auto 50px auto;}
.box3crmList.noMB{ margin:0 auto 0 auto;}
.box3crmList dl{ width:250px;margin-right:25px; float:left;}
.box3crmList dl:last-child{ margin-right:0;}
.box3crmList dt{ width:100%;}
.box3crmList dt img{ width:100%;}
.box3crmList dd{ display:block;padding:20px 0; font-size:85%; color:#83768C; text-align:left;}

.box3crmList:before,
.box3crmList:after {content: " ";display:table;}
.box3crmList:after {clear: both;}
.box3crmList {*zoom: 1;}


@media(max-width:640px){

.setTable02{  width:auto; margin:0 auto;margin-bottom:50px;}

.box3crmList{ width:auto; margin:0 auto 50px auto;}
.box3crmList dl{ width:500px;margin:0 auto 25px; float:none;}
.box3crmList dl:last-child{ margin-right:auto;}
.box3crmList dt{ width:100%;}
.box3crmList dt img{ width:100%;}
.box3crmList dd{ display:block;padding:20px 0; font-size:85%; color:#83768C; text-align:center;}

#salonAccess .gMap{ width:auto; margin:0 auto 50px auto;}
}









/* ---------------------------------------------------------------------------------
access */


@media(max-width:640px){


}









/* ---------------------------------------------------------------------------------
recruit */

#recruit01{}
#recruit01 p{margin-bottom:50px;}

#setTableArea > .inner{ width:640px; margin:0 auto}
.setTable{ margin-bottom:25px;}
.setTable dl{ display:table; font-size:90%;}

.setTable dt{ display:table-cell;padding-right:25px; padding-bottom:25px;}
.setTable dt span{ width:100px; padding:8px 0; text-align:center; border:2px solid #6B6177; background:#534860; color:#fff; display:block; box-sizing:border-box;}

.setTable dd{ display:table-cell;padding:8px 0 25px 0;}



@media(max-width:640px){

#setTableArea > .inner{ width:560px; margin:0 auto}
.setTable{ margin-bottom:25px;}
.setTable dl{ display:block; font-size:90%;}

.setTable dt{ display:block;padding-right:25px; padding-bottom:25px;}
.setTable dt span{ width:200px; padding:8px 0; text-align:center; border:2px solid #6B6177; background:#534860; color:#fff; display:block; box-sizing:border-box;}

.setTable dd{ display:block;padding:8px 0 25px 50px;}



}




#setTableArea ul{border-top:3px double #ddd; text-align:center; padding-top:50px; padding-bottom:100px;}
#setTableArea ul li{ display:inline-block; margin-right:25px;}
#setTableArea ul li:last-child{ display:inline-block; margin-right:0;}
#setTableArea ul a img{}
#setTableArea ul li img{}




@media(max-width:640px){

#setTableArea ul{border-top:3px double #ddd; text-align:center; padding-top:50px; padding-bottom:100px;}
#setTableArea ul li{ display:block; margin-right:0;margin:0 auto 20px auto;}
#setTableArea ul li:last-child{ display:block; margin-right:0;}
#setTableArea ul li a img{ }
#setTableArea ul li img{width:60%;}

}









.box3imgCT{ text-align:center; margin-bottom:50px;}
.box3imgCT img{margin-right:31px; width:246px; height:175px; }
.box3imgCT img.last{ margin-right:0;}

@media(max-width:640px){
	
.box3imgCT{ text-align:center;}
.box3imgCT img{ width:27%;margin-right:1em;  height:auto; }
.box3imgCT img.last{ margin-right:0;}

}










/* ---------------------------------------------------------------------------------
contact */

#contactform{ width:600px; margin:0 auto;margin-bottom:100px;}

@media(max-width:640px){


}




dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;  font-size:95%; }
dl.formtable > dt {  width: 32%;  float: left; background:url(../images/arrow.png) no-repeat left 7px;padding-left:10px; font-weight:bold;}
dl.formtable > dd {  margin-left:32%;  padding-bottom: 10px;margin-bottom:2em; line-height:1.8em;}
dl.formtable > dd:after {  content: '';  display: block;  clear: both;}





.Tbox{ width:100%;}
.Tarea{width:100%; height:80px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#322b3b; color:#fff; padding:1em 5em; font-size: 120%;  font-weight: bold;font-family: "Yu Mincho", YuMincho, "HGP譏取悃B", serif;}

dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}

.hidden_genba,.hidden_siryo{padding-left:5%;}
.checkText{ font-size:90%; color:#2D388A; font-weight:bold;}

.formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; }


.typeSelect{ width:700px; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}


@media(max-width:640px){




#contactform{ width:80%; margin:0 auto 100px auto; background:#eee;}
#contactform h3{ font-size:110%;}
#contactform form{padding:1em;}


#contactform2{ width:80%; margin:0 auto; background:#eee;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:1em;}


dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;   }
dl.formtable > dt {  width: 100%;  float: none; background:none;padding-left:0;font-size:120%;}
dl.formtable > dd {  margin-left:10%;  padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;}

dl.formtable > dd:after {  content: '';  display: block;  clear: both;}




.Tbox{ width:100%;}
.Tarea{width:100%;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em; font-size: 120%;  font-weight: bold; width:100%; text-align: center;}

dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}
	
	
	
	
.typeSelect{ width:80%; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}

} /* Responsive End */










/* ---------------------------------------------------------------------------------
reserve */

.box2crmList{ width:800px; margin:0 auto 100px auto;}
.box2crmList dl{ width:390px;margin-right:20px; float:left;}
.box2crmList dl:last-child{ margin-right:0;}
.box2crmList dt{ width:100%; text-align:center; font-weight:bold; font-size:90%;}
.box2crmList dt img{ width:100%;}
.box2crmList dd{ display:block;padding:10px 0 0 0; font-size:90%; color:#83768C; text-align:center;}

.box2crmList:before,
.box2crmList:after {content: " ";display:table;}
.box2crmList:after {clear: both;}
.box2crmList {*zoom: 1;}

@media(max-width:640px){

.box2crmList{ width:600px; margin:0 auto 100px auto;}
.box2crmList dl{ width:auto;margin-right:0; float:none;}
.box2crmList dl:last-child{ margin-right:0;}
.box2crmList dt{ width:100%; text-align:center; font-weight:bold; font-size:90%;}
.box2crmList dt img{ width:80%;}
.box2crmList dd img{ width:80%; border:1px solid #C8C8C8;}
.box2crmList dd{ display:block;padding:0 0 25px 0; font-size:90%; color:#83768C; text-align:center;}

}