@charset "utf-8";

.salon_inner_01 {position: relative;}
.salon_inner_01 dl {position: absolute;}
.salon .salon_inner h2 b,
.salon_inner_01 dl dt a,
.salon_inner_box-List li a {color: #3F809B;}
.salon_inner_01 dl dd a {display: block;color: #fff;background: #3F809B;}
.salon .salon_inner h2,
.salon .salon_inner h3 {font-weight: 700;border-bottom: 1px solid #707070;}
.salon .salon_inner h2 b {position: relative;font-weight: 600;}
.salon .salon_inner h2 b::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    display: block;
    background: #3F809B;
}
.salon_inner_box-Img {position: relative;}
.salon_inner_box-Img .salon_point {
    position: absolute;
    content: '';
    display: block;
}
.salon_inner_box-Img .salon_point a {
    display: block;
    background: #3F809B;
    border-radius: 50%;
}
.salon_inner_box-kinki .salon_inner_box-Img .salon_point_01 a {background: #D05353;}
.salon_inner_box-List li a {display: block;}
.salon_inner_box-List li a::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    display: block;
    background: #3B3B3B;
}
.salon_inner_box-kinki .salon_inner_box-List li.salon_inner_box-List-01 a {color: #D05353;}
.remodal {padding: 0 !important;}
.remodal .modal_img img {width: 100%;}
.remodal ul li {border-bottom: 1px solid #707070;}
.remodal ul li:last-child{border: none;}
.remodal ul li a {color: #1F7C96;}
.remodal .modal_btn p a {display: block;color: #146A86;text-align: center;border: 1px solid #146A86;}
.remodal-close {left: auto !important;right: 0;background: #000 !important;}
.remodal .salon_honten_icon {position: absolute;color: #22819E;text-align: center;font-weight: 400;background: #fff;border: 1px solid #146A86;}

@media screen and (max-width:767px) { 
    .salon header.special-header h1 {font-size: 5.99vw!important;}
    .salon header.special-header p {text-align: center;}
    .salon header.special-header .salon_mv {margin: 6.33vw 4vw 0 4vw;}
    .salon .salon_inner {margin: 12.33vw 4vw 0 4vw;padding-bottom: 12.33vw;}
    .salon_inner_01-List-01 {top: 3vw;left: 12vw;}
    .salon_inner_01-List-02 {top: 34vw;left: 40vw;}
    .salon_inner_01-List-03 {top: 13vw;right: 5vw;}
    .salon_inner_01 dl dt a {font-size:3.46vw;}
    .salon_inner_01 dl dd {margin-bottom: 3px;}
    .salon_inner_01 dl dd a {font-size: 3.46vw;line-height: 5vw;width: 16vw;height: 5vw;padding: 0 2vw;}
    .salon .salon_inner_box {margin-top: 6vw;}
    .salon_inner_box-Img {width: 92vw;height: 72vw;margin: 0 auto;}
    .salon_inner_box-Kanto .salon_inner_box-Img {background: url(../img/salon/salon_kantou_sp.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-kinki .salon_inner_box-Img {background: url(../img/salon/salon_kinki_sp.png?20220902) center center no-repeat;background-size: cover;}
    .salon_inner_box-Kyushu .salon_inner_box-Img {background: url(../img/salon/salon_kyushu_sp.png) center center no-repeat;background-size: cover;}
    .salon .salon_inner h2 {margin-top: -60px;padding: 90px 0 5px 0;}
    .salon .salon_inner h2 b {font-size: 5.33vw;padding-left: 30px;}
    .salon .salon_inner h2 b::before {width: 16px;height: 16px;margin-top: -9px;}
    .salon .salon_inner h3 {font-size: 4.66vw;margin-top: -60px;margin-bottom: 15px;padding-top: 90px;padding-bottom: 5px;}
    .salon_inner_box-List ul {padding-bottom: 4vw;}
    .salon_inner_box-List li {padding-bottom: 3vw;}
    .salon_inner_box-List li a {position: relative;font-size: 3.46vw;padding-left: 3vw;}
    .salon_inner_box-List li a::before {width: 1.5vw;height: 1px;}
    .remodal {width: 82vw !important;}
    .remodal ul {padding: 0 4vw;}
    .remodal ul li {text-align: center;padding: 3vw 0;}
    .remodal .modal_btn {padding:  0 4vw 6vw 4vw;}
    .remodal .modal_btn p a {font-size: 3.46vw;line-height: 8vw;width: 74vw;height: 8vw;}
    .modal_map {margin-top: 3vw;}
    .remodal .salon_honten_icon {top: 2vw;left: 2vw;font-size: 3vw;line-height: 2rem;width: 12vw;height: 2rem;border-radius: 8px;}

}
@media screen and (min-width:768px) and ( max-width:1024px) {
    .salon header.special-header h1 {font-size: 5.66vw;}
    .salon header.special-header .salon_mv {margin: 6.33vw 4vw 0 4vw;}
    .salon .salon_inner {margin: 12.33vw 4vw 0 4vw;padding-bottom: 12.33vw;}
    .salon_inner_01-List-01 {top: 10vw;left: 10vw;}
    .salon_inner_01-List-02 {top: 34vw;left: 40vw;}
    .salon_inner_01-List-03 {top: 20vw;right: 5vw;}
    .salon_inner_01 dl dt a {font-size:2vw;}
    .salon_inner_01 dl dd {margin-bottom: 3px;}
    .salon_inner_01 dl dd a {font-size: 1.66vw;line-height: 3vw;width: 16vw;height: 3vw;padding: 0 2vw;}
    .salon .salon_inner_box {margin-top: 6vw;}
    .salon_inner_box-Img {width: 76vw;height: 60vw;margin: 0 auto;}
    .salon_inner_box-Kanto .salon_inner_box-Img {background: url(../img/salon/salon_kantou.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-kinki .salon_inner_box-Img {background: url(../img/salon/salon_kinki.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-Kyushu .salon_inner_box-Img {background: url(../img/salon/salon_kyushu.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-List {display: flex;justify-content: space-between;margin-top: 5vw;}
    .salon .salon_inner h2 {margin-top: -6vw;padding: 11vw 0 5px 0;}
    .salon .salon_inner h2 b {font-size: 3vw;padding-left: 30px;}
    .salon .salon_inner h2 b::before {width: 16px;height: 16px;margin-top: -9px;}
    .salon_inner_box-List-Min {width: 44vw;}
    .salon_inner_box-Img .salon_point a {
        width: 1.4vw;
        height: 1.4vw;
    }
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_01 {top: 23.6vw;left: 53.8vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_02 {top: 27.0vw;left: 41.5vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_03 {top: 24.6vw;left: 47.5vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_04 {top: 25.2vw;left: 55.6vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_05 {top: 22.6vw;left: 49.5vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_06 {top: 27.2vw;left: 45.6vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_07 {top: 29.2vw;left: 48.6vw;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_08 {top: 35.5vw;left: 51.6vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_01 {top: 27.5vw;left: 34.4vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_02 {top: 25.5vw;left: 36.4vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_03 {top: 23.7vw;left: 34.0vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_04 {top: 27.0vw;left: 36.0vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_05 {top: 25.7vw;left: 34.5vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_06 {top: 25.2vw;left: 33.0vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_07 {top: 29.2vw;left: 34.0vw;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_08 {top: 19.2vw;left: 67.0vw;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_01 {top: 20.8vw;left: 39.5vw;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_02 {top: 39.8vw;left: 25.5vw;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_03 {top: 48.8vw;left: 21.5vw;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_04 {top: 53.8vw;left: 19.5vw;}
    .salon .salon_inner h3 {font-size: 2.66vw;margin-top: -6vw;margin-bottom: 15px;padding-top: 9vw;padding-bottom: 5px;}
    .salon_inner_box-List ul {padding-bottom: 4vw;}
    .salon_inner_box-List li {padding-bottom: 3vw;}
    .salon_inner_box-List li a {position: relative;font-size: 2vw;padding-left: 2vw;}
    .salon_inner_box-List li a::before {width: 1vw;height: 1px;}
    .remodal {width: 60vw !important;}
    .remodal ul {padding: 0 4vw;}
    .remodal ul li {text-align: center;padding: 1vw 0;}
    .remodal .modal_btn {display: flex;justify-content: space-between;padding:  0 4vw 4vw 4vw;}
	  #modal_bubble .modal_btn {justify-content: center;}
	  #modal_more .modal_btn {justify-content: center;}
	  #modal_tama .modal_btn {justify-content: center;}
	  /*#modal_yoyogi .modal_btn {justify-content: center;} */
    .remodal .modal_btn p a {font-size: 2vw;line-height: 4vw;width: 25vw;height: 4vw;}
    .remodal .salon_honten_icon {top: 16px;left: 16px;font-size: 1.66vw;line-height: 2rem;width: 8vw;height: 2rem;border-radius: 8px;}
}
@media screen and (min-width:1024px) {
    .salon header.special-header h1 {font-size: 56px;}
    .salon header.special-header .salon_mv {min-width: 1024px;max-width: 1120px;margin: 60px auto 0 auto;}
    .salon .salon_inner {min-width: 1024px;max-width: 1120px;margin: 140px auto 0 auto;padding-bottom: 250px;}
    .salon_inner_01-List-01 {top: 147px;left: 240px;}
    .salon_inner_01-List-02 {top: 400px;left: 510px;}
    .salon_inner_01-List-03 {top: 250px;left: 820px;}
    .salon_inner_01 dl dt {font-size:18px;}
    .salon_inner_01 dl dd {margin-bottom: 3px;}
    .salon_inner_01 dl dd a {font-size: 16px;line-height: 29px;width: 176px;height: 29px;padding: 0 15px;}
    .salon .salon_inner_box {display: flex;justify-content: space-between;margin-top: 50px;}
    .salon .salon_inner h2 {margin-top: -100px;padding: 200px 0 5px 0;}
    .salon .salon_inner h2 b {font-size: 18px;padding-left: 30px;}
    .salon .salon_inner h2 b::before {width: 16px;height: 16px;margin-top: -9px;}
    .salon_inner_box-Img {width: 760px;height: 604px;}
    .salon_inner_box-Kanto .salon_inner_box-Img {background: url(../img/salon/salon_kantou.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-kinki .salon_inner_box-Img {background: url(../img/salon/salon_kinki.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-Kyushu .salon_inner_box-Img {background: url(../img/salon/salon_kyushu.png) center center no-repeat;background-size: cover;}
    .salon_inner_box-Img .salon_point a {
        width: 15px;
        height: 15px;
        transition: all 0.3s ease-out;
    }
    /*
    .salon_inner_box-Img .salon_point a:hover {background: #D05353;}
    */
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_01 {top: 236px;left: 538px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_02 {top: 270px;left: 415px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_03 {top: 246px;left: 475px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_04 {top: 252px;left: 556px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_05 {top: 226px;left: 495px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_06 {top: 272px;left: 456px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_07 {top: 292px;left: 486px;}
    .salon_inner_box-Kanto .salon_inner_box-Img .salon_point_08 {top: 355px;left: 516px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_01 {top: 275px;left: 344px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_02 {top: 255px;left: 364px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_03 {top: 237px;left: 340px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_04 {top: 270px;left: 360px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_05 {top: 257px;left: 345px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_06 {top: 252px;left: 330px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_07 {top: 292px;left: 340px;}
    .salon_inner_box-kinki .salon_inner_box-Img .salon_point_08 {top: 192px;left: 670px;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_01 {top: 208px;left: 395px;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_02 {top: 398px;left: 255px;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_03 {top: 488px;left: 215px;}
    .salon_inner_box-Kyushu .salon_inner_box-Img .salon_point_04 {top: 538px;left: 195px;}
    .salon_inner_box-List {width: calc(100% - 800px);}
    .salon .salon_inner h3 {font-size: 16px;margin-top: -100px;margin-bottom: 15px;padding-top: 100px;padding-bottom: 5px;}
    .salon_inner_box-List ul {padding-bottom: 30px;}
    .salon_inner_box-List li {padding-bottom: 20px;}
    .salon_inner_box-List li a {position: relative;font-size: 14px;padding-left: 20px;}
    .salon_inner_box-List li a::before {width: 10px;height: 1px;}
    /*
    .salon_inner_box-List li a:hover {color: #D05353;opacity: 1;}
    */

    .remodal {width: 493px !important;}
    .remodal ul {padding: 0 50px;}
    .remodal ul li {text-align: center;padding: 7px 0;}
    .remodal .modal_btn {display: flex;justify-content: space-between;padding:  0 50px 15px 50px;}
    #modal_bubble .modal_btn {justify-content: center;}
	 #modal_more .modal_btn {justify-content: center;}
	 #modal_tama .modal_btn {justify-content: center;}
	  /* #modal_yoyogi .modal_btn {justify-content: center;}  */
    .remodal .modal_btn p a {font-size: 25px;line-height: 50px;width: 168px;height: 50px;}
    .remodal .salon_honten_icon {top: 16px;left: 16px;font-size: 26px;line-height: 42px;width: 86px;height: 42px;border-radius: 8px;}
}

/* 20240518_add */

@media screen and (min-width: 1024px){
.salon_inner_box-Fukuoka .salon_inner_box-Img {
    background: url(../img/salon/salon_fukuoka.png) center center no-repeat;
    background-size: cover;
}
.salon_inner_box-Fukuoka .salon_inner_box-Img .salon_point_01 {
    top: 120px;
    left: 310px;
}
}
@media screen and (max-width: 767px){
.salon_inner_box-Fukuoka .salon_inner_box-Img {
    background: url(../img/salon/salon_fukuoka_sp.png) center center no-repeat;
    background-size: cover;
}
}