@charset "utf-8";
/* CSS Document */
/****** 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:26px; 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:10px; letter-spacing:0.15em;}

#salon .navi{width:100%; height:auto; margin: 0px 0 50px;}
#salon .navi ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .navi ul li{width:20%; height:auto; box-sizing:border-box; border-left:solid 1px #989898; position:relative;}
#salon .navi ul li:last-child{border-right:solid 1px #989898;}
#salon .navi ul li:before{content:''; width:100%; height:2px; background:#d9c690; position:absolute; top:0; left:0; opacity:0;}
#salon .navi ul li:hover:before{opacity:1;}
#salon .navi ul li a{width:100%; height:45px; padding-bottom:20px; color:#c6ac63; display:block; font-size:15px; line-height:42px; text-align:center; position:relative; top:0;}
#salon .navi ul li a:after{content:''; width:10px; height:10px; box-sizing:border-box; border:solid #d9c690; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; bottom:14px; left:49%;}
#salon .navi ul li a:hover{opacity:0.7; top:3px;}
#salon .navi ul li, #salon .navi ul li:hover, #salon .navi ul li a, #salon .navi ul li a:hover{transition:all 0.3s ease;}

#salon .box{width:100%; height:auto; margin-bottom:40px; padding:40px 0;}
#salon .box .flex{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .box .flex .img{width:40%; display:block;}
#salon .box .flex .img img{width:100%;}
#salon .box .flex .text{width:56%;}
#salon .box .flex .text p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:15px; line-height:30px; 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{/*background: url("../img/new/about_bg.jpg") no-repeat center; background-size:cover;*/ position:relative;}
#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 );}
#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;}
/*characteristics*/
#salon .characteristics{}
#salon .characteristics ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .characteristics ul li{width:33.33333%; width:-webkit-calc(100%/3); width:calc(100%/3); min-height:150px; height:auto;}
#salon .characteristics ul li .mds{}
#salon .characteristics ul li .mds .number{}
#salon .characteristics ul li .mds .number span{}
#salon .characteristics ul li .mds h3{}
/*navi_circle*/
#salon .navi_circle{margin:-20px 0 50px;/*margin: 60px 0 30px;*/}
#salon .navi_circle>ul{height:auto; box-sizing:border-box; padding:0 40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .navi_circle>ul>li{width:27%; height:0; padding-top:27%; border-radius:100%; position:relative; transition:all 0.3s ease;}
#salon .navi_circle>ul>li:nth-child(1){background:url("../img/salon/navi_circle03.jpg") no-repeat; background-size:contain;}
#salon .navi_circle>ul>li:nth-child(2){background:url("../img/salon/navi_circle01.jpg") no-repeat; background-size:contain;}
#salon .navi_circle>ul>li:nth-child(3){background:url("../img/salon/navi_circle02.jpg") no-repeat; background-size:contain;}
#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 .navi_circle>ul>li:hover{cursor:pointer; 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 .navi_circle>ul>li:before{content:''; width:95%; height:95%; border:solid 1px #fff; border-radius:100%; box-sizing:border-box; position:absolute; top:2.5%; left:2.5%; opacity:0; transition:all 0.4s ease;}
#salon .navi_circle>ul>li:hover:before{position:absolute; opacity:1; transition:all 0.5s ease;}
#salon .navi_circle>ul>li:after{content:'>>'; width:100%; color:#fff; font-size:28px; text-align:center; transform:rotate(90deg) scale(0.6 , 1); position:absolute; bottom:20%; 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:45px; text-align:center; position:absolute; top:10%;}
#salon .navi_circle>ul>li>a>.text{width:100%; height:auto; font-size:20px; 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:520px; height:auto; margin:auto; background:url("../img/salon/japmap.png") no-repeat right bottom; position:relative;}
#salon #salonList .japmap>dl{width:55%; margin-top:50px; padding:0 0 0 6%;display:flex; flex-wrap:wrap; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:16px; position:relative; z-index:1;}
#salon #salonList .japmap>dl>dt, #salon #salonList .japmap>dl>dd{height:auto; margin-bottom:24px;}
#salon #salonList .japmap>dl>dt{width:24%;}
#salon #salonList .japmap>dl>dt:before{content:'■';}
#salon #salonList .japmap>dl>dd{width:76%; 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:3%;}
#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;  transition:all 0.3s ease;}
#salon #salonList .japmap>dl>dt>a:hover, #salon #salonList .japmap>dl>dd>ul>li>a:hover{transition:all 0.3s ease; color:#be9f39;}
#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:100%; height:auto; margin:30px 0 0;}
#salon #salonList ul.listflex>li{width:27%; margin:20px 0;}
#salon #salonList ul.listflex>li>a.img{width:100%; height:170px; display:block; overflow:hidden;}
#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.15); transform-origin:center;}
#salon #salonList ul.listflex>li>a.img, #salon #salonList ul.listflex>li>a.img:hover, #salon #salonList ul.listflex>li>a.img>img, #salon #salonList ul.listflex>li>a.img:hover>img{transition:all 0.5s ease;}
#salon #salonList ul.listflex>li>h3{margin:10px 0 6px; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:16px; letter-spacing:0.06em;}
#salon #salonList ul.listflex>li>h3>span{width:auto; height:20px; margin:0 4px 0 0; padding:0 6px; box-sizing:border-box; display:inline-block; background:#be9f39; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:12px; line-height:20px; position:relative; top:-2px;}
#salon #salonList ul.listflex>li>.flex{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon #salonList ul.listflex>li>.flex>p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:14px; margin:0; line-height:24px;}
#salon #salonList ul.listflex>li>.flex>.access{width:100%;}
#salon #salonList ul.listflex>li>.flex>.tel{width:55%;}
#salon #salonList ul.listflex>li>.flex>.detail{width:45%; text-align:right;}
#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>.access:before{content:'\f3c5';}
#salon #salonList ul.listflex>li>.flex>.tel:before{content:'\f2a0';}
#salon #salonList ul.listflex>li>.flex>.tel>a{color:#000;}
#salon #salonList ul.listflex>li>.flex>.detail{}
#salon #salonList ul.listflex>li>.flex>.detail>a{color:#000; text-decoration:underline;}
#salon #salonList ul.listflex>li>.flex>.detail>a:before{content:'>>'; color:#000; font-size:12px; padding:0;}
#salon #salonList ul.listflex>li>.flex>.detail>a:hover, #salon #salonList ul.listflex>li>.flex>.detail>a:hover:before{color:#be9f39;}
#salon #salonList ul.listflex>li>.flex>.detail>a, #salon #salonList ul.listflex>li>.flex>.detail>a:before, #salon #salonList ul.listflex>li>.flex>.detail>a:hover, #salon #salonList ul.listflex>li>.flex>.detail>a:hover:before{transition:all 0.3s ease;}
/*salonPoint*/
#salon #salonPoint{}
#salon #salonPoint h2+p{font-size:15px; line-height:30px; text-align:center;}
#salon #salonPoint ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon #salonPoint ul li{width:33.33%; height:auto; padding:10px 10px 130px; 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:flex; flex-wrap:wrap; position:relative;}
#salon #salonPoint ul li .title .pentagon{width:22px; border-width:26px 16px 0; border-style:solid; border-color:#d9c690 transparent; position:absolute; top:23px; left:0; text-align:center;}
#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:22px; 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:13px; line-height:24px; 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.wide{width:50%; padding-bottom:200px; border-bottom:solid 1px #c8c8c8;}
#salon #salonPoint ul li.wide .title h3{font-size:25px;}
#salon #salonPoint ul li.wide .title{padding:12px 0;}
#salon #salonPoint ul li.wide p{font-size:14px; line-height:24px; }
#salon #salonPoint ul li:first-child .title .pentagon, #salon #salonPoint ul li:nth-child(2) .title .pentagon{left:60px;}
#salon #salonPoint ul li:first-child .title h3, #salon #salonPoint ul li:nth-child(2) .title h3{padding-left:1em;}
#salon #salonPoint ul li:nth-child(3) .title .pentagon, #salon #salonPoint ul li:nth-child(4) .title .pentagon{left:10px;}
#salon #salonPoint ul li:nth-child(3) .title h3, #salon #salonPoint ul li:nth-child(4) .title h3{padding-left:1.5em;}
#salon #salonPoint ul li:last-child .title .pentagon{left:28px;}
#salon #salonPoint ul li:last-child .title h3{padding-left:2.1em;}
/*anshin*/
#salon #anshin{/*background:#fcf9f0;*/ padding:50px 0;}
#salon #anshin h2{margin-bottom:25px;}
#salon #anshin p{font-size:15px; line-height:30px; text-align:center;}
#salon #anshin p.cs{margin:40px 0 0;}
#salon #anshin p a{color:#be9f39; text-decoration:underline;}
#salon #anshin p a:hover{opacity:0.7;}
#salon #anshin ul{width:100%; height:auto; margin-bottom:35px; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon #anshin ul li{width:31.5%; height:auto; padding:25px 15px; box-sizing:border-box; border-radius:10px; background:#f9f2e4; position:relative; top:0;}
#salon #anshin ul li:hover{background:#fff; box-shadow:0 4px 10px #e6e3da; top:-5px;}
#salon #anshin ul li i{color:#d9c690; font-size:40px; display:block; text-align:center;}
#salon #anshin ul li p{}
#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:12px; 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:hover span:before{width:34%; left:33%;}
#salon #anshin ul li:hover span:after{right:32%;}
#salon #anshin ul li a{position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer;}
#salon #anshin p a, #salon #anshin p a:hover, #salon #anshin ul li, #salon #anshin ul li:hover, #salon #anshin ul li span, #salon #anshin ul li:hover span, #salon #anshin ul li span:before, #salon #anshin ul li:hover span:before, #salon #anshin ul li span:after, #salon #anshin ul li:hover span:after{transition:all 0.3s ease;}

/******************************************************/
/** エリアTOP
/******************************************************/
/*** areamap ***/
#salon .area_text{}
#salon .area_text p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:15px; line-height:30px; text-align:justify;}
#salon .area_map{width:100%; height:auto; margin:-35px 0 20px; background:#f5f4f2;}
#salon .area_map ul{width:1000px; height:0; margin:auto; padding-top:446px; position:relative; z-index:0;}
#salon .area_map ul:before, #salon .area_map ul:after{content:''; position:absolute; top:0; width:50px; height:100%; background:-moz-linear-gradient(left, rgba(245,244,242,1) 0%, rgba(245,244,242,0) 100%); background:-webkit-linear-gradient(left, rgba(245,244,242,1) 0%,rgba(245,244,242,0) 100%); background:linear-gradient(to right, rgba(245,244,242,1) 0%,rgba(245,244,242,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f2', endColorstr='#00f5f4f2',GradientType=1 );}
#salon .area_map ul:before{left:0;}
#salon .area_map ul:after{right:0; transform:scale(-1, 1);}
#salon .area_map ul li{position:absolute; width:387px; height:150px; 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:14% 0 0 62%; 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:18px;}
#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:14px;}
#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:28px; left:44px;}
#salon .area_map.tokyo ul li:nth-child(2){top:101px; left:598px;}
#salon .area_map.tokyo ul li:nth-child(3){top:275px; left:16px;}
#salon .area_map.tokyo ul li:nth-child(1) div{background:url("../img/salon/area/map_tokyo_ikebukuro.jpg") no-repeat left 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 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 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:54px; left:44px;}
#salon .area_map.nagoya ul li:nth-child(1) div{background:url("../img/salon/area/map_nagoya_meieki.jpg") no-repeat left 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:28px; left:86px;}
#salon .area_map.osaka ul li:nth-child(2){top:150px; left:577px;}
#salon .area_map.osaka ul li:nth-child(3){top:275px; left:16px;}
#salon .area_map.osaka ul li:nth-child(1) div{background:url("../img/salon/area/map_osaka_umeda.jpg") no-repeat left 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 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 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:130px; left:595px;}
#salon .area_map.hyogo ul li:nth-child(2){top:49px; left:0px;}
#salon .area_map.hyogo ul li:nth-child(1) div{background:url("../img/salon/area/map_hyogo_sannomiya.jpg") no-repeat left 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 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:110px; left:597px;}
#salon .area_map.kyoto ul li:nth-child(2){top:285px; left:43px;}
#salon .area_map.kyoto ul li:nth-child(3){top:32px; left:0px;}
#salon .area_map.kyoto ul li:nth-child(1) div{background:url("../img/salon/area/map_kyoto_kawaramachi.jpg") no-repeat left 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 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 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:215px; left:532px;}
#salon .area_map.fukuoka ul li:nth-child(1) div{background:url("../img/salon/area/map_fukuoka_tenjin.jpg") no-repeat left top; background-size:contain;}
/*** area_scrollbtn ***/
#salon ul.area_scrollbtn{width:700px; height:auto; margin:50px auto; display:flex; flex-wrap:wrap; justify-content:space-around;}
#salon ul.area_scrollbtn li{width:28%; height:auto; display:block; background:#efeee6; border-radius:12px; 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:15px; line-height:36px; 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:flex; flex-wrap:wrap; justify-content:space-between; width:100%; height:auto; margin:60px 0;}
#salon #areaSalon ul li:last-child{margin-bottom:0;}
#salon #areaSalon ul li .img{width:380px; height:auto;}
#salon #areaSalon ul li .img img{width:100%; height:auto;}
/*#salon #areaSalon ul li .img:hover img{transform:scale(1.1); transform-origin:center;}*/
#salon #areaSalon ul li .text{width:600px; height:auto;}
#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{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:14px; letter-spacing:0.06em;}
#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:15px;}
#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{display:block; float:right; width:auto; height:auto; padding:4px; border:solid 1px; border-radius:5px; box-sizing:border-box; color:#a8a8a0; font-size:11px; 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.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; background:#fff; border:solid 1px #b7931c; font-size:13px; 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:8px 6px; 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{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{width:auto; height:auto; margin:0 0 20px; color:#be9f39; font-size:20px; letter-spacing:0.06em; text-align:center;}
#salon #areaMessage .message h3 span{display:block; margin-top:10px; font-size:12px;}
#salon #areaMessage .message h3:after{content:''; width:36%; height:1px; margin:10px auto 0; background:#be9f39; display:block;}
#salon #areaMessage .message p{width:100%; height:auto; margin:0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:15px; line-height:30px; text-align:justify; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
#salon #areaMessage .message p img{width:150px;}
#salon #areaMessage .message p span{width:760px;}
#salon #areaMessage .message a{width:36%; height:50px; line-height:50px; display:block; margin:15px auto 0; background:#f9f2e4; border-radius:6px; color:#000; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:16px; text-align:center; position:relative; top:0;}
#salon #areaMessage .message a:hover{background:#fff; box-shadow:0 4px 10px #e6e3da; top:-5px;}
#salon #areaMessage .message a span{width:40px; height:26px; 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:10px; transform:rotate(50deg); bottom:4px; right:-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; align-items:start;}
#salon .shop_top img{width:32%; height:auto; padding-top:10px;}
#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:65%; 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:15px; line-height:30px; text-align:justify;}
#salon .shop_top p b{display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:22px; letter-spacing:0.08em; line-height:1.6; margin-bottom:10px;}
#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 20px;}
#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;}
#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:#be9f39;}
#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:14px; 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:18px; 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 td .holiday{display:block; color:#f53e53;}
#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{color:#b7a239; display:block;}
#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:16px; line-height:2; text-decoration:underline; margin-right:8px;}
#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:16%; 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{position:relative; z-index:2;}
#salon .shop_reccomend h2{color:#fff; text-shadow:0 0 10px #772626;}
#salon .shop_reccomend h2 span{color:#fff;}
#salon .shop_reccomend h2+p{color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:15px; letter-spacing:0.06em; line-height:30px; 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:30%; min-height:492px; height:auto; background:#fff;}
#salon .shop_reccomend ul li .mds{margin:0; padding:20px 0; background:#d65d69; color:#fff; font-size:16px; letter-spacing:0.06em; text-align:center;}
#salon .shop_reccomend ul li .img{width:100%; height:246px; display:block; background:#dadada;}
#salon .shop_reccomend ul li .text{padding:20px;}
#salon .shop_reccomend ul li .text b{width:100%; height:auto; color:#8b6060; display:block; font-size:12px; text-align:center;}
#salon .shop_reccomend ul li .text h3{margin:10px 0; font-size:18px; 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:6.8em; margin:10px 0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:13px; line-height:22px; text-align:justify}
#salon .shop_reccomend ul li .text a{width:75%; height:30px; display:block; margin:auto; background:#ffffff; border:solid 1px #d65d69; color:#d65d69; font-size:14px; 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{}
#salon .shop_location h2+p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:15px; line-height:30px; text-align:justify;}
#salon .shop_location ul{display:grid; gap:20px; grid-template-columns:1.5fr 1fr 1fr; grid-template-rows:140px 140px; 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:15px; letter-spacing:0.04em; line-height:1; position:absolute; bottom:0;}

/******************************************************/
/** こだわり
/******************************************************/
#salon .kodawari_text{font-size:15px; line-height:30px; text-align:justify; margin:auto auto 60px;}
/*サークルリストの背景*/
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(1){background: url("../img/salon/umeda/navi_circle01.jpg") no-repeat center; background-size:contain;}
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(2){background: url("../img/salon/umeda/navi_circle02.jpg") no-repeat center; background-size:contain;}
#salon .navi_circle.umeda_kodawari>ul>li:nth-child(3){background: url("../img/salon/umeda/navi_circle03.jpg") no-repeat center; background-size:contain;}
/*サロンのこだわり*/
#salon .shop_kodawari{}
#salon .shop_kodawari ul{width:100%; margin-top:60px;}
#salon .shop_kodawari ul li{width:1100px; 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{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start;}
#salon .shop_kodawari ul li .inner1000 h2{width:1078px; margin:0 auto 25px; font-size:23px; 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:inline-block; width:auto; height:auto; margin-right:8px; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-size:12px; letter-spacing:0.04em; position:relative; top:-5px;}
#salon .shop_kodawari ul li .inner1000 p{width:615px; height:auto; margin:0; font-size:15px; line-height:30px; 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:354px; height:240px; display:block; border:none;}

/******************************************************/
/** アクセス
/******************************************************/
#salon .access_text{font-size:15px; line-height:30px; text-align:justify; margin:20px auto;}
#salon .shop_access{}
#salon .shop_access dl{}
#salon .shop_access dl dt{}
#salon .shop_access dl dt h2{width:100%; height:68px; margin:30px 0; 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:24px; line-height:68px; 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 dt h2{width:100%;height:auto;margin: 35px auto 15px;padding:0 0 30px;box-sizing:border-box;font-size:18px;line-height:1;letter-spacing:0.06em;text-indent:1em;text-align: left;position:relative;}
#salon .shop_access dl dt h2:before{content: '\f238';font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px;color:#d9c68f;display:inline-block;transform:scale(-1, 1);position:relative;top:2px;margin-right:-5px;}
#salon .shop_access dl dt h2:after{content:'';width:100%;height:6px;display:block;position:absolute;bottom:0;background: none;background-color:#fff;background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #dbd8d4), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #dbd8d4),color-stop(.75, #dbd8d4), color-stop(.75, transparent),to(transparent));-webkit-background-size:8px;}*/
#salon .shop_access dl dd{}
#salon .shop_access dl dd p{font-size:15px; line-height:30px; text-align:center;}
#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:30%; height:auto; margin:20px 0; position:relative;}
#salon .shop_access dl dd ul li.last{left:-351px;}
#salon .shop_access dl dd ul li:after{content:'\f061'; color:#999; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:35px; position:absolute; top:25%; right:-40px;}
#salon .shop_access dl dd ul li:last-child:after{display:none;}
#salon .shop_access dl dd ul li .img{}
#salon .shop_access dl dd ul li .img img{display:block; width:100%; background:#999; margin-bottom:10px;}
#salon .shop_access dl dd ul li .text{}
#salon .shop_access dl dd ul li .text h3{font-size:16px;}
#salon .shop_access dl dd ul li .text h3 span{width:30px; height:30px; display:inline-block; margin-right:8px; background:#ccc8aa; color:#fff; line-height:30px; text-align:center; border-radius:30px;}
#salon .shop_access dl dd ul li .text p{width:98%; margin:10px auto 0; font-size:14px; line-height:26p; text-align:justify;}

/******************************************************/
/** スタッフ
/******************************************************/
#salon .shop_staff{}
#salon .shop_staff p.staff_text{width:auto; font-size:15px; line-height:30px; text-align:center;}
#salon .shop_staff ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:30px;}
#salon .shop_staff ul li.staff_box{width:47%; height:auto; margin:30px 0;}
#salon .shop_staff ul li.staff_box .flex{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_staff ul li.staff_box .flex .img{width:32%;height:auto;}
#salon .shop_staff ul li.staff_box .flex .img img{width:100%; height:auto; display:block;}
#salon .shop_staff ul li.staff_box .flex .text{width:66%; height:auto; padding-top:5px;}
#salon .shop_staff ul li.staff_box .flex .text>p{font-size:13px; line-height:24px;}
#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>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;}
#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:12px; 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:20px;}
#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; 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:40px; opacity:0;}
#salon .shop_staff ul li.staff_box>a:hover{border:solid 1px #ceb66b; box-shadow:0 0 5px #b79420; letter-spacing:0.08em; opacity:0.7;}
#salon .shop_staff ul li.staff_box>a:hover:after{right:10px; opacity:0.7;}
#salon .shop_staff ul li.staff_box>a, #salon .shop_staff ul li.staff_box>a:hover, #salon .shop_staff ul li.staff_box>a:after, #salon .shop_staff ul li.staff_box>a:hover:after{transition:all 0.3s ease;}
/*** counseling ***/
#salon .counseling{width:100%; height:440px; margin-bottom:-80px; background:#faf5f0;}
#salon .counseling .text{width:1000px; height:440px; margin:auto; padding:0 30px 0 530px; box-sizing:border-box; background:url("../img/menu/counseling_img.png") no-repeat left top; position:relative;}
#salon .counseling .text:before{content:''; width:80px; height:440px; position:absolute; top:0; left:0; background:-moz-linear-gradient(left, rgba(250,245,240,1) 0%, rgba(250,245,240,0) 100%); background:-webkit-linear-gradient(left, rgba(250,245,240,1) 0%,rgba(250,245,240,0) 100%); background:linear-gradient(to right, rgba(250,245,240,1) 0%,rgba(250,245,240,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf5f0', endColorstr='#00faf5f0',GradientType=1 );}
#salon .counseling .text b{display:block; padding:20px 0 15px; border-bottom:solid 1px; font-family:"Zen Old Mincho", serif; font-weight: 400;
 font-size:25px; line-height:48px; text-align:center; letter-spacing:0.1em;}
#salon .counseling .text p{margin:30px 0; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; line-height:36px; letter-spacing:0.1em; text-align:justify;}
#salon .counseling .text a{height:70px; display:block; background:#fff; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; font-size:18px; letter-spacing:0.06em; line-height:68px; text-align:center; position:relative;}
#salon .counseling .text a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#salon .counseling .text a:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; color:#fff; position:absolute; right:12%; opacity:0;}
#salon .counseling .text a:hover:after{right:5%; opacity:1;}
#salon .counseling .text a, #salon .counseling .text a:hover, #salon .counseling .text a:after, #salon .counseling .text a:hover:after{transition:all 0.3s ease;}

/******************************************************/
/** ビフォーアフター体験談
/******************************************************/
#salon .shop_beforeafter p.befoaf_text{margin-bottom:20px; font-size:15px; line-height:30px; text-align:justify;}
/*** h2 ***/
#salon .shop_beforeafter .title{width:36%; height:0; margin:auto; padding-top:16%; 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:26px; letter-spacing:0.06em; line-height:1.6; text-align:center; text-shadow:none; position:absolute; top:10%; left:0;}
/*** h3 ***/
#salon .shop_beforeafter h3{width:1078px; margin:0 auto 25px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:23px; padding:20px 0; color:#988b84; text-align:center; text-shadow:none; border-bottom:dotted 1px #988b84;}
#salon .shop_beforeafter h3 span{display:inline-block; width:auto; height:auto; margin-right:8px; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-size:12px; 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 .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; text-align:center; position:absolute; left:0;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:first-child{top:20%; font-size:20px; letter-spacing:0.5em; text-indent:0.25em;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .kikan p:last-child{top:50%; font-size:30px; 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;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p:first-child{margin:10px 0 20px;}
#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:30px;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .suuchi{width:40%; text-align:center; font-size:50px;}
#salon .shop_beforeafter .pickup .flex .text .repo_gaiyou .genryou p .tanni{width:25%; text-align:left; font-size:32px;}
/*個人情報*/
#salon .shop_beforeafter .pickup .flex .text .personal{margin:20px 0 15px; font-size:15px; text-align:right;}
/*比較表*/
#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:15px 0; font-size:15px; 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:43%; height:0; padding-top:39.3%; 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:1000px; height:auto; margin:20px auto; padding:15px; box-sizing:border-box; border:solid 1px #988b84;}
#salon .shop_beforeafter .pickup .comment p{margin:0; font-size:14px; line-height:26px; 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{width:50%;}
/*** ビフォーアフター一覧（ビューティーコンテスト） ***/
#salon .shop_beforeafter .ba_list{margin:40px 0;}
#salon .shop_beforeafter .ba_list ul.flex{width:100%; margin:30px auto 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .ba_list ul.flex li{width:30%; margin-bottom:30px;}
/*画像*/
#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{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info{width:25%; height:auto; border-right:solid 1px #000;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info p{margin:0; line-height:1.4;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_info .name{font-size:15px; 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:21px; 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{font-size:14px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus{width:72%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .kikan{width:32%; height:0; padding-top:32%; 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:15px; 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:18px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou{width:66%;}
#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:10px 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:38%; text-align:center; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; font-size:14px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .suuchi{width:40%; text-align:center; font-size:22px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_date .repo_minus .genryou p .tanni{width:22%; text-align:left; font-size:16px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn{width:100%; height:auto; margin-top:15px; box-sizing:border-box; border:solid 1px #d9c691; background:#fff;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover{border:solid 1px #ceb66b;}
#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:13px; line-height:1.4; padding:8px 0; text-align:center; position:relative; z-index:1;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a{color:#fff; letter-spacing:0.08em;}
#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:40px; color:#fff;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a:before{right:15px;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a:before, #salon .shop_beforeafter .ba_list ul.flex li .repo_btn a:before{transition:all 0.5s ease;}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn 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 .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a:after{background:#ceb66b; -webkit-transform:scale(1); transform:scale(1);}
#salon .shop_beforeafter .ba_list ul.flex li .repo_btn a, #salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a, #salon .shop_beforeafter .ba_list ul.flex li .repo_btn a:after, #salon .shop_beforeafter .ba_list ul.flex li .repo_btn:hover a:after{transition:all 0.3s ease;}
/*** ビフォーアフター一覧（bcresult） ***/
#salon .shop_beforeafter .ba_list ul.straight{width:1000px; height:305px; margin:auto auto 40px; border:double 4px #beb29a; box-sizing:border-box; padding:10px 100px; 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: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;}
#salon .shop_beforeafter .ba_list ul.straight li a{color:#000; font-size:15px; line-height:1; letter-spacing:0.06em; text-decoration:underline;}
#salon .shop_beforeafter .ba_list ul.straight li a:before{content:'▼'; color:#d0b770; display:inline-block; margin-right:3px; font-size:12px; position:relative; top:-3px; transform:rotate(-90deg);}
#salon .shop_beforeafter .ba_list ul.straight li a:hover{color:#be9f39;}
#salon .shop_beforeafter .ba_list ul.straight li, #salon .shop_beforeafter .ba_list ul.straight li:hover, #salon .shop_beforeafter .ba_list ul.straight li a, #salon .shop_beforeafter .ba_list ul.straight li a:hover{transition:all 0.3s ease;}
#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;}