@charset "utf-8";
/* CSS Document */
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/salon/pagetitle_bg.png");}

/******************************************************/
/** サロンTOP
/******************************************************/
/*共通*/
#salon{}
#salon h2{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4.2vw; letter-spacing:0.04em; text-align:center; position:relative; padding-bottom:10px; margin-bottom:20px;}
#salon h2:after{content:''; width:100%; height:2px; background:url("../common/img/h2_title_border.png") no-repeat center; position:absolute; bottom:0; left:0;}
#salon h2 span{display:block; margin-top:10px; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2vw; letter-spacing:0.15em;}

#salon .navi{width:100%; height:auto; margin:-10px 0 20px;}
#salon .navi ul{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:solid 1px #b7b7b7;}
#salon .navi ul li{width:50%; height:auto; box-sizing:border-box; border-top:solid 3px #d9c68f; position:relative;}
#salon .navi ul li:first-child{width:100%}
#salon .navi ul li:nth-child(even){border-right:solid 1px #b7b7b7;}
#salon .navi ul li a{width:100%; height:45px; padding-bottom:20px; color:#c6ac63; display:block; font-size:4vw; line-height:42px; text-align:center; position:relative; top:0;}
#salon .navi ul li a:after{content:''; width:8px; height:8px; box-sizing:border-box; border:solid #d9c690; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; bottom:25%; left:49%;}

#salon .box{width:100%; height:auto; padding:9vw 0;}
#salon .box .flex{}
#salon .box .flex .img{width:80%; display:block; margin:auto;}
#salon .box .flex .img img{width:100%;}
#salon .box .flex .text{width:90%; margin:auto;}
#salon .box .flex .text p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#salon .box .flex .text .link_btn{width:80%; height:auto; margin:20px auto;}
#salon .box .flex .text .link_btn li{width:100%; margin-bottom:20px; box-sizing:border-box; border:solid 1px #d9c691; background:#fff;}
#salon .box .flex .text .link_btn li a{display:block; width:100%; height:auto; color:#c6ac63; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:40px; text-align:center; position:relative; z-index:1;}
#salon .box .flex .text .link_btn li a:before{content:'>>'; transform:scale(0.6, 1); position:absolute; top:0; right:2.8vw; font-size:3.3vw; color:#d9c690;}
/*about*/
#salon .about p a{color:#be9f39; text-decoration:underline;}
#salon .about 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;}
/*navi_circle*/
#salon .navi_circle{margin:-20px 0 20px;}
#salon .navi_circle>ul{width:95%; height:auto; margin:auto; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-around;}
#salon .navi_circle>ul>li{width:40%; height:0; padding-top:40%; border-radius:310%; border-bottom:solid 1px #fff; position:relative; transition:all 0.3s ease;}
#salon .navi_circle>ul>li:nth-child(1){background: url(../img/salon/navi_circle03.jpg) no-repeat, #ccb27e; background-size:contain;}
#salon .navi_circle>ul>li:nth-child(2){background: url("../img/salon/navi_circle01.jpg") no-repeat, #ccb27e; background-size:contain;}
#salon .navi_circle>ul>li:nth-child(3){background: url("../img/salon/navi_circle02.jpg") no-repeat, #ccb27e; background-size:contain;}
#salon .navi_circle>ul>li:before{content:''; width:95%; height:95%;}
#salon .navi_circle>ul>li:after{content:'>>'; width:100%; height:auto; color:#fff; font-size:7vw; line-height:1; transform:rotate(90deg) scale(0.6 , 1); position:absolute; top:97%; left:1%;}
#salon .navi_circle>ul>li>a{width:100%; height:100%; display:block; color:#fff; position:absolute; top:0; left:0;}
#salon .navi_circle>ul>li>a>span{font-family:"Zen Old Mincho", serif; font-weight: 500;
 text-shadow:0 0 5px #63491e;}
#salon .navi_circle>ul>li>a>.number{width:100%; height:auto; display:block; font-size:6vw; line-height:1; text-align:center; position:absolute; top:10%; left:0;}
#salon .navi_circle>ul>li>a>.text{width:100%; height:auto; font-size:4vw; line-height:1.7; letter-spacing:0.06em; text-align:center; position:absolute; top:34%; left:0;}
/*salonList*/
#salon #salonList{margin-bottom:0; padding-bottom:20px;}
#salon #salonList .japmap{width:100%; height:auto; margin:auto; background:url("../img/salon/japmap.png") no-repeat center; background-size:contain; position:relative;}
#salon #salonList .japmap>dl{width:90%; margin:8vw auto 0; display:flex; flex-wrap:wrap; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.8vw;}
#salon #salonList .japmap>dl>dt, #salon #salonList .japmap>dl>dd{height:auto; margin-bottom:24px;}
#salon #salonList .japmap>dl>dt{width:36%;}
#salon #salonList .japmap>dl>dt:before{content:'■';}
#salon #salonList .japmap>dl>dd{width:64%; box-sizing:border-box; padding-left:3%;}
#salon #salonList .japmap>dl>dd>ul{display:flex; flex-wrap:wrap;}
#salon #salonList .japmap>dl>dd>ul>li{width:auto; margin-right:5%;}
#salon #salonList .japmap>dl>dd>ul>li:last-child{margin-right:0;}
#salon #salonList .japmap>dl>dt>a, #salon #salonList .japmap>dl>dd>ul>li>a{color:#000; text-decoration:underline; letter-spacing:0.04em;}
#salon #salonList .japmap>.list{width:100%; height:100%; position:absolute; top:0; left:0;}
#salon #salonList .japmap>.list>li{display:block; position:absolute; z-index:0;}
#salon #salonList .japmap>.list>li.tokyo{padding:0 0 0 100px; top:346px; left:675px; z-index:1;}
#salon #salonList .japmap>.list>li.tokyo:hover{background:url("../img/salon/japmap_tokyo.png");}
#salon #salonList .japmap>.list>li.nagoya{padding:0 0 82px 39px; top:284px; left:576px;}
#salon #salonList .japmap>.list>li.nagoya:hover{background:url("../img/salon/japmap_nagoya.png");}
#salon #salonList .japmap>.list>li.osaka{padding:76px 0 0 14px; top:376px; left:510px;}
#salon #salonList .japmap>.list>li.osaka:hover{background:url("../img/salon/japmap_osaka.png");}
#salon #salonList .japmap>.list>li.hyogo{padding:72px 7px 0 0; top:344px; left:392px;}
#salon #salonList .japmap>.list>li.hyogo:hover{background:url("../img/salon/japmap_hyogo.png");}
#salon #salonList .japmap>.list>li.kyoto{padding:0 0 85px 0; top:270px; left:442px;}
#salon #salonList .japmap>.list>li.kyoto:hover{background:url("../img/salon/japmap_kyoto.png");}
#salon #salonList .japmap>.list>li.fukuoka{padding:0 1px 61px 0; top:320px; left:212px;}
#salon #salonList .japmap>.list>li.fukuoka:hover{background:url("../img/salon/japmap_fukuoka.png");}
#salon #salonList .japmap>.list>li>a{width:118px; height:36px; background:#adaba6; display:block; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:16px; letter-spacing:0.04em; line-height:36px; text-align:center;}
#salon #salonList .japmap>.list>li.nagoya>a{width:135px;}
#salon #salonList .japmap>.list>li:hover>a{background:none;}
#salon #salonList .japmap>.list>li>a:before{content:'>'; display:inline-block; margin-right:3px; font-size:15px;}
#salon #salonList .japmap>.list>li, #salon #salonList .japmap>.list>li:hover, #salon #salonList .japmap>.list>li>a, #salon #salonList .japmap>.list>li:hover>a{transition:all 0.3s ease;}
#salon #salonList ul.listflex{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; height:auto; margin:0 auto;}
#salon #salonList ul.listflex>li{width:47%; margin:3.5vw 0;}
#salon #salonList ul.listflex>li>a.img{width:100%; height:0; padding-top:63%; display:block; overflow:hidden; position:relative;}
#salon #salonList ul.listflex>li>a.img>img{position:absolute; top:0; left:0; width:100%; height:auto;}
#salon #salonList ul.listflex>li>h3{margin:10px 0 6px; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:4vw; letter-spacing:0.06em;}
#salon #salonList ul.listflex>li>h3>span{width:auto; height:auto; margin:0 4px 0 0; padding:0.6vw 2vw; box-sizing:border-box; display:inline-block; background:#be9f39; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:3.2vw; line-height:4vw; position:relative; top:-0.2vw;}
#salon #salonList ul.listflex>li>.flex{}
#salon #salonList ul.listflex>li>.flex>p{width:100%; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; margin:0; line-height:1.5;}
#salon #salonList ul.listflex>li>.flex>.access{min-height:10vw; height:auto; padding-left:1em; text-indent:-1em; box-sizing:border-box;}
#salon #salonList ul.listflex>li>.flex>.tel{margin:5px 0;}
#salon #salonList ul.listflex>li>.flex>.detail{margin:10px 0; background:#be9f39; box-sizing:border-box; border:solid 1px #be9f39; border-radius:4px; text-align:center;}
#salon #salonList ul.listflex>li>.flex>.detail:before{display:none;}
#salon #salonList ul.listflex>li>.flex>p:before{content:''; font-family:"Font Awesome 5 Free"; font-weight:900; padding-right:4px; color:#be9f39;}
#salon #salonList ul.listflex>li>.flex>.access:before{content:'\f3c5'; color:#be9f39;}
#salon #salonList ul.listflex>li>.flex>.tel:before{content:'\f879'; display:inline-block; transform:rotate(15deg);}
#salon #salonList ul.listflex>li>.flex>.tel>a{color:#000; text-decoration:underline;}
#salon #salonList ul.listflex>li>.flex>.detail>a{color:#fff; display:block; padding:1vw 0;}
/*salonPoint*/
#salon #salonPoint{}
#salon #salonPoint .inner1000{width:90%; margin:auto;}
#salon #salonPoint p{width:100%; margin:auto; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#salon #salonPoint ul{}
#salon #salonPoint ul li{width:100%; height:auto; margin:20px 0; padding:3.5vw; background:#fbf8f0; background:-moz-linear-gradient(left, #fbf8f0 0%, #ffffff 50%, #fbf8f0 100%); background:-webkit-linear-gradient(left, #fbf8f0 0%,#ffffff 50%,#fbf8f0 100%); background:linear-gradient(to right, #fbf8f0 0%,#ffffff 50%,#fbf8f0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8f0', endColorstr='#fbf8f0',GradientType=1 ); box-sizing:border-box; position:relative;}
#salon #salonPoint ul li .pentagon{width:16%; height:0; padding-top:16%; border-radius:100%; background:#d9c690; position:absolute; top:27%; left:2.5vw; text-align:center;}
#salon #salonPoint ul li .pentagon span, #salon #salonPoint ul li .pentagon b{width:100%; display:block; position:absolute; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; text-align:center;}
#salon #salonPoint ul li .pentagon span{font-size:3.5vw; top:18%;}
#salon #salonPoint ul li .pentagon b{font-size:5vw; top:52%;}
#salon #salonPoint ul li .pentagon+h3{width:auto; margin:0 0 2% 19%; color:#d9c690; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:4vw; letter-spacing:0.06em;}
#salon #salonPoint ul li p{font-size:3.6vw; line-height:1.6; letter-spacing:0.06em; text-align:left; padding-left:4.3em; box-sizing:border-box;}
#salon #salonPoint ul li p b{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; color:#be9f39;}
/*anshin*/
#salon #anshin{background:#fcf9f0; padding:40px 0;}
#salon #anshin .inner1000{width:90%; margin:auto;}
#salon #anshin h2{margin-bottom:25px;}
#salon #anshin p{font-size:3.4vw; line-height:1.9; text-align:justify;}
#salon #anshin p.cs{margin:30px 0 0;}
#salon #anshin p a{color:#be9f39; text-decoration:underline;}
#salon #anshin ul{width:100%; height:auto; margin-bottom:30px;}
#salon #anshin ul li{width:100%; height:auto; padding:3vw 2.5vw; margin:15px 0; box-sizing:border-box; border-radius:10px; background:#fff; box-shadow:0 4px 10px #e6e3da; position:relative;}
#salon #anshin ul li i{color:#d9c690; font-size:9vw; display:block; text-align:center;}
#salon #anshin ul li p{text-align:center; margin:10px 0;}
#salon #anshin ul li span{width:auto; padding-bottom:6px; display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.3vw; text-align:center; transition:all 0.3s ease; position:relative;}
#salon #anshin ul li span:before, #salon #anshin ul li span:after{content:''; height:1px; background:#be9f39; position:absolute;}
#salon #anshin ul li span:before{width:24%; bottom:0; left:38%;}
#salon #anshin ul li span:after{width:4%; transform:rotate(50deg); bottom:22%; right:37%;}
#salon #anshin ul li a{position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer;}

/******************************************************/
/** エリアTOP
/******************************************************/
/*** areamap ***/
#salon .area_text{}
#salon .area_text p{width:90%; margin:auto; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.7; text-align:justify;}
#salon .area_map{width:100%; height:auto; margin:0 0 20px;}
#salon .area_map ul{width:100%; height:0; margin:auto; padding-top:44.6%; position:relative; z-index:0;}
#salon .area_map ul li{position:absolute; width:41vw; height:13.5vw; display:block; border-radius:8px; background:rgba(185, 139, 78, 0.8); z-index:1;}
#salon .area_map ul li div{width:100%; height:100%; box-sizing:border-box; padding:2.7vw 0 0 18vw; color:#fff; text-align:center; border-radius:8px;}
#salon .area_map ul li div p, #salon .area_map ul li div span{width:auto; height:auto; display:table; margin:0 auto; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; letter-spacing:0.08em;}
#salon .area_map ul li div p{font-size:3.5vw;}
#salon .area_map ul li div p:after{content:''; width:120%; height:1px; margin:8% 0 6% -10%; display:block; background:#fff;}
#salon .area_map ul li div span{font-size:2.8vw;}
#salon .area_map ul li a{width:100%; height:100%; border-radius:8px; position:absolute; top:0; left:0;}
#salon .area_map ul li a:hover{transition:all 0.3s ease; background:rgba(255, 255, 255, 0.30); box-shadow:0 0 5px #867c7c;}
/*tokyo*/
#salon .area_map.tokyo ul{background:url("../img/salon/area/map_tokyo_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.tokyo ul li:nth-child(1){top:4.5vw; left:2.2vw;}
#salon .area_map.tokyo ul li:nth-child(2){top:22vw; left:57.5vw;}
#salon .area_map.tokyo ul li:nth-child(3){top:29vw; left:2vw;}
#salon .area_map.tokyo ul li:nth-child(1) div{background:url("../img/salon/area/map_tokyo_ikebukuro.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.tokyo ul li:nth-child(2) div{background:url("../img/salon/area/map_tokyo_shibuya.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.tokyo ul li:nth-child(3) div{background:url("../img/salon/area/map_tokyo_shinjyuku.jpg") no-repeat left -20% top; background-size:contain;}
/*nagoya*/
#salon .area_map.nagoya ul{background:url("../img/salon/area/map_nagoya_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.nagoya ul li:nth-child(1){top:7vw; left:3.2vw;}
#salon .area_map.nagoya ul li:nth-child(1) div{background:url("../img/salon/area/map_nagoya_meieki.jpg") no-repeat left -20% top; background-size:contain;}
/*osaka*/
#salon .area_map.osaka ul{background:url("../img/salon/area/map_osaka_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.osaka ul li:nth-child(1){top:4.8vw; left:5.2vw;}
#salon .area_map.osaka ul li:nth-child(2){top:18vw; left:57.5vw;}
#salon .area_map.osaka ul li:nth-child(3){top:29vw; left:2vw;}
#salon .area_map.osaka ul li:nth-child(1) div{background:url("../img/salon/area/map_osaka_umeda.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.osaka ul li:nth-child(2) div{background:url("../img/salon/area/map_osaka_shinsaibashi.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.osaka ul li:nth-child(3) div{background:url("../img/salon/area/map_osaka_namba.jpg") no-repeat left -20% top; background-size:contain;}
/*hyogo*/
#salon .area_map.hyogo ul{background:url("../img/salon/area/map_hyogo_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.hyogo ul li:nth-child(1){top:12vw; left:53vw;}
#salon .area_map.hyogo ul li:nth-child(2){top:6.8vw; left:2vw;}
#salon .area_map.hyogo ul li:nth-child(1) div{background:url("../img/salon/area/map_hyogo_sannomiya.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.hyogo ul li:nth-child(2) div{background:url("../img/salon/area/map_hyogo_himeji.jpg") no-repeat left -20% top; background-size:contain;}
/*kyoto*/
#salon .area_map.kyoto ul{background:url("../img/salon/area/map_kyoto_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.kyoto ul li:nth-child(1){top:10.5vw; left:56vw;}
#salon .area_map.kyoto ul li:nth-child(2){top:29vw; left:3.5vw;}
#salon .area_map.kyoto ul li:nth-child(3){top:3.2vw; left:2vw;}
#salon .area_map.kyoto ul li:nth-child(1) div{background:url("../img/salon/area/map_kyoto_kawaramachi.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.kyoto ul li:nth-child(2) div{background:url("../img/salon/area/map_kyoto_karasuma.jpg") no-repeat left -20% top; background-size:contain;}
#salon .area_map.kyoto ul li:nth-child(3) div{background:url("../img/salon/area/map_kyoto_saiin.jpg") no-repeat left -20% top; background-size:contain;}
/*fukuoka*/
#salon .area_map.fukuoka ul{background:url("../img/salon/area/map_fukuoka_bg.jpg") no-repeat center; background-size:contain;}
#salon .area_map.fukuoka ul li:nth-child(1){top:21vw; left:50vw;}
#salon .area_map.fukuoka ul li:nth-child(1) div{background:url("../img/salon/area/map_fukuoka_tenjin.jpg") no-repeat left -20% top; background-size:contain;}
/*** area_scrollbtn ***/
#salon ul.area_scrollbtn{width:82%; height:auto; margin:20px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon ul.area_scrollbtn li{width:30%; height:auto; display:block; background:#efeee6; border-radius:2vw; border:1px solid #ffffff; box-shadow:0 0 3px #c9c4b0;}
#salon ul.area_scrollbtn li:hover{background:#fff;}
#salon ul.area_scrollbtn li a{width:100%; height:auto; display:block; color:#73594e; text-shadow:0 2px 1px #fff; font-size:4vw; line-height:7.3vw; text-align:center;}
#salon ul.area_scrollbtn li a:before{content:'\f13a'; font-family:"Font Awesome 5 Free"; font-weight:900; color:#ccc8aa; padding-right:0.2em;}
#salon ul.area_scrollbtn li:hover a:before{color:#dedaca;}
#salon ul.area_scrollbtn li, #salon ul.area_scrollbtn li:hover, #salon ul.area_scrollbtn li a:before, #salon ul.area_scrollbtn li:hover a:before{transition:all 0.3s ease;}

/*** areaSalon ***/
#salon #areaSalon{padding-bottom:20px;}
#salon #areaSalon ul{width:94%; height:auto; margin:auto;}
#salon #areaSalon ul li{width:100%; height:auto; margin:5vw 0; padding:3vw; border:double 4px #e7ded6; box-sizing:border-box; position:relative; overflow:hidden;}
#salon #areaSalon ul li:last-child{margin-bottom:0;}
/*#salon #areaSalon ul li:before, #salon #areaSalon ul li:after{position:absolute; width:60%; height:7vw; top:1%; left:-14%; transform:rotate(-20deg);}
#salon #areaSalon ul li:before{content:''; background:#1f1c54;}
#salon #areaSalon ul li:after{content:'information'; color:#f5f1ed; font-size:3.5vw; line-height:7vw; text-align:center;}*/
#salon #areaSalon ul li .img{width:100%; height:auto;}
#salon #areaSalon ul li .img img{width:100%; height:auto; margin-bottom:3vw;}
#salon #areaSalon ul li .text{width:100%; height:auto;}
#salon #areaSalon ul li .text h3{margin-bottom:3vw; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4.5vw; letter-spacing:0.04em;}
#salon #areaSalon ul li .text h3 span{display:inline-block; width:auto; height:25px; line-height:25px; margin-right:5px; padding:0 7px; background:#be9f39; box-sizing:border-box; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4vw; letter-spacing:0.06em;}
#salon #areaSalon ul li .text table{}
#salon #areaSalon ul li .text table tr{width:100%; box-sizing:border-box;}
#salon #areaSalon ul li .text table tr th, #salon #areaSalon ul li .text table tr td{width:100%; display:block; font-size:3.5vw; line-height:1.7;}
#salon #areaSalon ul li .text table tr th{padding:3px 0; text-indent:0.5em; vertical-align:middle; background:#f5f1ed; border-left: solid 5px #cdb76b; box-sizing:border-box; letter-spacing:0.06em;}
#salon #areaSalon ul li .text table tr td{padding:10px 0.5em; box-sizing:border-box; text-align:left;}
#salon #areaSalon ul li .text table tr a.btn_map{display:block; width:auto; height:auto; margin-top:1.2vw; padding:0.4em; border:solid 1px; border-radius:1vw; box-sizing:border-box; color:#ada298; font-size:2.8vw; text-align:center;}
#salon #areaSalon ul li .text table tr a.btn_map:before{content:'\f3c5'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-right:0.4em;}
#salon #areaSalon ul li .text table tr td ul.menu{width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;}
#salon #areaSalon ul li .text table tr td ul.menu li{width:auto; height:auto; margin:0 6px 0 0; padding:0; background:#fff; border:solid 1px #b7931c; font-size:3vw; line-height:1; text-decoration:none;}
#salon #areaSalon ul li .text table tr td ul.menu li:first-child{margin-bottom:8px;}
#salon #areaSalon ul li .text table tr td ul.menu li:hover a{text-decoration:underline;}
#salon #areaSalon ul li .text table tr td ul.menu li.none{background:none; color:#a5a5a5; border-color:#d4d4d4; height:3vw; padding:1.5vw 1.1vw; box-sizing:inherit; position:relative;}
#salon #areaSalon ul li .text table tr td ul.menu li.none:before{content:''; position:absolute; top:0 ;left:0; width:100%; height:100%; background:url("https://renew2019.style-japan.co.jp/layout/common/img/dot_bg.png") repeat; opacity:0.7;}
#salon #areaSalon ul li .text table tr td ul.menu li.none:hover{background:none;}
#salon #areaSalon ul li .text table tr td ul.menu li a, #salon #areaSalon ul li .text table tr td ul.menu li:hover a{transition:all 0.3s ease;}
#salon #areaSalon ul li .text table tr td ul.menu li a{display:block; width:auto; height:3vw; padding:1.5vw 1.1vw; color:#af880b;}
#salon #areaSalon ul li .text table tr td ul.menu li a:after{content:'>'; padding-left:1vw; position:relative; top:-0.3vw;}
#salon #areaSalon ul li .text table tr.pc td:before{content:'\f87b'; font-family:"Font Awesome 5 Free"; font-weight:900; color:#c5c4bb; margin-right:4px; font-size:16px;}
#salon #areaSalon ul li .tel{width:100%; height:auto; margin:15px auto 10px;}
#salon #areaSalon ul li .tel .number, #salon #areaSalon ul li .tel .btn{display:block; width:100%; height:auto; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:4vw; line-height:40px; text-align:center; position:relative; z-index:0;}
#salon #areaSalon ul li .tel .number{background:#fff; border:solid 1px #c1a242; color:#af880b;}
#salon #areaSalon ul li .tel .btn{margin-top:16px; color:#fff; background:#cdb566; background:-moz-linear-gradient(top, #cdb566 0%, #cfb771 50%, #c4a95f 51%, #c4a95f 51%, #cfb771 100%); background:-webkit-linear-gradient(top, #cdb566 0%,#cfb771 50%,#c4a95f 51%,#c4a95f 51%,#cfb771 100%); background:linear-gradient(to bottom, #cdb566 0%,#cfb771 50%,#c4a95f 51%,#c4a95f 51%,#cfb771 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdb566', endColorstr='#cfb771',GradientType=0 );}
#salon #areaSalon ul li .tel .btn:after{content:'>>'; transform:scale( 0.6 , 1 ); position:absolute; top:0; right:2%;}
#salon #areaSalon ul li .tel .number:before{content:'\f879'; font-weight:900; font-family:"Font Awesome 5 Free"; display:inline-block; margin-right:6px; transform:rotate(15deg);}
/*** areaRecommend ***/
/*** areaMessage ***/
#salon #areaMessage{padding-bottom:0;}
#salon #areaMessage .message{width:100%; height:auto; margin:0; padding:7vw 4vw; box-sizing:border-box; background:#fcf9f0;}
#salon #areaMessage .message:nth-child(3){margin-top:5vw;}
#salon #areaMessage .message:nth-child(even){border:solid #ceb66f; border-width:1px 0;}
#salon #areaMessage .message:last-child{border-bottom:none;}
#salon #areaMessage .message h3{width:auto; height:auto; margin:0 0 20px; color:#be9f39; font-size:4.3vw; letter-spacing:0.06em; text-align:center;}
#salon #areaMessage .message h3 span{display:block; margin-top:10px; font-size:2.3vw;}
#salon #areaMessage .message p{width:100%; height:auto; margin:0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.2vw; line-height:1.8; text-align:justify;}
#salon #areaMessage .message p img{width:33%; border-radius:100%; float:left; margin-right:2vw;}
#salon #areaMessage .message a{width:72%; height:45px; line-height:45px; display:block; margin:15px auto 0; background:#ffffff; box-shadow:0 4px 10px #e6e3da; border-radius:6px; color:#000; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; text-align:center; position:relative;}
#salon #areaMessage .message a span{width:40px; height:26px; display:block; position:absolute; top:0; right:10%;}
#salon #areaMessage .message a span:before, #salon #areaMessage .message a span:after{content:''; height:1px; background:#be9f39; position:absolute;}
#salon #areaMessage .message a span:before{width:40px; bottom:0; left:0;}
#salon #areaMessage .message a span:after{width:10px; transform:rotate(50deg); bottom:4px; right:-2px;}

/******************************************************/
/** 各サロン詳細TOP
/******************************************************/
#salon .shop_top{width:100%;}
#salon .shop_top img{width:100%; height:auto; display:block; background:#999; min-height:120px;}
#salon .shop_top img.pc{display:none;}
#salon .shop_top .cp_box *, #salon .shop_top .cp_box *:before, #salon .shop_top .cp_box *:after{-webkit-box-sizing:border-box; box-sizing:border-box;}
#salon .shop_top .cp_box{position:relative; z-index:0; margin-top:-15px;}
#salon .shop_top .cp_box label{position:absolute; z-index:1; bottom:0; width:100%; height:140px; cursor:pointer; text-align:center; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);}
#salon .shop_top .cp_box input:checked + label{background:inherit;}
#salon .shop_top .cp_box label:after{line-height:2.5rem; position:absolute; z-index:2; bottom:20px; left:50%; width:16rem; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:3.5vw; content:'\f13a'' 続きをよむ'; transform:translate(-50%, 0); letter-spacing:0.05em; color:#ffffff; border-radius:20px; background-color:rgba(183, 156, 81, 0.9);}
#salon .shop_top .cp_box input{display:none;}
#salon .shop_top .cp_box .cp_container{overflow:hidden; height:250px; transition:all 0.5s;}
#salon .shop_top .cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
#salon .shop_top .cp_box input:checked + label:after{font-family:"Font Awesome 5 Free"; font-weight:900; content:'\f139'' 閉じる';}
#salon .shop_top .cp_box input:checked ~ .cp_container{height:auto; padding-bottom:80px; transition:all 0.5s;}
#salon .shop_top p{width:90%; height:auto; margin:20px auto 0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.7; text-align:justify;}
#salon .shop_top p b{display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.2vw; letter-spacing:0.08em; line-height:1.6; margin-bottom:10px;}
#salon .shop_top p a{color:#909090; display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; position:relative;}
#salon .shop_top p a:after{content:''; width:100%; position:absolute; bottom:1px; left:0; border-bottom:dotted 1px #616161;}
/*ショップimgスライド*/
#salon .shop_img{padding:2vw 0 7vw;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows{opacity:1;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-previous-arrow{left:2vw!important;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-next-arrow, #salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-rtl .sp-previous-arrow{right:2vw!important;}
#salon .shop_img .slider-pro .sp-bottom-thumbnails{margin-top:15px;}
#salon .shop_img .slider-pro img.sp-thumbnail{opacity:0.5;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-thumbnail-container{position:relative; z-index:0;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-thumbnail-container:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../common/img/dot_bg.png) repeat #777; z-index:-1;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-selected-thumbnail{border-bottom: solid 3px #be9f39;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-selected-thumbnail img.sp-thumbnail{opacity:1;}
/*サロン情報*/
#salon .shop_info{background:#fcf9f0; padding-bottom:4vw;}
#salon .shop_info .sec{ width:92%; height:auto; margin:15px auto; font-size:3.5vw; line-height:1.7; letter-spacing:0.04em; text-align:justify;}
#salon .shop_info .sec h3{border-left:solid 6px #e6ddbf; margin:20px 0; padding:3px 0 3px 5px; color:#000; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4vw; letter-spacing:0.06em; line-height:1.4;}
#salon .shop_info .sec iframe{width:100%; height:70vw; box-sizing:border-box; border:solid 1px #c1c0bb;}
#salon .shop_info .sec a{color:#be9f39;}
#salon .shop_info .sec table{}
#salon .shop_info .sec table tr{border:dotted #b1ab99; border-width:1px 0;}
#salon .shop_info .sec table tr th, #salon .shop_info .sec table tr td{padding:1vw 0;}
#salon .shop_info .sec table tr th{width:20%; text-align:center; border-right:dotted 1px #b1ab99;}
#salon .shop_info .sec table tr td{width:80%; padding-left:3%; box-sizing:border-box;}
#salon .shop_info .sec table tr td .holiday{display:block; color:#f53e53;}
#salon .shop_info .sec table tr a{color:#be9f39; text-decoration:underline;}
#salon .shop_info .sec ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_info .sec ul li{width:48.5%; margin-bottom:10px; padding:1vw 0; box-sizing:border-box; border:solid 1px #b7a239; color:#b7a239; background:#fff; text-align:center; position:relative;}
#salon .shop_info .sec ul li:last-child{margin-bottom:0;}
#salon .shop_info .sec ul li.none{background:none; color:#c5c2b5; border:solid 1px #d8d6d1;}
#salon .shop_info .sec ul li.none:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0;background:url("../common/img/dot_bg.png") repeat; opacity:0.5;}
#salon .shop_info .sec ul li a{color:#b7a239;}
#salon .shop_info .sec ul li a:after{content:'>'; position:absolute; line-height:1; top:33%; right:2.2vw; font-size:3vw;}
#salon .shop_info .sec.access{}
#salon .shop_info .sec.access .map{}
#salon .shop_info .sec.access .map p{margin:0 0 10px; text-align:right;}
#salon .shop_info .sec.access .map p a{border-bottom:solid 1px;}
#salon .shop_info .sec.access .map p a:before{content:'\f3c5'; font-family:"Font Awesome 5 Free"; font-weight:900;}
#salon .shop_info .sec.near a{font-size:4vw; text-decoration:underline;}
#salon .shop_info .sec.message{}
#salon .shop_info .sec.message p{box-sizing:border-box; margin:0; padding:4.5vw; border-radius:3vw; background:#fff; border:solid 1px #e6ddbf;}
#salon .shop_info .sec.message p img{width:33%; height:auto; border-radius:100%; display:block; margin:0 auto 3vw;}
#salon .shop_info .link_btn li a{text-indent:-0.5vw;}
#salon .shop_info .link_btn li i{font-size:3.6vw; margin-right:0.7vw;}
#salon .shop_info .link_btn li:first-child i{transform:scale(-1,1); margin:0 1.8vw 0 0;}
/*○○店のおすすめエステメニュー*/
#salon .shop_reccomend{padding:30px 0; background:url("../img/salon/recommendmenu_bg.jpg") no-repeat center top; background-size:150%; position:relative; z-index:0;}
#salon .shop_reccomend:before{content:''; width:100%; height:100%; background:rgba(214, 142, 149, 0.4)/*濃ピンクrgba(218, 105, 116, 0.4)・ベージュrgba(251, 236, 214, 0.4)*/; position:absolute; top:0; left:0; z-index:1;}
#salon .shop_reccomend .inner1100{position:relative; z-index:2;}
#salon .shop_reccomend h2{color:#fff; text-shadow:0 0 10px #772626; line-height:1.5;}
#salon .shop_reccomend h2 span{color:#fff;}
#salon .shop_reccomend h2+p{width:90%; margin:auto; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.7; text-align:justify; text-shadow:0 0 10px #630c0c;}
#salon .shop_reccomend ul{width:90%; height:auto; margin:20px auto;}
#salon .shop_reccomend ul li{width:100%; height:auto; margin:20px 0; background:#fff;}
#salon .shop_reccomend ul li:last-child{margin-bottom:0;}
#salon .shop_reccomend ul li .mds{margin:0; padding:3vw 0; background:#d65d69; color:#fff; font-size:4vw; letter-spacing:0.06em; text-align:center;}
#salon .shop_reccomend ul li .img{width:100%; height:auto; display:block; background:#dadada;}
#salon .shop_reccomend ul li .text{padding:4vw 4vw 5.5vw;}
#salon .shop_reccomend ul li .text b{width:100%; height:auto; color:#8b6060; display:block; font-size:3.2vw; text-align:center;}
#salon .shop_reccomend ul li .text h3{margin:12px 0; font-size:4.5vw; letter-spacing:0.06em; text-align:center;}
#salon .shop_reccomend ul li .text h3:before{content:'\f521'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:2px;}
#salon .shop_reccomend ul li:nth-child(1) .text h3:before{background:rgb(209,161,31); background:-moz-linear-gradient(top, rgba(209,161,31,1) 0%, rgba(248,231,172,1) 40%, rgba(209,161,38,1) 80%, rgba(212,168,80,1) 100%); background:-webkit-linear-gradient(top, rgba(209,161,31,1) 0%,rgba(248,231,172,1) 40%,rgba(209,161,38,1) 80%,rgba(212,168,80,1) 100%); background:linear-gradient(to bottom, rgba(209,161,31,1) 0%,rgba(248,231,172,1) 40%,rgba(209,161,38,1) 80%,rgba(212,168,80,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1a11f', endColorstr='#d4a850',GradientType=0 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
#salon .shop_reccomend ul li:nth-child(2) .text h3:before{background:rgb(192,192,192); background:-moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(239,239,239,1) 40%, rgba(194,194,194,1) 80%, rgba(206,206,206,1) 100%); background:-webkit-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(239,239,239,1) 40%,rgba(194,194,194,1) 80%,rgba(206,206,206,1) 100%); background:linear-gradient(to bottom, rgba(192,192,192,1) 0%,rgba(239,239,239,1) 40%,rgba(194,194,194,1) 80%,rgba(206,206,206,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#cecece',GradientType=0 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
#salon .shop_reccomend ul li:nth-child(3) .text h3:before{background:rgb(207,143,90); background:-moz-linear-gradient(top, rgba(207,143,90,1) 0%, rgba(255,222,192,1) 40%, rgba(208,144,91,1) 80%, rgba(218,154,99,1) 100%); background:-webkit-linear-gradient(top, rgba(207,143,90,1) 0%,rgba(255,222,192,1) 40%,rgba(208,144,91,1) 80%,rgba(218,154,99,1) 100%); background:linear-gradient(to bottom, rgba(207,143,90,1) 0%,rgba(255,222,192,1) 40%,rgba(208,144,91,1) 80%,rgba(218,154,99,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf8f5a', endColorstr='#da9a63',GradientType=0 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
#salon .shop_reccomend ul li .text p{height:auto; margin:15px 0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.2vw; line-height:1.7; text-align:justify}
#salon .shop_reccomend ul li .text a{width:75%; height:40px; display:block; margin:auto; background:#ffffff; border:solid 1px #d65d69; color:#d65d69; font-size:3.5vw; line-height:40px; text-align:center; text-indent:-0.5em; position:relative;}
#salon .shop_reccomend ul li .text a:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:1px; right:8px;}
#salon .shop_reccomend .cmn_btn{background:#d8505d; background:-moz-linear-gradient(top, #d8505d 0%, #d8505d 50%, #d23342 51%, #d23342 51%, #d8505d 100%); background:-webkit-linear-gradient(top, #d8505d 0%,#d8505d 50%,#d23342 51%,#d23342 51%,#d8505d 100%); background:linear-gradient(to bottom, #d8505d 0%,#d8505d 50%,#d23342 51%,#d23342 51%,#d8505d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505d', endColorstr='#d8505d',GradientType=0 );}
/*周辺情報*/
#salon .shop_location{}
#salon .shop_location .inner1000{width:90%; margin:auto;}
#salon .shop_location h2+p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.7; text-align:justify;}
#salon .shop_location ul{margin-top:25px; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_location ul li{width:50%; height:auto; position:relative;}
#salon .shop_location ul li.boxbig{width:100%;}
#salon .shop_location ul li img{width:100%; height:auto; display:block; background:#999;}
#salon .shop_location ul li p{width:100%; margin:0; background:rgba(0, 0, 0, 0.5); color:#fff; font-size:3vw; letter-spacing:0.06em; text-indent:0.4em; line-height:2; position:absolute; bottom:0;}

/******************************************************/
/** こだわり
/******************************************************/
#salon .kodawari_text{width:90%; font-size:3.4vw; line-height:1.9; text-align:justify; margin:auto auto 10vw;}
/*サークルリストの背景*/
#salon .navi_circle.ikebukuro_kodawari>ul>li:nth-child(1){background:url("../img/salon/ikebukuro/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.ikebukuro_kodawari>ul>li:nth-child(2){background:url("../img/salon/ikebukuro/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.ikebukuro_kodawari>ul>li:nth-child(3){background:url("../img/salon/ikebukuro/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shibuya_kodawari>ul>li:nth-child(1){background:url("../img/salon/shibuya/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shibuya_kodawari>ul>li:nth-child(2){background:url("../img/salon/shibuya/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shibuya_kodawari>ul>li:nth-child(3){background:url("../img/salon/shibuya/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinjyuku_kodawari>ul>li:nth-child(1){background:url("../img/salon/shinjyuku/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinjyuku_kodawari>ul>li:nth-child(2){background:url("../img/salon/shinjyuku/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinjyuku_kodawari>ul>li:nth-child(3){background:url("../img/salon/shinjyuku/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.meieki_kodawari>ul>li:nth-child(1){background:url("../img/salon/meieki/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.meieki_kodawari>ul>li:nth-child(2){background:url("../img/salon/meieki/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.meieki_kodawari>ul>li:nth-child(3){background:url("../img/salon/meieki/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(1){background:url("../img/salon/umeda/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(2){background:url("../img/salon/umeda/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(3){background:url("../img/salon/umeda/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinsaibashi_kodawari>ul>li:nth-child(1){background:url("../img/salon/shinsaibashi/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinsaibashi_kodawari>ul>li:nth-child(2){background:url("../img/salon/shinsaibashi/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.shinsaibashi_kodawari>ul>li:nth-child(3){background:url("../img/salon/shinsaibashi/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.namba_kodawari>ul>li:nth-child(1){background:url("../img/salon/namba/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.namba_kodawari>ul>li:nth-child(2){background:url("../img/salon/namba/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.namba_kodawari>ul>li:nth-child(3){background:url("../img/salon/namba/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.sannomiya_kodawari>ul>li:nth-child(1){background:url("../img/salon/sannomiya/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.sannomiya_kodawari>ul>li:nth-child(2){background:url("../img/salon/sannomiya/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.sannomiya_kodawari>ul>li:nth-child(3){background:url("../img/salon/sannomiya/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.himeji_kodawari>ul>li:nth-child(1){background:url("../img/salon/himeji/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.himeji_kodawari>ul>li:nth-child(2){background:url("../img/salon/himeji/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.himeji_kodawari>ul>li:nth-child(3){background:url("../img/salon/himeji/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.kawaramachi_kodawari>ul>li:nth-child(1){background:url("../img/salon/kawaramachi/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.kawaramachi_kodawari>ul>li:nth-child(2){background:url("../img/salon/kawaramachi/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.kawaramachi_kodawari>ul>li:nth-child(3){background:url("../img/salon/kawaramachi/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.karasuma_kodawari>ul>li:nth-child(1){background:url("../img/salon/karasuma/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.karasuma_kodawari>ul>li:nth-child(2){background:url("../img/salon/karasuma/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.karasuma_kodawari>ul>li:nth-child(3){background:url("../img/salon/karasuma/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.saiin_kodawari>ul>li:nth-child(1){background:url("../img/salon/saiin/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.saiin_kodawari>ul>li:nth-child(2){background:url("../img/salon/saiin/navi_circle02.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.saiin_kodawari>ul>li:nth-child(3){background:url("../img/salon/saiin/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.tenjin_kodawari>ul>li:nth-child(1){background:url("../img/salon/tenjin/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.tenjin_kodawari>ul>li:nth-child(2){background:url("../img/salon/tenjin/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle.tenjin_kodawari>ul>li:nth-child(3){background:url("../img/salon/tenjin/navi_circle02.jpg") no-repeat; background-size:contain;}
/*サロンのこだわり*/
#salon .shop_kodawari{}
#salon .shop_kodawari ul{width:100%; margin-top:-10px;}
#salon .shop_kodawari ul li{width:95%; height:auto; margin:50px auto 0; padding:0 0 30px; position:relative; border-top:solid 1px #988c85; border-bottom:solid 1px #988c85;}
#salon .shop_kodawari ul li:before, #salon .shop_kodawari ul li:after{content:''; position:absolute; top:-10px; width:1px; height:-webkit-calc(100% + 20px); height:calc(100% + 20px); background-color:#988c85;}
#salon .shop_kodawari ul li:before{left:10px;}
#salon .shop_kodawari ul li:after{right:10px}
#salon .shop_kodawari ul li .inner1000{width:85%; margin:auto; display:flex; flex-wrap:wrap;}
#salon .shop_kodawari ul li .inner1000 h2{width:100%; margin:0 auto 25px; font-size:5vw; line-height:1.5; padding:20px 0; color:#988b84; text-shadow:none; border-bottom:dotted 1px #988b84;}
#salon .shop_kodawari ul li .inner1000 h2:after{display:none;}
#salon .shop_kodawari ul li .inner1000 h2 span{display:table; width:auto; height:auto; margin:0 auto 1vw; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-size:3vw; line-height:1; letter-spacing:0.04em; position:relative; top:-5px;}
#salon .shop_kodawari ul li .inner1000 p{width:100%; height:auto; margin:0; font-size:3.4vw; line-height:1.9; text-align:justify;}
#salon .shop_kodawari ul li .inner1000 p b{background: linear-gradient(transparent 60%, #fff9cc 60%);}
#salon .shop_kodawari ul li .inner1000 img{width:100%; height:auto; display:block; margin-top:3vw;}
#salon .shop_kodawari+.navi{margin:50px 0 0;}

/******************************************************/
/** アクセス
/******************************************************/
#salon .access_text{width:90%; font-size:3.4vw; line-height:1.9; text-align:justify; margin:auto auto 6vw;}
#salon .shop_access{margin-bottom:9vw;}
#salon .shop_access dl{width:100%; margin:auto;}
#salon .shop_access dl dt{}
#salon .shop_access dl dt h2{width:100%; height:68px; margin:10px 0 25px; padding:0; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.4vw; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#salon .shop_access dl dt h2:after{display:none;}
#salon .shop_access dl dd{margin-top:-6vw; padding:0 5%;}
#salon .shop_access dl dd p{font-size:3.4vw; line-height:1.9; margin:0; padding-top:20px;}
#salon .shop_access dl dd ul{width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_access dl dd ul li{width: 100%;height:auto;padding: 7vw 0;position:relative;display: flex;flex-wrap: wrap;flex-flow: row-reverse;align-items: center;border-bottom: solid 1px #ccc8aa; position:relative;}
#salon .shop_access dl dd ul li:after{content:''; width:4vw; height:4vw; background:#fff; border:solid #ccc8aa; border-width:1px 1px 0 0; transform:rotate(135deg); position:absolute; bottom:-2.4vw; left:49%;}
#salon .shop_access dl dd ul li:last-child{border-bottom:none;}
#salon .shop_access dl dd ul li:last-child:after{display:none;}
#salon .shop_access dl dd ul li .img{width:34%;}
#salon .shop_access dl dd ul li .img img{display:block; width:100%;height:auto; background:#999; margin-bottom:10px;}
#salon .shop_access dl dd ul li .text{width:67%; padding-right:2%; box-sizing:border-box;}
#salon .shop_access dl dd ul li .text h3{font-size: 3.5vw;}
#salon .shop_access dl dd ul li .text h3 span{width:7vw; height:7vw; display:inline-block; margin-right:5px; background:#ccc8aa; color:#fff; line-height:7vw; text-align:center; border-radius:100%;}
#salon .shop_access dl dd ul li .text p{width:98%; margin:10px auto 0; padding:0; font-size:3.2vw; line-height:1.7; text-align:justify;}

/******************************************************/
/** スタッフ
/******************************************************/
#salon .shop_staff{}
#salon .shop_staff p.staff_text{width:90%; height:auto; margin:auto; font-size:3.4vw; line-height:1.8; text-align:justify;}
#salon .shop_staff ul{width:90%; height:auto; margin:auto;}
#salon .shop_staff ul li.staff_box{width:100%; height:auto; margin:40px 0;}
#salon .shop_staff ul li.staff_box .flex{width:100%;}
#salon .shop_staff ul li.staff_box .flex .img{width:100%;height:auto; margin-bottom:15px;}
#salon .shop_staff ul li.staff_box .flex .img img{width:60%; height:auto; display:block; margin:auto;}
#salon .shop_staff ul li.staff_box .flex .text{width:100%; height:auto;}
#salon .shop_staff ul li.staff_box .flex .text>p{font-size:3.4vw; line-height:1.8;}
#salon .shop_staff ul li.staff_box .flex .text>p>a{color:#797979; text-decoration:underline; transition:all 0.3s ease;}
#salon .shop_staff ul li.staff_box .flex .text>p>a:before{content:'...[';}
#salon .shop_staff ul li.staff_box .flex .text>p>a:after{content:']';}
#salon .shop_staff ul li.staff_box .flex .text .mds{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0 5px; border-bottom:dotted 2px #d0c5a7;}
#salon .shop_staff ul li.staff_box .flex .text .mds>p{height:auto; margin:0;}
.shop_staff ul li.staff_box .flex .text .mds>p:first-child{width:53%;}
.shop_staff ul li.staff_box .flex .text .mds>p:last-child{width:47%;}
#salon .shop_staff ul li.staff_box .flex .text .mds>p span{font-size:3vw; margin-right:4px; padding:5px; border:solid 1px; position:relative; top:-2px;}
.shop_staff ul li.staff_box .flex .text .mds>p:first-child>span{letter-spacing:-0.02em;}
#salon .shop_staff ul li.staff_box .flex .text .mds>p b{font-size:4.4vw;}
#salon .shop_staff ul li.staff_box>a{width:100%; height:46px; background:#fff; border:solid 1px #d9c691; box-sizing:border-box; color:#c6ac63; border-radius:5px; display:block; font-size:3.7vw; line-height:46px; text-align:center; position:relative;}
#salon .shop_staff ul li.staff_box>a:after{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:0; right:10px;}
/*** counseling ***/
#salon .counseling{width:100%;height: auto;margin: 0px 0 40px;box-sizing:border-box;background:url(../img/menu/counseling_img.png) no-repeat;background-size:cover;}
#salon .counseling .text{width:100%;height:100%;padding-bottom: 20px;background:rgba(234, 226, 205, 0.5);}
#salon .counseling .text b{width:90%; display:block; margin:auto;padding:20px 0 15px;border-bottom:solid 1px;font-family:"Zen Old Mincho", serif; font-weight: 400;
font-size: 5vw;line-height: 1.7;text-align:center;letter-spacing:0.1em;}
#salon .counseling .text p{width:90%;margin:30px auto 20px;font-family:"Zen Old Mincho", serif; font-weight: 400;
font-size: 3.4vw;line-height: 2;letter-spacing:0.1em;text-align:justify;}
#salon .counseling .text a{width:90%; height:70px; margin:auto; display:block; background:#fff; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:4vw; letter-spacing:0.06em; line-height:68px; text-align:center; position:relative;}
#salon .counseling .text a:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:5%;}

/******************************************************/
/** ビフォーアフター体験談
/******************************************************/
#salon .shop_beforeafter p.befoaf_text{width:90%; margin:auto auto 20px; font-size:3.4vw; line-height:1.9; text-align:justify;}
/*** h2 ***/
#salon .shop_beforeafter .title{width:80%; height:0; margin:auto; padding-top:40%; overflow:hidden; position:relative;}
#salon .shop_beforeafter .title h2{width:100%; height:0; padding-top:100%; border-radius:100%; display:block; background:#f9f5ea; position:absolute; top:0; left:0;}
#salon .shop_beforeafter .title h2:after{display:none;}
#salon .shop_beforeafter .title h2 span{width:100%; height:auto; color:#524016; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:5.5vw; letter-spacing:0.06em; line-height:1.6; text-align:center; text-shadow:none; position:absolute; top:14%; left:0;}


/*** h3 ***/
#salon .shop_beforeafter h3{width:90%; margin:0 auto 25px;  font-family: "Zen Old Mincho", serif; font-weight: 500;
 font-size:5vw; line-height:1.5; padding:20px 0; color:#988b84; text-align:center; text-shadow:none; border-bottom:dotted 1px #988b84;}
#salon .shop_beforeafter h3:after{display:none;}
#salon .shop_beforeafter h3 span{display:table; width:auto; height:auto; margin:0 auto 1vw; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-family: "Zen Old Mincho", serif; font-weight: 500;
 font-size:3vw; line-height:1; letter-spacing:0.04em; position:relative; top:-5px;}

/*** PickUpビフォーアフター ***/
#salon .shop_beforeafter .pickup{width:1100px; height:auto; margin:35px auto 0; padding:0 0 30px; position:relative; border-top:solid 1px #988c85; border-bottom:solid 1px #988c85;}
#salon .shop_beforeafter .pickup:before, #salon .shop_beforeafter .pickup:after{content:''; position:absolute; top:-10px; width:1px; height:-webkit-calc(100% + 20px); height:calc(100% + 20px); background-color:#988c85;}
#salon .shop_beforeafter .pickup:before{left:10px;}
#salon .shop_beforeafter .pickup:after{right:10px}
#salon .shop_beforeafter .pickup .flex{width:1000px; height:auto; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .pickup .flex .text{width:53%; padding-top:15px;}
#salon .shop_beforeafter .pickup{width:95%; height:auto; margin:50px auto 0; padding:0 0 30px; position:relative; border-top:solid 1px #988c85; border-bottom:solid 1px #988c85;}
#salon .shop_beforeafter .pickup:before, #salon .shop_beforeafter .pickup:after{content:''; position:absolute; top:-10px; width:1px; height:-webkit-calc(100% + 20px); height:calc(100% + 20px); background-color:#988c85;}
#salon .shop_beforeafter .pickup .flex{width:85%; margin:auto; display:flex; flex-wrap:wrap-reverse;}
#salon .shop_beforeafter .pickup .flex .text{width:100%;}
/*見出し*/
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou p{margin:0;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan{width:24%; height:0; padding-top:24%; background:#d0b771; border-radius:100%; position:relative;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p{width:100%; height:100%; color:#fff; line-height:1; text-align:center; position:absolute; left:0;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:first-child{top:20%; font-size:3vw; letter-spacing:0.5em; text-indent:0.25em;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:last-child{top:50%; font-size:5vw; letter-spacing:0.04em;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou{width:73%;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p{color:#be9f39; line-height:1;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p:first-child{margin:0 0 2vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p span{display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .cate{width:35%; text-align:center; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; font-size:4vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .suuchi{width:40%; text-align:center; font-size:7.5vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .tanni{width:25%; text-align:left; font-size:5vw;}
/*個人情報*/
#salon .shop_beforeafter .pickup .flex .text .personal{font-size:3.4vw; text-align:center;}
/*比較表*/
#salon .shop_beforeafter .pickup .flex .text table{width:100%; height:auto;}
#salon .shop_beforeafter .pickup .flex .text table tr{background:#F9F5EA;}
#salon .shop_beforeafter .pickup .flex .text table tr:nth-child(even){background:#eae2c9;}
#salon .shop_beforeafter .pickup .flex .text table tr th, #salon .shop_beforeafter .pickup .flex .text table tr td{padding:2.5vw 0; font-size:3.2vw; line-height:1; text-align:center;}
#salon .shop_beforeafter .pickup .flex .text table tr td{}
#salon .shop_beforeafter .pickup .flex .text table tr td.category{border-right:double #30210e;}
#salon .shop_beforeafter .pickup .flex .text table tr td.suuchi{border-right:solid 1px #b5afa8;}
#salon .shop_beforeafter .pickup .flex .text table tr td.sabun{}
#salon .shop_beforeafter .pickup .flex .text table tr td.sabun .red{color:#ff0000;}
/*画像*/
#salon .shop_beforeafter .pickup .flex .img{width:100%; height:0; padding-top:91%; background:url("../img/beforeafter/kozin_result_bg.jpg") no-repeat center bottom; background-size:100%; box-sizing:border-box; position:relative;}
#salon .shop_beforeafter .pickup .flex .img img{width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
/*コメント*/
#salon .shop_beforeafter .pickup .comment{width:85%; height:auto; margin:20px auto; padding:2vw; box-sizing:border-box; border:solid 1px #988b84;}
#salon .shop_beforeafter .pickup .comment p{margin:0; font-size:3.2vw; line-height:1.7; text-align:justify; position:relative;}
#salon .shop_beforeafter .pickup .comment p:after{content:'……';}
#salon .shop_beforeafter .pickup .comment p a{width:auto; height:auto; color:#ff0000; display:block; text-decoration:underline; position:absolute; bottom:0; right:0;}
/*ボタン*/
#salon .shop_beforeafter .pickup .cmn_btn{font-size:2.8vw;}
#salon .shop_beforeafter .pickup .cmn_btn:after{display:none;}

/*** ビフォーアフター一覧（ビューティーコンテスト） ***/
#salon .shop_beforeafter .ba_list{margin:7vw 0;}
#salon .shop_beforeafter .ba_list ul.flex{width:90%; margin:30px auto 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .ba_list ul.flex li{width:48%; margin-bottom:6vw;}
/*画像*/
#salon .shop_beforeafter .ba_list ul.flex li .repo_img{width:100%; height:auto; background:url("../img/beforeafter/kozin_result_bg.jpg") no-repeat center bottom; background-size:100%;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_img img{width:100%; height:auto; display:block;}
/*DATE*/
#salon .shop_beforeafter .ba_list ul.flex li .repo_date{width:100%; margin-top:10px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info{width:100%; height:auto; margin-bottom:5px; padding:0.5vw 0; position:relative;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info p{margin:0; line-height:1;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .name{width:auto; height:auto; font-size:4.2vw; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .name span{font-size:5.3vw; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .salon, #salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .raiten{position:absolute; right:0; font-size:2.8vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .salon{top:0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .raiten{bottom:0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan{width:30%; height:0; padding-top:30%; background:#d0b770; border-radius:6px; color:#fff; position:relative;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p{width:100%; height:auto; margin:0; text-align:center; position:absolute; left:0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:first-child{top:20%; font-size:2.6vw; letter-spacing:0.3em; text-indent:0.15em;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:last-child{top:55%; font-size:3.2vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou{width:68%;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p{margin:0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p:first-child{margin:1.2vw 0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p span{display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .cate{width:40%; text-align:center; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; font-size:2.5vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .suuchi{width:40%; text-align:center; font-size:4vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .tanni{width:20%; text-align:left; font-size:3vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn{width:100%; height:auto; margin-top:2vw; box-sizing:border-box; border:solid 1px #d9c691; background:#fff;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a{display:block; width:100%; height:auto; color:#c6ac63; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:3vw; line-height:1.4; padding:8px 5px 8px 0; text-align:center; position:relative; z-index:1;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a:before{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:18px; right:2%;}

/*** ビフォーアフター一覧（bcresult） ***/
#salon .shop_beforeafter .ba_list ul.straight{width:93%; height:290px; margin:auto auto 40px; border:double 4px #beb29a; box-sizing:border-box; padding:3vw 3%; overflow-x:hidden; overflow-y:scroll;}
#salon .shop_beforeafter .ba_list ul.straight li{width:auto; height:auto; display:table; margin:20px 0;}
#salon .shop_beforeafter .ba_list ul.straight li:last-child{margin-bottom:0;}
#salon .shop_beforeafter .ba_list ul.straight li:hover{border-color:#be9f39;}
#salon .shop_beforeafter .ba_list ul.straight li.mds{width:100%; margin:0; border:none;}
#salon .shop_beforeafter .ba_list ul.straight li.mds h3{width:100%; margin:0; font-size:4.5vw; padding:1vw 0 2.5vw;}
#salon .shop_beforeafter .ba_list ul.straight li a{color:#000; display:block; padding-left:1.2em; font-size:3.4vw; line-height:1.5; letter-spacing:0.06em; text-decoration:underline;}
#salon .shop_beforeafter .ba_list ul.straight li a:before{content:'▼'; color:#d0b770; display:inline-block; margin-left:-1.2em; transform:rotate(-90deg);}
#salon .shop_beforeafter .ba_list ul.straight::-webkit-scrollbar{width:10px;}
#salon .shop_beforeafter .ba_list ul.straight::-webkit-scrollbar-track{background:#f8f6f7;  border-radius:10px;}
#salon .shop_beforeafter .ba_list ul.straight::-webkit-scrollbar-thumb{background:#dcdbda; border-radius:10px;}