@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;} /*---------------------------------------------------------------------------- *** 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: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);} .mainSection .secBox > .sectionInner{max-width: 730px; margin: 0 auto;} .mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;} .mainSection .secBox .inSec{width:auto;margin:0 auto;} .mainSection .ttlBox{margin: 0 0 20px; text-align: center;} .mainSection .ttlBox .txtBottom{font-size:12px; display:block; line-height:1.4; margin-top: 1em;} .mainSection .ttlBox .ttl-h3{font-size: 26px; font-weight: bold; color: #333;} /* breadcrumbArea */ #topSec .topSecInner.sectionInner{max-width: 100%;} #breadcrumbArea{margin-bottom: 0.5em;} #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: #666666; 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: #333333; 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;} #topStoreBox .storeTitleBox .fvFormLinkBox .ttlBox p{font-weight: bold; color: #4d4d4d; font-size: 14px; text-align: center;} #topStoreBox .gymBox{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 1em;} #topStoreBox .gymBox .txtBox{width: 480px; position: relative;} #topStoreBox .gymBox .txtBox .price{margin: 0.5em 0; width: 80%;} #topStoreBox .gymBox .txtBox .txt01{color: #333; font-size: 10px;} #topStoreBox .gymBox .txtBox .txt02{font-size: 11.5px; color: #333; width: 73%; margin-top: 0.3em;} #topStoreBox .gymBox .txtBox .img{width: 145px; height: auto; bottom: -17px; right: -10px; position: absolute;} #topStoreBox .gymBox .imgBox{width: 230px;} #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: #333333; 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;} #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: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: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: #666; text-decoration: none;} #navBox .navList li .txt{line-height: 1; padding: 0 0 1em 0; font-size: 15px; color: #333;} #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(/workout/assets/2026/img/gym/store/ico_nav01.png) no-repeat center / 100% auto;} #navBox .navList .nav02 a .txt:before{background: url(/workout/assets/2026/img/gym/store/ico_nav02.png) no-repeat center / 100% auto;} #navBox .navList .nav03 a .txt:before{background: url(/workout/assets/2026/img/gym/store/ico_nav03.png) no-repeat center / 100% auto;} #navBox .navList .nav04 a .txt:before{background: url(/workout/assets/2026/img/gym/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; padding: 2em 0; margin-bottom: 2em;} #method .methodBox.mgbpc{margin-bottom: 0;} #method .methodBox .number{position: absolute; width: 50px; height: auto; left: 10px; top: -25px;} #method .methodBox .ttl-h4{font-size: 18px; font-weight: bold; color: #333; text-align: center;} #method .methodBox .img{margin: 1em auto;} #method .methodBox .txtBox{width: 320px; margin: 0 auto; font-size: 12px;} #method .methodBox .txtBox span{color: #ed5466;} #method .methodBox .txtBox .whiteBox{background: #fff; position: relative; padding: 1em 1.5em; margin-top: 1em;} #method .methodBox .txtBox .whiteBox p.txt::before{content: ""; display: inline-block; width: 14px; background: url("/workout/assets/2026/img/gym/store/img_check.png") no-repeat center / contain; height: 10px; margin-right: 5px; vertical-align: middle;} #method .methodBox .txtBox .whiteBox .img{position: absolute; width: 80px; right: -10px; bottom: 0; margin: 0;} /*コース・料金*/ #price_plan.secBox{padding: 45px;} #price_plan .recommen-3plan{position: relative; margin-bottom: 25px;} #price_plan .recommen-3plan-title{background: #0097a7; color: #fff; text-align: center; font-size: 20px; font-weight: 600; padding: 10px;} #price_plan .free-plan-icon-wrap{position: absolute; top: -2rem; right: 3rem;} #price_plan .free-plan-icon{position: relative; background: #fff031; border: 2px solid #0097a7; border-radius: 999px; display: inline-block; width: 6rem; height: 6rem;} #price_plan .free-plan-icon span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; white-space: nowrap; text-align: center; font-weight: 700; line-height: 1.5;} #price_plan .m-plan{display: flex; flex-wrap: wrap; justify-content: space-between;} #price_plan .m-plan__contents{background-color: #f7f7f7; box-shadow: 2px 2px 2px rgba(0, 0, 0, .2); border-radius: 5px; height: 100%; padding: 20px 15px; text-align: center;} #price_plan .m-plan__heading{border-bottom: 1px solid #c9a67f; margin-bottom: 10px; padding-bottom: 10px;} #price_plan .m-plan__icn{background-color: #fff; border-radius: 100px; color: #f2385f; display: inline-block; font-size: 12px; font-weight: 700; line-height: 1; margin-bottom: 10px; padding: 6px 22px;} #price_plan .m-plan__ttl{font-size: 22px; font-weight: 700; line-height: 1;} #price_plan .m-plan__txt{font-size: 12px; font-weight: 700; line-height: 1.5;} #price_plan .m-plan__txt-price{font-size: 22px; font-family: Roboto, sans-serif;} #price_plan .m-plan__txt-num{font-size: 16px;} #price_plan .m-txt--color{color: #c9a67f;} #price_plan .caption{font-size: 12px;} #price_plan .btnBox{margin-top: 1em;} #price_plan .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;} #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);} /*他のパーソナルジムとの比較*/ #hikakuSec{margin: 2em auto 0; box-shadow: none; border-radius: 0; padding: 0;} #hikakuSec .new-course-top-table-wrap{margin-top: 1.5rem;} #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: rgb(238, 57, 95); 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: rgb(238, 57, 95); border-radius: 10px 10px 0 0; left: 0; bottom: 100%;} #hikakuSec .new-course-top-table-wrap th:nth-child(3){background-color: #999999; color: #fff; border-top: none; border-right: solid 1px white;} #hikakuSec .new-course-top-table-wrap th:nth-child(4){background-color: #666666; color: #fff; border-top: none;} #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: 12px; line-height: 1.4;} #hikakuSec .new-course-top-table-wrap td:nth-child(2){border: solid 4px rgb(238, 57, 95); border-top: solid 1px #e5e5e5; border-bottom: none; background: #FDF7E5; font-weight: 800; font-size: 16px; line-height: 1.4; word-break: keep-all;} #hikakuSec .new-course-top-table-wrap .caption{font-size: 12px;} #hikakuSec .new-course-top-table-wrap tr:last-child td:nth-child(2){border-bottom: solid 4px rgb(238, 57, 95);} sup{font-size: .5em; vertical-align: super;} /*ボディメイク成功例*/ #example.secBox{padding: 45px;} .m-voice__slider{overflow-x:hidden;} .m-voice__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-voice__item{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative;} .m-voice__img{overflow: hidden; width: 100%;} .m-voice__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-voice__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 #c9a67f;} .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;} .m-faq-list__item{border-bottom: 1px solid #e5e5e5;} .m-faq-list__item:first-child{border-top: 1px solid #e5e5e5;} .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: #1a1a1a; content: "Q"; display: inline-block; font-family: Roboto, sans-serif; font-size: 15px; font-size: 1rem; font-weight: 700; left: 30px; line-height: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .m-faq-list__ttl-inner:after{background-color: #1a1a1a; 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: #c9a67f;} .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: 0 100px 20px 70px; position: relative; font-size: 12px;} .m-faq-list__contents:before{color: #c9a67f; content: "A"; display: inline-block; font-family: Roboto, sans-serif; font-size: 15px; font-size: 1rem; font-weight: 700; left: 30px; line-height: 1; position: absolute; top: 5px;} .m-txt{text-align: left;} /*まずは無料カウンセリング！*/ #tryal.secBox{padding: 45px;} #tryal .box_tryal{width: 500px; margin: 0 auto; position: relative;} #tryal .box_tryal .tryalBox{padding: 1em 1.5em; margin-bottom: 1em;background: #f8f8f8; position: relative;} #tryal .box_tryal .tryalBox::before{ content: ""; position: absolute; top: 50%; left: -35px; transform: translateY(-50%); width: 50px; height: 35px; background: url("/workout/assets/2026/img/gym/store/tryal_check.png") no-repeat center / contain;} #tryal .box_tryal .tryalBox .ttl-h4{font-size: 18px; font-weight: bold; color: #ed395e; line-height: 1.3; margin-bottom: 0.2em;} #tryal .box_tryal .tryalBox p{font-size: 12px; line-height: 1.8;} #tryal .box_tryal .img{position: absolute; width: 180px; height: auto; right: -95px; bottom: 65px;} #tryal .box_tryal .m-btn-outer{display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-top: 20px;} #tryal .box_tryal .m-btn{background-color: #E56E9F; border-color: #E56E9F; color: #fff; align-items: center; border-radius: 100vw; display: inline-flex; font-size: 17px; font-weight: 700; justify-content: center; line-height: 1.5; padding: 10px 30px; position: relative; cursor: pointer; overflow: hidden;} @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;} .mainSection .secBox>.sectionInner{padding: 2em 0; margin-bottom: 0; box-shadow: none; max-width: 95%;} .mainSection .ttlBox .ttl-h3{font-size: 24px;} /* breadcrumbArea */ #topSec .topSecInner.sectionInner{max-width: 95%;} #breadcrumbArea{display: block; width: 100%; margin: 0 auto 1em; position: relative;} /* topStoreBox */ #topStoreBox{max-width: 100%; padding: 0; background: url(/workout/assets/2026/img/gym/store/fv_contents03_sp.png) no-repeat right top 10% / 50% auto;} #topStoreBox .storeTitleBox{display: block;} #topStoreBox .storeTitleBox .storeTitleBoxInner{width: 100%;} #topStoreBox .gymBox{margin-top: 1em} #topStoreBox .gymBox .txtBox{width: 100%;} #topStoreBox .gymBox .txtBox .ttl{width: 50%;} #topStoreBox .gymBox .txtBox .txt02{width: 100%; font-size: 12px; margin: 0.5em auto;} #topStoreBox .gymBox .txtBox .flexBox{display: flex; justify-content: space-between; align-items: center;} #topStoreBox .gymBox .txtBox .price{width: 50%;} #topStoreBox .gymBox .txtBox .img{position: relative; bottom: auto; right: auto; width: 48%;} #topStoreBox .formLinkBox{width: 95%; margin: 0.5em auto 0;} #topStoreBox .formLinkBox .fvFormLinkBoxInner{gap: 1em;} #storeInfoBox{padding-top:1em;} #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:22%;} #store_photo_slide .slick-next{right:22%;} /* 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;} #navBox .navList li .txt{font-size: 12px; line-height: 1.3; 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: 2em;} #method .methodBox{width: 100%; margin-bottom: 3em;} #method .methodBox.mgbpc{margin-bottom: 3em;} #method .methodBox.mgbpc.mgbsp{margin-bottom: 0;} #method .methodBox .txtBox{width: 90%;} /*コース・料金*/ #price_plan.secBox{padding: 0;} #price_plan .recommen-3plan-title{font-size: 17px;} #price_plan .free-plan-icon-wrap{top: -1.3rem; right: 0;} #price_plan .free-plan-icon{width: 4.2rem; height: 4.2rem;} #price_plan .free-plan-icon span{font-size: 10px;} #price_plan .m-plan .m-plan__item{width: 100%;} #price_plan .m-plan .m-plan__item:not(:first-child) {margin-top: calc(40 / 750 * 100vw);} #price_plan .m-plan__icn{font-size: 14px;} #price_plan .m-plan__txt{font-size: 14px; width: 85%; margin: auto;} #price_plan .btnBox a{font-size: 14px; width: 60%;} /*他のパーソナルジムとの比較*/ #hikakuSec .new-course-top-txt{text-align: center; line-height: 1; margin: 2rem 0.4rem; font-size: 29px; font-size: 1.2rem;} #hikakuSec .new-course-top-nyukai{margin: auto; justify-content: center; align-items: center; width: 100%; display: flex;} #hikakuSec .new-course-top-nyukai > div {font-size: 22px; font-size: 1.46667rem; text-align: center; font-weight: 700; margin-bottom: 2rem; border-bottom: 1px solid;} #hikakuSec .new-course-top-nyukai span{font-size: 1rem; font-weight: 500;} #hikakuSec .new-course-top-table-wrap{margin-top: 1.2em;} #hikakuSec .new-course-top-table-wrap table {width: 100%; text-align: center;} #hikakuSec .new-course-top-table-wrap th, #hikakuSec .new-course-top-table-wrap td {border-bottom: 1px solid #e5e5e5; padding: 10px; width: 200px; vertical-align: middle;} #hikakuSec .new-course-top-table-wrap th {font-weight: bold;} #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(3) {background-color: #999999; color: #fff; border-top: none; border-right: solid 1px white;} #hikakuSec .new-course-top-table-wrap th:nth-child(4) {background-color: #666666; color: #fff; border-top: none;} #hikakuSec .new-course-top-table-wrap th:nth-child(2) {background-color: rgb(238, 57, 95); position: relative; font-size: 1.5rem; border-right: solid 4px white; border-left: solid 4px white; color: #fff} #hikakuSec .new-course-top-table-wrap th:nth-child(2)::before {content: ""; width: 100%; height: 10px; position: absolute; background-color: rgb(238, 57, 95); border-radius: 10px 10px 0 0; left: 0; bottom: 100%;} #hikakuSec .new-course-top-table-wrap td:nth-child(2) {border: solid 4px rgb(238, 57, 95); border-top: solid 1px #e5e5e5; border-bottom: none; background: #FDF7E5; font-weight: 800; font-size: 1.2rem; word-break: keep-all;} #hikakuSec .new-course-top-table-wrap tr:last-child td:nth-child(2) {border-bottom: solid 4px rgb(238, 57, 95);} #hikakuSec .new-course-top-table-wrap .caption {font-size: 12px; font-size: 14px;} #hikakuSec .br-break-sp {display: none;} #hikakuSec .caption {font-size: 12px; font-size: .8rem;} #hikakuSec .new-course-top-table-wrap th, #hikakuSec .new-course-top-table-wrap td {font-size: 14px;} #hikakuSec .new-course-top-table-wrap td:nth-child(2) {font-size: 17px;} #hikakuSec .new-course-top-table-wrap th:nth-child(2) {font-size: 17px;} #hikakuSec .contentsBox {height: auto; overflow: scroll hidden; } #hikakuSec .new-course-top-table-wrap table {white-space: nowrap;} #hikakuSec .new-course-top-txt {font-size: 14px; font-size: 3.65059vw; line-height: 1.4;} #hikakuSec .new-course-top-nyukai > div {font-size: 4.6vw; font-size: 17px;} #hikakuSec .br-break-sp {display: block;} /*ボディメイク成功例*/ #example.secBox{padding: 0;} .m-uservoice__contents{margin-top: 20px;} .m-uservoice__contents{margin-top: calc(30/750*100vw);} .m-uservoice__ttl{font-size: 15px; font-size: 3.91134vw; margin-bottom: calc(20/750*100vw)} .m-uservoice__age:before {font-size: 14px; font-size: 3.65059vw} .m-uservoice__btn {margin-top: calc(40/750*100vw)} .m-voice--2col {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap} .m-voice--2col .m-voice__item{margin-left: 20px; width: calc((100% - 20px)/ 2)} .m-voice--2col .m-voice__item:nth-child(2n+1) {margin-left: 0} .m-voice--2col .m-voice__item:nth-child(n+3) {margin-top: 60px} .m-voice--2col .m-voice__item:not(:first-child) {argin-top: calc(80/750*100vw)} .m-voice__contents {bottom: 35px; position: absolute} .m-voice__contents {margin-top: calc(20/750*100vw)} .m-voice__img {height: 436px} .m-voice__img {height: calc(524/750*100vw)} .m-voice__img img {height: 436px} .m-voice__img img {height: calc(524/750*100vw)} .m-voice__ttl {font-size: 14px; font-size: 3.65059vw} .m-voice__note {display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px;} .m-voice__note:not(:first-child) {margin-top: calc(20/750*100vw)} .m-voice__name:not(:first-child) {margin-top: 4px} .m-voice__name:not(:first-child) {margin-left: calc(20/750*100vw)} .m-gym-voice {height: calc(1000/750*100vw)} .m-gym-voice__item {padding: calc(40/750*100vw)} .m-gym-voice__header-sub {display: -webkit-box;display: -ms-flexbox;display: flex} .m-gym-voice__date {margin-left: 16px} .m-gym-voice__txt {margin-top: calc(20/750*100vw)} .m-gym-voice__btn {font-size: 12px; font-size: 3.12907vw; padding-right: calc(40/750*100vw)} .m-gym-voice__btn:hover {color: #c9a67f} .m-gym-voice__btn:hover {color: #1a1a1a} .m-gym-voice__btn:before {right: calc(7/750*100vw); width: calc(10/750*100vw)} .m-gym-voice__btn:after {right: calc(7/750*100vw); width: calc(10/750*100vw)} .m-gym-voice__btn-inner:after {height: calc(24/750*100vw); width: calc(24/750*100vw)} #example .txtBox{font-size: 12px;} #example .txtBox span{font-size: 16px;} #example .btnBox a{font-size: 14px; width: 55%;} /*よくあるご質問*/ #faq.secBox{padding: 0;} .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 * 100vw);} .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: 0 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 * 100vw); top: calc(14 / 750 * 100vw);} /*まずは無料カウンセリング！*/ #tryal.secBox{padding: 0;} #tryal .ttlBox .ttl-h3{text-align: left;} #tryal .box_tryal{width: 100%;} #tryal .box_tryal .tryalBox .ttl-h4{font-size: 16px;} #tryal .box_tryal .tryalBox{padding: 1em 2em;} #tryal .box_tryal .tryalBox::before{top: 25%; left: 10px; width: 18px; height: 15px;} #tryal .box_tryal .img{width: 75px; right: 0; top: -75px; bottom: auto;} }