@charset "utf-8"; /* CSS Document */ a:hover{text-decoration: none;} p, li, dt, dd{font-size: 100%; line-height: 1.3;} img{width: 100%; height: auto;} body{background:#f9f8f9} /*---------------------------------------------------------------------------- *** mainsection ----------------------------------------------------------------------------*/ #wrap{min-width: 1200px;width: 100%;margin:0 auto;} .mainSection > .mainSectionInner{margin: 0 auto; padding: 0;} .mainSection .secBox{max-width: 960px;margin: 0 auto 10px;padding: 20px 20px 20px;background:#fff;border-radius: 5px;overflow: hidden;border: 1px solid #e0e0e0;} .mainSection .secBox > .sectionInner{max-width: 730px; margin: 0 auto;} .mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;} .mainSection .ttlBox{margin: 0 0 20px; text-align: center;} .mainSection .ttlBox .ttl-h3{font-size: 30px; font-weight: bold; color: #12a7b2;} .mainSection .ttlBox .ttl-h3 .num{font-size: 130%;} .mainSection .m-btn-outer{list-style:none;padding:0;margin:1em 0 0;text-align:center;} .mainSection .m-btn-outer__item{display:inline-block;width:100%;max-width:340px;} .mainSection .m-btn{display:flex;align-items:center;justify-content:center;background-color:#cf5ca3;color:#ffffff;text-decoration:none;font-weight:bold;border-radius:50vw;padding:15px 20px;font-size:16px;position:relative;box-sizing:border-box;transition:opacity 0.2s;border: none;} .mainSection .m-btn:hover{opacity:0.9;} .mainSection .m-btn::after{content:"";position:absolute;right:25px;top:50%;width:8px;height:8px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:translateY(-50%) rotate(45deg);} /* breadcrumbArea */ #topSec .topSecInner.sectionInner{max-width: 100%;} #breadcrumbArea ul li{color: #888; font-weight: bold;} #breadcrumbArea ul li a{color: #888; padding: 0; background: none;} #breadcrumbArea ul li a::after{content: "/"; padding: 0 0.3em;} /* topStoreBox */ #topStoreBox{max-width: 730px; margin: 0 auto; padding-top: 2em;} #topStoreBox .storeTitleBox{display: flex; align-items: flex-start;} #topStoreBox .storeTitleBox .storeTitleBoxInner{width: calc(100% - 230px);} #topStoreBox .storeTitleBox .storeTitleBoxInner .store_txt{font-size: 14px; color: #444; filter: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);} #topStoreBox .storeTitleBox .storeTitleBoxInner .ttl-h2{font-size: 36px; font-weight: bold; color: #131412; margin-top: .2em; filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff);} #topStoreBox .storeTitleBox .storeTitleBoxInner .shortAccessTxt{font-size: 14px; color: #444; padding: .3em 1em 0 .1em; filter: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);} #topStoreBox .storeTitleBox .fvFormLinkBox{width: 230px; margin: 0; box-shadow: none; border-radius: 0; padding: 0;} #topStoreBox .storeTitleBox .fvFormLinkBox .ttlBox{margin: 0 0 10px;} #topStoreBox .storeTitleBox .fvFormLinkBox .ttlBox p{font-weight: bold; color: #444; font-size: 14px; text-align: center;} #topStoreBox .studioBox.pc{display: flex; align-items: flex-start; justify-content: space-between; margin: 1em 0;} #topStoreBox .studioBox.pc .txtBox{width: 425px; position: relative;} #topStoreBox .studioBox.pc .txtBox .ttl{width: 350px; position: relative;} #topStoreBox .studioBox.pc .txtBox .price{margin: 0.7em 0; width: 330px;} #topStoreBox .studioBox.pc .txtBox .txt01{color: #444; font-size: 10px;} #topStoreBox .studioBox.pc .txtBox .txt02{font-size: 13px; color: #444; margin-top: 0.3em;} #topStoreBox .studioBox.pc .txtBox .img{width: 96px; height: auto; top: 10px; right: 0; position: absolute;} #topStoreBox .studioBox.pc .imgBox{width: 290px; position: relative;} #topStoreBox .studioBox.pc .imgBox .fvbg01{position: absolute; top: 143px;left: -71px;} #topStoreBox .studioBox.pc .imgBox .fvbg02{position: absolute; top: 23px;right: -84px;} #storeInfoBox{max-width: 730px; margin: 0 auto; padding-top: 2em;} #nvIventSec .sectionInner{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 9em;} #cb1{width: 410px;} #cb1 h3{background: #777777; color: #fff; font-weight: bold; font-size: 16px; line-height: 26px; margin-bottom: 0.3em;} #cb1 dl{display: flex; flex-wrap: wrap;} #cb1 dl dt{font-size: 14px; font-weight: bold; color: #008ea5; width: 30%; padding: 1em 0.5em; border-top: solid 1px #cccccc;} #cb1 dl dd{font-size: 14px; color: #444; width: 70%; padding: 1em 0.5em; border-top: solid 1px #cccccc; } #cb1 dl dt.address{border-top: none;} #cb1 dl dd.address{border-top: none;} #cb1 dl dd.tel a{font-size: 20px; font-weight: bold; display: block;line-height: 1; margin-bottom: 0.1em;} #cb1 dl dd.tel span{font-size: 12px;} #cb2{width: 300px;} #cb2 h3{background: #777777; color: #fff; font-weight: bold; font-size: 16px; line-height: 26px; margin-bottom: 0.3em;} #cb2 .mapBox iframe{width: 300px; height: 200px;} /*店舗写真スライド*/ #store_photo_slide{margin:0em 0 -8em; padding:1em 0 0; width:100%;} #store_photo_slide .sectionInner{padding-bottom: 0; display: block;} #store_photo_slide .slick-slide{text-align:center; outline:0;} #store_photo_slide .photo_box{margin:0; display:inline-block; text-align:center; padding:0 5px;} #store_photo_slide .photo_box .box{display:block; width:410px; height:225px; overflow:hidden; background-image:none; background-position:center center; background-repeat:no-repeat; background-size:cover;} #store_photo_slide .photo_box .photo{visibility:hidden; width:100%; height: 100%; object-fit: cover; object-position: center;} #store_photo_slide .slick-next, #store_photo_slide .slick-prev{font-size:10px; top:50%; width:2em; height:2em; z-index:1;} #store_photo_slide .slick-next:before, #store_photo_slide .slick-prev:before{display:none;} #store_photo_slide .slick-prev{left:-1%;} #store_photo_slide .slick-next{right:-1%;} /*navBox*/ #navBox .navList{display: flex; flex-wrap: nowrap; justify-content: space-between;} #navBox .navList li{width: calc(100% / 4);} #navBox .navList li:not(:last-child){border-right: 1px solid #ccc;} #navBox .navList li a{transition: .2s all ease-in-out; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; background: #fff; padding: 5px .5em; width: 100%; height: 100%; min-height: 75px; font-size: 13px; font-weight: 700; color: #444; text-decoration: none;} #navBox .navList li .txt{line-height: 1; padding: 0 0 1em 0; font-size: 15px; color: #444;} #navBox .navList a:after{content: ""; transition: .2s all ease-in-out; display: inline-block; width: 1em; height: 1em; background: transparent; border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; transform: rotate(45deg); color: #fff; padding: 0; line-height: 1; text-align: center; font-size: 10px;} #navBox .navList a .txt:before{content: ""; display: block; width: 65px; height: 65px; margin: 0 auto 0.5em auto;} #navBox .navList .nav01 a .txt:before{background: url(/pilates/assets/2026/img/studio/store/ico_nav01.png) no-repeat center / 100% auto;} #navBox .navList .nav02 a .txt:before{background: url(/pilates/assets/2026/img/studio/store/ico_nav02.png) no-repeat center / 100% auto;} #navBox .navList .nav03 a .txt:before{background: url(/pilates/assets/2026/img/studio/store/ico_nav03.png) no-repeat center / 100% auto;} #navBox .navList .nav04 a .txt:before{background: url(/pilates/assets/2026/img/studio/store/ico_nav04.png) no-repeat center / 100% auto;} /*24/7 Workoutの4つのメソッド*/ #method.secBox{padding: 45px;} #method .box_method{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3em;} #method .methodBox{width: 350px; background: #f3fbfb; position: relative; margin-bottom: 2em;overflow: hidden;} #method .methodBox.method03{margin: 0 auto 2em;} #method .methodBox.mgbpc{margin-bottom: 0;} #method .methodBox .methodTtlBox{padding: 0.6em 1em; background:#12a7b2;display: flex;} #method .methodBox .number{ width: 50px; height: auto;} #method .methodBox .methodTtlBox .ttl-h4{font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin: auto;} #method .methodBox .img{margin: 0 auto 1em;} #method .methodBox .txtBox{width: 320px; margin: 0 auto 1.5em; font-size: 12px;color: #444;} #method .methodBox .txtBox p{font-size: 14px;} #method .methodBox .txtBox .accent{color: #567f8f;} #method .methodBox .txtBox .whiteBox{background: #fff; position: relative; padding: 1em 1.5em; margin: 1em 0; } #method .methodBox .txtBox .whiteBox p.txt::before{content: ""; display: inline-block; width: 14px; background: url("/pilates/assets/2026/img/studio/store/img_check.png") no-repeat center / contain; height: 10px; margin-right: 5px; vertical-align: middle;} /*コース・料金*/ #price_plan.secBox{padding: 45px;} #price_plan .titleBox{text-align:center;margin-bottom:1em;} #price_plan .ttl-h2{margin:0;} #price_plan .topTxtBox{background-color:#f3fbfb;padding:1em;text-align:center;margin-bottom:0.5em;} #price_plan .topTxt{color:#3d9ea9;font-size:1.5em;font-weight:bold;margin:0;letter-spacing:0.03em;} #price_plan .courseUl{display:grid;grid-template-columns:repeat(4, 1fr);gap:1%;list-style:none;padding:0;margin:0 0 2em 0;} #price_plan .courseLi{display:flex;} #price_plan .courseDl{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.06);margin:0;padding:0.8em 0.8em 1em;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;} #price_plan .courseDt{font-size:1.2em;color:#444;font-weight:bold;margin-bottom:0.2em;flex-shrink:0;} #price_plan .courseDt .num{font-size:1.5em;} #price_plan .courseDd.point{margin:0;color:#12a7b2;font-size:13px;font-weight:bold;line-height:1.4;text-align:left;width:100%;max-width:190px;flex-grow:1;box-sizing:border-box;} #price_plan .courseDd.price{margin:0;width:100%;position:relative;padding-top:0.7em;margin-top:0.7em;flex-shrink:0;} #price_plan .courseDd.price::before{content:"";position:absolute;top:0;left:5%;width:90%;height:2px;background-color:#8caab0;} #price_plan .taxIn{display:flex;align-items:baseline;justify-content:center;color:#444;font-size:14px;font-weight:bold;} #price_plan .priceNum{font-size:1.7em;font-weight:bold;margin:0 2px;letter-spacing:-0.03em;} #price_plan .oneLesson{display:block;font-size:0.7em;color:#444;} #price_plan .btnBox.tac{text-align:center;margin:0;} #price_plan .btnBox{margin-top:1em;} #price_plan .btnBox a{display:inline-block;border-radius:50vw;position:relative;color:#444;padding:0.5em 0;width:25%;margin:0 auto;border:solid 1px #4d4d4d;font-size:12px;} #price_plan .btnBox a::after{content:"";position:absolute;top:50%;right:5px;width:5px;height:5px;border-right:2px solid #aaaaaa;border-top:2px solid #aaaaaa;transform:translate(-50%, -50%) rotate(45deg);} #price_plan .btnBox a:hover{background-color:#f7f7f7;} #price_plan .btnBox a::after{content:'';position:absolute;right:22px;width:7px;height:7px;border-top:2px solid #444;border-right:2px solid #444;transform:rotate(45deg);} /*他のパーソナルジムとの比較*/ #hikakuSec{margin: 2em auto 0; box-shadow: none; border-radius: 0; padding: 0;} #hikakuSec .hikakuTtlBox{margin: 0 0 2em; text-align: center; color: #444;} #hikakuSec .hikakuTtl{font-weight: bold; font-size: 23px; margin-bottom: 0.8em;} #hikakuSec .new-course-top-table-wrap{margin-top: 1.5rem; color: #444;} #hikakuSec .new-course-top-table-wrap table{width: 100%; text-align: center;} #hikakuSec .new-course-top-table-wrap thead th:first-child{background-color: #ffffff; border-top: none; border-left: 1px solid #ffffff;} #hikakuSec .new-course-top-table-wrap th:nth-child(2){background-color: #cc3396; position: relative; border-right: solid 4px white; border-left: solid 4px white; color: #fff; font-size: 16px} #hikakuSec .new-course-top-table-wrap th:nth-child(2)::before{content: ""; width: 100%; height: 10px; position: absolute; background-color: #cc3396; border-radius: 10px 10px 0 0; left: 0; bottom: 100%;} #hikakuSec .new-course-top-table-wrap th:nth-child(3), #hikakuSec .new-course-top-table-wrap th:nth-child(4), #hikakuSec .new-course-top-table-wrap th:nth-child(5){background-color: #999999; color: #fff; border-top: none; border-right: solid 1px white;} #hikakuSec .new-course-top-table-wrap th:nth-child(3){border-right: solid 1px white;} #hikakuSec .new-course-top-table-wrap th{font-weight: bold;} #hikakuSec .new-course-top-table-wrap th, .new-course-top-table-wrap td{border-bottom: 1px solid #e5e5e5; padding: 10px; width: 200px; vertical-align: middle; font-size: 14px; line-height: 1.4;} #hikakuSec .new-course-top-table-wrap td:nth-child(2){border: solid 4px#cc3396; border-top: solid 1px #e5e5e5; border-bottom: none; font-weight: 800; font-size: 16px; line-height: 1.4; word-break: keep-all;} #hikakuSec .new-course-top-table-wrap .caption{font-size: 12px; text-align: right; color: #444;} #hikakuSec .new-course-top-table-wrap tr:last-child td:nth-child(2){border-bottom: solid 4px#cc3396;} sup{font-size: .5em; vertical-align: super;} /*ピラティスの魅力*/ #charm.secBox{padding: 45px;} .m-charm__slider{overflow-x:hidden;} .m-charm__slider .swiper-container{overflow: inherit;} .swiper-container{margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; box-sizing: content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform;} .m-charm__item{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative;} .m-charm__img{overflow: hidden; width: 100%;} .m-charm__contents{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 20px; left: 10px; position: absolute;} .m-charm__note{font-size: 12px; font-weight: 700; line-height: 1.5;} .u-italic{display: inline-block; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg);} .m-slider__Nav{-webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center;justify-content: center; line-height: 1; margin-top: 10px; position: relative;} .m-slider .swiper-button-next, .m-slider .swiper-button-prev{background-image: none; margin: 0; left: auto; position: relative; right: auto; height: 32px; width: 32px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none;} .swiper-button-next, .swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;} .m-slider .swiper-button-prev:before{-webkit-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg);} .m-slider .swiper-button-next:before, .m-slider .swiper-button-prev:before{background-image:none;border-top:solid 2px #1a1a1a;border-right:solid 2px #1a1a1a;content:"";display:block;height:6px;left:50%;position:absolute;top:50%;width:6px;z-index:1;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none;} .m-slider .swiper-pagination{position: static; margin: 0 23px;} .swiper-pagination{position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;} .m-slider .swiper-pagination-bullet{background:0 0;display:inline-block;margin:0;left:auto;opacity:1;position:relative;right:auto;height:22px;vertical-align:middle;width:22px;} .swiper-pagination-clickable .swiper-pagination-bullet{cursor: pointer;} .swiper-pagination-bullet-active{opacity: 1; background: #007aff;} .swiper-pagination-bullet{width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;} .m-slider .swiper-pagination-bullet-active:before{background: #fff; border: 2px solid #6D7378;} .m-slider .swiper-pagination-bullet:before{background:#e5e5e5;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:10px;content:"";display:block;height:7px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .4s ease-out;transition:width .4s ease-out;position:absolute;top:50%;width:7px;z-index:1;} .m-slider .swiper-button-next:before{-webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} #example .txtBox{font-size: 14px; text-align: center; line-height: 1.5; margin: 1.5em auto;} #example .txtBox span{font-size: 18px; color: #ed395e; font-weight: bold;} #example .btnBox{margin-top: 1em;} #example .btnBox a{display: inline-block; border-radius: 50vw; position: relative; color: #333333; padding: 0.5em 0; width: 25%; margin: 0 auto; border: solid 1px #4d4d4d; font-size: 12px;} #example .btnBox a::after{content: ""; position: absolute; top: 50%; right: 5px; width: 5px; height: 5px; border-right: 2px solid #aaaaaa; border-top: 2px solid #aaaaaa; transform: translate(-50%, -50%) rotate(45deg);} /*よくあるご質問*/ #faq.secBox{padding: 45px;} #faq .m-faq-list .secTtl{color: #12a7b2;font-size: 21px;font-weight: bold;border-bottom: 2px solid #12a7b2;margin-top: 1.5em;padding-bottom: 0.5em;} .m-faq-list__item{border-bottom: 1px solid #e5e5e5;} .m-faq-list__item::first-child{border-top: 2px solid #4B8E93;} .m-faq-list__ttl{cursor: pointer; font-size: 14px; line-height: 1.5; padding: 20px 100px 20px 70px; position: relative; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; text-align: left;} .m-faq-list__ttl:before{content: ""; display: block; border-top: solid 2px #fff; position: absolute; right: 39px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; z-index: 2;} .m-faq-list__ttl-inner{display: block;} .m-faq-list__ttl-inner:before{color: #4B8E93; content: "Q"; display: flex; font-family: Roboto, sans-serif; font-size: 15px; font-size: 1rem; font-weight: 700; left: 30px; border-radius: 50%; border: solid 1px #4B8E93;width: 25px;height: 25px; text-align: center;justify-content: center; align-items: center; position: absolute; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .m-faq-list__ttl-inner:after{background-color: #4B8E93; border-radius: 50px; content: ""; display: inline-block; height: 26px; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 26px;} .is-open .m-faq-list__ttl-inner:after{background-color: #868686;} .m-faq-list__ttl.is-open:after{-webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0);} .m-faq-list__ttl:after{content: ""; display: block; border-top: solid 2px #fff; right: 39px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; width: 8px; z-index: 2;} .is-open + .m-faq-list__contents{display: block;} .m-faq-list__contents{display: none; padding: 10px 100px 20px 70px; position: relative; font-size: 12px;} .m-faq-list__contents:before{color: #636363; content: "A"; display: flex; font-family: Roboto, sans-serif; font-size: 15px; font-size: 1rem; font-weight: 700; left: 30px; line-height: 1.5; position: absolute; top: 5px;border-radius: 50%; border: solid 1px #636363;width: 25px;height: 25px; text-align: center;justify-content: center;} .m-txt{text-align: left;} @media screen and (max-width: 767px) { #wrap{min-width: 0;width: 100%;margin:0 auto;} .mainSection .secBox{padding: 0; box-shadow: none; max-width: 100%; border-radius: 0; margin: 0; border: none;} .mainSection .secBox>.sectionInner{padding: 2em 2.5%; margin-bottom: 0; box-shadow: none; max-width: 95%;} .mainSection .ttlBox .ttl-h3{font-size: 24px;} .mainSection .m-btn-outer__item{max-width:290px;} .mainSection .m-btn{padding: 1em 1.2em;font-size: 1em;} .mainSection .m-btn::after{right:20px;width:7px;height:7px;} /* breadcrumbArea */ #topSec .topSecInner.sectionInner{background-image: url(/pilates/assets/2026/img/studio/store/fv_title_bg_sp.png);background-repeat: no-repeat;background-position: right top;} #breadcrumbArea{display: block; width: 100%; padding: 0.3em 2.5% 0.3em; position: relative; background:#f9f8f9;} /* topStoreBox */ #topStoreBox{max-width: 100%; padding: 0;} #topStoreBox .storeTitleBox{display: block;} #topStoreBox .storeTitleBox .storeTitleBoxInner{width: 100%;} #topStoreBox .studioBox.sp{display: flex; align-items: flex-start; justify-content: space-between; margin: 1em 0;} #topStoreBox .studioBox.sp .txtBox{position: relative;} #topStoreBox .studioBox.sp .txtBox .ttl{width: 82%; position: relative;} #topStoreBox .studioBox.sp .txtBox .img{height: auto; top: -2em; right: 0; position: absolute;} #topStoreBox .studioBox.sp .imgBox{position: relative; margin: 1em 0; display: flex;} #topStoreBox .studioBox.sp .imgBox .leftBox{width: 72%;} #topStoreBox .studioBox.sp .imgBox .leftBox .price{width: 90%;} #topStoreBox .studioBox.sp .imgBox .leftBox .txt02{font-size: 12px; color: #444; margin-top: 0.3em;} #topStoreBox .studioBox.sp .imgBox .rightBox{float: right; width: 27%;} #topStoreBox .studioBox.sp .imgBox .fvbg01{position: absolute; top: -2.5em; right: 0; width: 10%; transform: scale(-1,1);} #topStoreBox .studioBox.sp .imgBox .fvbg02{position: absolute; top: 2em; right: 25%; width: 12%; transform: scale(-1,1);} #topStoreBox .formLinkBox{width: 95%; margin: 1.5em auto 0;} #topStoreBox .formLinkBox .fvFormLinkBoxInner{gap: 1em;} #storeInfoBox{padding-top:1.5em;} #cb1{width: 100%; order: 1;} #cb2{width: 100%; order: 3;} #cb2 .mapBox iframe{width: 100%;} #store_photo_slide{order: 2; padding: 0em 0 1em; margin: 0;} #nvIventSec .sectionInner{padding-bottom: 0;} /*---- 店舗写真スライド ----*/ #store_photo_slide{width:100%; order:1;} #store_photo_slide .slick-slide{padding:0 .5em; outline:0;} #store_photo_slide #photo_slide{;} #store_photo_slide #photo_slide .slick-dotted.slick-slider{margin-bottom:.5em;} #store_photo_slide .photo_box{margin:0; padding:0; display:inline-block; text-align:center;} #store_photo_slide .photo_box .box{display:block; width:175px; height:120px;; overflow:hidden; background-image:none; background-position:center center; background-repeat:no-repeat; background-size:cover;} #store_photo_slide .photo_box .photo{visibility:hidden; width:60vmin;} #store_photo_slide .slick-next,.slick-prev{font-size:10px; width:2em; height:2em; z-index:1;} #store_photo_slide .slick-next:before,.slick-prev:before{display:none;} #store_photo_slide .slick-prev{left:calc(50vw - 117px);} #store_photo_slide .slick-next{right:calc(50vw - 117px);} /* slick */ #store_photo_slide .slick-dots{bottom:5%;} #store_photo_slide .slick-dots li{font-size:.6rem; position:relative; display:inline-block; width:1em; height:1em; margin:0 .2em; padding:0; cursor:pointer;} #store_photo_slide .slick-dots li button{font-size:100%; line-height:0; display:block; width:1em; height:1em; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;} #store_photo_slide .slick-dots li button:hover,#store_photo_slide .slick-dots li button:focus{outline:none;} #store_photo_slide .slick-dots li button:hover:before,#store_photo_slide .slick-dots li button:focus:before{opacity:1;} #store_photo_slide .slick-dots li button:before{font-size:100%; line-height:1; position:absolute; top:0; left:0; width:1em; height:1em; content:''; border-radius:50%; border:2px solid #fff; text-align:center; opacity:.25; color:#fff; background:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; box-sizing:border-box;} #store_photo_slide .slick-dots li.slick-active button:before{opacity:1; color:#fff; background:#fff; border:2px solid #fff;} /* navBox */ #navBox{background: #fafafa;} #navBox .navList li a{background: none; padding: 0 .5em;} #navBox .navList li .txt{font-size: 12px; line-height: 1; text-align: center; padding: 0 0 0.1em 0;} #navBox .navList a .txt:before{margin: auto; width: 60px; height: 60px;} #navBox .navBoxInner{padding: 1em 0;} /*4つのメソッド*/ #method.secBox{padding: 0;} #method .box_method{display: block; margin-top: 1em;} #method .methodBox{width: 100%; margin-bottom: 1em;} #method .methodBox.method03{margin: 0 auto 1em;} #method .methodBox .txtBox{width: 90%;} /*コース・料金*/ #price_plan.secBox{padding: 0;} #price_plan .topTxtBox{padding:0.8em;margin-bottom:1.5em;} #price_plan .topTxt{font-size:1.2em;} #price_plan .courseUl{grid-template-columns:1fr;gap:20px;margin-bottom:2em;} #price_plan .courseDl{padding:1em 1.5em;border-radius:12px;} #price_plan .courseDt{font-size:1.4em;margin-bottom:0.3em;} #price_plan .courseDd.point{font-size:14px;max-width:100%;text-align:center;padding:0 10px;} #price_plan .courseDd.price{margin-top:0.7em;padding-top:0.7em;} #price_plan .courseDd.price::before{left:10%;width:80%;} #price_plan .taxIn{font-size:16px;} #price_plan .priceNum{font-size:1.8em;} #price_plan .oneLesson{font-size:12px;margin-top:3px;} /*他のパーソナルジムとの比較*/ #hikakuSec .hikakuTtlBox{text-align: left;} #hikakuSec .hikakuTtl{font-size: 21px;} #hikakuSec .new-course-top-table-wrap{margin-top: 1.2em;} #hikakuSec .contentsBox {height: auto; overflow: scroll hidden; } #hikakuSec .new-course-top-table-wrap table {white-space: nowrap;} #hikakuSec .new-course-top-table-wrap th, .new-course-top-table-wrap td{min-width: 7em;} /*ピラティスの魅力*/ #charm.secBox{padding: 0;} .m-charm__img {height: 436px} .m-charm__img {height: auto;} .m-charm__img img {height: auto;} .m-charm__img img {height: auto;} /*よくあるご質問*/ #faq.secBox{padding: 0;} #faq .m-faq-list .secTtl{font-size:115% ;margin-top: 1em;} .m-faq__contents{-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;} .m-faq-list__ttl{font-size: 12px; padding: calc(50 / 750 * 100vw) calc(80 / 750 * 100vw) calc(40 / 750 * 100vw) calc(80 / 750 * 100vw);} .m-faq-list__ttl:before{border-width: 1px; right: calc(31 / 750 * 100vw); width: calc(10 / 750 * 100vw);} .m-faq-list__ttl-inner:before{font-size: 14px; font-size: 3.65059vw; left: calc(30 / 750 * 70vw);width: 20px;height: 20px; } .m-faq-list__ttl-inner:after{height: calc(30 / 750 * 100vw); right: calc(20 / 750 * 100vw); width: calc(30 / 750 * 100vw);} .m-faq-list__ttl:after{border-width: 1px; right: calc(31 / 750 * 100vw); width: calc(10 / 750 * 100vw);} .m-faq-list__contents{font-size: 12px; padding: 1em calc(80 / 750 * 100vw) calc(50 / 750 * 100vw) calc(80 / 750 * 100vw);} .m-faq-list__contents:before{font-size: 14px; font-size: 3.65059vw; left: calc(30 / 750 * 70vw); top: 0.6em;width: 20px;height: 20px; } }