@charset "UTF-8";


/*======================================================================

/noaonline/css_online/common-.css をコピー

======================================================================*/

*{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;
  font-size: 13px;
  font-size: 1.3rem;
  overflow: hidden;
  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:inherit; 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!important;}
.roboto{font-family:'Roboto', sans-serif;}
.res-img{width:100%;height:auto;}
.center{text-align:center;}
.block{display:block;}
.wrap{padding:0 1.75em}
.sp-no{display:none;}
.sp-hide{display:none;}
.error-color{ color: #F08080; }

/* body.dance,body.all{background:#000;color:#fff;}
body.yoga{background:#f2f2f2;color:#545454;}
body.boxing{background:#000;color:#fff;} */

/* 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 .white{background-color:rgba(255, 255, 255, .9)!important;}
body.dance .white{background-color:rgba(0, 0, 0, .3)!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;}
.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;}
body.dance .sp-header .head-tgr li{color:#fff;} */

/* .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;}
body.dance .tgr-gnavi span,body.dance .gnavi-open .tgr-gnavi span {background: #fff;}
.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;}
.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;} */

/* body.mypage .sp-header .overlay{border-top:1px solid #000;}
body.mypage .sp-header .overlay::after{border-color:transparent transparent rgba(0, 0, 0, 1) transparent;}

.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;}
.sp-header.gnavi-open .gnavi{visibility:visible;opacity:1;}
.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:5%;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; 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;letter-spacing:1px;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);} */

/* footer
------------------------------------------- */
/* footer{background-color:#000000;}
body.yoga footer{background-color:#444;}
body.price footer,body.plan footer{border-top:1px solid #999;}
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 4em;}
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;}
.function-wrap p.link{text-align:center;}
.function-wrap p span.cau {color: #fd1010;font-size: .9em;text-align: left;font-weight: normal;line-height: 2;margin-bottom: 2.5em;}


/* try-dual
------------------------------------------- */
.dualwrap{margin-bottom:2em;}
.dualwrap:last-child{margin-bottom:0;}
.try-dualbox{padding:3em 0;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 span{display:block;font-weight:bold;margin-bottom:1em;line-height:1.6;font-size:1.3em;text-align:center;}
.try-dualbox p span.cau{color:#fd1010;font-size:.9em;text-align:left;font-weight:normal;line-height:2;margin-bottom: 2.5em;}
.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 #999;background:#000;position:relative;border-radius:5px;margin-bottom:2em;}
.try-dualbox .dualimg img{opacity: .65;border-radius:5px;}
body.top .dualwrap,body.yoga .dualwrap,body.boxing .dualwrap,body.dance .dualwrap{display: flex; flex-wrap: wrap; justify-content: space-between;padding:0 1em;}

body.yoga .boxing .try-dualbox .dualimg img{opacity: .65;}
.try-dualbox .dualimg .try{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align:center;color:#34cdc9;font-size:2rem;letter-spacing:2px;width:100%;}
.try-dualbox .dualimg .try i{padding-right:.5em;}
.try-dualbox .dualimg .try span{font-size:2.6rem;font-weight:500;line-height:1.21;display:block;color:#fff;margin-bottom:0;}
.try-dualbox .dualimg .try span.rhythm{line-height: 1.6;letter-spacing: 0;}
.try-dualbox .dualimg .try span.s-txt{font-size:60%;}

.try-txt{color:#fff;font-size:1.4rem;font-weight:bold;text-align:center;margin-bottom:1em!important;line-height:1.5!important;position:relative;}
.try-ttl{width:60%;margin:0 auto .5em;display:block;}

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

body.dance .breadcrumbs{background:#333;}
body.dance .breadcrumbs li,body.dance .breadcrumbs li a{color:#fff;}

/*====================================================
 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;}

.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;}
.modal-content{height: 80vh;}


@media screen and (min-width: 768px) {
  .wrap{padding:0 4em}

  /* 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:3%;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;}
  .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;} */

  /* 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 6em;}
  .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
  ------------------------------------------- */
  .dualwrap{margin-bottom:3em;}
  .dualwrap:last-child{margin-bottom:0;}
  .try-dualbox{padding:5em 0 3em;}
  .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 p span{font-size:1.6em;}
  .try-dualbox p span.cau{text-align:center;}
  .try-dualbox .dualimg{width:47%;}
  .try-dualbox .dualimg .try{font-size:2rem;}

  .try-txt{color:#fff;font-size:1.7rem!important;}
  .dual-center{justify-content: center!important;}
  .try-ttl{width:50%;margin:0 auto .5em;}

  /*====================================================
  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%);}

}/* 768px */


@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 2.25em;}
  body.top .header{padding:0 0;}
  .head-top {padding:0 0;}
  .head-wrap{width:100%;position:relative;padding:1.5em 2em;align-items: center;}
  .white{padding:0 0;}

  .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!important;}
  body.mypage .gnavi-main li a {color: #000;}
  body.mypage .header .gnavi-low li a{color: #fff;}
  body.dance .gnavi-main li a {color: #fff;}
  body.dance .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, .95);}
  .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:hover {color: #fff!important;}
  .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.mypage .no-login li a,body.mypage .after-login li a{color:#000;}
  body.dance .no-login li a,body.dance .after-login li a{color:#fff;}
  .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;}
  body.dance .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;}
  .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!important;font-weight:bold;font-size:.8em;} */

  /* 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 6em;}
  .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:2.9em;margin-bottom:.75em;line-height:1.4;}
  .try-dualbox .dualimg{width:70%;display:block;}
  .try-dualbox .dualimg .try{font-size:3em;}
  .try-dualbox .dualimg .try span{font-size:3.2rem;}
  body.top .dualwrap .dualimg,body.yoga .dualwrap .dualimg,body.boxing .dualwrap .dualimg,body.dance .dualwrap .dualimg{width:47%;display:block;margin-bottom:3em;}
  body.top .dualwrap .dualimg .try,body.dance .dualwrap .dualimg .try{font-size:1.8em;}
  .try-txt{font-size:1.8rem!important;margin-bottom:2em!important;}
  .try-ttl{width:400px;margin:0 auto .65em;}

  /*====================================================
  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%);}

}/* 769px */

@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: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;}

  /* 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 7em;}
  .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,body.dance .dualwrap{padding:0 5%;}
  body.top .dualwrap .dualimg .try,body.dance .dualwrap .dualimg .try{font-size:2em;}
  body.top .dualwrap .dualimg,body.yoga .dualwrap .dualimg,body.boxing .dualwrap .dualimg,body.dance .dualwrap .dualimg{margin-bottom:4em;}
  .try-txt{font-size:2.4rem!important;margin-bottom:2em!important;}

}/* 1280px  */

@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;}

  .try-dualbox .dualimg .try span{font-size:3.8rem;}

}

@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;
  } */
  .no-login li.webmember a {
    padding: .65em 1em;
    font-size: 1.2em;
  }
  .after-login li.username a, body.mypage .after-login li.username a {
    font-size: 1.2em;
    padding: 1em 0;
  }
}