@charset "utf-8";

body{

font-family:"NotoSans",sans-serif;
overflow-x: hidden;
color:#5b5b5b;
background:#e8e1db;
width:100%;
text-align:center;
margin:0px;
padding:0px;
font-size:16px;
line-height:1.5;
letter-spacing:0.1em;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

html{
scroll-behavior: smooth;
scroll-margin-top:0px; /* ヘッダーの高さ */
}
img{
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
}

.fixed-left {
position: fixed;
width:30%;
top: 50%;
left: calc(50% - 470px / 2 - 50px);
transform: translate(-100%, -50%);
z-index: 999999;
}
.fixed-left img{
width:300px;
}

.fixed-right {
position: fixed;
width:25%;
top: 50%;
left: calc(50% + 470px / 2 + 50px);
transform: translateY(-50%);
z-index: 999999;
}
.fixed-right .menu{
margin-top:20px;
background:#ffffff;
border-radius:32px;
padding:20px;
}
.fixed-right .menu li{
margin:5px 0px 5px 20px;
}
.fixed-right a{
color:#5b5b5b !important;
}
.fixed-right .wrap{
padding:10px;
margin:0 auto;
text-align:center;
font-size:12px;
}

.background{
background-image:url(../images/background.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment: fixed;
}
.layout{
background:#f3efef;
box-shadow:0px 0px 3px #000000;
position:relative;
width:500px;
margin:0 auto;
text-align:left;
padding:0px !important;
}
.wrap{
}
a.border-btm{
border:solid 1px #bcbcbc;
padding:20px 10px;
display:block;
text-align:center;
margin:20px 40px;
position: relative;
}
.border-btm::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
    transition: .3s;
}

.border-btm::after{
    content: "";
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    transition: .3s;
}

.border-btm:hover::before,
.border-btm:hover::after{
    right: 5px;
}
a.border-btmog{
border:solid 1px #ec7635;
color:#ec7635;
padding:20px 10px;
display:block;
text-align:center;
margin:20px 20px;
position: relative;
}
.border-btmog::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
    transition: .3s;
}

.border-btmog::after{
    content: "";
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    transition: .3s;
}

.border-btmog:hover::before,
.border-btmog:hover::after{
    right: 5px;
}
.taiken-fixed{
width:400px;
position:fixed;
z-index:999998;
margin:0 auto;
left: 50%;
transform: translate(-50%, 0%);
bottom:0px;
opacity: 0;
visibility: hidden;

transition:
opacity .4s ease,
transform .4s ease,
visibility .4s;
}
/* 表示時 */
.taiken-fixed.show{
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
a.taiken{
left:50%;
padding:10px 10px;
display:block;
text-align:center;
background:#ec7635;
color:#ffffff !important;
border-radius:32px;
font-size:18px;
box-shadow:3px 3px 3px #bcbcbc;
}

h2{
font-family: "ZenOldMincho",serif !important;
font-weight: 400;
font-style: normal;
text-align:center;
font-size:24px;
display:block;
}
h2 span{
font-family:"Raleway-VariableFont",sans-serif !important;
font-size:16px;
}
.logo{
width:200px;
}
.index{
position:relative;
background-image:url(../images/head-img.webp);
background-size:cover;
background-position:right 50%;
width:100%;
height: 100vh;
margin-bottom:50px;
}
.index .banner{
position:absolute;
bottom:50px;
right:0px !important;
transform:none;
width:300px;
}

#miryoku .wrap{
width:100%;
height:240px;
position:relative;
}
#miryoku .wrap .img-box{
text-align:right;
position:absolute;
right:0px;
top:0px;
z-index:1;
}
#miryoku .wrap .img-box img{
opacity:0.5;
}
#miryoku .wrap .box-l{
text-align:left;
width:130px;
position:absolute;
left:0px;
top:50px;
z-index:99;
}
#miryoku .wrap .box-r{
text-align:left;
width:130px;
position:absolute;
right:0px;
top:50px;
z-index:99;
}
#miryoku .wrap h3{
font-family: "ten-mincho-text", serif;
font-weight: 400;
font-style: normal;
font-size:18px;
line-height:1.5;
text-shadow: 
  1px 1px 0 #fff, -1px -1px 0 #fff,
  -1px 1px 0 #fff, 1px -1px 0 #fff;
}
#miryoku .wrap h3 span{
font-family:"NotoSans","NotoSans",sans-serif;
font-size:14px;
}
#miryoku .wrap h3.l{
position:absolute;
left:60px;
top:150px;
z-index:999;
}
#miryoku .wrap h3.r{
text-align:right;
position:absolute;
right:60px;
top:150px;
z-index:999;
}

#kayoiyasusa{
}
#kayoiyasusa a{
display:block;
padding:10px;
background:#646666;
color:#ffffff !important;
text-align:center;
font-size:12px;
}
#mazuha{
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(241,218,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#letstrial{
width:100%;
}
.taiken-yoyaku{
margin:20px;
}
.taiken-yoyaku .float-left{
border-radius:16px 0px 0px 16px;
height:50px;
padding:10px;
background:#665831;
width:30%;
font-size:14px;
line-height:1.2;
color:#ffffff;
box-shadow:3px 3px 3px #666666;
}
.taiken-yoyaku .float-right{
border-radius:0px 16px 16px 0px;
height:50px;
padding:10px;
background:#f95935;
width:70%;
font-size:18px;
color:#ffffff;
box-shadow:3px 3px 3px #666666;
}

#letstrial img{
width:100%;
}

#price{
width:100%;
}
#price .point{
font-size:24px;
}
#price ul{
width:100%;
}
#price ul li{
width:calc(100%/2);
float:left;
}
#price .wrap{
text-align:center;
height:280px;
font-size:16px;
background:#dfdfdf;
margin:10px;
}
#price .wrap h5{
background:#6c6d6d;
color:#ffffff;
font-size:16px;
padding:10px;
margin-bottom:20px;
}
#price .wrap span{
font-size:12px;
}
#price .wrap hr{
margin:10px auto;
width:80%;
border:none;
border-top:solid 1px #bcbcbc;
}
#price .wrap .type{
margin:10px;
font-size:18px;
}
#price .wrap b{
font-size:24px;
font-weight:normal;
}
.pickup{
background:#f9d5c2 !important;
}

.pickup hr{
border-top:solid 1px #c85f25 !important;
}
.pickup h5{
background:#c85f25 !important;
}

#voice .box{
position:relative;
left:0px;
}

#voice .wrap{
background:#ffffff;
border:solid 1px #ee8e00 !important;
padding:20px;
margin-bottom:20px;
text-align:left;
border-radius:18px;
margin:10px;
}
#voice .wrap .float-left{
width:20%;
}
#voice .wrap .float-right{
width:75%;
}
#voice .wrap h3{
color:#ee8e00;
margin-bottom:10px;
font-size:18px;
}
#voice .float-left .img-wrap{
border-radius:50%;
overflow:hidden;
}
#voice .wrap .age{
background:#ee8e00;
color:#ffffff;
padding:0px 5px;
display:inline-block;
}
#brand{
text-align:center;
}
#brand .shop-text{
font-size:22px;
}
#brand .shop-text span{
color:#ee8e00;
}
#other .wrap{
margin:0 auto;
width:80%;
}
#other .wrap .float-left,#other .wrap .float-right{
width:48%;
}

/* 共通 */
.head{
background-size:cover;
background-position:right 50%;
width:100%;
}
.head h2{
padding:100px 0px;
color:#ffffff;
}
.head h2 span{
font-size:18px;
display:inline-block;
margin-bottom:20px;
}
.text1{
font-family: "ZenOldMincho",serif !important;
}
.text2{
display: inline-block;
text-align:left;
}

/* hotyoga */
.hotyoga{
}
.hotyoga .head{
background-image:url(../images/hotyoga-1.jpg);
}
.hotyoga .text1{
font-size:24px;
}
.hotyoga hr{
width:80%;
border:none;
border-top:solid 1px #c85f25;
}
.hotyoga .point-wrap{
background: linear-gradient(to bottom,  rgba(255,255,255,0) 1%,rgba(255,255,255,0.8) 80%,rgba(242,219,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hotyoga .point-wrap .float-left{
width:20%;
padding-top:40px;
}
.hotyoga .point-wrap .float-right{
width:78%;
padding-bottom:20px;
border-bottom:solid 1px #bcbcbc;
}
.hotyoga .point-wrap .float-right h5{
font-size:24px;
text-align:center;
color:#c85f25;
}
.hotyoga .point-wrap .float-right li{
    display: flex;
    align-items: flex-start;
text-align:left;
padding:5px 0px;
}
.hotyoga .point-wrap .float-right li::before{
  content: "・";
}
.hotyoga .voice-wrap{
}
.hotyoga .voice-wrap .wrap-left{
margin-right:50px;
border:solid 1px #c85f25;
border-radius:0px 32px 0px 0px;
background:#ffffff;
padding:20px;
}
.hotyoga .voice-wrap .wrap-right{
margin-left:50px;
border:solid 1px #c85f25;
border-radius:32px 0px 0px 0px;
background:#ffffff;
padding:20px;
}
.hotyoga .voice-wrap .float-fix{
}
.hotyoga .voice-wrap .float-left{
width:20%;
}
.hotyoga .voice-wrap .float-right{
width:78%;
}
.hotyoga .float-left .img-wrap,.hotyoga .float-right .img-wrap{
border-radius:50%;
overflow:hidden;
}
.hotyoga .voice-wrap .position-r .float-left{
width:78%;
}
.hotyoga .voice-wrap .position-r .float-right{
width:20%;
}
.hotyoga .voice-wrap .float-fix h5{
font-size:20px;
color:#c85f25;
}

/* studio */
.yougan{
background:#ed7635;
padding:2px;
margin:2px;
font-size:14px;
display:inline;
color:#ffffff;
}
.pilatis{
background:#7fcfc0;
padding:2px;
margin:2px;
font-size:14px;
display:inline;
color:#ffffff;
}
.kyouyou{
background:#828282;
padding:2px;
margin:2px;
font-size:14px;
display:inline;
color:#ffffff;
}
.studio{
}
.studio h3{
font-size:24px;
}
.studio .head{
background-image:url(../images/studio-1.jpg);
}
.studio .text1{
display: inline-block;
text-align:left;
font-size:24px;
}

.studio .list-wrap{
text-align:left;
}
.studio .list-wrap h5{
text-align:center;
font-size:18px;
font-weight:bolder;
}
.studio .list-wrap .tell{
font-size:18px;
font-weight:bolder;
}
.studio .fc hr{
border:none;
border-top:solid 1px #c95f26;
width:40%;
}

.studio .fc .wrap{
text-align:left;
background:#ffffff;
border-radius:16px;
margin:20px;
padding:10px;
}
.studio .fc .wrap a{
font-weight:bolder;
}
.schedule::before{
content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(#f8f2e8,transparent);
top:-300px;
right:-250px;
z-index:-1;
}
 
.schedule .container{
max-width:1100px;
margin:auto;
}
.schedule .heading{
text-align:center;
margin-bottom:60px;
}
.schedule .sub{
letter-spacing:8px;
font-size:13px;
color:var(--main);
margin-bottom:10px;
}


/* タブ */
.schedule .tab-content{
    display:none;
}

.schedule .tab-content.active{
    display:block;
}
.schedule .tab-menu{
display:flex;
justify-content:center;
gap:20px;
margin-bottom:60px;
flex-wrap:wrap;
}
.schedule .tab{
padding:18px 35px;
border:none;
cursor:pointer;
background:white;
border-radius:999px;
font-size:15px;
transition:.4s;
box-shadow:
0 10px 25px rgba(0,0,0,.05);
}

.schedule .tab:hover{
transform:translateY(-5px);
}

.schedule .tab.active{
background:linear-gradient(
135deg,
#c8a876,
#dfcda6
);
color:white;
}

/* カード */

.schedule .card{
background:white;
padding:25px;
border-radius:30px;
box-shadow:var(--shadow);
transition:.5s;
overflow:hidden;
position:relative;
}

.schedule .card:hover{
transform:translateY(-10px);
}

.schedule .image{
overflow:hidden;
border-radius:20px;
position:relative;
}

.schedule .image img{
transition:.8s;
}

/* ボタン */

.schedule .open-modal{
padding:15px 35px;
border:none;
cursor:pointer;
background:white;
border-radius:999px;
font-size:14px;
letter-spacing:2px;
transition:.4s;
position:relative;
overflow:hidden;
}

.schedule .open-modal::before{
content:"";
position:absolute;
left:-120%;
top:0;
width:80%;
height:100%;
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.9),
transparent
);
transform:skewX(-30deg);
}
.schedule .open-modal:hover::before{
left:200%;
transition:1s;
}
.schedule .open-modal:hover{
background:#bfa67a;
color:white;
}
.schedule .pdf{
    margin-top:25px;
}

.schedule .pdf a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:100%;

    padding:18px 25px;

    background:linear-gradient(135deg,#c8a876,#b79663);
    color:#fff;
    text-decoration:none;

    border-radius:16px;

    font-size:16px;
    font-weight:600;

    transition:.35s ease;

    box-shadow:0 10px 25px rgba(191,166,122,.25);
}

.schedule .pdf a:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 35px rgba(191,166,122,.35);
}

.schedule .pdf a::before{
    content:"📄";
    font-size:20px;
}

.schedule .pdf a::after{
    content:"↓";
    margin-left:auto;
    transition:.3s;
}

.schedule .pdf a:hover::after{
    transform:translateY(3px);
}

/* アニメーション */

.schedule @keyframes zoom{
0%{
opacity:0;
transform:scale(.8);
}

.schedule 100%{
opacity:1;
transform:scale(1);
}

}
/* program */
.program .head{
background-image:url(../images/program-1.jpg);
}
.program .text1{
display: inline-block;
text-align:left;
font-size:24px;
}
.program .title{
font-size:18px;
font-weight:bolder;
}

.program .wrap{
padding:50px;
text-align:left;
}
.program .wrap .level-img{
display:inline;
}
.program .wrap .level-img img{
width:40px;
}

/* price */
.price .head{
background-image:url(../images/price-1.jpg);
}
.price .taiken-wrap{
padding:50px;
margin:20px;
background:#f3e4dd;
}
.price .taiken-wrap h3{
font-family: "ZenOldMincho",serif !important;
color:#c95f26;
font-size:24px;
margin-bottom:20px;
padding-bottom:20px;
text-align:center;
border-bottom:solid 1px #c95f26;
}
.price .taiken-wrap span{
font-size:12px;
}
.price .taiken-wrap .price{
font-family: "ZenOldMincho",serif !important;
color:#c95f26;
font-size:42px;
text-align:right;
}
.price hr{
border:none;
border-top:solid 1px #c95f26;
width:40%;
}
.price .nyuukai-wrap .float-fix{
font-size:22px;
}
.price .nyuukai-wrap .float-fix span{
font-size:14px;
}
.price .nyuukai-wrap .float-left img{
vertical-align:middle;
margin-right:10px;
}
.price .plan-wrap{
text-align:center;
}
.price .plan-wrap .comment{
color:#c95f26;
padding:10px;
border:solid 1px #c95f26;
display:inline-block;
margin:0 auto;
}
.price .plan-wrap .float-fix{
text-align:center;
font-size:22px;
}
.price .plan-wrap .float-fix span{
font-size:14px;
}
.price .plan-wrap .float-left .tsuki{
font-size:18px;
}
.price .plan-wrap .float-right{
padding-top:20px;
}
.price .plan-wrap hr{
border:none;
border-top:solid 1px #bcbcbc;
width:100%;
}
.price .option-wrap .float-fix{
text-align:center;
font-size:22px;
}
.price .option-wrap .float-fix span{
font-size:14px;
}
.price .option-wrap .float-left .suiso{
font-size:18px;
}
.price .option-wrap .float-right{
padding-top:20px;
}
.price .rental-wrap .float-fix{
text-align:center;
font-size:22px;
}
.price .rental-wrap .float-fix span{
font-size:14px;
}

/* trial */
.trial .head{
}
.trial .head h2{
color:#252525;
}
.trial .start-wrap{
padding:50px 0px;
background-size:cover;
background-position:50% 50%;
width:100%;
background-image:url(../images/trial-1.jpg);
}
.trial .step-wrap .float-left{
width:30%;
}
.trial .step-wrap .float-right{
width:65%;
}
.trial .step-wrap h3{
font-size:24px;
}
.tag img{
width:80px;
}
.youi-wrap{
background:#ffffff;
border-radius:16px;
text-align:center;
}
.youi-wrap hr{
border:none;
border-top:solid 1px #ee8e00 !important;
width:40%;
}

.trial .annai-wrap .float-fix{
background:#ffffff;
border-radius:16px;
margin:0px 50px;
padding:20px;
}
.trial .annai-wrap .float-left{
width:25%;
}
.trial .annai-wrap .float-right{
width:72%;
}
.trial .annai-wrap .float-right h5{
font-size:22px;
color:#ee8e00;
}
.comment{
color:#ee8e00;
}


/* shop */
.shop .head{
}
.shop .head h2{
color:#252525;
}
.shop hr{
border:none;
border-top:solid 1px #bcbcbc;
width:30%;
}
.shop h5{
text-align:left;
font-size:18px;
font-weight:bolder;
}
.shop .access-wrap{
margin:50px;
}
.shop .access-wrap .about{
font-weight:bolder;
border-bottom:solid 1px #cccccc;
margin-top:20px;
width:50%;
}
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
/* faq */

.faq{
}
.faq h3{
font-size:24px;
}
.faq .head{
background-image:url(../images/faq-1.jpg);
}
.faq .text{
font-size:20px;
text-align:center;
font-family: "ten-mincho-text", serif;
}
.faq,.sub{}
.faq{margin:auto}
.item{border-bottom:1px solid #ddd}
.sub{margin:0px}
.q{width:100%;display:flex;text-align:left;justify-content:space-between;padding:20px;background:#f6dfd3;border:0;cursor:pointer;color:#cb6731;}
.title{font-size:18px;}
.nest{background:#f3f0f0;color:#5b5b5b;font-size:18px;
background-size:auto;
background-position:2% 50%;
background-repeat:no-repeat;
background-image:url(../images/q.jpg);}
.nest .space{margin-left:20px;}
.icon:before{content:"+";font-size:24px}.active>.q>.icon:before{content:"−"}
.a{background:#f3f0f0;color:#5b5b5b;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:.35s;
}
.a .float-fix{padding-bottom:20px;}
.a .float-left{width:10%;text-align:center;
display: table-cell;
    vertical-align: middle;}
.a .float-right{width:90%;}


.active>.a{max-height:1000px;opacity:1;transform:none}
.a>p{margin:0;padding:0 20px 20px;line-height:1.8}

/* single */
.single h5{
font-size:20px;
font-weight:bolder;
}
.single hr{
border:none;
border-top:solid 1px #bcbcbc;
width:100%;
}

/* footer */

footer{
padding:50px 20px;
background:#565757;
text-align:center;
overflow:hidden;
zoom:1;
color:#ffffff;
}
footer a{
color:#ffffff !important;
}
footer ul.col2 li{
}
footer ul.menu li{
padding:10px 0px;
}