@charset "utf-8";
/*-------------------------------------------------
基本
-------------------------------------------------*/
*{ box-sizing:border-box;}
body {color:#333; font-size: 16px; line-height: 1.8; word-break: normal; min-width:1000px;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "NgtMinchoP" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
-webkit-text-size-adjust: none;}
@media all and (-ms-high-contrast:none){
	/*IE10以上は游明朝、ヒラギノ明朝は除外し、webフォント優先とする*/
	body{font-family:"NgtMinchoP" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}
/*Edgeでデフォルトに戻す*/
@supports (-ms-accelerator:true) {
	body{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}
/*明朝系WEBフォント*/
@font-face {
font-family: 'NgtMinchoP';
src:url('../font/ngtmp.eot') format('eot');/* IE9～ */
src:
url('../font/ngtmp.woff') format('woff'), /* 最新ブラウザ */
url('../font/ngtmp.ttf') format('truetype'); /* その他ブラウザ */
}

/*スマホ*/
@media(max-width:740px){
body{ min-width:320px; font-size:14px;}
}

p{ margin:0 0 1em;}
::selection {background: #333; color:#fff;}
::-moz-selection {background: #333; color:#fff;}

img{max-width:100%; position:relative; line-height:1; vertical-align:middle;}

a{color:#000; text-decoration:none; cursor:pointer; -webkit-transition:0.2s; transition: 0.2s;}
a:hover {}
a img:hover{ opacity:0.8;}
a img,.bl{-webkit-transition:0.2s; transition:0.2s;}
a img:hover,.bl:hover{opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}

@media(min-width:741px){.pcHidden{ display:none !important;}/*PCのときに消えるクラス*/}
@media(max-width:740px){.spHidden{ display:none !important;}/*スマホのときに消えるクラス*/}

/* -----------------------------------------------------------
PC調整
----------------------------------------------------------- */
@media(min-width:741px){
a[href^="tel:"] {pointer-events: none;}
.center-left{ text-align:center;}
.left-center{ text-align:left;}
}
/* -----------------------------------------------------------
スマホ調整
----------------------------------------------------------- */
@media(max-width:740px){
.spWidth100per{ width:100% !important;}
.spWidth90per{ width:90% !important;}
.spWidth80per{ width:80% !important;}
.spWidth70per{ width:70% !important;}
.spWidth60per{ width:60% !important;}
.spWidth50per{ width:50% !important;}
.spWidth45per{ width:45% !important;}
.spWidth40per{ width:40% !important;}
.spWidth30per{ width:30% !important;}
.spWidth20per{ width:20% !important;}
.spWidth10per{ width:10% !important;}
.center-left{ text-align:left;}
.left-center{ text-align:center;}
}

/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{min-height: 1px;}.clear{clear:both;}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{color:#000; background:rgba(255,255,255,0.0); border:rgba(0,0,0,0.1) 1px solid; display:inline-block; margin:0.5em 0.5em 0.5em 0; padding:0.2em 1.5em; border-radius:0.1em; border-radius:0.2em; text-decoration:none; font-weight:normal;
-webkit-transition:0.2s; transition:0.2s; cursor: pointer; }
input.button{ padding:0.6em 2em;}
.button:hover{border-color:rgba(0,0,0,1.0); background:#fff;}
/*ボタン　色分け*/
.button.white{background:rgba(255,255,255,1.0); border:rgba(255,255,255,1.0) 1px solid;}
.button.white:hover{ background:rgba(255,255,255,0.8); border:rgba(255,255,255,1.0) 1px solid;}
.button.black{ background:#000; color:#fff; border:rgba(0,0,0,1.0) 1px solid;}
.button.black:hover{ background:#333;}
.button.darkgray{ background:#666; color:#fff; border:rgba(0,0,0,0.8) 1px solid;}
.button.darkgray:hover{ background:#999; border-color:rgba(0,0,0,1.0);}
.button.lightgray{ background:#eee; color:#000; border:rgba(0,0,0,0.1) 1px solid;}
.button.lightgray:hover{ background:#fff; border-color:rgba(0,0,0,1.0); }
.button.red{ background:#e53b4e; color:#fff; border:rgba(0,0,0,0.1) 1px solid;}
.button.red:hover{ opacity:0.8;}

/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
span.red{ color:#e53b4e;}
.normal{ font-weight:normal !important;}
.indent{ line-height:1.4; margin:0.5em 0; padding-left:1em; text-indent:-1em;}

/* -----------------------------------------------------------
アンカー（ヘッダーの高さ分を足している）
----------------------------------------------------------- */
hr.anc{ height:0.001px; border:none; background:none; margin:-100px 0 0; padding:100px 0 0; position:relative; z-index:-9999;}
/*スマホ*/
@media(max-width:740px){
hr.anc{ margin:-60px 0 0; padding:60px 0 0;}
}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid rgba(0,0,0,0.1); margin:0 0 1em;}
ul.nav li{ border-bottom:1px solid rgba(0,0,0,0.1); line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative; box-sizing:border-box;}
ul.nav li a{ color:#333; font-weight:bold;}
ul.nav li.bl{padding-right:30px;}
ul.nav li.bl:after{font-family:"Font Awesome 5 Free"; font-weight:600; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:rgba(0,0,0,0.3);}
ul.nav li.bl:hover{ background-color:#f5f5f5; opacity:1;}
ul.nav li .image{ float:left; width:20%; text-align:center; margin:0 10px 0 0;}
ul.nav li .image.clip{ width:80px; height:80px;}
ul.nav li .text{ overflow:hidden;}
ul.nav li .text p{ margin:0; font-size:85%;}
span.date{font-size:70%; padding:0 0.2em;}
span.date:before{ font-family:"Font Awesome 5 Free"; font-weight:300; content:"\f017"; margin-right:0.5em;}

/*スマホ*/
@media(max-width:740px){
ul.nav{ margin-left:-10px; margin-right:-10px;}
ul.nav li .image.clip{ width:60px; height:60px;}
}

/*-------------------------------------------------
画像クリッピング
-------------------------------------------------*/
.image.clip{overflow:hidden;
background-repeat: no-repeat;
background-image:url("../img/blank_logo.jpg");
background-position: center;
background-size:cover;
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
.image.clip img{opacity:0; width:100%; height:100%; margin:0;}
.image.clip.anc:hover{filter:contrast(110%) brightness(110%); -webkit-filter:contrast(110%) brightness(110%);}
@media all and (-ms-high-contrast: none){.image.clip.anc:hover{ opacity:0.8; /* IE10以上 */  }}

/* -----------------------------------------------------------
基本見出し
----------------------------------------------------------- */
h1{ line-height:1.4; font-size:32px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h2{ line-height:1.4; font-size:28px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h3 { line-height:1.4; font-size:24px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h4{ line-height:1.4; font-size:20px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h5{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h6{ line-height:1.4; font-size:16px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
/*スマホ*/
@media(max-width:740px){
h1{ font-size:22px;}
h2{ font-size:20px;}
h3 { font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}
}

/*主な要素直下の見出しは、上部に適度なマージン*/
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,
br+h1,br+h2,br+h3,br+h4,br+h5,br+h6,
div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,
table+h1,table+h2,table+h3,table+h4,table+h5,table+h6,
ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,
ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6
{ margin-top:2em;}

@media(min-width:741px){
/*グリッド内の見出しはコンパクトに*/
.grid2 h2,.grid3 h2,.grid4 h2,.grid5 h2,.grid6 h2{ font-size:24px; letter-spacing:0;}
.grid2 h3,.grid3 h3,.grid4 h3,.grid5 h3,.grid6 h3{ font-size:20px; letter-spacing:0;}
.grid2 h4,.grid3 h4,.grid4 h4,.grid5 h4,.grid6 h4{ font-size:18px; letter-spacing:0;}
}

/* -----------------------------------------------------------
見出しスタイル
----------------------------------------------------------- */
h2 small{ font-size:60%; font-weight:normal;}
h2.underline{ border-bottom:1px solid #333; padding-bottom:0.5em;}

/* -----------------------------------------------------------
アイキャッチ見出し
----------------------------------------------------------- */
.eyeCatch{ background:linear-gradient(to right,#eee,#fff,#fff,#eee);}
.eyeCatch>*{ line-height:1.4; font-size:32px; font-weight:normal;  padding:0.8em 0; margin:0; position:relative; text-align:center;}
.eyeCatch+.wrapper>.inner{ padding-top:30px;}
/*スマホ*/
@media(max-width:740px){
.eyeCatch>*{font-size:18px;}
.eyeCatch+.wrapper>.inner{ padding-top:20px;}
}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
/*discリスト*/
ul.disc{ margin:1em 0; padding:0 0 0 2em;}
ul.disc li{ list-style:disc outside; line-height:1.4; margin-bottom:1em;}

/*番号付きリスト*/
ol{ margin:1em 0; padding:0 0 0 2em;}
ol li{ list-style:decimal outside; line-height:1.4; margin:0 0 1em;}


/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em; max-width:100%;}
.fl,.fl-center{ float:left;}
.fr,.fr-center{ float:right;}
.flm,.flm-center{ float:left; margin:0 1.5em 1.5em 0; clear:left;}
.frm,.frm-center{ float:right; margin:0 0 1.5em 1.5em; clear:right;}
/*スマホ*/
@media(max-width:740px){
.fl-center,.fr-center,.flm-center,.frm-center{float:none; width:auto !important; max-width:100%; display:block; margin:0 auto 1em;}
}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%;}
table.style th{ background:#f9f9f9; border:1px solid #ddd; padding:0.4em 0.6em; font-weight:bold; vertical-align:middle;}
table.style td{border:1px solid #ddd; padding:0.4em 0.6em; vertical-align:middle;}
table.style td p{ margin:0;}
span.hissu{ display:inline-block; vertical-align:middle; font-family:sans-serif; font-size:75%; background:#e53b4e; color:#fff; padding:0 0.5em; margin:0 0.5em; font-weight:bold; position:relative; top:-0.1em;}

/*スマホ*/
@media(max-width:740px){
table.style{ width:100% !important; margin:0;}
table.style col{ display:none;}
table.style tr{display:block;}
table.style tr:last-child{}
table.style th{display:block; border-left:none; border-right:none; border-bottom:none; padding:0.2em 10px 0.2em; margin:0 -10px 0;}
table.style td{display:block; border:none; background:none; padding:0.4em 10px 1.2em; margin:0 -10px 0;}
table.style span.hissu{float:none;}
}

/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{ margin:0 0 4em;}
.ac .trigger{ cursor:pointer; display:block; vertical-align:middle; padding:30px 20px; background:#f9f9f9;
-webkit-transition:0.4s; transition:0.4s; position:relative; border:1px solid #fff; border-bottom:none;}
.ac .trigger h2.underline{ margin:0; padding-top:0; padding-right:2em; border-color:rgba(0,0,0,0.1); font-size:24px;
-webkit-transition:0.4s; transition:0.4s;}
.ac .trigger:hover{ background:#fff;}
.trigger:hover h2.underline,.trigger.open h2.underline{ border-color:#333;}
.ac .trigger.open{ background:#fff; margin:3.5em 0 0; border-color:#ddd;}
.ac .trigger:first-child.open,.ac *:first-child+.trigger.open{ margin-top:0em;}
.ac .trigger:after{content: "+"; display:block; text-align:center; width:40px; height:40px; line-height:40px; font-size:40px; position:absolute; top:50%; margin-top:-0.5em; right:20px;
-webkit-transition:0.4s; transition:0.4s;}
.ac .trigger.open:after{transform:rotate(45deg);}
.ac .trigger+*.acContent{ display:none; position:relative; padding:0 20px 40px; margin:0 0 60px; border:1px solid #ddd; border-top:none;}
/*スマホ*/
@media(max-width:767px){
.ac .trigger{ padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px;}
.ac .trigger h2.underline{ margin:0; font-size:18px;}
.ac .trigger:after{ right:10px;  width:20px; height:20px; line-height:20px; font-size:20px;}
.ac .trigger+*.acContent{padding:0 10px 20px; margin:0 0 40px;}
}

/* -----------------------------------------------------------
基本ページ
----------------------------------------------------------- */
.page{ position:relative; padding:80px 0 0;}
.wrapper{position:relative; z-index:2;}
.wrapper>.inner{position:relative; max-width:960px; margin:0 auto 0; padding:60px 20px 60px;}
.wrapper>.inner.wide{max-width:1160px;}
.wrapper>.inner.wide.super{max-width:1360px;}
.wrapper .narrow{ max-width:960px; margin:auto;}
.wrapper .narrow.super{ max-width:760px;}
section,article{ margin:0 0 6em;}
section:last-child,article:last-child{ margin-bottom:3em;}
section a,article a{ text-decoration:underline;}
/*スマホ*/
@media(max-width:740px){
.page{ padding:50px 0 0;}
.wrapper>.inner{ width:auto; padding:40px 10px 40px;}
}

/*-------------------------------------------------
店舗情報
-------------------------------------------------*/
section.salon hr{ margin:2.5em 0;}
section.salon .data{ float:left; width:29.3%;}
section.salon .data h2{ margin:1.5em 0;}
section.salon .map{ float:right; width:64.6%;}
section.salon .map iframe{ width:100%; height:550px;}
/*スマホ*/
@media(max-width:740px){
section.salon .data{ float:none; width:auto; 0 2em;}
section.salon .map{ float:none; width:auto;}
section.salon .map iframe{ height:80vh;}
}


/*追記*/
/* アコーディオンB */
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #fff;
}

.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #454545;
}

.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
background: #eaeaea;
}

.cp_actab .cp_actab-content p {
margin: 1em;
font-size: 14px;
}

.cp_actab p{
margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 200em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 3em;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}


/*地域帯*/
section.Store{
	margin:0;
}

/*店舗情報*/
@media(min-width:741px){
.data{
margin-top: 0.5em;
margin-left: 2em;
height: 550px;
}
}


/*-------------------------------------------------
料金表
-------------------------------------------------*/
.menuList h3{ background:#333; color:#fff; padding:0.2em 0.5em; margin-bottom:0.8em;}
.menuList.nail h3{ background:#fae6e7; color:#e53b4e;}
.menuList ul{}
.menuList li{ margin:0 0 1em;}
.menuList li header{ position:relative; overflow:hidden;}
.menuList li header:before{ content:""; position:absolute; top:0.6em; left:0; right:0; height:1px; background:#e5e5e5;}
.menuList li h4{ font-size:14px; float:left; color:#000; margin:0;}
.menuList li h4>span{ display:inline-block; background:#fff; padding-right:0.3em;}
.menuList li .price{ font-size:14px; float:right; color:#000; text-align:right; position:relative;}
.menuList li .price>span{ display:inline-block; background:#fff; padding-left:0.3em;}
.menuList li .text{ font-size:12px;}
/*スマホ*/
@media(max-width:740px){
.menuList li h4{ font-size:13px;}
.menuList li .price{ font-size:13px;}
.menuList li .text{ font-size:11px;}
}

/*-------------------------------------------------
メールフォーム
-------------------------------------------------*/
.mailFormErrorElement {	background: #ffe5e5;}
.mailFormErrorMessage {	color: #ef0000;}
section.privacy{ border:1px solid #ddd; font-size:14px;}
section.privacy h2{ text-align:center; margin:2em 0;}
section.privacy .inner{ max-width:760px; margin:auto; padding:0 10px 4em;}
section.privacy h3{ font-size:120%;}
/*スマホ*/
@media(max-width:740px){
section.privacy{ font-size:12px;}
}

/* -----------------------------------------------------------
お知らせ詳細
----------------------------------------------------------- */
article.news{ border:1px solid #ddd; padding:0 0 30px; position:relative; margin-bottom:3em;}

article.news header{background:#f9f9f9; margin:0 0 20px; padding:10px 0 20px;}
article.news h1{ font-size:28px; width:900px; margin:0 auto 0;}
article.news h1 span.date,article.news h1 span.tag{ display:inline-block; font-size:14px; font-weight:normal; letter-spacing:0px;}

article.news .inner{ width:900px; margin:0 auto 0;}

article.news .image{ margin-bottom:1.5em; text-align:center; overflow:hidden;}
article.news .image *{-webkit-transition:none; transition:none; max-height:800px;}
article.news .image * img{max-height:600px;}
article.news .image.grid2{ margin-bottom:0;}
article.news .image.grid2>* img{max-height:384px; margin-bottom:0;}

article.news .downloadLink{ background:#f9f9f9; text-align:center; margin:2em 0 -30px; padding:0.5em;}
article.news .downloadLink .button:before{ font-family:"Font Awesome 5 Free"; content:"\f019"; font-weight:600; margin:0 0.5em 0 0; color:#fff;}

/*ロングコメント*/
.longComment{ margin-bottom:1em !important;}
.longComment p{ margin:0 !important;}
.noData { color:#df0000; padding:1em; }
/*スマホ*/
@media(max-width:740px){
article.news{border:none; padding:0; font-size:14px;}

article.news header{margin:0 -10px 10px; padding:0 10px 10px;}
article.news h1{ font-size:20px; width:auto;}
article.news h1 span.date,article.news h1 span.tag{font-size:11px;}

article.news .inner{ width:auto;}

article.news .image{ margin-bottom:1em; padding:0 !important;}
article.news .image *,article.news .image.grid2>*{max-height:inherit;}
article.news .image.grid2{ margin-bottom:0;}
article.news .image.grid2>*{ margin-bottom:0;}
article.news .image.grid2>* img{ margin-bottom:1em;}

article.news .downloadLink{padding:0.5em 10px; margin:20px -10px 0;}
}


/* -----------------------------------------------------------
クーポン
----------------------------------------------------------- */

/*キャンペーン期間の配置*/

/*ページ内リンクの位置調整*/
#NormalCoupon,#TripleCoupon,#MensCoupon{margin-top : -100px; padding-top : 100px;}

/*メニュー内容ボックス*/
.CourseMenu {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.CourseMenu:before, .CourseMenu:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
.CourseMenu:before {
  left: 3px;
}
.CourseMenu:after {
  right: 3px;
}

/*コースの位置*/
.CourseHeading{
	margin-top:20px;
	margin-left:20px;
}


/*Gridの隙間*/
.CourseMenuPosition {
    display: grid;
    grid-template-columns: 500px 100px 100px;
    grid-row-gap: 10px;
    grid-column-gap: 30px;
}


/*予約はこちらボタンの位置*/
.button.verydarkgray{background:rgba(194,194,194,1.0); border:rgba(149,149,149,1.0) 1px solid; margin-right: 70px;}
.button.verydarkgray:hover{ background:rgba(227,227,227,0.8); border:rgba(149,149,149,1.0) 1px solid;}
.verydarkgray{float:right;}



/*クーポン金額エリア*/
.saleprice1 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

.saleprice1 {
  color: #656565;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #878787;
  border-bottom: solid 2px #878787;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  margin: 30px 0px 50px 20px;
}


/*クーポン価格*/
.saleprice2 {
  padding: 0;/*文字周りの余白*/
  color: #e02323;/*文字色*/
  background: #e9e9e9;/*背景色*/
  font-size:2.5em;
  }
 
  
  /* -----------------------------------------------------------
採用情報
----------------------------------------------------------- */
.Welfare img{margin-bottom:0px !important;}
.Welfare h2{margin-top:0px;}
.Welfare li{margin-bottom:2em;}