@charset "UTF-8";

/*-----------------------------------------------------------
全体
-----------------------------------------------------------*/

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

/* キーカラー */
.clr_s{/*salon*/
	color: rgb(180,120,180);}
.clr_w{/*women*/
	color: rgb(255,125,165);}
.clr_m{/*men*/
	color: rgb(90,145,205);}
.bgclr_s{/*salon*/
	background-color:rgb(250,240,250);}
.bgclr_w{/*women*/
	background-color:rgb(255,242,246);}
.bgclr_m{/*men*/
	background-color:rgb(238,244,250);}

a{
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;}
a:hover{
	text-decoration:underline;}

/*リンクカラー（キーカラーを使用）*/

.salon a:link,
.salon a:visited,
.salon a:hover,
.salon a:active,
.salon .kc{
	color: rgb(180,120,180);}

.men a:link,
.men a:visited,
.men a:hover,
.men a:active,
.men .kc{
	color: rgb(90,145,205);}

.women a:link,
.women a:visited,
.women a:hover,
.women a:active,
.women .kc{
	color: rgb(255,125,165);}


/*-----------------------------------------------------------
PC-- body
-----------------------------------------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: rgb(60,60,60);
	background-color:rgb(247,244,226);
	background-image: url(../images/bg.jpg);}

.container{
	width:100%;
	max-width:970px;
	margin:0 auto;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);}

/*-----------------------------------------------------------
PC-- header
-----------------------------------------------------------*/

header{
	width:100%;
	position:relative;
	margin-bottom:30px;}

.salon header{
	border-top:6px solid rgb(180,120,180);
	background-color:rgb(250,240,250);}

.men header{
	border-top:6px solid rgb(90,145,205);
	background-color:rgb(238,244,250);}

.women header{
	border-top:6px solid rgb(255,125,165);
	background-color:rgb(255,242,246);}

header h1{
	position:absolute;
	top:30px;
	left:30px;
	width:200px;}

header h2{
	position:absolute;
	top:132px;
	left:55px;
	width:150px;}

header h1 img,
header h2 img{
	width:100%;
	height:auto;}

header #mainImage{
	margin-left:260px;
	overflow:hidden;
	height:295px;
	font-size: 0px;
	line-height: 0px;}

header #mainImage img{
	text-align:right;
	width:auto;
	height:100%;}

header p.topTelNo{
	font-family: 'Lato', sans-serif;
	position:absolute;
	top:15px;
	right:30px;
	height:28px;
	font-size:22px;
	line-height:27px;
	background: #FFF; /* IE7, IE8対応 */
	background-color:rgba(255,255,255,0.9);
	background-image:url("../images/tel_h_s.png");
	background-size:97px 28px;
	background-repeat:no-repeat;
	color:rgb(100,100,100);
	border-radius:14px;
	padding:0 10px 0 97px;}

header p.topTelNo a:link,
header p.topTelNo a:visited,
header p.topTelNo a:hover,
header p.topTelNo a:active{
	color:#333;
	text-decoration:none;
}

.salon header p.topTelNo{
	background-image:url("../images/tel_h_s.png");}

.women header p.topTelNo{
	background-image:url("../images/tel_h_w.png");}

.men header p.topTelNo{
	background-image:url("../images/tel_h_m.png");}

/*-----------------------------------------------------------
PC-- menu
-----------------------------------------------------------*/
#menu{
	float:left;
	margin-left:30px;
	width:200px;
	height:0;}

#menuButton{
	display:none;}

#menuItems{
	width:100%;}

/*subMenu----------*/
#menu ul.subMenu{
	margin-bottom:2em;
	border-top:1px dashed #DDD;
}
#menu ul.subMenu li{
	line-height:32px;
}

#menu ul.subMenu li a,
#menu ul.subMenu li.selected{
	display:block;
	color:rgb(100,100,100);
	padding-left:0em;
	padding-top:4px;
	text-decoration:none;
	border-bottom:1px dashed #DDD;
}

.salon #menu ul.subMenu li.selected{
	color:rgb(180,120,180);}

.men #menu ul.subMenu li.selected{
	color:rgb(90,145,205);}
.women #menu ul.subMenu li.selected{
	color:rgb(255,125,165);}

#menu ul.subMenu li.selected:before,
#menu ul.subMenu li a:before{
	content:"▶ ";
	font-size:50%;
	position:relative;
	top:-2px;}

#menu ul.subMenu li a:before{
	color:transparent;/*マークを消す*/
}

.salon #menu ul.subMenu li a:hover{/*salon*/
	background-color:rgb(250,240,250);}
.women #menu ul.subMenu li a:hover{/*women*/
	background-color:rgb(255,242,246);}
.men #menu ul.subMenu li a:hover{/*men*/
	background-color:rgb(238,244,250);}

/*categoryList----------*/
#menu ul.categoryList{
	margin-bottom:24px;}

#menu ul.categoryList li{
	padding:0;
	margin-bottom:12px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;}

#menu ul.categoryList li img{
	height:36px;
	padding:6px 0 6px 6px;}

#menu ul.categoryList li a{
	display:block;
	height:48px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;}

/*--mo--*/
#menu ul.categoryList li a.ctSalon:hover{
	background-color:rgb(250,240,250);}

#menu ul.categoryList li a.ctMens:hover{
	background-color:rgb(255,242,246);}

#menu ul.categoryList li a.ctWomens:hover{
	background-color:rgb(238,244,250);}


/*bannerList----------*/
#menu ul.bannerList{}

#menu ul.bannerList li{
	margin-bottom:12px;
	border:1px solid #ccc;}
#menu ul.bannerList li a{
	width:198px;
	display:block;
	height:54px;}
#menu ul.bannerList li img{
	width:auto;
	height:100%;}
#menu ul.bannerList li a.headspa{
	background-color:rgb(255,255,234);}
#menu ul.bannerList li a.staff{
	background-color:rgb(255,255,255);}
#menu ul.bannerList li a.inquiry{
	background-color:rgb(235,246,253);}
#menu ul.bannerList li a.access{
	background-color:rgb(245,253,245);}
#menu ul.bannerList li a.fb{
	background-color:rgb(255,255,255);}
/*----mo----*/
#menu ul.bannerList li a.headspa:hover{
	background-color:rgb(250,250,208);}
#menu ul.bannerList li a.staff:hover{
	background-color:rgb(242,242,242);}
#menu ul.bannerList li a.inquiry:hover{
	background-color:rgb(212,230,250);}
#menu ul.bannerList li a.access:hover{
	background-color:rgb(216,239,216);}
#menu ul.bannerList li a.fb:hover{
	background-color:rgb(235,246,253);}

/*-----------------------------------------------------------
PC-- mainContents
-----------------------------------------------------------*/

#mainContents{
	margin-left:260px;
	margin-right:30px;
	min-height:250px;}

#mainContents p,
#mainContents ul{
	margin-bottom:0.75em;}
#mainContents p.small{
	font-size:87.5%;
}


h4+dl{
	margin-top:0;}

h1.pageTitle{
	line-height:1;
	padding-left:11px;
	color:#666;
	margin-bottom:1.75em;
	padding-top:3px;
}

h1.pageTitle img{
	height:22px;
	width:auto;}

.salon h1.pageTitle,
.about h1.pageTitle{
	border-left:3px solid rgb(180,120,180);}
.men h1.pageTitle{
	border-left:3px solid rgb(90,145,205);}
.women h1.pageTitle{
	border-left:3px solid rgb(255,125,165);}

/*h2*/

#mainContents h2{
	font-size:116.666%;
	margin:1.5em 0 1em;
}

/*top*/
#news h2{
	margin-top:0;}

h1+p,h2+p{
	margin-top:0.5em;
}

/*h3*/
h3.general{
	font-size:107.14%;
	margin:1.5em 0 1em;
}

h3.general span{
	padding:0;
	background-color:rgb(255,255,255);
	font-weight:normal;
}

h3.general span:before{
	content:"◎";
	padding-right:0.2em;
	font-size:90%;}

.salon h3.general span{
border-bottom:2px dotted rgb(180,120,180);
}

.men h3.general span{
border-bottom:2px dotted rgb(90,145,205);
}

.women h3.general span{
border-bottom:2px dotted rgb(255,125,165);
}

/*----h3.backKc----*/
h3.backKc{
	font-size:112%;
	margin:1.5em 0 1em;
	line-height:26px;
	height:23px;
	margin-bottom:1em;
	color:rgb(255,255,255);
	padding:0 1em;
	/* background:keycolor */}

.salon h3.backKc{
	background-color:rgb(180,120,180);}

.men h3.backKc{
	background-color:rgb(90,145,205);}

.women h3.backKc{
	background-color:rgb(255,125,165);}


h4{
	font-size:108.333%;
	font-weight:bold;
	margin:1em 0 0.25em;
}

/*----h3-------------- --*/

ul.merit{
	list-style-type:square;}

ul.merit li{
	margin-left:2em;
	line-height:2.0;}

img.pullleft{
	float:left;
	margin-right:1em;}

img.pullright{
	float:right;
	margin-left:1em;}



/*コース紹介----------*/
div.course{
	border:1px solid rgb(180,120,180);
	padding:0 20px;
	margin-top:2em;
	padding-bottom:1em;}

div.course h1{
	color:rgb(180,120,180);
	font-size:112%;
	line-height:1.4;
	padding:7px 20px 5px 20px;
	border-bottom:1px solid rgb(180,120,180);
	margin:0 -20px 1em;
	background-color:rgb(250,240,250);}

div.course img{
	margin-bottom:1em;}

div.course img.courseStep{
	width:35px;
	height:35px;
	float:left;
	text-align:left;
	margin-bottom:0.5em;}

div.course p.stepText{
	margin-left:45px;}

.course div.step{
	border-bottom:1px dashed rgb(190,190,190);
	margin-bottom:1em;
	padding-bottom:1em;}

h2.aiyousha{
height:70px;
line-height:70px;
color:rgb(90,145,205);
background:rgb(238,244,250) url(../images/mens/mry.png) right center no-repeat;
padding-left:15px;
}


/*プライス表*/

h3.priceTitle{
	font-size:108%;
	margin-bottom:0.2em;}

dl.priceTable{
	border-bottom: 1px solid #ddd;
	margin-bottom:2em;}

dl.priceTable dt,
dl.priceTable dd {
	border-top: 1px solid #ddd;
	padding: 3px;}

dl.priceTable dt {
	float: left;}

dl.priceTable dd {
	text-align:right;}

p.commentLeft{
	font-size:85%;}

p.commentRight{
	font-size:85%;
	text-align:right;}

/*-----------------------------------------------------------
PC-- トップへ戻る
-----------------------------------------------------------*/

#toPageTop{
	clear:both;
	margin-left:auto;
	margin-right:30px;
	margin-top:1em;
	width:150px;
	height:54px;
	position:relative;
	background-size:100%}

#toPageTop img{
	width:100%;
	height:100%;}

.salon #toPageTop{
	background-image:url(../images/topagetop_s_on.png);}

.men #toPageTop{
	background-image:url(../images/topagetop_m_on.png);}

.women #toPageTop{
	background-image:url(../images/topagetop_w_on.png);}

/*-----------------------------------------------------------
PC-- フッタ
-----------------------------------------------------------*/

footer{
	color:#FFF;
	margin-top:0px;
	text-align:left;
	padding-top:15px;
	position:relative;}

body.salon footer a:link,
body.salon footer a:visited,
body.salon footer a:active{
	color:rgb(250,245,250);}
body.men footer a:link,
body.men footer a:visited,
body.men footer a:active{
	color:rgb(240,247,255);}
body.women footer a:link,
body.women footer a:visited,
body.women footer a:active{
	color:rgb(255,240,247);}

body.salon footer a:hover,
body.men footer a:hover,
body.women footer a:hover{
	color:rgb(255,255,255);}

/*フッタ背景色----------*/
footer,
body.salon footer{
	background-color:rgb(180,120,180);}

body.men footer{
	background-color:rgb(90,145,205);}

body.women footer{
	background-color:rgb(255,125,165);}

/*フッタリンク----------*/
footer #footerLink{
	position:absolute;
	top:15px;
	left:295px;
	padding-left:30px;}

footer #footerLink hr{
	border:none;
	border-bottom:1px dotted #FFF;
	width:70px;
	margin-top:10px;}

footer #footerLink h5{
	font-size:105%;
	font-weight:bold;
	padding-bottom:0.2em;}

footer div.clmnA{
	text-align:left;
	float:left;
	padding-right:30px;
	font-size:91.66%;}

footer div.clmnA ul{
	font-size:90%;
	line-height:1.8;
	padding-bottom:20px;}

footer div.clmnA li:before{
	content:"▶ ";
	font-size:50%;
	position:relative;
	top:-2px;}

footer p.credit{
	clear:both;
	height:22px;
	font-size:72%;
	line-height:22px;
	width:100%;
	text-align:center;
	color:rgb(255,255,255);}

.salon p.credit{
	background-color:rgb(125,85,125);}
.men p.credit{
	background-color:rgb(63,100,143);}
.women p.credit{
	background-color:rgb(180,88,115);}

/*storeInfo*/
footer #storeInfo{
	margin-left:30px;
	width:265px;
	border-right:1px solid #FFF;
	margin-bottom:15px;}

footer div#storeInfo p.storeTelNo{
	font-size:228.57%;}
footer div#storeInfo p.storeData{
	font-size:93%;
	margin-bottom:2em;}
footer div#storeInfo p.storeName{
	font-size:121.4%;}
footer div#storeInfo p.storeAddress{
	font-size:85.71%;}

@media (max-width: 970px) {
/*Tabret PC <768-970>768*/

body{
	font-size: 13px;
	margin:0;}

.container{
	width:768px;}

/*-----------------------------------------------------------
Tabret PC-- header
-----------------------------------------------------------*/
header{}

header h1{
	top:20px;
	left:20px;
	width:160px;}

header h2{
	top:105px;
	left:40px;
	width:120px;}

.salon header p.topTelNo{
	background-image:url("../images/tel_h_s_2x.png");}

.women header p.topTelNo{
	background-image:url("../images/tel_h_w_2x.png");}

.men header p.topTelNo{
	background-image:url("../images/tel_h_m_2x.png");}


header #mainImage{
	margin-left:200px;
	height:236px;}

/*-----------------------------------------------------------
Tabret PC-- menu
-----------------------------------------------------------*/

#menu{
	margin-left:20px;
	width:160px;}

#menu ul.bannerList li a{
	width:158px;
	height:43px;}

/*-----------------------------------------------------------
Tabret PC-- mainContents
-----------------------------------------------------------*/

#mainContents{
	margin-left:200px;
	margin-right:20px;}

h1.pageTitle img{
	height:20px;
	width:auto;}

/*-----------------------------------------------------------
Tabret PC-- toPageTop
-----------------------------------------------------------*/

#toPageTop{
	margin-right:20px;}

/*-----------------------------------------------------------
Tabret PC-- footer
-----------------------------------------------------------*/

footer{
		width:100%;}

footer #footerLink{
	position:static;
	padding-left:20px;}

footer div.clmnA{
	padding-right:50px;}

/*storeInfo*/
footer #storeInfo{
	width:auto;
	clear:both;
	border-right:none;
	border-top:1px solid #FFF;
	margin:15px 20px;
	padding-top:15px;}

footer div#storeInfo p.storeData{
	padding-top:5px;
	padding-left:280px;}
footer div#storeInfo p.storeName{
	margin-top:-87px;}
}

@media (max-width: 767px) {
/*SmartPhone <-767>100%*/

.container{
	width:100%;}

header{
	margin-bottom:20px;}

header h1{
	top:12px;
	width:160px;}

header h2{
	position:absolute;
	top:8px;
	left:auto;
	right:16px;
	width:80px;}

header h1 img,
header h2 img{
	width:100%;
	height:auto;}

header #mainImage{
	margin-left:0px;
	margin-top:140px;
	height:auto;}

header #mainImage img{
	text-align:right;
	width:100%;
	height:auto;}

header p.topTelNo{/*top.css/にも適用すること*/
	top:97px;
	right:0px;
	left:0px;
	border-top:1px solid #ddd;
	height:42px;
	font-size:20px;
	line-height:42px;
	background-color:rgba(255,255,255,1.0);
	background-image:url("../images/tel_mark.png");
	background-size:17px 25px;
	background-position:18pt 8pt;
	border-radius:0px;
	padding:0 0 0 40px;}

.salon header p.topTelNo,
.women header p.topTelNo,
.men header p.topTelNo{
	background-image:url("../images/tel_mark.png");}

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

#menu{
	position:absolute;
	top:114px;
	right:0;
	width:100%;
	text-align:right;
	height:auto;}

#menuButton{
	position:relative;
	display:inline-block;
	width:60px;
	height:31px;
	padding-top:11px;
	margin-left:auto;
	border-left:1px solid #ddd;
	text-align:center;}

#menuItems{
	position:relative;
	background-color:#fff;
	display:none;
	width:100%;
	margin-left:0;
	text-align:center;}

/*subMenu----------*/
#menu ul.subMenu{
	margin-bottom:0;
	border-top:1px solid #DDD;
}
#menu ul.subMenu li{
	padding:0;
	line-height:42px;
	height:42px;}

#menu ul.subMenu li:last-child{
	border-bottom:1px solid #DDD;
}

#menu ul.subMenu li a{
	padding:0;
	line-height:42px;
	height:42px;}



/*categoryList----------*/
#menu ul.categoryList{
	margin-bottom:0;}

#menu ul.categoryList{
	border-top:1px solid #DDD;}

#menu ul.categoryList li{
	padding:0;
	margin-bottom:0px;
	border:none;
	border-bottom:1px dashed #DDD;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;}

#menu ul.categoryList li:last-child{
	border-bottom:1px solid #DDD;}

#menu ul.categoryList li img{
	height:36px;
	padding:3px 0 6px 3px;}

#menu ul.categoryList li a{
	height:42px;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;}

/*bannerList----------*/
#menu ul.bannerList{}

#menu ul.bannerList li{
	margin-bottom:0px;
	border:none;
	border-bottom:1px dashed #DDD;}

#menu ul.bannerList li a{
	width:100%;
	display:block;
	height:44px;}

#menu ul.bannerList li:last-child{
	border-bottom:1px solid #DDD;}

/*-----------------------------------------------------------
SmartPhone-- mainContents
-----------------------------------------------------------*/

#mainContents{
	margin-left:20px;
	margin-right:20px;}

/*コース紹介----------*/
div.course{}

div.course h1{}

.course img{
	width:100%;
	max-width:300px;
	height:auto;}

div.course img.courseStep{
	float:none;}

div.course p.stepText{
	margin-left:0px;}

.course div.step{
	border-bottom:1px dashed rgb(190,190,190);
	margin-bottom:1em;
	padding-bottom:1em;
}

/*プライス表*/

dl.priceTable dd {
	border-top:none;
	padding: 3px;
	color:#F06;}

dl.priceTable dt {
	float: none;}


/*-----------------------------------------------------------
SmartPhone-- トップへ戻る
-----------------------------------------------------------*/

#toPageTop{
	width:120px;
	height:43px;}

.salon #toPageTop{
	background-image:url(../images/topagetop_s_on_2x.png);}

.men #toPageTop{
	background-image:url(../images/topagetop_m_on_2x.png);}

.women #toPageTop{
	background-image:url(../images/topagetop_w_on_2x.png);}


/*-----------------------------------------------------------
SmartPhone-- footer
-----------------------------------------------------------*/

footer #footerLink{
	position:static;
	padding-left:20px;}

footer div.clmnA{
	float:none;
	padding-right:0;}

/*フッタstoreInfo*/
footer #storeInfo{}

footer div#storeInfo p.storeData{
	padding-left:0px;}

footer div#storeInfo p.storeName{
	margin-top:0px;}

}




/* ◆ color ====================================== */
.textRed{
	color:#ff0000;
}
.textBlue{
	color:#0000cd;
}
.textPink{
	color:#ff69b4;
}