@charset "utf-8";
/* CSS Document */
/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#salon{width:100%; height:auto; margin:60px 0;}
#salon h3{width:100%; height:auto; margin:70px 0 30px; padding-bottom:30px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:30px; letter-spacing:0.06em;  text-align:center;}
#salon h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#salon h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#salon h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}

/******************************************************/
/** サロンTOP
/******************************************************/
.top{}
.top .salon h3+img{float:left; width:440px; height:297px; display:block; background:#999;}
.top .salon table{float:right; margin-top:0;}
.top .salon #map{float:none; width:100%; margin:30px 0; display:inline-block;}
.top .salon #map+button{position:inherit; width:75%; height:auto; display:block; margin:auto;}
/*こだわり*/
.top .concept dl{width:100%; height:auto; margin:40px 0 -10px; background:#fbf8f7; display:table;}
.top .concept dl dt{}
.top .concept dl dt h4{width:100%; height:50px; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19px; letter-spacing:0.06em; line-height:50px; text-align:center; position:relative;}
.top .concept dl dt h4:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:488px;}
.top .concept dl dd{}
.top .concept dl dd ul{width:auto; height:auto; display:table; margin:50px auto 40px;}
.top .concept dl dd ul li{float:left; width:284px; height:auto; margin-right:40px; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px;}
.top .concept dl dd ul li:last-child{margin-right:0;}
.top .concept dl dd ul li dl{margin:0; padding:0; background:none;}
.top .concept dl dd ul li dl dt{padding:3px 0 18px; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:17px; letter-spacing:0.08em; text-align:center;}
.top .concept dl dd ul li dl dd{display:block!important;}
.top .concept dl dd ul li dl dd img{width:248px; height:135px; display:block; background:#999;}
.top .concept dl dd ul li dl dd p{margin:20px 0 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px;}
/*コメント*/
.top .comment .sec{}
.top .comment .sec img{float:left; width:360px; min-height:230px; height:auto; display:block; background:#999;}
.top .comment .sec .text{float:right; width:614px; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.top .comment .sec .text p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px;}
.top .comment .sec .btn{display:-webkit-box;}
.top .comment .sec .btn a{display:block; width:800px; height:70px; margin:40px auto 20px; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; letter-spacing:0.06em; text-align:center;}
.top .comment .sec .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.top .comment .sec .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.top .comment .sec .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.top .comment .sec .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}

/******************************************************/
/** サロンのこだわり
/******************************************************/
.concept .sec{}
.concept .sec img{float:left; width:360px; min-height:230px; height:auto; display:block; background:#999;}
.concept .sec .text{float:right; width:614px; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.concept .sec .text h4{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:20px; letter-spacing:0.1em; text-indent:0.55em; position:relative;}
.concept .sec .text h4:before{content:''; width:3px; height:100%; background:#f07573; position:absolute; left:0;}
.concept .sec .text p{margin:20px 0 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; text-align:justify;}
.concept .sec .btn{display:-webkit-box;}
.concept .sec .btn a{display:block; width:800px; height:70px; margin:40px auto 20px; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; letter-spacing:0.06em; text-align:center;}
.concept .sec .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.concept .sec .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.concept .sec .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.concept .sec .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}

.concept .skill_reason{width:100%; height:auto; margin:30px 0 -10px; background:#fbf8f7; display:table;}
.concept .skill_reason h5{width:100%; height:50px; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19px; letter-spacing:0.06em; line-height:50px; text-align:center; position:relative;}
.concept .skill_reason h5:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:488px;}
.concept .skill_reason ul{width:auto; height:auto; display:table; margin:50px auto 40px;}
.concept .skill_reason ul li{float:left; width:284px; height:auto; margin-right:40px; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px;}
.concept .skill_reason ul li:last-child{margin-right:0;}
.concept .skill_reason ul li dl{}
.concept .skill_reason ul li dl dt{padding:3px 0 18px; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:17px; letter-spacing:0.08em; text-align:center;}
.concept .skill_reason ul li dl dd{display:block!important;}
.concept .skill_reason ul li dl dd img{width:248px; height:135px; display:block; background:#999;}
.concept .skill_reason ul li dl dd p{margin:20px 0 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; text-align:justify;}

/******************************************************/
/** 天神店へのアクセス
/******************************************************/
.access h3+p{font-size:14px; line-height:26px;}
.access ul.train{width:100%; height:auto; display:table; margin:30px 0;}
.access ul.train li{float:left; width:30%; height:auto; margin-right:5%; border:solid 1px #f07573; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px;}
.access ul.train li:last-child{margin-right:0;}
.access ul.train li a{padding:13px 10px 12px; color:#f07573; display:block; text-align:center; transition:all 0.3s ease;}
.access ul.train li a span.pc.tab{display:inline-block!important;}
.access ul.train li a:before{content:'\f239'; font-weight:900; font-family:"Font Awesome 5 Free"; padding-right:5px;}
.access ul.train li a:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.access ul.train li a:hover:before{content:'\f13a';}
.access dl{width:100%; height:auto; margin:30px 0; padding-bottom:50px; background:#fbf8f7; display:table;}
.access dl dt{}
.access dl dt h4{width:100%; height:50px; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19px; letter-spacing:0.06em; line-height:50px; text-align:center; position:relative;}
 .access dl dt h4:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:488px;}
.access dl dd{}
.access dl dd p.mds{width:90%; height:auto; margin:50px auto 30px; text-align:center;}
.access dl dd .box{width:90%; height:auto; display:table; margin:20px auto; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px; border: solid 1px #d0beb8; position:relative;}
.access dl dd .box:after{content:''; display:block; width:2px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:105px;}
.access dl dd .box:last-child{margin-bottom:0;}
.access dl dd .box:last-child:after{display:none;}
.access dl dd .box img{float:left; width:190px; height:150px; margin-right:20px; display:block; background:#999;}
.access dl dd .box .text{float:left; width:652px; height:auto;}
.access dl dd .box .text h5{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:16px; text-indent:1.4em; position:relative;}
.access dl dd .box .text h5:before{content:''; width:16px; height:16px; display:inline-block; background:#f07573; position:absolute; top:0; left:0;}
.access dl dd .box .text h5:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:13px; position:absolute; top:2px; left:-1.46em;}
.access dl dd .box:nth-child(2) .text h5:after{content:'1';}
.access dl dd .box:nth-child(3) .text h5:after{content:'2';}
.access dl dd .box:nth-child(4) .text h5:after{content:'3';}
.access dl dd .box:nth-child(5) .text h5:after{content:'4';}
.access dl dd .box:nth-child(6) .text h5:after{content:'5';}
.access dl dd .box:nth-child(7) .text h5:after{content:'6';}
.access dl dd .box:nth-child(8) .text h5:after{content:'7';}
.access dl dd .box:nth-child(9) .text h5:after{content:'8';}
.access dl dd .box:nth-child(10) .text h5:after{content:'9';}
.access dl dd .box:nth-child(11) .text h5:after{content:'10'; transform:scale( 0.7 , 1 ); left:-1.55em;}
.access dl dd .box:nth-child(12) .text h5:after{content:'11'; transform:scale( 0.7 , 1 ); left:-1.55em;}
.access dl dd .box .text p{font-size:14px; line-height:26px;}

/******************************************************/
/** スタッフTOP
/******************************************************/
.staff h3+p{font-size:14px; line-height:26px;}
/*スタッフ紹介*/
.staff ul{display:flex; flex-wrap:wrap; width:100%; height:auto; margin:30px 0 0; justify-content:space-around;}
.staff ul li{width:30%; min-height:350px; height:auto; margin-bottom:30px; box-sizing:border-box; border:solid 1px #f07573; position:relative; padding-bottom:56px;}
.staff ul li h4{width:268px; height:85px; margin:14px auto 24px; padding:20px 0 0 59px; box-sizing:border-box;}
.staff ul li:nth-child(1) h4{background:url("../img/salon/staff_icon01.jpg") no-repeat left bottom;}
.staff ul li:nth-child(2) h4{background:url("../img/salon/staff_icon02.jpg") no-repeat left bottom;}
.staff ul li:nth-child(3) h4{background:url("../img/salon/staff_icon03.jpg") no-repeat left bottom;}
.staff ul li:nth-child(4) h4{background:url("../img/salon/staff_icon04.jpg") no-repeat left bottom;}
.staff ul li h4:before{content:''; display:block; width:100%; height:1px; background:#f19593; position:relative; top:57px;}
.staff ul li h4 span{display:block; margin-bottom:10px; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em;}
.staff ul li h4 b{display:block; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px;}
.staff ul li h4 span, .staff ul li h4 b{padding-left:13px;}
.staff ul li p{width:268px; height:auto; margin:auto; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:13px; line-height:24px; text-align:justify;}
.staff ul li a.btn{width:100%; height:42px; display:block; border-top:solid 1px #f07573; box-sizing:border-box; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; text-align:center; letter-spacing:0.06em; line-height:42px; position:absolute; bottom:0; transition:all 0.3s ease;}
.staff ul li a.btn:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.staff ul li a.btn:after{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:15px;}
/*スタッフおすすめメニュー*/
.staff .recomend{}
.staff .recomend .box{width:100%; height:auto; margin:30px 0; padding:5px; box-sizing:border-box; background:#000; position:relative; overflow:hidden;}
.staff .recomend .box:after{content:''; display:block; width:350px; height:42px; background:#ff0000; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:22px; line-height:45px; letter-spacing:0.1em; text-align:center; position:absolute; top:26px; left:-80px; transform:rotate(-25deg); box-shadow:0 3px 4px rgba(0, 0, 0, 0.5);}
.staff .recomend .box .inner{width:100%; padding:23px 30px; box-sizing:border-box; background:#999;}
.staff .recomend .box .inner img{float:left; width:434px; height:292px; margin-top:5px; display:block; margin-right:15px; background:#fff;}
.staff .recomend .box .inner .text{float:left; width:481px; position:relative;}
.staff .recomend .box .inner .text h4{width:auto; height:51px; margin-bottom:30px; padding:17px 0 0 56px; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:32px; letter-spacing:0.1em; text-shadow:0 0 5px #fff;}
.staff .recomend .box .inner .text p{color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; letter-spacing:0.06em; text-align:justify;}
.staff .recomend .box .inner .text p.mds{font-family:"Noto Sans", sans-serif; font-weight:700; font-size:18px; letter-spacing:0.1em;}
.staff .recomend .box .inner .text p+a{display:block; position:absolute; right:0; bottom:0; text-decoration:underline; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.06em; transition:all 0.3s ease;}
.staff .recomend .box .inner .text p+a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
.staff .recomend .box .inner .text p+a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; left:-10px;}
/*1位*/
.staff .recomend .box:nth-child(1){background:#e5ddc8;
background:-moz-linear-gradient(top, #e5ddc8 0%, #fffcf1 20%, #d5ccb3 72%, #c4b897 86%);
background:-webkit-linear-gradient(top, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
background:linear-gradient(to bottom, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ddc8', endColorstr='#c4b897',GradientType=0 );}
.staff .recomend .box:nth-child(1):after{content:'おすすめ1位'; background:#890a25;
background:-moz-linear-gradient(left, #890a25 0%, #f13035 25%, #b71537 50%, #f13035 75%, #890a25 100%);
background:-webkit-linear-gradient(left, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
background:linear-gradient(to right, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#890a25', endColorstr='#890a25',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner{background:#c4b897;
background:-moz-linear-gradient(left, #c4b897 0%, #fffcf1 16%, #e5ddc8 35%, #fffcf1 80%, #e5ddc8 100%);
background:-webkit-linear-gradient(left, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
background:linear-gradient(to right, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4b897', endColorstr='#e5ddc8',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner .text h4{background:url("../img/salon/staff_recomend_crown1.png") no-repeat left top;}
.staff .recomend .box:nth-child(1) .inner .text p.mds{color:#db0420;}
.staff .recomend .box:nth-child(1) .inner .text p+a{color:#907323;}
/*2位*/
.staff .recomend .box:nth-child(2){background:#dedede;
background:-moz-linear-gradient(top, #dedede 0%, #fcfcfc 20%, #cfcfcf 72%, #b8b8b8 86%);
background:-webkit-linear-gradient(top, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
background:linear-gradient(to bottom, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b8b8b8',GradientType=0 );}
.staff .recomend .box:nth-child(2):after{content:'おすすめ2位'; background:#0532b3;
background:-moz-linear-gradient(left, #0532b3 0%, #3c69ea 25%, #1b48c9 50%, #3c69ea 75%, #0532b3 100%);
background:-webkit-linear-gradient(left, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
background:linear-gradient(to right, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0532b3', endColorstr='#0532b3',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner{background:#dddddd;
background:-moz-linear-gradient(left, #dddddd 0%, #fcfcfc 16%, #dddddd 35%, #fcfcfc 80%, #b8b8b8 100%);
background:-webkit-linear-gradient(left, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
background:linear-gradient(to right, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b8b8b8',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner .text h4{background:url("../img/salon/staff_recomend_crown2.png") no-repeat left top;}
.staff .recomend .box:nth-child(2) .inner .text p.mds{color:#1c57ff;}
.staff .recomend .box:nth-child(2) .inner .text p+a{color:#676767;}
/*3位*/
.staff .recomend .box:nth-child(3){background:#e5c18d;
background:-moz-linear-gradient(top, #e5c18d 0%, #fffaf1 20%, #d1aa76 72%, #a87f4b 86%);
background:-webkit-linear-gradient(top, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
background:linear-gradient(to bottom, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c18d', endColorstr='#a87f4b',GradientType=0 );}
.staff .recomend .box:nth-child(3):after{content:'おすすめ3位'; background:#810173;
background:-moz-linear-gradient(left, #810173 0%, #d325c1 25%, #b305a1 50%, #d325c1 75%, #810173 100%);
background:-webkit-linear-gradient(left, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
background:linear-gradient(to right, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#810173', endColorstr='#810173',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner{background:#e4bf8c;
background:-moz-linear-gradient(left, #e4bf8c 0%, #fffaf1 16%, #e9c591 35%, #fffaf1 80%, #aa814d 100%);
background:-webkit-linear-gradient(left, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
background:linear-gradient(to right, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4bf8c', endColorstr='#aa814d',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner .text h4{background:url("../img/salon/staff_recomend_crown3.png") no-repeat left top;}
.staff .recomend .box:nth-child(3) .inner .text p.mds{color:#b204a0;}
.staff .recomend .box:nth-child(3) .inner .text p+a{color:#775325;}
/**/
.staff .btn{display:-webkit-box;}
.staff .btn a{display:block; width:800px; height:70px; margin:30px auto; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; letter-spacing:0.06em; text-align:center;}
.staff .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.staff .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.staff .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}

/******************************************************/
/** スタッフ詳細
/******************************************************/
.staff.detail h3+p{background:#fefaf2; width:900px; height:auto; margin-left:100px; padding:15px; border-radius:10px; box-sizing:border-box;     text-align:justify; position:relative;}
.staff.detail h3+p:before{content:' '; width:0; height:0; position:absolute; border-top:10px solid transparent; border-right:20px solid #fefaf2; border-bottom:10px solid transparent; top:42%; left:-20px;}
.staff.detail h3+p:after{content:''; display:block; position:absolute; bottom:20%; left:-90px;}
.staff.detail h3+p.no1:after{content:url("../img/salon/staff_icon01.jpg");}
.staff.detail h3+p.no2:after{content:url("../img/salon/staff_icon02.jpg");}
.staff.detail h3+p.no3:after{content:url("../img/salon/staff_icon03.jpg");}
.staff.detail h3+p.no4:after{content:url("../img/salon/staff_icon04.jpg");}
.staff.detail h3+p b{width:auto; height:auto; padding:0 8px; box-sizing:border-box; display:table; margin-bottom:8px; border-bottom:double 4px; color:#a58960; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:1.2em; letter-spacing:0.04em;}
.staff.detail h4.detail_title{width:100%; height:auto; margin:40px auto auto; padding-bottom:14px; background:url("../common/img/h2_line.png") repeat-x left bottom; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:24px; letter-spacing:0.06em; text-align:center;}
.staff.detail ul.interview{display:flex; flex-wrap:wrap; width:100%; height:auto; margin:30px 0 0; justify-content:space-between;}
.staff.detail ul.interview li{width:48.5%; min-height:0; height:auto; margin:0 0 30px 0; padding:0; box-sizing:border-box; border:solid 1px #f07573; border-radius:10px; overflow:hidden; position:relative;}
.staff.detail ul.interview li dl{}
.staff.detail ul.interview li dl dt{background:#f07573; color:#fff; padding:12px 15px; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:16px; letter-spacing:0.06em;}
.staff.detail ul.interview li dl dt:before{content:'\f4ad'; font-size:18px; font-weight:900; font-family:"Font Awesome 5 Free"; display:inline-block; transform:scale(-1, 1); margin-right:5px;}
.staff.detail ul.interview li dl dd{padding:15px; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:28px; letter-spacing:0.06em; text-align:justify;}
.staff.detail ul.interview li dl dd:first-letter{color:#f07573; font-size:20px;}
.staff.detail ul.other{}
.staff.detail ul.other li{min-height:auto; height:auto; padding:0; border:none;}
.staff.detail ul.other li a{width:298px; height:119px; margin:0 auto 0; padding:34px 15px 20px 74px; display:block; border: solid 1px #f07573; box-sizing:border-box; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em; transition:all 0.3s ease; position:relative;}
.staff.detail ul.other li a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; box-shadow:1px 1px 8px #f07573; cursor:pointer;}
.staff.detail ul.other li a:hover:before{content:''; position:absolute; top:3px; left:3px; z-index:2; border-bottom:8px solid transparent; border-left:8px solid #f07573; border-top:8px solid #f07573; border-right:8px solid transparent;}
.staff.detail ul.other li a:hover:after{content:''; position:absolute; bottom:3px; right:3px; z-index:2; border-top:8px solid transparent; border-right:8px solid #f07573; border-bottom:8px solid #f07573; border-left:8px solid transparent;}
.staff.detail ul.other li.no1 a{background:url("../img/salon/staff_icon01.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no2 a{background:url("../img/salon/staff_icon02.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no3 a{background:url("../img/salon/staff_icon03.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no4 a{background:url("../img/salon/staff_icon04.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li a span{display:block; margin-bottom:10px; color:#f07573; /*font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em;*/}
.staff.detail ul.other li a b{color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px; margin-right:5px;}
.staff.detail ul.other li a span, .staff.detail ul.other li a b{padding-left:13px;}
.staff.detail .recomend .menuBox{box-shadow:8px 8px 40px rgba(0, 0, 0, 0.08); position:relative; width:1000px; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
.staff.detail .recomend .menuBox.last{margin-bottom:30px;}
.staff.detail .recomend .menuBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
.staff.detail .recomend .menuBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:110px; font-style:italic; position:absolute; top:14%; left:25px; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left;}
.staff.detail .recomend .menuBox .ttl_txt{padding:13px 0; color:#fff; font-size:24px;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en{font-size:12px; font-family:'Libre Baskerville', serif; color:#fff; margin-left:5px; position:relative; bottom:3px;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en:before, .staff.detail .recomend .menuBox .ttl_txt .menu_en:after{content: '─';}
.staff.detail .recomend .menuBox_img{float:left; line-height:0;}
.staff.detail .recomend .menuBox_txt{position:relative; line-height:1.5; width:520px; margin:45px 0 0 480px; height:292px; padding:0;}
.staff.detail .recomend .menuBox_txt p{width:480px; position:absolute; top:26%; left:0; margin:0; font-size:15px; line-height:28px;}
.staff.detail .recomend .menuBox_txt  a{width:auto; position:absolute; top:82%; right:8%; margin:0; color:#c1a228; font-size:15px; transition:all 0.3s ease;}
.staff.detail .recomend .menuBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; padding-right:4px;}
.staff.detail .recomend .menuBox_txt  a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; border-bottom:solid 1px;}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#salon{width:100%; height:auto; margin:60px 0 40px;}
#salon h3{width:95%; height:auto; margin:60px auto 30px; padding-bottom:20px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.5vw; letter-spacing:0.06em;  text-align:center;}
#salon h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#salon h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#salon h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}

/******************************************************/
/** サロンTOP
/******************************************************/
.top{}
.top .salon h3+img{width:95%; height:auto; margin:30px auto; display:block; background:#999;}
.top .salon table{margin-top:0;}
.top .salon #map{width:95%; margin:30px auto; display:block;}
.top .salon #map+button{position:inherit; width:75%; height:auto; display:block; margin:auto;}
/*こだわり*/
.top .concept dl{width:100%; height:auto; margin:40px 0 -10px; background:#fbf8f7; display:table;}
.top .concept dl dt{}
.top .concept dl dt h4{width:100%; height:auto; padding:1.5% 0; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.2vw; letter-spacing:0.06em; line-height:2; text-align:center; position:relative;}
.top .concept dl dt h4:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:49%;}
.top .concept dl dd{}
.top .concept dl dd ul{width:90%; height:auto; display:table; margin:40px auto;}
.top .concept dl dd ul li{width:100%; height:auto; margin-bottom:30px; box-sizing:border-box; background:#fff; border:solid 1px #a25a59; border-radius:10px;}
.top .concept dl dd ul li:last-child{margin-bottom:0;}
.top .concept dl dd ul li dl{margin:0; padding:0; background:none;}
.top .concept dl dd ul li dl dt{color:#fff; background:#a25a59; border-radius:10px 10px 0 0; padding:1.5% 0; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:17px; letter-spacing:0.08em; text-align:center;}
.top .concept dl dd ul li dl dd{display:table!important; padding: 3%;}
.top .concept dl dd ul li dl dd img{width:40%; height:auto; float:left; margin:0 2.5% 0 0; display:block; background:#999;}
.top .concept dl dd ul li dl dd p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.7;}
/*コメント*/
.top .comment{margin:70px 0 0;}
.top .comment .sec{width:95%; height:auto; margin:auto;}
.top .comment .sec img{float:left; width:35%; height:auto; margin:0 3% 2% 0; display:block; background:#999;}
.top .comment .sec .text{width:auto; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.top .comment .sec .text p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.7;}
.top .comment .sec .btn{display:-webkit-box;}
.top .comment .sec .btn a{display:block; width:75%; height:40px; margin:40px auto 20px; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
.top .comment .sec .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.top .comment .sec .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.top .comment .sec .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.top .comment .sec .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}

/******************************************************/
/** サロンのこだわり
/******************************************************/
.concept .sec{width:95%; height:auto; margin:auto;}
.concept .sec img{float:left; width:35%; height:auto; margin:0 3% 2% 0; display:block; background:#999;}
.concept .sec .text{width:auto; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.concept .sec .text h4{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.2vw; letter-spacing:0.1em; line-height:1.3; padding-left:40%; position:relative;}
.concept .sec .text h4:before{content:''; width:3px; height:100%; background:#f07573; position:absolute; left:38%;}
.concept .sec .text p{margin:20px 0 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.7; text-align:justify;}
.concept .sec .btn{display:-webkit-box;}
.concept .sec .btn a{display:block; width:75%; height:40px; margin:30px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
.concept .sec .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.concept .sec .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.concept .sec .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.concept .sec .btn a, .salon .btn a:hover, .concept .sec .btn a:active{transition:all 0.3s ease;}

.concept .skill_reason{width:100%;height:auto;margin:30px 0 -10px;background:#fbf8f7;display:table;}
.concept .skill_reason h5{width:100%; height:50px; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19px; letter-spacing:0.06em; line-height:50px; text-align:center; position:relative;}
.concept .skill_reason h5:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:48%;}
.concept .skill_reason ul{width:90%; height:auto; display:table; margin:40px auto;}
.concept .skill_reason ul li{width:100%; height:auto; margin-bottom:30px; box-sizing:border-box; background:#fff; border:solid 1px #a25a59; border-radius:10px;}
.concept .skill_reason ul li:last-child{margin-bottom:0;}
.concept .skill_reason ul li dl{}
.concept .skill_reason ul li dl dt{color:#ffffff; background:#a25a59; border-radius:10px 10px 0 0; padding:1.5% 0; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:17px; letter-spacing:0.08em; text-align:center;}
.concept .skill_reason ul li dl dd{display:table!important; margin-top:5px; padding:3%;}
.concept .skill_reason ul li dl dd img{width: 40%; height:auto; float:left; margin:0 2.5% 0 0; display:block; background:#999;}
.concept .skill_reason ul li dl dd p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.7; text-align:justify;}

/******************************************************/
/** 天神店へのアクセス
/******************************************************/
.access h3+p{width:95%; margin:auto; font-size:2vw; line-height:1.7;}
.access ul.train{width:95%; height:auto; display:table; margin:30px auto;}
.access ul.train li{float:left; width:30%; height:auto; margin-right:5%; border:solid 1px #f07573; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw;}
.access ul.train li:last-child{margin-right:0;}
.access ul.train li a{padding:13px 10px 12px; color:#f07573; display:block; text-align:center; transition:all 0.3s ease;}
.access ul.train li a span.pc.tab{display:inline-block!important;}
.access ul.train li a:before{content:'\f239'; font-weight:900; font-family:"Font Awesome 5 Free"; padding-right:5px;}
.access ul.train li a:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.access ul.train li a:hover:before{content:'\f13a';}
.access dl{width:100%; height:auto; margin:30px 0; padding-bottom:50px; background:#fbf8f7; display:table;}
.access dl dt{}
.access dl dt h4{width:100%; height:auto; padding:1.5% 0; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.2vw; letter-spacing:0.06em; line-height:2; text-align:center; position:relative;}
.access dl dt h4:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:49%;}
.access dl dd{}
.access dl dd p.mds{width:90%; height:auto; margin:50px auto 30px; font-size:2.5vw; text-align:center;}
.access dl dd .box{width:90%; height:auto; display:table; margin:20px auto; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px; border: solid 1px #d0beb8; position:relative;}
.access dl dd .box:after{content:''; display:block; width:3px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:15%;}
.access dl dd .box:last-child{margin-bottom:0;}
.access dl dd .box:last-child:after{display:none;}
.access dl dd .box img{float:left; width:29%; height:auto; margin-right:3%; display:block; background:#999;}
.access dl dd .box .text{float:left; width:68%; height:auto;}
.access dl dd .box .text h5{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:16px; text-indent:1.4em; position:relative;}
.access dl dd .box .text h5:before{content:''; width:16px; height:16px; display:inline-block; background:#f07573; position:absolute; top:0; left:0;}
.access dl dd .box .text h5:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:13px; position:absolute; top:2px; left:-1.46em;}
.access dl dd .box:nth-child(2) .text h5:after{content:'1';}
.access dl dd .box:nth-child(3) .text h5:after{content:'2';}
.access dl dd .box:nth-child(4) .text h5:after{content:'3';}
.access dl dd .box:nth-child(5) .text h5:after{content:'4';}
.access dl dd .box:nth-child(6) .text h5:after{content:'5';}
.access dl dd .box:nth-child(7) .text h5:after{content:'6';}
.access dl dd .box:nth-child(8) .text h5:after{content:'7';}
.access dl dd .box:nth-child(9) .text h5:after{content:'8';}
.access dl dd .box:nth-child(10) .text h5:after{content:'9';}
.access dl dd .box:nth-child(11) .text h5:after{content:'10'; transform:scale( 0.7 , 1 ); left:-1.55em;}
.access dl dd .box:nth-child(12) .text h5:after{content:'11'; transform:scale( 0.7 , 1 ); left:-1.55em;}
.access dl dd .box .text p{font-size:2vw; line-height:1.7;}

/******************************************************/
/** スタッフTOP
/******************************************************/
.staff h3+p{width:95%; margin:auto; font-size:2vw; line-height:1.7;}
/*スタッフ紹介*/
.staff ul{display:flex; flex-wrap:wrap; width:100%; height:auto; margin:30px 0 0; justify-content:space-around;}
.staff ul li{width:48%; min-height:350px; height:auto; margin:0 0 30px 0; box-sizing:border-box; border:solid 1px #f07573; position:relative; padding-bottom:56px;}
.staff ul li h4{width:268px; height:85px; margin:14px auto 24px; padding:15px 0 0 59px; box-sizing:border-box;}
.staff ul li:nth-child(1) h4{background:url("../img/salon/staff_icon01.jpg") no-repeat left bottom;}
.staff ul li:nth-child(2) h4{background:url("../img/salon/staff_icon02.jpg") no-repeat left bottom;}
.staff ul li:nth-child(3) h4{background:url("../img/salon/staff_icon03.jpg") no-repeat left bottom;}
.staff ul li:nth-child(4) h4{background:url("../img/salon/staff_icon04.jpg") no-repeat left bottom;}
.staff ul li h4:before{content:''; display:block; width:100%; height:1px; background:#f19593; position:relative; top:57px;}
.staff ul li h4 span{display:block; margin-bottom:10px; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em;}
.staff ul li h4 b{display:block; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px;}
.staff ul li h4 span, .staff ul li h4 b{padding-left:13px;}
.staff ul li p{width:268px; height:auto; margin:auto; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:13px; line-height:24px; text-align:justify;}
.staff ul li a.btn{width:100%; height:42px; display:block; border-top:solid 1px #f07573; box-sizing:border-box; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; text-align:center; letter-spacing:0.06em; line-height:42px; position:absolute; bottom:0; transition:all 0.3s ease;}
.staff ul li a.btn:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.staff ul li a.btn:after{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:15px;}
/*スタッフおすすめメニュー*/
.staff .recomend{width:95%; margin:auto;}
.staff .recomend .box{width:100%; height:auto; margin:30px 0 0; padding:5px; box-sizing:border-box; background:#000; position:relative; overflow:hidden;}
.staff .recomend .box:after{content:''; display:block; width:350px; height:42px; background:#ff0000; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:22px; line-height:45px; letter-spacing:0.1em; text-align:center; position:absolute; top:26px; left:-80px; transform:rotate(-25deg); box-shadow:0 3px 4px rgba(0, 0, 0, 0.5);}
.staff .recomend .box .inner{width:100%; padding:23px 30px; box-sizing:border-box;}
.staff .recomend .box .inner img{width:100%; height:auto; margin-top:5px; display:block;}
.staff .recomend .box .inner .text{width:100%; position:relative;}
.staff .recomend .box .inner .text h4{width:auto; height:51px; margin:15px 0; padding:17px 0 0 56px; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:32px; letter-spacing:0.1em; text-shadow:0 0 5px #fff;}
.staff .recomend .box .inner .text p{color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; letter-spacing:0.06em; text-align:justify;}
.staff .recomend .box .inner .text p.mds{font-family:"Noto Sans", sans-serif; font-weight:700; font-size:18px; letter-spacing:0.1em;}
.staff .recomend .box .inner .text p+a{display:table; margin:auto; text-decoration:underline; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:18px; letter-spacing:0.06em; transition:all 0.3s ease;}
.staff .recomend .box .inner .text p+a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
.staff .recomend .box .inner .text p+a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free";}
/*1位*/
.staff .recomend .box:nth-child(1){background:#e5ddc8;
background:-moz-linear-gradient(top, #e5ddc8 0%, #fffcf1 20%, #d5ccb3 72%, #c4b897 86%);
background:-webkit-linear-gradient(top, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
background:linear-gradient(to bottom, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ddc8', endColorstr='#c4b897',GradientType=0 );}
.staff .recomend .box:nth-child(1):after{content:'おすすめ1位'; background:#890a25;
background:-moz-linear-gradient(left, #890a25 0%, #f13035 25%, #b71537 50%, #f13035 75%, #890a25 100%);
background:-webkit-linear-gradient(left, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
background:linear-gradient(to right, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#890a25', endColorstr='#890a25',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner{background:#c4b897;
background:-moz-linear-gradient(left, #c4b897 0%, #fffcf1 16%, #e5ddc8 35%, #fffcf1 80%, #e5ddc8 100%);
background:-webkit-linear-gradient(left, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
background:linear-gradient(to right, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4b897', endColorstr='#e5ddc8',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner .text h4{background:url("../img/salon/staff_recomend_crown1.png") no-repeat left top;}
.staff .recomend .box:nth-child(1) .inner .text p.mds{color:#db0420;}
.staff .recomend .box:nth-child(1) .inner .text p+a{color:#907323;}
/*2位*/
.staff .recomend .box:nth-child(2){background:#dedede;
background:-moz-linear-gradient(top, #dedede 0%, #fcfcfc 20%, #cfcfcf 72%, #b8b8b8 86%);
background:-webkit-linear-gradient(top, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
background:linear-gradient(to bottom, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b8b8b8',GradientType=0 );}
.staff .recomend .box:nth-child(2):after{content:'おすすめ2位'; background:#0532b3;
background:-moz-linear-gradient(left, #0532b3 0%, #3c69ea 25%, #1b48c9 50%, #3c69ea 75%, #0532b3 100%);
background:-webkit-linear-gradient(left, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
background:linear-gradient(to right, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0532b3', endColorstr='#0532b3',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner{background:#dddddd;
background:-moz-linear-gradient(left, #dddddd 0%, #fcfcfc 16%, #dddddd 35%, #fcfcfc 80%, #b8b8b8 100%);
background:-webkit-linear-gradient(left, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
background:linear-gradient(to right, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b8b8b8',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner .text h4{background:url("../img/salon/staff_recomend_crown2.png") no-repeat left top;}
.staff .recomend .box:nth-child(2) .inner .text p.mds{color:#1c57ff;}
.staff .recomend .box:nth-child(2) .inner .text p+a{color:#676767;}
/*3位*/
.staff .recomend .box:nth-child(3){background:#e5c18d;
background:-moz-linear-gradient(top, #e5c18d 0%, #fffaf1 20%, #d1aa76 72%, #a87f4b 86%);
background:-webkit-linear-gradient(top, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
background:linear-gradient(to bottom, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c18d', endColorstr='#a87f4b',GradientType=0 );}
.staff .recomend .box:nth-child(3):after{content:'おすすめ3位'; background:#810173;
background:-moz-linear-gradient(left, #810173 0%, #d325c1 25%, #b305a1 50%, #d325c1 75%, #810173 100%);
background:-webkit-linear-gradient(left, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
background:linear-gradient(to right, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#810173', endColorstr='#810173',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner{background:#e4bf8c;
background:-moz-linear-gradient(left, #e4bf8c 0%, #fffaf1 16%, #e9c591 35%, #fffaf1 80%, #aa814d 100%);
background:-webkit-linear-gradient(left, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
background:linear-gradient(to right, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4bf8c', endColorstr='#aa814d',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner .text h4{background:url("../img/salon/staff_recomend_crown3.png") no-repeat left top;}
.staff .recomend .box:nth-child(3) .inner .text p.mds{color:#b204a0;}
.staff .recomend .box:nth-child(3) .inner .text p+a{color:#775325;}
/**/
.staff .btn{display:-webkit-box;}
.staff .btn a{display:block; width:75%; height:40px; margin:30px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
.staff .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.staff .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.staff .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.staff .btn a, .salon .btn a:hover, .staff .btn a:active{transition:all 0.3s ease;}

/******************************************************/
/** スタッフ詳細
/******************************************************/
.staff.detail h3+p{background:#fefaf2; width:83%; height:auto; margin-left:14%; padding:15px; border-radius:10px; box-sizing:border-box; text-align:justify; position:relative;}
.staff.detail h3+p:before{content:' '; width:0; height:0; position:absolute; border-top:10px solid transparent; border-right:20px solid #fefaf2; border-bottom:10px solid transparent; top:42%; left:-20px;}
.staff.detail h3+p:after{content:''; display:block; width:12%; height:48%; position:absolute; bottom:20%; left:-15%;}
.staff.detail h3+p.no1:after{background:url("../img/salon/staff_icon01.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no2:after{background:url("../img/salon/staff_icon02.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no3:after{background:url("../img/salon/staff_icon03.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no4:after{background:url("../img/salon/staff_icon04.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p b{width:auto; height:auto; padding:0 8px; box-sizing:border-box; display:table; margin-bottom:10px; border-bottom:double 4px; color:#a58960; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:1.2em; letter-spacing:0.04em;}
.staff.detail h4.detail_title{width:95%; height:auto; margin:40px auto auto; padding-bottom:14px; background:url("../common/img/h2_line.png") repeat-x left bottom; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.4vw; letter-spacing:0.06em; text-align:center;}
.staff.detail ul.interview{display:flex; flex-wrap:wrap; width:95%; height:auto; margin:20px auto -15px; justify-content:space-between;}
.staff.detail ul.interview li{width:48.5%; min-height:0; height:auto; margin:0 0 20px 0; padding:0; box-sizing:border-box; border:solid 1px #f07573; border-radius:10px; overflow:hidden; position:relative;}
.staff.detail ul.interview li dl{}
.staff.detail ul.interview li dl dt{min-height:3.3em; height:auto; box-sizing:border-box; background:#f07573; color:#fff; padding:6px 15px; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.3vw; line-height:1.7; letter-spacing:0.06em;}
.staff.detail ul.interview li dl dt:before{content:'\f4ad'; font-size:4.3vw; font-weight:900; font-family:"Font Awesome 5 Free"; display:block; float:left; transform:scale(-1, 1); margin-right:12px;}
.staff.detail ul.interview li dl dt.short{padding:2.8vw 15px;}
.staff.detail ul.interview li dl dt.short:before{position:relative; top:-2vw;}
.staff.detail ul.interview li dl dd{padding:15px; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2vw; line-height:1.7; letter-spacing:0.06em; text-align:justify;}
.staff.detail ul.interview li dl dd:first-letter{color:#f07573; font-size:2.5vw;}
.staff.detail ul.other{width:95%; margin:25px auto 0; justify-content:space-between;}
.staff.detail ul.other li{min-height:auto; height:auto; margin:0 0 20px; padding:0; border:none;}
.staff.detail ul.other li a{width:auto; height:119px; margin:0 auto 0; padding:23px 15px 20px 74px; display:block; border: solid 1px #f07573; box-sizing:border-box; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em; transition:all 0.3s ease; position:relative;}
.staff.detail ul.other li a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; box-shadow:1px 1px 8px #f07573; cursor:pointer;}
.staff.detail ul.other li a:hover:before{content:''; position:absolute; top:3px; left:3px; z-index:2; border-bottom:8px solid transparent; border-left:8px solid #f07573; border-top:8px solid #f07573; border-right:8px solid transparent;}
.staff.detail ul.other li a:hover:after{content:''; position:absolute; bottom:3px; right:3px; z-index:2; border-top:8px solid transparent; border-right:8px solid #f07573; border-bottom:8px solid #f07573; border-left:8px solid transparent;}
.staff.detail ul.other li.no1 a{background:url("../img/salon/staff_icon01.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no2 a{background:url("../img/salon/staff_icon02.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no3 a{background:url("../img/salon/staff_icon03.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no4 a{background:url("../img/salon/staff_icon04.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li a span{display:block; margin-bottom:10px; color:#f07573; line-height:1.3;}
.staff.detail ul.other li a b{color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px; margin-right:5px; letter-spacing:-0.1em;}
.staff.detail ul.other li a span, .staff.detail ul.other li a b{padding-left:13px;}
.staff.detail .recomend .menuBox{box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2); position:relative; width:100%; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
.staff.detail .recomend .menuBox.last{margin-bottom:0;}
.staff.detail .recomend .menuBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
.staff.detail .recomend .menuBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:110px; font-style:italic; position:absolute; top:14%; left:25px; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left;}
.staff.detail .recomend .menuBox .ttl_txt{padding:13px 0; color:#fff; font-size:24px;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en{font-size:12px; font-family:'Libre Baskerville', serif; color:#fff; margin-left:5px; position:relative; bottom:3px;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en:before, .staff.detail .recomend .menuBox .ttl_txt .menu_en:after{content: '─';}
.staff.detail .recomend .menuBox_img{width:100%; height:auto;}
.staff.detail .recomend .menuBox_img img{width:100%; height:auto; display:block;}
.staff.detail .recomend .menuBox_txt{line-height:1.5; width:100%; margin:0; height:auto; padding:0;}
.staff.detail .recomend .menuBox_txt p{width:100%; margin:0; padding:5%; box-sizing:border-box; font-size:2.5vw; line-height:1.7;}
.staff.detail .recomend .menuBox_txt  a{width:100%; margin:0; padding:0 5% 4%; box-sizing:border-box; display:block; color:#c1a228; font-size:2.8vw; letter-spacing:0.1em; text-align:center; text-decoration:underline; transition:all 0.3s ease;}
.staff.detail .recomend .menuBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; }
}

/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
#salon{width:100%; height:auto;  margin:-5% 0 40px; }
#salon h3{width:95%; height:auto; margin:40px auto 30px; padding-bottom:15px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.5vw; letter-spacing:0.06em; text-align:center;}
#salon h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#salon h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; left: -1%;}
#salon h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; right: -1%;}

/******************************************************/
/** サロンTOP
/******************************************************/
.top{}
.top h3{margin-bottom:18px!important; background:url(../common/img/h2_line.png) repeat-x left bottom; border:none!important; box-sizing:border-box;}
.top .salon h3+img{width:95%; height:auto; margin:15px auto; display:block; background:#999;}
.top .salon table{margin-top:0;}
.top .salon #map{width:95%; margin:15px auto; display:block;}
.top .salon #map+button{position:inherit; width:75%; height:auto; display:block; margin:auto;}
/*こだわり*/
.top .concept dl{width:100%; height:auto; margin:25px 0 0; display:table;}
.top .concept dl dt{}
.top .concept dl dt h4{width:100%; height:auto; padding:1.5% 0; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.2vw; letter-spacing:0.06em; line-height:2; text-align:center; position:relative;}
.top .concept dl dd{}
.top .concept dl dd ul{width:100%; height:auto; display:table; margin:0;}
.top .concept dl dd ul li{width:100%; height:auto; box-sizing:border-box; background:#fff; border-bottom:solid 1px #fff;}
.top .concept dl dd ul li:last-child{margin-bottom:0;}
.top .concept dl dd ul li dl{margin:0; padding:0; background:none;}
.top .concept dl dd ul li dl dt{color:#fff; background:#a25a59; padding:3% 2%; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.5vw; letter-spacing:0.08em;}
.top .concept dl dd ul li dl dt:after{content:'\f055'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:2%;}
.top .concept dl dd ul li dl dt.active:after{content:'\f057'; font-weight:900; font-family:"Font Awesome 5 Free";}
.top .concept dl dd ul li dl dt:before{content:''; display:inline-block; margin-right:0.15em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold;}
.top .concept dl dd ul li:nth-child(1) dl dt:before{content:'1.';}
.top .concept dl dd ul li:nth-child(2) dl dt:before{content:'2.';}
.top .concept dl dd ul li:nth-child(3) dl dt:before{content:'3.';}
.top .concept dl dd ul li dl dd{padding:3%; display:none;}
.top .concept dl dd ul li:last-child dl dd{border-bottom:solid 1px #a25a59;}
.top .concept dl dd ul li dl dd img{width:40%; height:auto; float:left; margin:0 2.5% 0 0; display:block; background:#999;}
.top .concept dl dd ul li dl dd p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; text-align:justify;}
/*コメント*/
.top .comment{margin:0;}
.top .comment .sec{width:95%; height:auto; margin:auto;}
.top .comment .sec img{float:left; width:35%; height:auto; margin:0 3% 2% 0; display:block; background:#999;}
.top .comment .sec .text{width:auto; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.top .comment .sec .text p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; text-align:justify;}
.top .comment .sec .btn{display:-webkit-box;}
.top .comment .sec .btn a{display:block; width:75%; height:50px; margin:30px auto 0; background:#F35B5E;  border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
.top .comment .sec .btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.top .comment .sec .btn a:active{position:relative; top:4px;}
.top .comment .sec .btn a, .salon .btn a:hover, .salon .btn a:active{transition:all 0.3s ease;}

/******************************************************/
/** サロンのこだわり
/******************************************************/
.concept .sec{width:95%; height:auto; margin:auto; overflow:hidden;}
.concept .sec img{float:left; width:42%; height:auto; margin:0 3% 2% 0; display:block; background:#999;}
.concept .sec .text{width:auto; height:auto; padding-top:5px; color:#382616; letter-spacing:0.06em;}
.concept .sec .text h4{font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.2vw; letter-spacing:0.1em; line-height:1.3; padding-left:47%; position:relative;}
.concept .sec .text h4:before{content:''; width:3px; height:100%; background:#f07573; position:absolute; left:45%;}
.concept .sec .text p{margin:10px 0 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; text-align:justify;}
.concept .sec .btn{display:-webkit-box;}
.concept .sec .btn a{display:block; width:75%; height:50px; margin:20px auto 10px; background:#F35B5E; border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
.concept .sec .btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.concept .sec .btn a:active{position:relative; top:4px;}
.concept .sec .btn a, .salon .btn a:hover, .concept .sec .btn a:active{transition:all 0.3s ease;}

.concept .skill_reason{width:100%; height:auto; margin:30px auto 0; background:#fbf8f7; display:table;}
.concept .skill_reason h5{width:100%; height:40px; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size: 3.5vw; letter-spacing:0.06em; line-height:40px; text-align:center; position:relative;}
.concept .skill_reason ul{width:100%; height:auto;}
.concept .skill_reason ul li{width:100%; height:auto; box-sizing:border-box; background:#fff; border:solid 1px #a25a59;}
.concept .skill_reason ul li:last-child{margin-bottom:0;}
.concept .skill_reason ul li dl{}
.concept .skill_reason ul li dl dt{width:100%; padding:3% 2%; border-bottom:solid 1px; box-sizing:border-box; color:#ffffff; background:#a25a59; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3.2vw; letter-spacing:0.08em;}
.concept .skill_reason ul li:last-child dl dt{border-bottom:none;}
.concept .skill_reason ul li dl dt:after{content:'\f055'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:2%;}
.concept .skill_reason ul li dl dt.active:after{content:'\f057'; font-weight:900; font-family:"Font Awesome 5 Free";}
.concept .skill_reason ul li dl dt:before{content:''; width:auto; height:auto; margin-right:1.3%; padding:1% 2% 0.3% 2.5%; border-radius:50px; background:#fff; color:#a25a59; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:3vw; font-weight:bold;}
.concept .skill_reason ul li:nth-child(1) dl dt:before{content:'理由1'}
.concept .skill_reason ul li:nth-child(2) dl dt:before{content:'理由2'}
.concept .skill_reason ul li:nth-child(3) dl dt:before{content:'理由3'}
.concept .skill_reason ul li dl dd{display:none;}
.concept .skill_reason ul li dl dd div{display:table; margin-top:5px; padding:3%;}
.concept .skill_reason ul li dl dd img{width: 40%; height:auto; float:left; margin:0 2.5% 0 0; display:block; background:#999;}
.concept .skill_reason ul li dl dd p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.7; text-align:justify;}

/******************************************************/
/** 天神店へのアクセス
/******************************************************/
.access h3+p{width:95%; margin:auto; font-size:12px; line-height:1.7; text-align:justify;}
.access ul.train{width:95%; height:auto; display:table; margin:15px auto;}
.access ul.train li{float:left; width:30%; height:auto; margin-right:5%; border:solid 1px #f07573; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px;}
.access ul.train li:last-child{margin-right:0;}
.access ul.train li a{padding:6% 0 6% 10%; color:#f07573; display:block; text-align:center; transition:all 0.3s ease; position:relative;}
.access ul.train li a:before{content:'\f239'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:35%; left:20%;}
.access ul.train li a:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.access ul.train li a:hover:before{content:'\f13a';}
.access dl{width:100%; height:auto; margin:20px 0; padding-bottom:30px; background:#fbf8f7; display:table;}
.access dl dt{}
.access dl dt h4{width:100%; height:auto; padding:1.5% 0; background:#f07573; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.2vw; letter-spacing:0.06em; line-height:2; text-align:center; position:relative;}
.access dl dt h4:after{content:''; display:block; border-top:24px solid #f07573; border-right:14px solid transparent; border-left:14px solid transparent; position:absolute; bottom:-24px; left:47%;}
.access dl dd{}
.access dl dd p.mds{width:90%; height:auto; margin:35px auto 0; font-size:12px; line-height:1.7;}
.access dl dd .box{width:90%; height:auto; display:table; margin:20px auto; padding:3% 4%; box-sizing:border-box; background:#fff; border-radius:10px; border: solid 1px #d0beb8; position:relative;}
.access dl dd .box:after{content:''; display:block; width:3px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:15%;}
.access dl dd .box:last-child{margin-bottom:0;}
.access dl dd .box:last-child:after{display:none;}
.access dl dd .box img{float:left; width:29%; height:auto; margin-right:3%; display:block; background:#999;}
.access dl dd .box .text{float:left; width:68%; height:auto;}
.access dl dd .box .text h5{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.3; padding-left:1.4em; position:relative;}
.access dl dd .box .text h5:before{content:''; width:16px; height:16px; display:inline-block; background:#f07573; position:absolute; top:0; left:0;}
.access dl dd .box .text h5:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:13px; position:absolute; top:0; left:0.2em;}
.access dl dd .box:nth-child(2) .text h5:after{content:'1';}
.access dl dd .box:nth-child(3) .text h5:after{content:'2';}
.access dl dd .box:nth-child(4) .text h5:after{content:'3';}
.access dl dd .box:nth-child(5) .text h5:after{content:'4';}
.access dl dd .box:nth-child(6) .text h5:after{content:'5';}
.access dl dd .box:nth-child(7) .text h5:after{content:'6';}
.access dl dd .box:nth-child(8) .text h5:after{content:'7';}
.access dl dd .box:nth-child(9) .text h5:after{content:'8';}
.access dl dd .box:nth-child(10) .text h5:after{content:'9';}
.access dl dd .box:nth-child(11) .text h5:after{content:'10'; transform:scale( 0.7 , 1 ); left:-0.13em;}
.access dl dd .box:nth-child(12) .text h5:after{content:'11'; transform:scale( 0.7 , 1 ); left:-0.13em;}
.access dl dd .box .text p{font-size:11px; line-height:1.7; text-align:justify;}
.access+.banner_yoyaku980{margin:0 auto -10px;}

/******************************************************/
/** スタッフTOP
/******************************************************/
.staff h3+p{width:95%; margin:auto; font-size:2vw; line-height:1.7;}
/*スタッフ紹介*/
.staff ul{display:block; flex-wrap:wrap; width:95%; height:auto; margin:30px auto 0; justify-content:space-around;}
.staff ul li{width:100%; height:auto; margin:0 0 30px 0; box-sizing:border-box; border:solid 1px #f07573; position:relative; padding-bottom:56px;}
.staff ul li h4{width:95%; height:85px; margin:12px auto 14px; padding:18px 0 0 60px; box-sizing:border-box;}
.staff ul li:nth-child(1) h4{background:url("../img/salon/staff_icon01.jpg") no-repeat left bottom;}
.staff ul li:nth-child(2) h4{background:url("../img/salon/staff_icon02.jpg") no-repeat left bottom;}
.staff ul li:nth-child(3) h4{background:url("../img/salon/staff_icon03.jpg") no-repeat left bottom;}
.staff ul li:nth-child(4) h4{background:url("../img/salon/staff_icon04.jpg") no-repeat left bottom;}
.staff ul li h4:before{content:''; display:block; width:100%; height:1px; background:#f19593; position:relative; top:57px;}
.staff ul li h4 span{display:block; margin-bottom:10px; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em;}
.staff ul li h4 b{display:block; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px;}
.staff ul li h4 span, .staff ul li h4 b{padding-left:13px;}
.staff ul li p{width:90%; height:auto; margin:auto; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.8vw; line-height:1.9; text-align:justify;}
.staff ul li a.btn{width:100%; height:42px; display:block; border-top:solid 1px #f07573; box-sizing:border-box; background:#fff; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; text-align:center; letter-spacing:0.06em; line-height:42px; position:absolute; bottom:0; transition:all 0.3s ease;}
.staff ul li a.btn:hover{background:#f07573; color:#fff; transition:all 0.3s ease;}
.staff ul li a.btn:after{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:15px;}
/*スタッフおすすめメニュー*/
.staff .recomend{width:95%; margin:auto;}
.staff .recomend .box{width:100%; height:auto; margin:30px 0 0; padding:5px; box-sizing:border-box; background:#000; position:relative; overflow:hidden;}
.staff .recomend .box:after{content:''; display:block; width:300px; height:36px; background:#ff0000; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:4.5vw; line-height:38px; letter-spacing:0.1em; text-align:center; position:absolute; top:3%; left:-18%; transform:rotate(-25deg); box-shadow:0 3px 4px rgba(0, 0, 0, 0.5);}
.staff .recomend .box .inner{width:100%; padding:4% 8%; box-sizing:border-box;}
.staff .recomend .box .inner img{width:100%; height:auto; margin-top:5px; display:block;}
.staff .recomend .box .inner .text{width:100%; position:relative;}
.staff .recomend .box .inner .text h4{width:auto; height:auto; margin:15px 0; padding:3% 0 0 12%; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:6vw; letter-spacing:0.1em; text-shadow:0 0 5px #fff;}
.staff .recomend .box .inner .text p{margin:0 0 15px; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.8vw; line-height:1.9; letter-spacing:0.06em; text-align:justify;}
.staff .recomend .box .inner .text p.mds{margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:3.5vw; line-height:1.6; letter-spacing:0.1em;}
.staff .recomend .box .inner .text p+a{display:table; margin:auto; text-decoration:underline; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:18px; letter-spacing:0.06em; transition:all 0.3s ease;}
.staff .recomend .box .inner .text p+a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
.staff .recomend .box .inner .text p+a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free";}
/*1位*/
.staff .recomend .box:nth-child(1){background:#e5ddc8;
background:-moz-linear-gradient(top, #e5ddc8 0%, #fffcf1 20%, #d5ccb3 72%, #c4b897 86%);
background:-webkit-linear-gradient(top, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
background:linear-gradient(to bottom, #e5ddc8 0%,#fffcf1 20%,#d5ccb3 72%,#c4b897 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ddc8', endColorstr='#c4b897',GradientType=0 );}
.staff .recomend .box:nth-child(1):after{content:'おすすめ1位'; background:#890a25;
background:-moz-linear-gradient(left, #890a25 0%, #f13035 25%, #b71537 50%, #f13035 75%, #890a25 100%);
background:-webkit-linear-gradient(left, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
background:linear-gradient(to right, #890a25 0%,#f13035 25%,#b71537 50%,#f13035 75%,#890a25 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#890a25', endColorstr='#890a25',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner{background:#c4b897;
background:-moz-linear-gradient(left, #c4b897 0%, #fffcf1 16%, #e5ddc8 35%, #fffcf1 80%, #e5ddc8 100%);
background:-webkit-linear-gradient(left, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
background:linear-gradient(to right, #c4b897 0%,#fffcf1 16%,#e5ddc8 35%,#fffcf1 80%,#e5ddc8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4b897', endColorstr='#e5ddc8',GradientType=1 );}
.staff .recomend .box:nth-child(1) .inner .text h4{background:url("../img/salon/staff_recomend_crown1.png") no-repeat left top; background-size:contain;}
.staff .recomend .box:nth-child(1) .inner .text p.mds{color:#db0420;}
.staff .recomend .box:nth-child(1) .inner .text p+a{color:#907323;}
/*2位*/
.staff .recomend .box:nth-child(2){background:#dedede;
background:-moz-linear-gradient(top, #dedede 0%, #fcfcfc 20%, #cfcfcf 72%, #b8b8b8 86%);
background:-webkit-linear-gradient(top, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
background:linear-gradient(to bottom, #dedede 0%,#fcfcfc 20%,#cfcfcf 72%,#b8b8b8 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b8b8b8',GradientType=0 );}
.staff .recomend .box:nth-child(2):after{content:'おすすめ2位'; background:#0532b3;
background:-moz-linear-gradient(left, #0532b3 0%, #3c69ea 25%, #1b48c9 50%, #3c69ea 75%, #0532b3 100%);
background:-webkit-linear-gradient(left, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
background:linear-gradient(to right, #0532b3 0%,#3c69ea 25%,#1b48c9 50%,#3c69ea 75%,#0532b3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0532b3', endColorstr='#0532b3',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner{background:#dddddd;
background:-moz-linear-gradient(left, #dddddd 0%, #fcfcfc 16%, #dddddd 35%, #fcfcfc 80%, #b8b8b8 100%);
background:-webkit-linear-gradient(left, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
background:linear-gradient(to right, #dddddd 0%,#fcfcfc 16%,#dddddd 35%,#fcfcfc 80%,#b8b8b8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b8b8b8',GradientType=1 );}
.staff .recomend .box:nth-child(2) .inner .text h4{background:url("../img/salon/staff_recomend_crown2.png") no-repeat left top; background-size:contain;}
.staff .recomend .box:nth-child(2) .inner .text p.mds{color:#1c57ff;}
.staff .recomend .box:nth-child(2) .inner .text p+a{color:#676767;}
/*3位*/
.staff .recomend .box:nth-child(3){background:#e5c18d;
background:-moz-linear-gradient(top, #e5c18d 0%, #fffaf1 20%, #d1aa76 72%, #a87f4b 86%);
background:-webkit-linear-gradient(top, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
background:linear-gradient(to bottom, #e5c18d 0%,#fffaf1 20%,#d1aa76 72%,#a87f4b 86%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c18d', endColorstr='#a87f4b',GradientType=0 );}
.staff .recomend .box:nth-child(3):after{content:'おすすめ3位'; background:#810173;
background:-moz-linear-gradient(left, #810173 0%, #d325c1 25%, #b305a1 50%, #d325c1 75%, #810173 100%);
background:-webkit-linear-gradient(left, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
background:linear-gradient(to right, #810173 0%,#d325c1 25%,#b305a1 50%,#d325c1 75%,#810173 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#810173', endColorstr='#810173',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner{background:#e4bf8c;
background:-moz-linear-gradient(left, #e4bf8c 0%, #fffaf1 16%, #e9c591 35%, #fffaf1 80%, #aa814d 100%);
background:-webkit-linear-gradient(left, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
background:linear-gradient(to right, #e4bf8c 0%,#fffaf1 16%,#e9c591 35%,#fffaf1 80%,#aa814d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4bf8c', endColorstr='#aa814d',GradientType=1 );}
.staff .recomend .box:nth-child(3) .inner .text h4{background:url("../img/salon/staff_recomend_crown3.png") no-repeat left top; background-size:contain;}
.staff .recomend .box:nth-child(3) .inner .text p.mds{color:#b204a0;}
.staff .recomend .box:nth-child(3) .inner .text p+a{color:#775325;}
/**/
.staff .btn{display:-webkit-box;}
.staff .btn a{display:block; width:75%; height:40px; margin:30px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
.staff .btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
.staff .btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
.staff .btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
.staff .btn a, .salon .btn a:hover, .staff .btn a:active{transition:all 0.3s ease;}

/******************************************************/
/** スタッフ詳細
/******************************************************/
.staff.detail h3+p{background:#ffffff;border:solid 2px #f07573; width:90%; height:auto; margin:60px auto auto; padding:10vw 15px 15px; border-radius:10px; box-sizing:border-box; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; text-align:justify; position:relative;}
.staff.detail h3+p:before{content:''; display:block; width:11%; height:48%; position:absolute; top:-34px; left:42.2%; z-index:2;}
.staff.detail h3+p.no1:before{background:url("../img/salon/staff_icon01.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no2:before{background:url("../img/salon/staff_icon02.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no3:before{background:url("../img/salon/staff_icon03.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p.no4:before{background:url("../img/salon/staff_icon04.jpg") no-repeat; background-size:contain;}
.staff.detail h3+p:after{content:''; display:block; width:18vw; height:18vw; background:#fff; border:solid 2px #f07573; border-radius:50px; position:absolute; top:-45px; left:37%; z-index:1;}
.staff.detail h3+p b{width:auto; height:auto; margin:auto; padding:0 8px; box-sizing:border-box; display:table; margin-bottom:10px; border-bottom:double 4px; color:#a58960; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:1.4em; letter-spacing:0.04em;}
.staff.detail h4.detail_title{width:95%; height:auto; margin:40px auto auto; padding-bottom:14px; background:url("../common/img/h2_line.png") repeat-x left bottom; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.4vw; letter-spacing:0.06em; text-align:center;}
.staff.detail ul.interview{display:flex; flex-wrap:wrap; width:95%; height:auto; margin:20px auto -15px; justify-content:space-between;}
.staff.detail ul.interview li{width:100%; min-height:0; height:auto; margin:0 0 20px 0; padding:0; box-sizing:border-box; border:solid 1px #f07573; border-radius:10px; overflow:hidden; position:relative;}
.staff.detail ul.interview li dl{}
.staff.detail ul.interview li dl dt{height:auto; box-sizing:border-box; background:#f07573; color:#fff; padding:2.8vw 15px 2.8vw 45px; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:13px; line-height:1.7; letter-spacing:0.06em; position:relative;}
.staff.detail ul.interview li dl dt:before{content:'\f4ad'; font-size:24px; line-height:1; font-weight:900; font-family:"Font Awesome 5 Free"; transform:scale(-1, 1); position:absolute; top:23%; left:3.5%;}
.staff.detail ul.interview li dl dd{padding:15px; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:11px; line-height:1.8; letter-spacing:0.06em; text-align:justify;}
.staff.detail ul.interview li dl dd:first-letter{color:#f07573; font-size:14px;}
.staff.detail ul.other{width:95%; margin:25px auto 0; justify-content:space-between;}
.staff.detail ul.other li{min-height:auto; height:auto; margin:0 0 20px; padding:0; border:none;}
.staff.detail ul.other li a{width:auto; height:119px; margin:0 auto 0; padding:23px 15px 20px 74px; display:block; border: solid 1px #f07573; box-sizing:border-box; color:#382616; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.04em; transition:all 0.3s ease; position:relative;}
.staff.detail ul.other li a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; box-shadow:1px 1px 8px #f07573; cursor:pointer;}
.staff.detail ul.other li a:hover:before{content:''; position:absolute; top:3px; left:3px; z-index:2; border-bottom:8px solid transparent; border-left:8px solid #f07573; border-top:8px solid #f07573; border-right:8px solid transparent;}
.staff.detail ul.other li a:hover:after{content:''; position:absolute; bottom:3px; right:3px; z-index:2; border-top:8px solid transparent; border-right:8px solid #f07573; border-bottom:8px solid #f07573; border-left:8px solid transparent;}
.staff.detail ul.other li.no1 a{background:url("../img/salon/staff_icon01.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no2 a{background:url("../img/salon/staff_icon02.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no3 a{background:url("../img/salon/staff_icon03.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li.no4 a{background:url("../img/salon/staff_icon04.jpg") no-repeat left 15px top 15px;}
.staff.detail ul.other li a span{display:block; margin-bottom:10px; color:#f07573; line-height:1.3;}
.staff.detail ul.other li a b{color:#382616; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:22px; margin-right:5px; letter-spacing:-0.1em;}
.staff.detail ul.other li a span, .staff.detail ul.other li a b{padding-left:13px;}
.staff.detail .recomend .menuBox{box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2); position:relative; width:100%; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
.staff.detail .recomend .menuBox.last{margin-bottom:0;}
.staff.detail .recomend .menuBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
.staff.detail .recomend .menuBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:78px; font-style:italic; position:absolute; top:-20%; left:15px; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left; z-index:-1;}
.staff.detail .recomend .menuBox .ttl_txt{padding:13px 0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:24px;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en{font-size:12px; font-family:'Libre Baskerville', serif; color:#fff; margin-top:8px;display:block;}
.staff.detail .recomend .menuBox .ttl_txt .menu_en:before, .staff.detail .recomend .menuBox .ttl_txt .menu_en:after{content: '─';}
.staff.detail .recomend .menuBox_img{width:100%; height:auto;}
.staff.detail .recomend .menuBox_img img{width:100%; height:auto; display:block;}
.staff.detail .recomend .menuBox_txt{line-height:1.5; width:100%; margin:0; height:auto; padding:0;}
.staff.detail .recomend .menuBox_txt p{width:100%; margin:0; padding:5%; box-sizing:border-box; font-size:11px; line-height:1.8;}
.staff.detail .recomend .menuBox_txt  a{width:100%; margin:0; padding:0 5% 4%; box-sizing:border-box; display:block; color:#c1a228; font-size:13px; letter-spacing:0.1em; text-align:center; text-decoration:underline; transition:all 0.3s ease;}
.staff.detail .recomend .menuBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; }
.staff.detail .recomend .menuBox+.btn a{display:block; width:75%; height:50px; margin:30px auto 0; background:#F35B5E; border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
.staff.detail .recomend .menuBox+.btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
}