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

/******************************************************/
/** サロンTOP
/******************************************************/
/*共通*/
#salon{}
#salon h2{width:100%; margin:0 0 30px; padding-bottom:15px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.8vw; letter-spacing:0.06em; text-align:center; text-shadow:0 0 5px #fff; position:relative;}
#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:15px; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:1.6vw; letter-spacing:0.15em;}
#salon .navi{margin:-5px 0 40px;}
#salon .navi ul li:first-child{border-left:none;}
#salon .navi ul li:last-child{border-right:none;}
#salon .navi ul li a{font-size:2.1vw;}
#salon .box{width:100%; height:auto; margin-bottom:40px; padding:40px 0;}
#salon .box .flex{display:inherit; flex-wrap:inherit; justify-content:inherit;}
#salon .box .flex .img{width:40%; margin:0 2% 2% 0; float:left;}
#salon .box .flex .img img{width:100%;}
#salon .box .flex .text{width:100%;}
#salon .box .flex .text p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .box .flex .text .link_btn{width:100%; height:auto; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .box .flex .text .link_btn li{width:48.5%; box-sizing:border-box; border:solid 1px #d9c691; background:#fff;}
#salon .box .flex .text .link_btn li:hover{border:solid 1px #ceb66b;}
#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:13px; line-height:40px; text-align:center; position:relative; z-index:1;}
#salon .box .flex .text .link_btn li:hover a{color:#fff; letter-spacing:0.08em;}
#salon .box .flex .text .link_btn li a:before{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:0; right:40px; color:#fff;}
#salon .box .flex .text .link_btn li:hover a:before{top:0; right:15px;}
#salon .box .flex .text .link_btn li a:before, #salon .box .flex .text .link_btn li:hover a:before{transition:all 0.5s ease;}
#salon .box .flex .text .link_btn li a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:scale(.5); transform:scale(.5); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:-1;}
#salon .box .flex .text .link_btn li:hover a:after{background:#ceb66b; -webkit-transform:scale(1); transform:scale(1);}
#salon .box .flex .text .link_btn li a, #salon .box .flex .text .link_btn li:hover a, #salon .box .flex .text .link_btn li a:after, #salon .box .flex .text .link_btn li:hover a:after{transition:all 0.3s ease;}
/*about*/
#salon .about{position:relative; margin-bottom:10px;}
#salon .about:before, #salon .about:after{content:''; width:100%; height:40px; display:block;position:absolute; left:0;}
#salon .about:before{top:0; background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
#salon .about:after{bottom:0; background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
/*navi_circle*/
#salon .navi_circle{margin:-20px 0 50px;}
#salon .navi_circle>ul{padding:0;}
#salon .navi_circle>ul>li{width:30%; height:0; padding-top:30%; border-radius:100%; position:relative; transition:all 0.3s ease;}
#salon .navi_circle>ul>li:after{content:'>>'; width:100%; color:#fff; font-size:4.2vw; text-align:center; transform:rotate(90deg) scale(0.6 , 1); position:absolute; bottom:20%; left:2%; opacity:0; transition:all 0.3s ease;}
#salon .navi_circle>ul>li:hover:after{bottom:10%; opacity:1; transition:all 0.3s ease;}
#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; font-family:"Zen Old Mincho", serif; font-weight: 400;
 font-size:6vw; text-align:center; position:absolute; top:10%;}
#salon .navi_circle>ul>li>a>.text{width:100%; height:auto; font-size:2.7vw; line-height:1.5; letter-spacing:0.06em; text-align:center; position:absolute; top:40%;}
/*salonList*/
#salon #salonList{margin-bottom:0; padding-bottom:20px;}
#salon #salonList .japmap{width:100%; min-height:inherit; height:auto; margin:auto; background:url("../img/salon/japmap.png") no-repeat right bottom; background-size:contain; position:relative;}
#salon #salonList .japmap>dl{width:90%; margin:7vw auto 0; padding:0 0 8vw 0; font-size:2vw;}
#salon #salonList .japmap>dl>dd{padding-left:0;}
#salon #salonList ul.listflex{margin:10px 0 0;}
#salon #salonList ul.listflex>li{width:31%;}
#salon #salonList ul.listflex>li>a.img{height:auto;}
#salon #salonList ul.listflex>li>a.img img{width:100%; height:auto; display:block;}
#salon #salonList ul.listflex>li>a.img:hover{opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#salon #salonList ul.listflex>li>a.img:hover>img{transform:scale(1.1); transform-origin:center;}
#salon #salonList ul.listflex>li>.flex{display:inherit; flex-wrap:inherit; justify-content:inherit; height:16.5vw; position:relative;}
#salon #salonList ul.listflex>li>.flex>p{font-size:2vw; margin:2px 0; line-height:1.7;}
#salon #salonList ul.listflex>li>.flex>.tel{width:100%;}
#salon #salonList ul.listflex>li>.flex>.detail{width:100%; text-align:center; font-size:2vw; border:solid 1px #be9f39; border-radius:5px; position:absolute; bottom:0;}
#salon #salonList ul.listflex>li>.flex>p:before{content:''; font-family:"Font Awesome 5 Free"; font-weight:900; padding-right:4px; color:#d9c690;}
#salon #salonList ul.listflex>li>.flex>.detail:before{display:none;}
#salon #salonList ul.listflex>li>.flex>.detail>a{padding:2% 0; color:#be9f39; text-decoration:none; display:block;}
#salon #salonList ul.listflex>li>.flex>.detail>a:before{display:none;}
#salon #salonList ul.listflex>li>.flex>.detail>a:hover{background:#be9f39; color:#fff;}
/*salonPoint*/
#salon #salonPoint{padding-bottom:0;}
#salon #salonPoint ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon #salonPoint ul li{width:33.33%; height:auto; padding:2.5vw 1.6vw 11vw; box-sizing:border-box; border-right:solid 1px #c8c8c8; position:relative;}
#salon #salonPoint ul li:nth-child(2), #salon #salonPoint ul li:last-child{border-right:none;}
#salon #salonPoint ul li:first-child{background:url("../img/salon/salonpoint_img01.png") no-repeat bottom; background-size:contain;}
#salon #salonPoint ul li:nth-child(2){background:url("../img/salon/salonpoint_img02.png") no-repeat bottom; background-size:contain;}
#salon #salonPoint ul li:nth-child(3){background:url("../img/salon/salonpoint_img03.png") no-repeat bottom; background-size:contain;}
#salon #salonPoint ul li:nth-child(4){background:url("../img/salon/salonpoint_img04.png") no-repeat bottom; background-size:contain;}
#salon #salonPoint ul li:last-child{background:url("../img/salon/salonpoint_img05.png") no-repeat bottom; background-size:contain;}
#salon #salonPoint ul li .title{padding:14px 0; display:initial; flex-wrap:initial; position:initial;}
#salon #salonPoint ul li .title .pentagon{width:22px; margin:auto; border-width:26px 16px 0; border-style:solid; border-color:#d9c690 transparent; text-align:center; position:relative;}
#salon #salonPoint ul li .title .pentagon:before{content:""; position:absolute; height:0; width:0; top:-50px; left:-16px; border-width:0 27px 24px; border-style:solid; border-color:transparent transparent #d9c68f;}
#salon #salonPoint ul li .title .pentagon span, #salon #salonPoint ul li .title .pentagon b{position:relative; top:-39px; color:#fff; display:block; font-size:12px;}
#salon #salonPoint ul li .title h3{width:100%; box-sizing:border-box; color:#be9f39; font-family:"Kaisei Opti", serif; font-weight: 400; font-size:2.7vw; letter-spacing:0.06em;  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 #salonPoint ul li p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.8vw; line-height:1.9; text-align:justify; 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 #salonPoint ul li.wide{padding-bottom:18vw;}
#salon #salonPoint ul li.wide .title h3{font-size:3.2vw;}
#salon #salonPoint ul li.wide .title{padding:12px 0;}
#salon #salonPoint ul li.wide p{font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon #salonPoint ul li:first-child .title .pentagon, #salon #salonPoint ul li:nth-child(2) .title .pentagon, #salon #salonPoint ul li:nth-child(3) .title .pentagon, #salon #salonPoint ul li:nth-child(4) .title .pentagon, #salon #salonPoint ul li:last-child .title .pentagon{left:0;}
#salon #salonPoint ul li:first-child .title h3, #salon #salonPoint ul li:nth-child(2) .title h3, #salon #salonPoint ul li:nth-child(3) .title h3, #salon #salonPoint ul li:nth-child(4) .title h3, #salon #salonPoint ul li:last-child .title h3{padding-left:0;}
#salon #salonPoint h2+p, #salon #anshin p{font-size:1.9vw; line-height:1.8; text-align:justify;}
#salon #anshin{padding-bottom:0;}
#salon #anshin ul li span:after{bottom:12%;}

/******************************************************/
/** エリアTOP
/******************************************************/
#salon .area_text p{font-size:1.8vw; line-height:1.9;}
#salon .area_map{width:100%; height:auto; margin:-30px 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:before, #salon .area_map ul:after{display:none;}
#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; transform:scale(0.8);}
#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:3vw;}
#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:3.5vw; left:5.4vw;}
#salon .area_map.tokyo ul li:nth-child(2){top:22vw; left:59vw;}
#salon .area_map.tokyo ul li:nth-child(3){top:29vw; left:2.1vw;}
#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:7.8vw; 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:5.8vw; left:10vw;}
#salon .area_map.osaka ul li:nth-child(2){top:16vw; left:53.5vw;}
#salon .area_map.osaka ul li:nth-child(3){top:30vw; left:3.5vw;}
#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:16vw; left:53.9vw;}
#salon .area_map.hyogo ul li:nth-child(2){top:7.5vw; left:1vw;}
#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:12vw; left:54vw;}
#salon .area_map.kyoto ul li:nth-child(2){top:30vw; left:4.8vw;}
#salon .area_map.kyoto ul li:nth-child(3){top:4vw; left:8vw;}
#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:47.5vw;}
#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:2vw; line-height:4vw; 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{}
#salon #areaSalon ul li{display:inherit; flex-wrap:inherit; justify-content:inherit; margin:40px 0; padding:3vw; border:solid 1px #e3dad0; box-sizing:border-box;}
#salon #areaSalon ul li:last-child{margin-bottom:0;}
#salon #areaSalon ul li .img{width:100%; height:auto;}
#salon #areaSalon ul li .img img{width:100%; height:auto;}
#salon #areaSalon ul li .text{width:100%; margin:15px 0 0;}
#salon #areaSalon ul li .text h3{margin-bottom:12px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:20px; letter-spacing:0.04em;}
#salon #areaSalon ul li .text h3 span{height:auto; line-height:1.8; margin-right:1vw; padding:0 1vw; font-size:2.3vw; position:relative; top:-0.2vw;}
#salon #areaSalon ul li .text table{}
#salon #areaSalon ul li .text table tr{width:100%; border:dotted #000; border-width:1px 0; box-sizing:border-box;}
#salon #areaSalon ul li .text table tr th, #salon #areaSalon ul li .text table tr td{padding:10px 0; font-size:1.8vw;}
#salon #areaSalon ul li .text table tr th{width:20%; text-align:center; vertical-align:middle; background:#f5f4f2;}
#salon #areaSalon ul li .text table tr td{width:80%; padding-left:2%; box-sizing:border-box; text-align:left;}
#salon #areaSalon ul li .text table tr a.btn_map{font-size:2vw;}
#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.3em;}
#salon #areaSalon ul li .text table tr a.btn_map:hover{text-decoration:underline;}
#salon #areaSalon ul li .text table tr td ul.menu{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:1.8vw; 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:13px; padding:8.5px 6px 21px; 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:13px; padding:8px 6px; color:#af880b;}
#salon #areaSalon ul li .text table tr.pc td:before{content:'\f87b'; font-family:"Font Awesome 5 Free"; font-weight:900; color:#a9a8a1; margin-right:4px; font-size:16px;}
#salon #areaSalon ul li .tel{width:100%; height:auto; margin:20px auto 0;}
#salon #areaSalon ul li .tel .btn{width:450px; height:60px; margin:0 auto; display:block; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:18px; letter-spacing:0.12em; line-height:60px; text-align:center; position:relative; 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 ); cursor:pointer;}
#salon #areaSalon ul li .tel .btn:hover{opacity:0.8; box-shadow:0 0 6px #9e9687;}
#salon #areaSalon ul li .tel .btn:after{content:'\f101'; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; top:0; right:30px; opacity:0;}
#salon #areaSalon ul li .tel .btn:hover:after{right:15px; opacity:1;}
#salon #areaSalon ul li .tel .btn, #salon #areaSalon ul li .tel .btn:hover, #salon #areaSalon ul li .tel .btn:after, #salon #areaSalon ul li .tel .btn:hover:after{transition:all 0.3s ease;}
/*** areaRecommend ***/
/*** areaMessage ***/
#salon #areaMessage{margin-bottom:10px; padding-bottom:0;}
#salon #areaMessage .message{width:100%; height:auto; margin-bottom:25px; padding:20px 35px; box-sizing:border-box; background:#fcf9f0;}
#salon #areaMessage .message:nth-child(3){margin-top:30px;}
#salon #areaMessage .message:last-child{margin-bottom:0;}
#salon #areaMessage .message:before{left:10px;}
#salon #areaMessage .message:after{right:10px;}
#salon #areaMessage .message h3{font-size:3vw;}
#salon #areaMessage .message h3 span{font-size:1.8vw;}
#salon #areaMessage .message h3:after{content:''; width:36%; height:1px; margin:10px auto 0; background:#be9f39; display:block;}
#salon #areaMessage .message p{font-size:1.8vw; line-height:1.9; display:inherit; flex-wrap:inherit; align-items:inherit; justify-content:inherit;}
#salon #areaMessage .message p img{width:30%; float:left; margin:0 2vw 1vw 0; border-radius:100%;}
#salon #areaMessage .message p span{width:100%;}
#salon #areaMessage .message a{width:80%; height:auto; line-height:40px; font-size:2vw;}
#salon #areaMessage .message a:hover{background:#fff; box-shadow:0 4px 10px #e6e3da; top:-5px;}
#salon #areaMessage .message a span{width:40px; height:22px; display:block; position:absolute; top:0; right:50px;}
#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:7px; bottom:2px;}
#salon #areaMessage .message a:hover span{width:50px; right:30px;}
#salon #areaMessage .message a:hover span:before{width:100%;right:0;}
#salon #areaMessage .message a, #salon #areaMessage .message a:hover, #salon #areaMessage .message a span, #salon #areaMessage .message a:hover span, #salon #areaMessage .message a span:before, #salon #areaMessage .message a span:after, #salon #areaMessage .message a:hover span:before, #salon #areaMessage .message a:hover span:after{transition:all 0.3s ease;}

/******************************************************/
/** 各サロン詳細TOP
/******************************************************/
#salon .shop_top{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_top img{width:100%; height:auto; 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{width:100%; height:auto; position:relative;}
#salon .shop_top .cp_box label{display:none; position:absolute; z-index:1; bottom:0; width:100%; height:120px; 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:15px; left:50%; width:18rem; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:15px; content:'\f13a'' 続きをよむ'; transform:translate(-50%, 0); letter-spacing:0.05em; color:#ffffff; border-radius:20px; background-color:rgba(160, 125, 10, 0.8);}
#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:100%; height:auto; margin:0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .shop_top p b{display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.4vw; letter-spacing:0.08em; line-height:1.7; margin-bottom:15px; text-align:center;}
#salon .shop_top p a{color:#616161; display:inline-block; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; position:relative;}
#salon .shop_top p a:after{content:''; width:100%; position:absolute; bottom:5px; left:0; border-bottom:dashed 1px #616161;}
#salon .shop_top p a:hover{opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#salon .shop_top p a:hover:after{border-bottom:dashed 2px #616161;}
#salon .shop_top p a, #salon .shop_top p a:hover, #salon .shop_top p a:after, #salon .shop_top p a:hover:after{transition:all 0.3s ease;}
/*ショップimgスライド*/
#salon .shop_img{margin:-70px 0 0;}
#salon .shop_img .slider-pro{margin:0 auto;}
#salon .shop_img .slider-pro .sp-slide img{opacity:0;}
#salon .shop_img .slider-pro .sp-slide.sp-selected img{opacity:1;}
#salon .shop_img .slider-pro .sp-bottom-thumbnails{margin-top:15px; width:100%!important;}
/*#salon .shop_img .slider-pro .sp-bottom-thumbnails .sp-thumbnails.sp-grab, #salon .shop_img .slider-pro .sp-bottom-thumbnails .sp-thumbnails.sp-grabbing{transform:scale(.75)!important; transform-origin:left!important;}*/
#salon .shop_img .slider-pro img.sp-thumbnail{opacity:0.5;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-thumbnail-container{border:solid 2px #f9f5ea; 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 5px #be9f39;}
#salon .shop_img .slider-pro .sp-thumbnails .sp-selected-thumbnail img.sp-thumbnail{opacity:1;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows{opacity:1;}
#salon .shop_img .slider-pro .sp-arrows .sp-arrow{width:30px; height:60px;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-next-arrow:after, #salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-next-arrow:before, #salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-previous-arrow:after, #salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-previous-arrow:before{background-color:#fff; width:10%;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-horizontal .sp-previous-arrow{left:50px;}
#salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-horizontal .sp-next-arrow, #salon .shop_img .slider-pro .sp-arrows.sp-fade-arrows .sp-horizontal.sp-rtl .sp-previous-arrow{right:50px;}
/*サロン情報*/
#salon .shop_info{background:#f9f5ea; display:table;}
#salon .shop_info .sec{float:right; width:47%; height:auto; margin:15px auto; font-size:1.8vw; line-height:1.7; text-align:justify;}
#salon .shop_info .sec h3{border-left:solid 6px #e6ddbf; margin:0 0 20px; padding:3px 0 3px 5px; color:#000; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2.6vw; letter-spacing:0.06em; line-height:1.4;}
#salon .shop_info .sec iframe{width:100%; height:400px; box-sizing:border-box; border:solid 1px #c1c0bb;}
#salon .shop_info .sec a{color:#be9f39; transition:all 0.3s ease;}
#salon .shop_info .sec 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;}
#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 a{color:#000;}
#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:5px 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{text-indent:-0.5em;}
#salon .shop_info .sec ul li a:after{content:'>'; position:absolute; line-height:1; top:25%; right:5%; font-size:15px;}
#salon .shop_info .sec.access{float:left;}
#salon .shop_info .sec.access .map p{margin:0 0 20px; 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:2vw; line-height:2; text-decoration:underline;}
#salon .shop_info .sec.message{}
#salon .shop_info .sec.message p{box-sizing:border-box; margin:0;}
#salon .shop_info .sec.message p img{width:30%; height:auto; border-radius:100%; margin:0 15px 8px 0; float:left;}
#salon .shop_info .link_btn{display:inline-flex; clear:both; margin-top:20px;}
#salon .shop_info .link_btn li i{font-size:15px; margin-right:5px;}
#salon .shop_info .link_btn li:first-child i{transform:scale(-1,1);}
/*○○店のおすすめエステメニュー*/
#salon .shop_reccomend{margin-top:-40px; padding:60px 0 50px; background:url("../img/salon/recommendmenu_bg.jpg") no-repeat center top; background-size:cover; 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{width:95%;}
#salon .shop_reccomend h2{color:#fff; text-shadow:0 0 10px #772626; line-height:1.5;}
#salon .shop_reccomend h2 span{color:#fff; margin-top:0;}
#salon .shop_reccomend h2+p{color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.6vw; letter-spacing:0.06em; line-height:2.2; text-align:center; text-shadow:0 0 10px #630c0c;}
#salon .shop_reccomend ul{margin:30px 0 40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_reccomend ul li{width:32%; height:auto; min-height:inherit; background:#fff;}
#salon .shop_reccomend ul li .mds{margin:0; padding:20px 0; background:#d65d69; color:#fff; font-size:2.2vw; 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:2vw;}
#salon .shop_reccomend ul li .text b{width:100%; height:auto; color:#8b6060; display:block; font-size:1.7vw; line-height:1.5; text-align:center;}
#salon .shop_reccomend ul li .text h3{margin:10px 0; font-size:2.3vw; 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;}
#salon .shop_reccomend ul li .text a{width:100%; height:30px; display:block; margin:auto; background:#ffffff; border:solid 1px #d65d69; color:#d65d69; font-size:1.8vw; line-height:30px; text-align:center; position:relative;}
#salon .shop_reccomend ul li .text a:hover{box-shadow:0 0 5px #ca4343;}
#salon .shop_reccomend ul li .text a:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:1px; right:25px; opacity:0;}
#salon .shop_reccomend ul li .text a:hover:after{opacity:1; right:8px;}
#salon .shop_reccomend ul li .text a, #salon .shop_reccomend ul li .text a:hover, #salon .shop_reccomend ul li .text a:after, #salon .shop_reccomend ul li .text a:hover:after{transition:all 0.3s ease;}
#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{margin-bottom:20px; padding-bottom:0;}
#salon .shop_location h2+p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .shop_location ul{display:grid; grid-gap:3%; grid-template-columns:1.5fr 1fr 1fr; grid-template-rows:20vw 20vw; margin-top:25px;}
#salon .shop_location ul li{position:relative;}
#salon .shop_location ul li.boxbig{grid-row: 1 / span 2;}
#salon .shop_location ul li img{width:100%; height:85%; display:block; background:#999;}
#salon .shop_location ul li.boxbig img{height:93%;}
#salon .shop_location ul li p{margin:0; font-size:1.8vw; letter-spacing:0.04em; line-height:1; position:absolute; bottom:1%;}

/******************************************************/
/** こだわり
/******************************************************/
#salon .navi.pc.tab{margin:-40px 0 50px;}
.kodawari_text {font-size:1.8vw; line-height:1.9; margin:auto auto 60px;}
#salon .shop_kodawari{margin-bottom:-40px;}
#salon .shop_kodawari ul li{width:95%;}
#salon .shop_kodawari ul li .inner1000 h2{width:100%; font-size:3vw;}
#salon .shop_kodawari ul li .inner1000 h2 span{font-size:1.7vw;}
#salon .shop_kodawari ul li .inner1000 p{width:57%; font-size:1.8vw; line-height:1.9; }
#salon .shop_kodawari ul li .inner1000 img{width:40%; height:auto;}

/******************************************************/
/** アクセス
/******************************************************/
#salon .access_text{font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .shop_access{margin:0 0 -12vw;}
#salon .shop_access dl{width:100%;}
#salon .shop_access dl dt h2{width:100%; height:auto; margin:30px 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:3.2vw; line-height:60px; 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; border:none!important;}
#salon .shop_access dl dd{width:95%; margin:auto;}
#salon .shop_access dl dd p{font-size:1.8vw; line-height:1.9; text-align:center;}
#salon .shop_access dl dd ul li{width:42%; margin:2.3vw 0;}
#salon .shop_access dl dd ul li:nth-child(even){margin-right:6%;}
#salon .shop_access dl dd ul li.last{left:inherit;}
#salon .shop_access dl dd ul li:after{right:-17%;}
#salon .shop_access dl dd ul li:nth-child(even):after{right:-15%;}
#salon .shop_access dl dd ul li .text h3{font-size:2.4vw;}
#salon .shop_access dl dd ul li .text h3 span{width:5vw; height:5vw; margin-right:1vw; line-height:5vw; border-radius:100%;}
#salon .shop_access dl dd ul li .text p{margin:6px auto 0; font-size:1.8vw; line-height:1.9; text-align:justify;}

/******************************************************/
/** スタッフ
/******************************************************/
#salon .shop_staff p.staff_text{font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .shop_staff ul li.staff_box .flex .img{width:100%;}
#salon .shop_staff ul li.staff_box .flex .img img{width:60%; margin:auto;}
#salon .shop_staff ul li.staff_box .flex .text{width:100%;}
#salon .shop_staff ul li.staff_box .flex .text>p{font-size:1.8vw; line-height:1.9;}
#salon .shop_staff ul li.staff_box .flex .text .mds>p span{font-size:1.6vw; margin-right:0.6vw; padding:0.6vw;}
#salon .shop_staff ul li.staff_box .flex .text .mds>p b{font-size:2.5vw;}
#salon .shop_staff ul li.staff_box>a{font-size:1.8vw;}
#salon .shop_staff ul li.staff_box>a:after{right:10%;}
#salon .shop_staff ul li.staff_box>a:hover:after{right:3%;}
/***counseling***/
#salon .counseling{width:100%; height:0; margin-bottom:-60px; padding-top:68%; position:relative;}
#salon .counseling .text{width: 100%; height:100%; padding:0 3% 0 46%; background:url(../img/menu/counseling_img.png) no-repeat left -20vw top; background-size:contain; position:absolute; top:0; left:0;}
#salon .counseling .text:before{display:none;}
#salon .counseling .text b{font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3vw; line-height:2; padding:4.5vw 0 2.3vw;}
#salon .counseling .text p{font-size:2.2vw; line-height:2.3; margin:4vw 0; letter-spacing:0.06em}
#salon .counseling .text a{width:100%; height:10vw; line-height:9.5vw; font-size:2.5vw;}

/******************************************************/
/** ビフォーアフター体験談
/******************************************************/
#salon .shop_beforeafter p.befoaf_text{font-size:1.8vw; line-height:1.9;}
/*** h2 ***/
#salon .shop_beforeafter .title{width:50%; height:0; margin:auto; padding-top:25%; overflow:hidden; position:relative;}
#salon .shop_beforeafter h2{width:100%; height:0; padding-top:100%; border-radius:100%; display:block; background:#f9f5ea; position:absolute; top:0; left:0;}
#salon .shop_beforeafter h2:after{display:none;}
#salon .shop_beforeafter h2 span{width:100%;height:auto;color:#524016;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size:3.4vw;letter-spacing:0.06em;line-height: 1.7;text-align:center;text-shadow:none;position:absolute;top:12%;left:0;}
/*** h3 ***/
#salon .shop_beforeafter h3{width:95%; margin:auto;}
/*** PickUpビフォーアフター ***/
#salon .shop_beforeafter .pickup{width:95%;}
#salon .shop_beforeafter .pickup .flex{width:90%; height:auto; margin:3vw auto;}
#salon .shop_beforeafter .pickup .flex .text{width:57%; margin:0; padding-top:0;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:first-child{font-size:2vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:last-child{font-size:3vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p:first-child{margin:0 0 2.5vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .cate{font-size:2.8vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .suuchi{font-size:4.8vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .tanni{font-size:3.6vw;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p, #salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p{line-height:1;}
#salon .shop_beforeafter .pickup .flex .text .personal{font-size:1.8vw; line-height:1;}
#salon .shop_beforeafter .pickup .flex .text table tr th, #salon .shop_beforeafter .pickup .flex .text table tr td{font-size:1.8vw; padding:2vw 0;}
#salon .shop_beforeafter .pickup .flex .img{width:40%; padding-top:36.5%; margin:0;}
#salon .shop_beforeafter .pickup .comment{width:90%; padding:1.4vw;}
#salon .shop_beforeafter .pickup .comment p{font-size:1.8vw; line-height:1.9; text-align:justify;}
#salon .shop_beforeafter .pickup .cmn_btn{width:75%; max-width:inherit;}
/*** ビフォーアフター一覧（ビューティーコンテスト） ***/
#salon .shop_beforeafter .ba_list ul.flex{width:93%; margin:4vw auto 0;}
#salon .shop_beforeafter .ba_list ul.flex li{width:31%; margin-bottom:3vw;}
/*DATE*/
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info{width:39%; border-color:#969696;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .name{font-size:2vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .name span{font-size:2.6vw;}
#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{font-size:1.8vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus{width:58%; display:inherit; flex-wrap:inherit; justify-content:inherit;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan{width:100%; height:auto; padding:0.5vw 0; border-radius:0; display:flex; flex-wrap:wrap; justify-content:center;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p{width:auto; display:block; position:inherit; left:inherit;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:first-child, #salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan p:last-child{top:inherit; font-size:1.8vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou{width:100%;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p:first-child{margin:0.6vw 0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .cate{width:44%; font-size:1.7vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .suuchi{font-size:2.4vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .tanni{width:16%; font-size:1.8vw;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a{font-size:1.7vw; padding:0.8vw 0;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a:before{opacity:0; top:33%;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a:before{opacity:1; right:2%;}
/*** ビフォーアフター一覧（bcresult） ***/
#salon .shop_beforeafter .ba_list ul.straight{width:93%; height:250px; margin:4vw auto 5vw; padding:3vw 3%;}
#salon .shop_beforeafter .ba_list ul.straight li{margin:2.5vw 0;}
#salon .shop_beforeafter .ba_list ul.straight li.mds h3{font-size:3vw; padding:1vw 0 2.5vw;}
#salon .shop_beforeafter .ba_list ul.straight li a{font-size:1.8vw;}
#salon .shop_beforeafter .ba_list ul.straight li a:before{margin-right:3px; font-size:1.8vw; top:-1px;}
#salon .shop_beforeafter .ba_list ul.straight li a:hover{color:#be9f39;}