@charset "UTF-8";
*{padding:0;margin:0;box-sizing:border-box;background-repeat:no-repeat;}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;font-weight:normal;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
object, embed{vertical-align:top;}
button{cursor:pointer;border:none;background-color:transparent;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active, a:hover{outline-width:0;}
b, strong{font-weight:bolder;}
hr, legend{display:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img, abbr, acronym, fieldset{vertical-align:bottom;border-style:none;}
ol, ul{list-style:none;}
.clearfix:after{content:'';display:block;clear:both;height:0;}
[disabled]{cursor:default;}
button, [type="button"], [type="reset"], [type="submit"]{cursor:pointer;}
button, input, optgroup, select, textarea{font:inherit;}
button, select, textarea{color:inherit;border-style:none;background-color:transparent;}
button, html [type="button"], [type="reset"], [type="submit"]{border:none;border-radius:0;-webkit-appearance:button;}
button, select{text-transform:none;}
select::-ms-expand{display:none;}
select::-ms-value{color:currentColor;}
optgroup{font-weight:bold;}
button{overflow:visible;}
textarea{overflow:auto;resize:vertical;}
html{font-size:62.5%;}
body{font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, '游ゴシック  Medium', meiryo, sans-serif;color:#000;font-size:13px;font-size:1.3rem;overflow:auto;position: relative;
  /* animation: fadeIn 0.5s ease 0s 0.5 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 0.5 normal; */
}
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.r-over:hover{opacity:.7;filter:alpha(opacity=70);}
.oswald{font-family:'Oswald', sans-serif;}
.roboto{font-family:'Roboto', sans-serif;}
.res-img{width:100%;height:auto;}
.center{text-align:center;}
.block{display:block;}
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 1000ms;}
.wrap{padding:0 1.75em}
.sp-no{display:none;}
.sp-hide{display:none;}
.b-sec-ttl {
  margin-bottom: 2rem;
  text-align: center;
}
.b-sec-ttl .en {
  font-size: 2.3rem;
  font-weight:700;
}
.b-sec-ttl .ja {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.2rem;
}
.input,textarea{width:100%;font-size:1.4rem;border-radius:0;border:1px solid #666;}

/* header
------------------------------------------- */
header{width:100%;position:fixed;top:0;z-index:999;}
header.signup{display:flex;align-items: center;width:100%;background-color:rgba(255, 255, 255, 1);box-shadow: 0 0 5px rgba(120,120,120,0.5);}
header.signup div.head-logo{width: calc( 100% - 60px);padding-left:1em;}
header.signup div.head-logo img{width:96px;}
header.signup div.login-box{background:#000;width:60px;height:60px;font-size:.8em;font-weight:500;}
header.signup div.login-box img{height:20px;margin:0 auto .25em;}
header.signup div.login-box a{color:#fff;height:60px;width:60px;padding:1.2em 0 1em;}

.header.white{background-color:rgba(0, 0, 0, .3)!important;}
body.mypage .header.white{background-color:rgba(255, 255, 255, .9)!important;}
.sp-header{position:fixed;width:100%;z-index:12;}
.head-wrap{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.sp-header .head-logo{width:33%;padding:1em 0 1em 1.25em;}

@media screen and (min-width: 568px) {
  .sp-header .head-logo {
    width:21%;
    padding:1em 0 1em 1.25em;
  }
}

@media screen and (min-width: 667px) {
  .sp-header .head-logo {
    width:18%;
    padding:1em 0 1em 1.25em;
  }
}

@media screen and (min-width: 736px) {
  .sp-header .head-logo {
    width:17%;
    padding:1em 0 1em 1.25em;
  }
}

.sp-header .head-logo2{width:20%;padding:1.25em 0 1em 1.25em;}

.sp-header .head-tgr{width:calc(100% - 17%);}
.sp-header .head-tgr ul{position:absolute;right:1.25em;top:1.1em;}
.sp-header .head-tgr li{color:#fff;vertical-align:middle;text-align:center;cursor:pointer;margin-left:20px;display:inline-block;position:relative;overflow:hidden;}
body.mypage .sp-header .head-tgr li{color:#000;}

.tgr-gnavi span { display: block; width: 100%; height: 1px; background: #fff;position: absolute; -webkit-transition: all .3s; transition: all .3s;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}

.gnavi-open .tgr-gnavi span {background: #fff; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
body.mypage .tgr-gnavi span,body.mypage .gnavi-open .tgr-gnavi span {background: #000;}
.tgr-gnavi span:nth-child(1) { top: 8px;}
.tgr-gnavi span:nth-child(2) { top: 16px;width:50%;margin-left:50%;}
.tgr-gnavi span:nth-child(3) { top: 24px;width:70%;margin-left:30%;}
.gnavi-open .tgr-gnavi span:nth-child(1) { top: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg);margin-left:0%;}
.gnavi-open .tgr-gnavi span:nth-child(2) { opacity: 0;}
.gnavi-open .tgr-gnavi span:nth-child(3) {top: 17px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);margin-left:0%;width:100%;}

.tgr-studio{padding-top:.3em;}
.tgr-studio img{height:22px;}
.sp-header .tgr-txt{padding-top:3.8em;font-weight:300;font-size:.7em;letter-spacing:1px;}
.sp-header .tgr-studio-txt{padding-top:1em;}

/*//// open-overlay ////*/
.sp-header .overlay{position:absolute;top:75px;width:100%;background-color:rgba(0, 0, 0, 0.85);visibility:hidden;opacity:0;z-index:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-top:1px solid #ccc; display: none;}
.sp-header .overlay::after{position:absolute;content:"";top:-6px;margin-left:-9px;display:block;width:0px;height:0px;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent rgba(255, 255, 255, 1) transparent;}

/*20200728 noah START*/
body.mypage .sp-header .overlay{;border-top:0px solid #000;}
body.mypage .sp-header .overlay::after{border-color:transparent transparent rgba(0, 0, 0, 1) transparent;top:-5px;}
/*20200728 noah END*/
.sp-header .s-menu.overlay::after{right:23%;}
.sp-header .gnavi.overlay::after{right:7%;}
.sp-header.s-menu-open .s-menu{visibility:visible;opacity:1; display: block;}
.sp-header.gnavi-open .gnavi{visibility:visible;opacity:1; display: block;}
.sp-header .s-menu .inner{padding:1em 5% 3em;}
.sp-header .gnavi .wrap{padding:1.5em 0 3em;}
.sp-header .overlay-main{padding-right:1px;height:80vh;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;overflow-y: scroll;padding-bottom:2em;}

/*//// SEARCH-MENU ////*/
.sp-header .s-menu{color:#fff;padding:1em 0;}
.sp-header .s-menu .search-ttl{text-align:center;font-size:1.9rem;font-weight: 400; line-height:1.8;letter-spacing:2px;margin:1em 0 1.5em;}
.sp-header .s-menu .search-ttl span{display:block;font-size:60%;}
.sp-header .s-menu ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: normal; padding:2em 1.5em;border-top:1px solid #666;width:100%;}
.sp-header .s-menu li{width:30%;position:relative;padding:1.5em 0;}
.sp-header .s-menu li a{color:#fff;display:block;text-align:center;font-size:1.3rem;position:absolute; top: 50%;left:50%; transform: translate(-50%,-50%);width:100%;padding:1.25em 0;font-weight:bold;}
.sp-header .s-menu li a span{display:block;font-size:80%;}
.sp-header .s-menu li.live{background:#f57587;border-radius:2px;}
.sp-header .s-menu li.video{background:#34ceca;border-radius:2px;}

/*//// Gnavi-MENU ////*/
.sp-header .username{color:#34ceca;padding:1em 1.5em 1em;font-size:1.5rem;}
.sp-header dl{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;margin-bottom:1.5em;}
.sp-header dd{width:100%;position:relative;vertical-align:bottom;border-bottom:1px solid #666;}
.sp-header dd img{width:20px;height:20px;position:absolute;top:1.8em;left:1.5em;}
.sp-header dd a{vertical-align:bottom;color:#fff;font-size:1.4rem;padding:2em 2em 2em 18%;width:100%;display:block;}
.sp-header dd a:after{position:absolute; top: 50%; right: 1.6em; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105';z-index:4;}
.sp-header dd p{line-height:1;vertical-align:middle;}
.sp-header dd.login{border-bottom:none;padding:1.5em;text-align:center;}
.sp-header dd.login a{padding:1.5em 0;width:100%;display:block;border:1px solid #fff;border-radius: 4px;}
.sp-header dd.login img{top: 50%; left: 3em;width:20px;height:20px; transform: translate(-0%,-50%);}
.sp-header dd.open a:after,.sp-header dd.login a:after{content: none;}

.sp-header .nav-plus{position:absolute;top:2em;right:1.5em;width:5%;z-index:20;}
.sp-header .nav-plus::after{vertical-align:middle; font-family: fontAwesome; content: '\f196'; font-weight:normal; font-size: 1.2em; color:#fff;}
.sp-header .list-open .nav-plus::after{font-family: fontAwesome; content: '\f147'; font-weight:normal;}

.header .gnavi-low{clear:right;visibility:hidden;opacity:0;height:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-top:none;border-left:none;}
.header .list-open .gnavi-low{height:auto;visibility:visible;opacity:1;margin-top:.5em;}
.header .gnavi-low li{opacity:0;height:0;}
.header .list-open .gnavi-low li{opacity:1;height:auto;background:#000;border-bottom:1px solid #666;}
.header .list-open .gnavi-low li:first-child{border-top:1px solid #666;}
.header .list-open .gnavi-low li:last-child{border-bottom:none;}
.header .list-open .gnavi-low li a{width:100%;padding:1.5em 1.75em;display:block;color: #34cdc9;}
.header .list-open .gnavi-low li a span.s-pro{font-size:80%;padding-right:1em;}
.sp-header .gnavi-low li a{position:relative;display:block;color:#fff;z-index:5;}
.sp-header .gnavi-low li a:after{position:absolute; top: 50%; right: 1.75em; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105'!important;z-index:4;}
.sp-header .campaign-bnr{padding:0 1.75em 1.5em;}
.gnavi-sub{display:none;}

.sp-header .close{text-align:center;font-size:1.2rem;margin:2em auto 0;display:block;padding:.6em;color:#fff;position:relative;width:40%;border:1px solid #ccc;border-radius: 2px;}
.sp-header .close span{width: 12px; height: 1px;background: #fff;}
.sp-header .close span:nth-child(1) {position:absolute;left:1em;top: 50%;transform: translate(-0%,-50%);-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sp-header .close span:nth-child(2) {position:absolute;left:1em;top: 50%;transform: translate(-0%,-50%);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*//// modal window ////*/
.modal{display: none;height: 100vh;position: fixed;top: 0;left:0;width: 100%;z-index:999;overflow:hidden;}
.modal-bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal-content{background: #fff;padding:2em 1.25em 3em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: 80vh;overflow-y: auto;}

.modal-content.bpt_box {
  background-color: #000;
  color: #fff;
  letter-spacing: 1px;
  line-height: 2rem;
  border: 1px solid #fff;
}

.bpt_box section {
  margin-bottom: 1em;
}

.modal-ttl{text-align: center; margin-bottom: 1em;font-family: "Roboto", sans-serif!important; font-weight: 900;font-size: 2.4rem;line-height:1.7;}
.modal-ttl span{display: block;font-size: .9rem;}

.bpt_box .modal-ttl {
  text-align: left;
  color: #EF1B49;
}

.bpt_box .globe_rank_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

.globe_rank_box li {
  width: calc(100%/3);
  padding: 2rem;
  text-align: center;
}

.globe_rank_box li p {
  margin-top: 1rem;
  font-size: 1.4em;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .globe_rank_box li p {
    margin-top: 1rem;
    font-size: 1em;
    font-weight: 700;
  }
}

.bpt_box .belt_rank_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

.belt_rank_box li {
  width: calc(100%/3);
  padding: 2rem;
  text-align: center;
}

.belt_rank_box li:first-child {
  width: 80%;
}

.belt_rank_box li p {
  margin-top: 1rem;
  font-size: 1.4em;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .belt_rank_box li p {
    margin-top: 1rem;
    font-size: 1em;
    font-weight: 700;
  }
}

.modal-close{position: absolute; top: 1em; right: 1em; width:30px;height:30px;cursor: pointer;display:block;}
.modal-close span {display: block; width: 100%; height: 1px; background: #000;}
.modal-close span {background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;position: absolute;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}

.bpt_box .modal-close span {
  background-color: #fff;
}

.modal-ac-ttl{font-size:1.3rem;font-family:'Oswald', sans-serif;font-weight:300;margin-bottom:1.25em;}

.modal-ac-ttl.modal-ac-ttl-border {
  border-bottom: 1px dashed #cacaca;
  padding-bottom: 2.25rem;
}

.modal-content .kousya{font-size:1.5rem;font-weight:bold;margin-bottom:.6em;}
.modal-content .tel{font-family:'Roboto', sans-serif;font-size:2rem;margin-bottom:.5em;color:#34ceca;}
.modal-content .tel i{padding-right:.5em;color:#34ceca;}
.modal-content .add{font-size:1.3rem;margin-bottom:1.5em;}
.modal-content iframe{width:100%;height:30vh;}

.modal-content .lessn-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px dashed #cacaca;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.6rem;
}

@media screen and (max-width: 375px) {
  .modal-content .lessn-items {
    font-size: 1.4rem;
  }
}

.modal-content .lessn-items:first-child {
  border-top-width: 0;
  padding-top: 0;
}

.lessn-items .title {
  padding: 1rem;
  color: #ff5543;
}

@media screen and (max-width: 375px) {
  .lessn-items .title {
    padding: .8rem;
  }
}

.title.title-color {
  color: #34ceca;
}

.lessn-items .text {
  font-weight: 700;
  margin-bottom: 1.4rem;
}

.primary-btn{background-color:#000;}
.secondary-btn{background-color:#ef1b49;}

/* footer
------------------------------------------- */
footer{background-color:#000000;}
body.yoga footer{background-color:#444;}
footer .wrap{padding:3.5em 0;}
footer .wrap img.logo{width:25%;margin:0 auto 2em;}
footer .wrap p{color:#fff;font-weight:300;font-size:.6em;margin:0 0 1.5em;letter-spacing:1px;}
footer .wrap .f-rule-box{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;margin-bottom:2.5em;}
footer .wrap .f-rule-box dd{font-size:1.2rem;width:100%;text-align:center;padding:.75em 0;}
footer .wrap .f-rule-box dd a{color:#fff;letter-spacing:1px;}
footer .wrap ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;padding:0 3em;margin-bottom:2.5em;}
footer .wrap li{width:20%;padding:0 .5em;}
footer .copyright{color:#fff;font-size:.8em;letter-spacing:1px;}
footer .wrap p.ft-text{font-size:.8em;line-height:1.7;color:#ccc!important;padding:0 8%;margin:0 0 3.5em;}

/* login
------------------------------------------- */
body.login .container{padding:2.5em 0 3em}
body.login .head-logo{width:110px;margin:0 auto 1.25em;}
body.login h1{font-size:2.2em;font-weight:500;line-height:1.6;letter-spacing:1px;margin-bottom:1em;}
body.login h1 span{font-size:.4em;font-weight:normal;letter-spacing:.5px;}
.login-form dl{border-top:none;border-left:none;padding:0 .5em;}
.login-form dd{ display: block; padding-bottom: 1.5em; align-items:center;border:none;width:100%;}
.login-form dd p {text-align:center; font-weight: bold; line-height: 1.2; width: 100%; font-size: 1.1em;margin-bottom:.5em;}
.login-form dd p span{ display: inline; font-size: .9em; color: #000!important;padding-left:.15em;}
.login-form dd label{ width: 100%;background:#f6f6f6;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.1em; padding:1.25em 1em; border: 0; width: 100%; box-sizing: border-box; border-radius: 2px;background:#efefef;text-align:center;}
.login-form input::placeholder{color:#bbb;}
.login-send{ display: flex; justify-content: center;}
.login-send input{ background: #000; color: #fff; font-weight: bold; font-size: 1.2em; padding: 1em 5.5em; border-radius: 2px; text-align: center;margin-bottom:1.5em;}
.pass-at{text-align: center;margin-bottom:2.5em;}
.pass-at a{ color: #fa0431; text-decoration: underline; font-size: .9em;}
.noweb-at{ text-align: center;font-size: 1.1em;font-weight:bold;}
.new-send{ display: flex; justify-content: center;}
.new-send a{ background: #34ceca; color: #fff; font-weight: bold; font-size: 1.2em; padding: 1em 3.5em; border-radius: 3px; text-align: center;margin-top:1em;}

/* function
------------------------------------------- */
.function-wrap{padding:1em 0;}
body.top .function-wrap{background:#333;}
body.yoga .function-wrap{background:#fff;}
.function-wrap .wrap{padding:0 0;}
.function-wrap h2{line-height: 2.7!important;margin: 2em 0 0!important;}
.function-wrap h2 span{line-height: 1.7!important;}
.function-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom:2em;}
.function-wrap li{width:100%;padding:5em 0 1em;position:relative;}
.function-wrap li .ico{position:absolute;left:50%;top:1.5em;transform: translate(-50%,-0%);width:40px;height:40px;border-radius:50%;background:#34cdc9;padding:1em;}
.function-wrap li .ico img{margin-bottom:0;position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width:65%;}
.function-wrap li:last-child{margin-bottom:0;}
.function-wrap li h3{font-size:2.4rem;font-weight:500;text-align:center;margin-bottom:1em;letter-spacing:1px;}
.function-wrap li h3 span{font-size:50%;font-weight:normal;display:block;color:#aaa}
.function-wrap li img{margin-bottom:1.5em;}
.function-wrap li p{font-size:1.3rem;line-height:1.8;padding:0 1.5em;}

/* try-dual
------------------------------------------- */
.try-dualbox{padding:3em 0 3em;background:#333;}
body.top .try-dualbox{background:#000;}
body.yoga .try-dualbox{background:#f2f2f2;}
.try-dualbox p{margin-bottom:1.5em;line-height:1.8;}
.try-dualbox p.ttl{text-align:center;font-size:2.4rem;font-weight:bold;margin-bottom:.5em;color:#34cdc9;line-height:1.4;}
.try-dualbox .dualimg{border:1px solid #34cdc9;background:#000;position:relative;border-radius:10px;}
.try-dualbox .dualimg img{opacity: .35;border-radius:10px;}
body.top .dualwrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
body.top .dualwrap .dualimg:first-child{margin-bottom:2em;}
body.yoga .try-dualbox .dualimg img{opacity: .55;}
.try-dualbox .dualimg .try{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align:center;color:#34cdc9;font-size:2.4rem;letter-spacing:2px;}
.try-dualbox .dualimg .try i{padding-right:.5em;}
.try-dualbox .dualimg .try span{font-size:3.2rem;font-weight:500;line-height:1.21;display:block;color:#fff;}

/* breadcrumbs
------------------------------------------- */
.breadcrumbs {padding:1em 0;background:#f6f6f6;}
.breadcrumbs li{position:relative;display:inline-block;margin-right:1.5em;font-size:.8em;}
.breadcrumbs li:not(:last-child)::after{position:absolute;content:">";right:-1em;top:0;}
.breadcrumbs li a:hover{text-decoration:underline;}

/*====================================================
 pager
====================================================*/

.pager{text-align:center; padding:1em .5em;position:relative;}
.pager a{color:#AAAAAA;font-size:.7rem;}
.pager .num{display:inline-block; padding:.4em .5em .4em 1em; margin-bottom:.5em;line-height:1.3;}
.pager .num a{color:#ccc; display:inline-block; border:1px solid #ccc; padding:.4em .75em; margin-bottom:.5em;  }
.pager .num a:hover{background-color:#000; border:1px solid #ccc; color:#FFFFFF; padding:.4em .75em; text-decoration:none; margin-bottom:1em;}
.pager .num .current_page{display:inline-block; border:1px solid #444; background-color:#000; color:#ffffff; padding:.4em .75em; margin-bottom:1em;font-size:.7rem;}
.pager span{display:inline-block;}
.pager span i{font-size:1rem;}
.pager span.before{position:absolute;top:50%;left:.5em;transform: translate(0%,-50%);}
.pager span.next{position:absolute;top:50%;right:.5em;transform: translate(0%,-50%);}
.center-block {display:block; margin:0 auto;}
.center-block2 {display:block; margin:1em auto;}

@media screen and (min-width: 768px) {
.wrap{padding:0 4em}
.b-sec-ttl .en {
  font-size: 2.8rem;
}

/* header
------------------------------------------- */
header.signup{height:75px;}
header.signup div.head-logo{padding-left:1.5em;width: calc( 100% - 75px);}
header.signup div.head-logo img{width:120px;}
header.signup div.login-box{font-size:.8em;width:75px;height:75px;}
header.signup div.login-box img{height:30px;margin:0 auto .35em;}
header.signup div.login-box a {padding:1.25em 0 1em;width:75px;height:75px;}

/* header
------------------------------------------- */

.sp-header .head-logo{width:20%;padding:1.5em 0 2em 1.75em;}
.sp-header .head-tgr{width:calc(100% - 25%);}
.sp-header .head-tgr ul{right:1.5em;top:1.75em;}
.sp-header .head-tgr li{margin-left:30px;}
.tgr-gnavi span:nth-child(2) { top: 20px;}
.tgr-gnavi span:nth-child(3) { top: 30px;}
.tgr-studio img{height:26px;}
.sp-header .tgr-txt{font-size:1.25rem;padding-top:3.2em;}
.sp-header .tgr-studio-txt{padding-top:1em;}

.sp-header .overlay{top:94px;}
.sp-header .s-menu.overlay::after{right:114px;}
.sp-header .gnavi.overlay::after{right:33px;}
.sp-header .s-menu .inner{padding:2em 5% 3em;}
.sp-header .gnavi .wrap{padding:3em 0 3em;}

/*//// SEARCH-MENU ////*/
.sp-header .s-menu .search-ttl{font-size:2.2rem;margin:1.5em 0 2em;}
.sp-header .s-menu ul{padding: 2em 3em;}
.sp-header .s-menu li{padding:1.5em 0;font-size:2rem;}
.sp-header .s-menu li a{font-size:1.8rem;padding:1.25em 0;}
.sp-header .s-menu li a span{display:block;font-size:80%;}

/*//// Gnavi-MENU ////*/
.sp-header .username{color:#34ceca;padding:1em 3em 1em;font-size:2rem;}
.sp-header dd img{width:24px;height:24px;position:absolute;top:2.6em;left:3em;}
.sp-header dd a{font-size:1.4rem;padding:3em 3em 3em 12%;width:100%;display:block;}
.sp-header dd a:after{right: 3em;}
.sp-header dd.login{padding:2em 3em;}
.sp-header dd.login img{left: 4em;width:24px;height:24px;}
.sp-header dd.login a{padding: 1.25em 0;font-size:2rem;}
.sp-header .campaign-bnr{padding: 0 3em 3em;}
.sp-header .nav-plus {top: 3em;}

.sec {
  margin-bottom: 3rem;
}

/* footer
------------------------------------------- */
footer .wrap{padding:4.5em 0}
footer .wrap img.logo{width:20%;margin:0 auto 3em;}
footer .wrap p{font-size:.8em;margin:0 0 2em;}
footer .wrap .f-rule-box{margin-bottom:2.5em;}
footer .wrap .f-rule-box dd{font-size:1.2rem;width:auto;padding:.75em 2em;}
footer .wrap ul{padding:0 20%;margin-bottom:3.5em;}
footer .wrap li{padding:0 1em;}
footer .copyright{font-size:.8em;}
footer .wrap p.ft-text{font-size:.8em;padding:0 5%;margin:0 0 3.5em;line-height:1.6;}

/* login
------------------------------------------- */
body.login .container{padding:3.5em 0 4em}
body.login .head-logo{width:130px;margin:0 auto 1.5em;}
body.login h1{font-size:3.2em;margin-bottom:1.5em;}
.login-form dl{padding:0 2em;}
.login-form dd{padding-bottom: 3.5em;}
.login-form dd p{font-size: 1.4em;margin-bottom:1em;}
.login-form dd p span{font-size: .9em;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.4em;padding:1.5em 1em;}
.login-send{ display: flex; justify-content: center;}
.login-send input{font-size: 1.6em; padding: 1em 5.5em;margin-bottom:2em;}
.pass-at{margin-bottom:3.5em;}
.pass-at a{font-size: 1.1em;}
.noweb-at{font-size: 1.6em;}
.new-send a{font-size: 1.6em; padding: 1em 3.5em;margin-top:1.5em;}

/* function
------------------------------------------- */
.function-wrap{padding:3em 0 2em;}
.function-wrap ul{margin:2em 0 5em;}
.function-wrap li{padding:7.5em 0 1em;margin-bottom:3.5em;}
.function-wrap li:last-child{background:none;margin-bottom:0;}
.function-wrap li .ico{width:60px;height:60px;padding:1em;}
.function-wrap li h3{font-size:3.8rem;margin-bottom:.75em;}
.function-wrap li h3 span{font-size:50%;}
.function-wrap li img{margin-bottom:2.5em;}
.function-wrap li p{font-size:1.8rem;line-height:2;}

/* try-dual
------------------------------------------- */
.try-dualbox{padding:5em 0 6em;}
.try-dualbox p{margin-bottom:2.5em;text-align:center;font-size:1.8rem;line-height:1.8;}
.try-dualbox p.ttl{font-size:4.5rem;margin-bottom:.75em;line-height:1.4;}
.try-dualbox .dualimg{border:2px solid #34cdc9;}
.try-dualbox .dualimg .try{font-size:3.4rem;}
body.top .dualwrap .dualimg:first-child{margin-bottom:3em;}

/*====================================================
 pager
====================================================*/

.pager{text-align:center; padding:1em .5em;position:relative;}
.pager a{font-size:.9rem;}
.pager .num{padding:.4em .5em .4em 1em; margin-bottom:.5em;line-height:1.3;}
.pager .num a{padding:.4em .75em; margin-bottom:.5em;}
.pager .num a:hover{padding:.4em .75em;margin-bottom:1em;}
.pager .num .current_page{padding:.4em .75em; margin-bottom:1em;font-size:.9rem;}
.pager span i{font-size:1.2rem;}
.pager span.before{top:45%;left:1.5em;transform: translate(0%,-55%);}
.pager span.next{top:45%;right:1.5em;transform: translate(0%,-55%);}

}

@media screen and (min-width: 769px) {
.wrap{padding:0 0;width:80%;margin:0 auto;display:block;}
.pc-no{display:none;}

/* header
------------------------------------------- */
header.signup{position:absolute;height:95px;}
header.signup div.head-logo{padding-left:1.5em;width: calc( 100% - 95px);}
header.signup div.head-logo img{width:140px;}
header.signup div.login-box{font-size:.9em;width:95px;height:95px;font-weight:500;}
header.signup div.login-box img{height:35px;margin:0 auto .35em;}
header.signup div.login-box a {padding:1.5em 0 1.25em;width:95px;height:95px;}

/* header
------------------------------------------- */
.pc-hide {display: none;}
.head-tgr{display: none;}

.header {width: 100%;position: fixed;top:0;z-index: 10;padding:0 0}
body.top .header{padding:0 0;}
.head-top {padding:0 0;}
.head-wrap{width:100%;position:relative;padding:1.5em 2em;align-items: center;}

.sp-header .head-logo {width:14%; z-index:13; padding:0; }
.head-logo img{width:100px;z-index:13;}
.head-logo a{display:block;}

.gnavi-frame {width:86%;z-index: 12;display:block;}
.gnavi .overlay-main {padding: 0;}
.gnavi-main {display: -webkit-flex;display: -ms-flex;display: flex;;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: flex-start;justify-content: flex-start;padding-bottom:0;width:100%;}

.gnavi-main li {position: relative;padding:0;width:auto;line-height: 1;text-align: left;margin-right:5%;}
.gnavi-main li a {color: #fff;font-size: .7em;font-weight: bold;line-height:1.7;display: block;letter-spacing:1px;}
.gnavi-main li a:hover {color: #34cdc9;}
body.mypage .gnavi-main li a {color: #000;}
body.mypage .header .gnavi-low li a{color: #fff;}


.gnavi-main .gnavi-low {position: absolute;top: 30px;left: 0; width: 100%;z-index: 23;}
.gnavi-main li:hover .gnavi-low,.gnavi-main li:hover .gnavi-low li {visibility: visible;opacity: 1;height: auto;}
.header .gnavi-low li {display: block;width: 120px;padding: 0;border: none;background-image: none;background-color:rgba(52, 205, 201, .85);}
.header .gnavi-low li a{padding:1em;background: none;color:#fff;font-weight: normal;font-family:'Oswald', sans-serif;margin-bottom:2px;cursor: pointer;}
.header .gnavi-low li a span.s-pro{font-size:70%;display:block;padding-right:1em;}
.gnavi li.pc-hide{display:none;}

.header .school-low li {width: 220px;}

.no-login,.after-login{position:absolute;top:0;right:0;}
.no-login ul,.after-login ul{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: flex-end;justify-content: flex-end;padding:1.5em;align-items: center;}
.after-login ul{padding:2.6em 1.5em;}
.no-login li a,.after-login li a{color:#fff;display:block;margin-left:2em;}
body.yoga .no-login li.login p, .after-login li.login p{color:#fff;}
body.mypage .no-login li.login p, .after-login li.login p{color:#000;}
body.mypage .no-login li a,body.mypage .after-login li a{color:#000;}
.no-login li.webmember a{background:#4100f9;background:-moz-linear-gradient(left, #4100f9 0%, #da02af 100%);background:-webkit-linear-gradient(left, #4100f9 0%,#da02af 100%);background:linear-gradient(to right, #4100f9 0%,#da02af 100%);filter:progid:DXImageTransform.Microsoft.gradient(startbackgroundstr='#4100f9', endbackgroundstr='#da02af',GradientType=0);color:#fff;padding:.65em 1.3em;font-size:.9em;font-weight:bold;letter-spacing:1px;border-radius:2px;}
body.yoga .no-login li.webmember a{background:#34cdc9;}
body.mypage .no-login li.webmember a{background:#34cdc9;color:#fff;}
.no-login li.login img,.after-login li.login img{width:24px;display:block;margin:0 auto .4em;}
.no-login li.login p,.after-login li.login p{font-size:.8em;letter-spacing:2px;}
.after-login li.username a,body.mypage .after-login li.username a{color:#34ceca;font-weight:bold;font-size:.8em;}

/*//// modal window ////*/
.modal-content{background: #fff;padding:4em 3em 5em;width: 80%;}
.modal-ttl{margin-bottom: 1em;font-size: 3.4rem;line-height:1.8;}
.modal-ttl span{font-size: 1.6rem;}
.modal-close{z-index:9999;width:40px;height:40px;}
.modal-close span {display: block; width: 100%;}
.modal-close span:nth-child(1) { top:1.5em;}
.modal-close span:nth-child(2) { top:1.5em;}
.modal-ac-ttl{font-size:1.8rem;margin-bottom:1.25em;}
.modal-content .kousya{font-size:2.3rem;margin-bottom:.75em;}
.modal-content .tel{font-size:2.6rem;margin-bottom:.5em;}
.modal-content .add{font-size:1.6rem;margin-bottom:1.5em;}
.modal-content iframe{height:50vh;}

/* footer
------------------------------------------- */
footer .wrap{padding:4.5em 0}
footer .wrap p{font-size:1em;}
footer .wrap .f-rule-box{margin-bottom:3.5em;}
footer .wrap ul{padding:0 25%;}
footer .wrap li{padding:0 1em;}
footer .copyright{font-size:.9em;}
body.signup footer .wrap{width:80%;}
footer .wrap p.ft-text{font-size:.9em;padding:0 10%;margin: 2em 0 4em;}

/* login
------------------------------------------- */
body.login .container{padding:4.5em 0 5em}
body.login .head-logo{width:160px;margin:0 auto 2em;padding-right:0;}
body.login h1{font-size:3.2em;margin-bottom:1.5em;}
.login-form dl{padding:0 0;max-width:700px;display:block;margin:0 auto;}
.login-form dd{padding-bottom: 3.5em;}
.login-form dd p{font-size: 1.4em;margin-bottom:1em;}
.login-form dd p span{font-size: .9em;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.4em;padding:1.5em 1em;}
.login-send{ display: flex; justify-content: center;}
.login-send input{font-size: 1.6em; padding: 1em 5.5em;margin-bottom:2em;}
.pass-at{margin-bottom:3.5em;}
.pass-at a{font-size: 1.1em;}
.noweb-at{font-size: 1.6em;}
.new-send a{font-size: 1.6em; padding: 1em 3.5em;margin-top:1.5em;}

/* function
------------------------------------------- */
.function-wrap{padding:3em 0 2em;}
.function-wrap h2 span{line-height: 2.0!important;}
.function-wrap li{margin-bottom:0;width:47%;}
.function-wrap li h3{font-size:2.4em;margin-bottom:.65em;}
.function-wrap li img{margin-bottom:1.5em;}
.function-wrap li p{font-size:1.2em;line-height:2;padding:0;}

/* try-dual
------------------------------------------- */
.try-dualbox p{margin-bottom:2.5em;font-size:1.2em;}
.try-dualbox p.ttl{font-size:3em;margin-bottom:.75em;line-height:1.4;}
.try-dualbox .dualimg{width:70%;display:block;margin:0 auto;}
.try-dualbox .dualimg .try{font-size:3em;}
body.top .dualwrap .dualimg{width:45%;display:block;margin:0 auto 0!important;}
body.top .dualwrap .dualimg .try{font-size:2em;}

/*====================================================
 pager
====================================================*/
.pager a{font-size:1rem;}
.pager .num .current_page{font-size:1rem;}
.pager span i{font-size:1.3rem;}
.pager span.before{top:45%;left:2.5em;transform: translate(0%,-55%);}
.pager span.next{top:45%;right:2.5em;transform: translate(0%,-55%);}
}

@media screen and (min-width: 1280px) {
header.signup div.head-logo{padding-left:2em;}
header.signup div.head-logo img{width:130px;}

.head-wrap{padding:2em 2.4em;}
.sp-header .head-logo{width:11%;}
.head-logo img{width:120px;}
.gnavi-frame {width:88%;}
.gnavi-main li {margin-right:5%;}
.gnavi-main li a {color: #fff;font-size: .9em;letter-spacing:1px;}

.gnavi-main .gnavi-low {top: 40px;left: 0; width: 100%;z-index: 23;}
.header .gnavi-low li {width: 140px;}
.header .school-low li {width: 280px;}

.no-login ul,.after-login ul{padding:2.4em 2.5em;}
.no-login li a,.after-login li a{margin-left:2.5em;}
.no-login li.webmember a{padding:.65em 1em;font-size:1.1em;}
.no-login li.login img,.after-login li.login img{width:30px;margin:0 auto .6em;}
.no-login li.login p,.after-login li.login p{font-size:.9em;}
.after-login li.username a,body.mypage .after-login li.username a{font-size:1em;padding:1.25em 0;}

/*//// modal window ////*/
.modal-content{padding:2.5em 3.5em 3em;width: 50%;}
.modal-ttl{font-size: 2em;}
.modal-ttl span{font-size: 40%;}

/* webmember
------------------------------------------- */
body.login .container{padding:4.5em 0 5.5em}
.login-send input{padding: 1.15em 6.5em;}
.new-send a{padding: 1.15em 4.5em;}

/* footer
------------------------------------------- */
footer .wrap img.logo{width:15%;}

/* function
------------------------------------------- */
.function-wrap{padding:1% 0 1em;}
.function-wrap ul{margin:0 0 5em;}
.function-wrap li {padding:9.5em 0 1em;}
.function-wrap li h3{font-size:2em;margin-bottom:1em;}
.function-wrap li .ico{width:78px;height:78px;padding:1em;}
.function-wrap li img{margin-bottom:2em;}
.function-wrap li p{font-size:1.3em;}

/* try-dual
------------------------------------------- */
.try-dualbox{padding:7em 0;}
.try-dualbox .dualimg{width:50%;}
body.top .dualwrap{padding:0 10%;}
body.top .dualwrap .dualimg .try{font-size:2em;}
}

@media screen and (min-width: 1440px) {
/* header
------------------------------------------- */
header.signup div.head-logo img{width:140px;}
header.signup div.login-box{font-size:1em;}

.head-logo img{width:130px;}
.gnavi-main li a {font-size: 1em;}
.header .gnavi-low li {width: 150px;}
.header .school-low li {width: 300px;}
.after-login li.username a,body.mypage .after-login li.username a{font-size:1em;padding:1.25em 0;}

/* footer
------------------------------------------- */
footer .wrap{padding:5.5em 0}
footer .wrap img.logo{width:10%;}
footer .wrap ul{padding:0 35%;}

/*====================================================
 pager
====================================================*/
.pager{padding:1em 0 3em;}
.pager a{font-size:.95em;}
.pager .num .current_page{font-size:.95em;}
.pager span i{font-size:1.1em;}
}

@media screen and (min-width: 1600px) {
.head-logo img{width:140px;}
.gnavi-main li a {font-size: 1.2em;}
.header .gnavi-low li {width: 160px;}
.header .school-low li {width: 320px;}
.after-login li.username a,body.mypage .after-login li.username a{font-size:1.2em;padding: 1em 0;}
}

.payment-legend {
  font-family: 'Oswald', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  display: flex;
}

@media screen  and (max-width: 500px) {
  .payment-legend {
    font-size: 1.5rem;
  }
}

.payment-border-style {
  border: 1px #888 solid;
  margin-bottom: 9rem;
}

@media screen  and (max-width: 500px) {
  .payment-border-style {
    margin-bottom: 6rem;
  }
}

.payment-border-none {
  border-style: none;
}

.payment-credit-card-logo {
  width: 50%;
  padding: 1.8rem 0;
}

@media screen  and (max-width: 500px) {
  .payment-credit-card-logo {
    padding: 2rem 0;
  }
}

.mypage-container{padding-top:6em;}
.mypage-container .sec-ttl span.en{font-weight:500;}
@media screen and (min-width: 768px) {.mypage-container{padding-top:9em;}}
@media screen and (min-width: 1280px) {.mypage-container{padding-top:12em;}}