@charset "utf-8";
/* CSS Document */

p, li, dt, dd{font-size: 100%; line-height: 1.3;}
img{width: auto; height: auto;}
.sectionInner{padding: 60px 1em;}
a:hover{text-decoration: none;opacity: 0.6;}
.TtlBox{margin-bottom: 30px;}
.TtlBox h3.pink_ttl{font-size:250%;color: #c80b4d;font-weight: bold;text-align: center;margin-bottom: 0.3em;line-height: 1.2;}
.TtlBox h3.pink_ttl span{width: auto;height: 50px;display: inline-block;}
.TtlBox h3.pink_ttl span img{width: 100%;height: 100%; }
.TtlBox .subtxt{font-size: 120%;font-weight: bold;}

/*ないブランドを非表示*/
body:not(.SC) .SC { display: none; }
body:not(.WO) .WO { display: none; }
body:not(.PL) .PL { display: none; }
body:not(.FT) .FT { display: none; }
body:not(.PB) .PB { display: none; }
body:not(.OF) .OF { display: none; }
body:not(.FR) .FR { display: none; }



#Store_kobetsuSec .sectionInner{max-width: 950px;margin: auto;}
#Store_kobetsuSec .store_TopBox{position: relative;display: flex;align-items: center;}
#Store_kobetsuSec .store_TopBox h2.store_name{font-weight: bold;font-size: 250%;border-left: 10px solid #caa580;padding: 0em 1em 0em 0.2em;}
#Store_kobetsuSec .store_TopBox .Top_accessBox {max-width: 390px;}
#Store_kobetsuSec .store_TopBox .store_txt{color: #8e8e8e;}
#Store_kobetsuSec .store_TopBox .shortAccessTxt{color: #444444;font-weight: 500;}
#Store_kobetsuSec .store_photo{margin: 1em 0 3em;}
#Store_kobetsuSec .store_photo li{margin: 0 0.2em;}
#Store_kobetsuSec .store_photo li img{border-radius: 5px;}
#Store_kobetsuSec .store_photo .slick-dots{bottom: -20px;}
#Store_kobetsuSec .store_photo .slick-dots li{width: 10px;height: 10px;margin: 0 0.5em;}
#Store_kobetsuSec .store_photo .slick-dots li button{border-radius: 50vw;width: 10px;height: 10px;}
#Store_kobetsuSec .store_photo .slick-dots li button::before{content: "";background: #e4e4e4;border-radius: 50vw;width: 10px;height: 10px;opacity: 1;}
#Store_kobetsuSec .store_photo .slick-dots li.slick-active button:before{background: #777777;}


#Store_kobetsuSec .store_infoBox .info_Flex{justify-content: space-between;}
#Store_kobetsuSec .store_infoBox .store_detail{width: 50%;display: flex;flex-wrap: wrap;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox{width: 100%;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dt{font-size: 130%;font-weight: bold;border-bottom: 1px solid #c8a57f;color: #c8a57f;padding-bottom: 0.2em;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dd{margin:0.2em 0 0.5em;font-size: 110%;font-weight: bold;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.hours{font-size: 150%;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.tel{font-size: 150%;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.tel a{color: #286199;}
#Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.tel span{font-size: 70%;display: inline-block;font-weight: normal;margin-left: 0.5em;}

#Store_kobetsuSec .store_infoBox .store_detail .serviceBox{width: 100%;margin: 0.5em 0 0;order: 2;}
#Store_kobetsuSec .store_infoBox .serviceBox .service_ttl{margin-bottom: 0.8em;}
#Store_kobetsuSec .store_infoBox .serviceBox .service_ttl span{background: #f7f7f7;border:1px solid #bababa;border-radius: 50vw;padding: 0.2em 2em 0;line-height: 1;font-weight: bold;font-size: 100%;}
#Store_kobetsuSec .store_infoBox .serviceBox ul.serviceUl{flex-wrap: wrap;justify-content: flex-start;gap:5px;margin-top: 0.5em;}
#Store_kobetsuSec .store_infoBox .serviceBox li.service{width: calc(95% / 5);}
#Store_kobetsuSec .store_infoBox .serviceBox li.service img{width: 100%;}
#Store_kobetsuSec .mapBox{width: 45%;}
#Store_kobetsuSec .mapBox .map iframe{max-width: 100%;}

#Store_kobetsuSec .mapBox .pc_counBtn{border: 6px solid #b2b2b2;padding: 0.8em 0.5em;display: flex;justify-content: center;align-items: center;margin-top:0.5em;}
#Store_kobetsuSec .mapBox .pc_counBtn .btnTxt{font-size: 90%;font-weight: bold;text-align: center;line-height: 1.2;padding-right: 3px;}
#Store_kobetsuSec .mapBox .pc_counBtn .btnTxt span{color: #caa580;font-size: 70%;display: block;}

#sportsclubSec{background: #c80b4d;}
#sportsclubSec .sectionInner{max-width: 950px;margin: auto;padding: 30px 1em;}
#sportsclubSec .clubBox{justify-content: space-between;align-items: center;}
#sportsclubSec .clubBox .club_TxtBpx h3.clubTtl{font-size: 180%;color: #e7f7a1;font-weight: bold;line-height: 1.3;}
#sportsclubSec .clubBox .club_TxtBpx .maintxt{font-size: 130%;color: #fff;font-weight: 500;line-height: 1.5;margin: 0.4em 0 0.5em;}
#sportsclubSec .clubBox .club_TxtBpx .subtxt{font-size: 100%;color: #fff;}
#sportsclubSec .clubBox .club_imgBpx{width: 400px;margin-left: 2em;}

#serviceSec .sectionInner{max-width: 1200px;margin: auto;}
#serviceSec .serviceListBox{justify-content: center;align-items: stretch;}
#serviceSec .serviceListBox .serviceListInner{width: 390px;border: 2px solid #bababa;border-radius: 15px;margin: 0.5em;}

#serviceSec .serviceListBox .detailBox{justify-content: space-between;align-items: center;padding: 0.8em;}
#serviceSec .serviceListBox .detailBox .logo{width: 18%;}
#serviceSec .serviceListBox .detailBox .detailTxt{width: 67%;}
#serviceSec .serviceListBox .detailBox .detailTxt .maintxt{font-size: 120%;font-weight: bold;line-height: 1;}
#serviceSec .serviceListBox .detailBox .detailTxt .subtxt{font-size: 90%;font-weight: 500;}
#serviceSec .serviceListBox .detailBox .icon_detail{width: 10%;}
#serviceSec .serviceListBox .detailBox img{width: 100%;}

#serviceSec .serviceListBox .priceBox{padding: 0.5em 0 0.5em 1em;border-radius: 10px 10px 0 0;}
#serviceSec .serviceListBox .priceBox .price{width:126px;height: auto;}
#serviceSec .serviceListBox .priceBox .price img{width: 100%;}
#serviceSec .serviceListBox .wo .priceBox{background: url(/assets/img/gym/store/store_img_wo.jpg)no-repeat;background-size: cover;}
#serviceSec .serviceListBox .wo .detailBox{border-top: 5px solid #c8a57f;}
#serviceSec .serviceListBox .wo .detailBox .detailTxt .maintxt{color: #c9a67f;}
#serviceSec .serviceListBox .fit .priceBox{background: url(/assets/img/gym/store/store_img_fit.jpg)no-repeat;background-size: cover;}
#serviceSec .serviceListBox .fit .detailBox{border-top: 5px solid #c80b4d;}
#serviceSec .serviceListBox .fit .detailBox .detailTxt .maintxt{color: #c80b4d;}
#serviceSec .serviceListBox .pila .priceBox{background: url(/assets/img/gym/store/store_img_pila.jpg)no-repeat;background-size: cover;}
#serviceSec .serviceListBox .pila .detailBox{border-top: 5px solid #a5185a;}
#serviceSec .serviceListBox .pila .detailBox .detailTxt .maintxt{color: #a5185a;}

#serviceSec .serviceListBox .sub_service .service_nameBox{background: #ededed;padding: 1em 0 1em 1.5em;border-radius: 13px 13px 0 0;}
#serviceSec .serviceListBox .sub_service .service_nameBox{justify-content: flex-start;align-items: flex-start;}
#serviceSec .serviceListBox .sub_service .service_nameBox .logo{width: 65px;margin-right: 1.5em;}
#serviceSec .serviceListBox .sub_service .service_nameBox .logo img{width: 100%;}
#serviceSec .serviceListBox .sub_service .service_nameBox .txtBox{padding-top: 0.5em;}
#serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .service_name{color: #c80b4d;font-size:120%; font-weight: bold;line-height: 1.2;}
#serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .price{font-size: 150%;font-weight: bold;}
#serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .price .s_font{font-size: 80%;}
#serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .price .p_tax{font-size: 65%;color: #4d4d4d;}
#serviceSec .serviceListBox .sub_service .detailBox {border-top: 5px solid #000;}
#serviceSec .serviceListBox .sub_service .detailBox .detailTxt{width:85%; }

#othersSec{}
#othersSec .sectionInner{max-width: 1200px;margin: auto;justify-content: space-between;align-items: flex-start;}

#othersSec #reviewsSec{width: 50%;}
#othersSec #reviewsSec .reviews ul{position: relative;}
#othersSec #reviewsSec .reviews li{background: #fff;filter: drop-shadow(0px 0px 3px #bcbcbc);border-radius: 10px;padding: 1.5em;width: 500px;margin:0.5em 3em;}
#othersSec #reviewsSec .reviews li .review_nameBox{justify-content: space-between;align-items: flex-start;}
#othersSec #reviewsSec .reviews li .review_nameBox .photo{width: 40%;}
#othersSec #reviewsSec .reviews li .review_nameBox .photo img{width: 125px;margin: auto;}
#othersSec #reviewsSec .reviews li .review_nameBox .userBox{width: 60%;margin-top: 0.5em;}
#othersSec #reviewsSec .reviews li .review_nameBox .userBox  dl{margin-bottom: 0.5em;}
#othersSec #reviewsSec .reviews li .review_nameBox .userBox dt{background: #c8a57f;color: #fff;font-size: 110%;font-weight: bold;text-align: center;padding: 0.2em;}
#othersSec #reviewsSec .reviews li.FT .review_nameBox .userBox dt{background:#c80b4d;}
#othersSec #reviewsSec .reviews li.PL .review_nameBox .userBox dt{background:#a5185c;}
#othersSec #reviewsSec .reviews li.FR .review_nameBox .userBox dt{background: #f9c8a0;}

#othersSec #reviewsSec .reviews li .review_nameBox .userBox dd{text-align: center;font-size: 130%;font-weight: 500;}

#othersSec #reviewsSec .reviews .commentBox{background:#fff9f0;padding: 1em;border-radius: 10px;margin-top: 0.5em; }
#othersSec #reviewsSec .reviews li.FT .commentBox{background:#fff4f8;}
#othersSec #reviewsSec .reviews li.PL .commentBox{background:#fff1f8;}
#othersSec #reviewsSec .reviews li.FR .commentBox{background: #fff7f0;}

#othersSec #reviewsSec .reviews .commentBox p.txt{font-size: 120%;}

#othersSec #reviewsSec .slide-arrow {bottom: 0;cursor: pointer;margin: auto;position: absolute;top: 0;width: 33px;z-index: 10;}
#othersSec #reviewsSec .prev-arrow { left: 30px;}
#othersSec #reviewsSec .next-arrow {right: 30px;}
#othersSec #reviewsSec button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; padding: 0;}

#othersSec #faqSec{width: 50%;}
#othersSec #faqSec .faqBox{width: 90%;margin: auto;}
#othersSec #faqSec .faqBox ul{padding-top: 0.5em;}
#othersSec #faqSec .faqBox li{border: 1px solid #b2b2b2;padding: 1em 1.5em;margin-bottom: 1em;}
#othersSec #faqSec .faqBox .title{position: relative;cursor: pointer;padding: 0% 6% 0% 50px;transition: all .5s ease;font-weight: bold;font-size:130%;}
#othersSec #faqSec .faqBox .title::before{content: "";display: block;background: url(/assets/img/gym/store/icon_qa.png)no-repeat;background-size: cover;width: 40px;height: 33px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
#othersSec #faqSec .faqBox .title::after{content: "";display: block;background:url(/assets/img/gym/store/icon_plus.png)no-repeat;background-size: cover;width: 30px;height: 30px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}

#othersSec #faqSec .faqBox .box{display: none;border-top: 1px solid #b2b2b2;margin: 1em 0 0;padding: 1em 1em 0;}




@media screen and (max-width: 767px) {
    .TtlBox{margin-bottom: 15px;}
    .TtlBox h3.pink_ttl{font-size: 200%;}
    .TtlBox h3.pink_ttl span{width: 53px;height: auto;margin-right: 5px;}
    .TtlBox h3.pink_ttl span img{}
    .TtlBox .subtxt{font-size: 90%;font-weight: 500;}
    
    #Store_kobetsuSec .sectionInner{padding: 10px 0;}
    #Store_kobetsuSec .store_TopBox{padding:0px 1em;display: block;}
    #Store_kobetsuSec .store_TopBox h2.store_name{font-size: 220%;border-bottom: 2px solid #caa580;padding: 0.5em 100px 0.3em 0;margin-bottom: 0.2em;border-left:none;}
	#Store_kobetsuSec .store_TopBox .Top_accessBox{width:100%;}
    #Store_kobetsuSec .store_TopBox .store_txt{font-size: 80%;}
    #Store_kobetsuSec .store_TopBox .shortAccessTxt{font-size: 80%;}
    #Store_kobetsuSec .store_TopBox .sp_counBtn{position: absolute;right: 1em;top: 15px;}
    #Store_kobetsuSec .store_photo .slick-dots li{margin: 0 0.3em;width: 8px;height: 8px;}
    #Store_kobetsuSec .store_photo .slick-dots li button,
    #Store_kobetsuSec .store_photo .slick-dots li button::before{width: 8px;height: 8px;}
    #Store_kobetsuSec .store_photo li img{width: 80vw;}
    #Store_kobetsuSec .store_infoBox{display: block;padding: 0 1em;}
    #Store_kobetsuSec .store_infoBox .info_Flex{display: block;}
    #Store_kobetsuSec .store_infoBox .store_detail{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox{width: 60%;order: 1;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dt{font-size: 95%;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dd{font-size: 75%;margin:0.3em 0 0.5em;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.address{margin: 0.5em 0 0.7em;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.hours{font-size: 100%;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.tel{font-size: 100%;}
    #Store_kobetsuSec .store_infoBox .store_detail .storeBox dd.tel span{font-size: 75%;}
    #Store_kobetsuSec .store_infoBox .store_detail .serviceBox{width: 35%;order: 2;}
    #Store_kobetsuSec .store_infoBox .serviceBox .service_ttl span{background: #f7f7f7;border:1px solid #bababa;border-radius: 50vw;padding: 0.2em;line-height: 1;font-weight: bold;font-size: 90%;display: block;text-align: center;}
    #Store_kobetsuSec .store_infoBox .serviceBox li.service{width: calc(95% / 2);}
    
    #Store_kobetsuSec .mapBox{width: 100%;}
    #Store_kobetsuSec .mapBox .map{margin-top: 1em;}
    #Store_kobetsuSec .mapBox .map iframe{max-width: 100%;height: 200px;}
    
    #sportsclubSec .clubBox .club_TxtBpx h3.clubTtl{font-size:120%; }
    #sportsclubSec .clubBox .club_TxtBpx .maintxt{font-size: 90%;line-height: 1.2;}
    #sportsclubSec .clubBox .club_TxtBpx .subtxt{font-size: 65%;margin-top: 1em;}
    #sportsclubSec .clubBox .club_TxtBpx .img img{width: 100%;}
    
    #serviceSec .serviceListBox{display: block;}
    #serviceSec .serviceListBox .serviceListInner{width: 100%;margin: 1em auto;border-radius:8px; }
    #serviceSec .serviceListBox .priceBox{border-radius: 8px 8px 0 0;}
    #serviceSec .serviceListBox .priceBox .price{width:99px; }
    #serviceSec .serviceListBox .detailBox{padding:0.5em;}
    #serviceSec .serviceListBox .detailBox .logo{width: 15%;}
    #serviceSec .serviceListBox .detailBox .detailTxt{width: 70%;}
    #serviceSec .serviceListBox .detailBox .detailTxt .maintxt{font-size: 100%;}
    #serviceSec .serviceListBox .detailBox .detailTxt .subtxt{font-size:70%; }
    
    #serviceSec .serviceListBox .wo .detailBox{border-top: 3px solid #c8a57f;}
    #serviceSec .serviceListBox .fit .detailBox{border-top: 3px solid #c80b4d;}
    #serviceSec .serviceListBox .pila .detailBox{border-top: 3px solid #a5185a;}
    #serviceSec .serviceListBox .sub_service .service_nameBox{padding:0.7em 0 0.5em 1.5em;border-radius: 8px 8px 0 0; }
    #serviceSec .serviceListBox .sub_service .service_nameBox .txtBox{padding-top: 0.3em;}
    #serviceSec .serviceListBox .sub_service .service_nameBox .logo{width: 53px;}
    #serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .service_name{font-size:100%; }
    #serviceSec .serviceListBox .sub_service .service_nameBox .txtBox .price{font-size: 120%;}
    #serviceSec .serviceListBox .sub_service .detailBox {border-top: 3px solid #000;padding:0.5em 1em; }
    
    #othersSec .sectionInner {display: block;padding: 60px 0;}
    #othersSec #reviewsSec,
    #othersSec #faqSec{width: 100%;}
    
    #othersSec #reviewsSec .reviews li{width:88vw;padding:1em; }
    #othersSec #reviewsSec .reviews li .review_nameBox .photo{width: 35%;}
    #othersSec #reviewsSec .reviews li .review_nameBox .photo img{width: 100%;}
    #othersSec #reviewsSec .reviews li .review_nameBox .userBox{width: 58%;}
    #othersSec #reviewsSec .reviews li .review_nameBox .userBox dt{font-size: 90%;}
    #othersSec #reviewsSec .reviews li .review_nameBox .userBox dd{font-size: 120%;margin-top: 0.3em;}
    
    #othersSec #reviewsSec .reviews .commentBox p.txt{font-size: 100%;}
    #othersSec #reviewsSec .next-arrow{right: 0;}
    #othersSec #reviewsSec .prev-arrow{left: 0;}
    
    #othersSec #faqSec{padding: 60px 0 0;}
    #othersSec #faqSec .faqBox li{padding:0.8em 1em 0.6em; }
    #othersSec #faqSec .faqBox .title{font-size:120%; }
    #othersSec #faqSec .faqBox .title::before{width: 35px;height: 28px;bottom: 4px;}
    #othersSec #faqSec .faqBox .title::after{width: 25px;height: 25px;bottom: 4px;}
    #othersSec #faqSec .faqBox .box{margin: 0.5em 0 0;padding: 1em 0.5em 0;font-size: 95%;}
    
    
}