@charset "UTF-8";
/* home
------------------------------------------- */
.induct{text-align:center;}
.induct a{border:2px solid #000;padding:.75em 3em;font-family:'Oswald', sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;}
.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1e1e1e;z-index:9999;animation: byeShutter 2s forwards;overflow:hidden;}
.shutter::before,.shutter::after{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;}
.shutter::before{background-color:#ccc;width:0;height:1px;animation: shutterOpen1 2s forwards;}
.shutter::after{width:120%;height:0;margin-left:-10%;background-color:#f3f3f3;animation: shutterOpen2 2s forwards;}

@keyframes byeShutter{
70%{opacity:1;}
100%{opacity:0;display:none;z-index:-1;}
}
@keyframes shutterOpen1{
0%{width:0;height:1px;}
50%{width:100%;height:1px;}
90%{width:100%;height:100%;}
100%{width:100%;height:100%;}
}
@keyframes shutterOpen2{
60%{width:100%;height:0;transform:rotate(5deg);}
90%{width:120%;height:100%;transform:rotate(-5deg);}
100%{width:120%;height:100%;transform:rotate(-5deg);
}
}
@keyframes contentScale{
70%{transform:perspective(50%) scale(0.9) rotateX(15deg);}
100%{transform:perspective(50%) scale(1) rotateX(0);}
}
@-webkit-keyframes bounceInLeft {
from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInLeft {
from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
.ani-cam {animation-duration:600ms;animation-delay: 2s;}
.ani-tri {animation-duration:600ms;animation-delay: 2.2s;}

.kv {position: relative;animation: contentScale 2s forwards;}
.kv-copy {top:25%;position: absolute;width: 100%;}
.kv-ttl{padding:0 5% 0 35%;overflow: hidden;}
.kv-ttl img{margin-bottom:1.5em;}
.kv-ttl p{font-size:1.1rem;font-weight:200;letter-spacing:3px;text-align:center;color:#fff;margin-bottom:1.5em;}
.kv-copy .ticket {padding:0 2em;width:100%;}
.page-head .ticket {padding:1em 2em .5em;position:absolute;bottom:0;width:100%;}
.ticket-list {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom:1em;}
.ticket-list li {display: -webkit-flex;display: -ms-flex;display: flex;align-items: center;width: 49%;padding:.5em;}
.ticket-list li a {display: block;width: 100%;}
.kv-copy h1{font-size:.9rem;line-height:1.5;color:#fff;padding:0 2.5em;}

/*//// TOP-SLIDER NEWS ////*/
.top-banner {z-index: 0;background:#000;}
.top-banner-list{margin-top:-1em;}
.top-banner-list .slick-slide {padding:0 .4em .8em;}
.top-banner .slick-dots {display:none!important;}
.slick-dotted.slick-slider{margin-bottom:1em!important;}

/*//// TOP-FEATURE ////*/
.feature-block {padding:0 1.5em 2em;}
.feature-box {margin-bottom:0em;position:relative;}
.feature-ttl {position:absolute;top:22%;padding:0 1.5em;z-index:3;}
.feature-lede {line-height: 1.4;color:#fff;font-size: 2.1rem;font-weight: bold;text-align:center;margin-bottom:.6em;}
.feature-lede span{display:block;}
.feature-ttl .feature-desc {line-height:1.4;font-size: 1.1rem;color:#fff;padding:0 0;margin-bottom:1em;}
.feature-ttl .feature-en{font-size:2rem;font-weight:700;text-align:center;margin-top:.5em;}
.feature-sub {padding:3em 1em 1em;line-height: 1.4;font-size: 1.1rem;}

/*//// studio-list ////*/
.studio-block {width:100%;margin-bottom: 2rem;}
.studio-box {width:100%;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.ikebukuro-st-bg {background-image: url(../img/top/top-stimg-ikebukuro.jpg);background-position: 0 50%;background-size: cover;}
.toritsudai-st-bg {background-image: url(../img/top/top-stimg-toritsudai.jpg);background-position: 0 50%;background-size: cover;}
.shinjuku-st-bg {background-image: url(../img/top/top-stimg-shinjuku.jpg);background-position: 0 50%;background-size: cover;}
.shinjukuann-st-bg {background-image: url(../img/top/top-stimg-shinjukuann.jpg);background-position: 0 50%;background-size: cover;}
.akihabara-st-bg {background-image: url(../img/top/top-stimg-akihabara.jpg);background-position: 0 50%;background-size: cover;}
.nakameguro-st-bg {background-image: url(../img/top/top-stimg-nakameguro.jpg);background-position: 0 50%;background-size: cover;}
.komazawa-st-bg {background-image: url(../img/top/top-stimg-komazawa.jpg);background-position: 0 50%;background-size: cover;}
.noahstudio-st-bg {background-image: url(../img/top/top-stimg-noahstudio.jpg);background-position: 0 50%;background-size: cover;}
.ginza-st-bg {background-image: url(../img/top/top-stimg-ginza.jpg);background-position: 0 50%;background-size: cover;}
.ebisu-st-bg {background-image: url(../img/top/top-stimg-ebisu.jpg);background-position: 0 50%;background-size: cover;}
.studio-box .inner {background-color: rgba(0, 0, 0, .35);padding:3em 1em 2em;position:relative;}
.studio-name {color:#fff;margin-bottom:.5em;text-align: center;font-weight: normal;}
.studio-name .en {display: block;line-height: 1.3;font-size: 2.2rem;font-weight: normal;}
.studio-name .ja {display: block;line-height: 1.2;font-size: 1.2rem;font-weight: normal;}
.studio-info {padding:0 0;}
.studio-info li {width: 65px;color: #fff;vertical-align: middle;position:absolute;  }
.studio-info li:first-child {bottom:12%;left:2%;}
.studio-info li:last-child {bottom:12%;right:2%;}
.studio-info li i {margin-bottom:.2em;}
.studio-info li a {display: block;color: #fff;text-align:center;font-size:.9rem !important;}
.st-ico {display: block;font-size: .7rem;line-height: 19px;background-position: 50% 10px;background-size: auto 22px;text-align:center;padding-top:34px;width:100%;}
.st-ico.cal-ico {background-image: url(../img/common/cal-ico.png);}
.st-ico.pin-ico {background-image: url(../img/common/pin-ico.png);}
.studio-sub {display: -webkit-flex;display: -ms-flex;display: flex;padding-bottom: 1em;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.studio-sub li {width: 22%;text-align: center;line-height: 1.4;font-size: 1.1rem;font-weight: bold;}
.studio-sub li .fac-txt {display: inline-block;padding-top: 55px;background-position: 50% 0;background-size: 45px auto;}
.studio-sub li .floor { background-image: url(../img/top/floor-ico.png);}
.studio-sub li .studio { background-image: url(../img/top/studio-ico.png);}
.studio-sub li .shower { background-image: url(../img/top/shower-ico.png);}
.studio-sub li .lobby { background-image: url(../img/top/lobby-ico.png);}
.fac-txt .fac-br {display: block;}

/*//// TOP-NEWS ////*/
.sec-news{background:#efefef;padding:3em 0 2em;}
.news-main {margin-bottom:4em;}
.news-tab {display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom: 2.5rem;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.news-tab li {width: 32.5%;text-align: center;font-size: 1.1rem;}
.news-tab li a {display: block;padding:1.1em .6rem;background-color:#fff;}
.news-tab li a:hover,.news-tab li a.active {color: #fff;font-weight: bold;background-color: #000;}
.news-cat-block {display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom: 1.5rem;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.news-cat-box {margin-bottom: 1.5rem;position:relative;width: 47%;}
.news-clip {margin-bottom:.75em;}
.news-clip img{width:100%;height:100px;object-fit: cover;font-family: 'object-fit: cover;'; /*IE対策*/}
.news-cat-box p{font-size: 1.2rem;line-height:1.5;font-weight: bold;}
.news-cat-box p.date{font-size: 1rem;font-weight:normal;color:#999;padding-top:.5em;}
.news-bnr {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.news-bnr li {width: 100%;position:relative;margin-bottom:1em;}
.news-bnr li h3{width: 100%;text-align:center;color:#fff;letter-cpacing:1px;font-family:'Oswald', sans-serif;font-size:2.8rem;font-weight:700;position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);line-height:1.2;}
.news-bnr li h3 span{font-size:1.3rem;font-weight:normal;display:block;padding-top:.5em;}

/*//// TOP-GENRE ////*/
.genre-block {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;margin-top:-.5em;}
.genre-box {width: 50%;}
.genre-box a {color: #fff;}
.g-hip-hop-bg {background-image: url(../img/top/g-hiphop-b.jpg);background-position: 50% 0 !important; background-size: cover;}
.g-jazz-bg {background-image: url(../img/top/g-jazz-b.jpg);background-position: 50% 0 !important;background-size: cover;}
.g-lock-bg {background-image: url(../img/top/g-lock-b.jpg);background-position: 50% 0 !important; background-size: cover;}
.g-soul-bg {background-image: url(../img/top/g-soul-b.jpg);background-position: 50% 0 !important;  background-size: cover;}
.g-punking-bg {background-image: url(../img/top/g-punking-b.jpg);background-position: 50% 0 !important; background-size: cover;}
.g-house-bg {background-image: url(../img/top/g-house-b.jpg);background-position: 50% 0 !important; background-size: cover;}
.g-freestyle-bg {background-image: url(../img/top/g-freestyle-b.jpg);background-position: 50% 0 !important;  background-size: cover;}
.g-pop-bg {background-image: url(../img/top/g-pop-b.jpg);background-position: 50% 0 !important;  background-size: cover;}
.g-salsa-bg {background-image: url(../img/top/g-salsa-b.jpg);background-position: 50% 0 !important;  background-size: cover;}
.g-kids-bg {background-image: url(../img/top/g-kids-b.jpg);background-position: 50% 0 !important; background-size: cover; }
.g-red-filter {background-color: rgba(0, 0, 0, .4);padding:2em 1em;}
.genre-clip {margin-bottom: .6rem;}
.genre-name  {display: block;margin-bottom: .4rem;font-size: 1.6rem;font-weight: 700;}
.genre-desc {font-size: 1.1rem;color:#ddd;}

/*//// TOP-PICKUP ////*/
.sec-pickup{margin-bottom:4.5em;}
.pickup-list li {position: relative;}
.pickup-list li .pd-profile{position:static;padding:10px;bottom:0;width:100%;height:42%;background-color:#f6f6f6;border-top:0px dotted #999;border-left:1px solid #fff;border-right:1px dotted #ccc;text-align:center;}
.pd-profile span{display:block;margin-top:.2rem;}
.pd-profile .pd-name{margin-bottom:.6rem;color:#000;line-height:1;font-weight:bold;font-size:1.6rem;}
.pd-profile .pd-sub{line-height:1;font-size:1rem;}
.pd-profile .pd-cat{color:#000;font-size:1.1rem;}
.pd-profile .pd-studio{color:#fff;font-size:1rem;}
.sec-pickup .slick-dotted.slick-slider{margin-bottom:2em!important}
.pickup-list li button::before{display:none;}
.pg-list{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;}
.pickup-list .slick-dots li{display:none;}
.pickup-list .slick-dots li button{display:none;}
.pickup-list .slick-dots .pk-btn{display:none;}

/*//// TOP-contents ////*/
.pg-list {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;margin-bottom:1.5em;}
.pg-list li {margin-bottom:1.5em;width: 30%;}
.pg-list li img{width:60%;margin:0 auto .5em;display:block;}
.pg-list li h3{width: 100%;text-align:center;letter-cpacing:1px;font-family:'Oswald', sans-serif;font-size:1.5rem;font-weight:700;}
.pg-list li h3 span{font-size:1rem;font-weight:normal;display:block;}

.top-sns-box{margin:3.5em 0 1em;}
.top-sns-box ul{display: flex; justify-content: space-between;padding:0 1em;}
.top-sns-box li{width:33.3%;text-align:center;font-size:1.75em;}
.top-sns-box li p{position:relative;width:24px;height:24px;border-radius:50%;background:#222;margin:0 auto;padding:1em;}
.top-sns-box li i{color:#fff;position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* noa school
------------------------------------------- */
.noaschool-box {padding:3em 0 2em;}
.noaschool-box .wrap{padding:0 0;}
.relate-block {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;}
.relate-block li {width: 50%;border-left:1px solid #fff;border-top:1px solid #fff;overflow:hidden;padding:0;}
.relate-block li a {color: #fff;display:block;}
.relate-clip{position:relative;}
.relate-clip img{width:100%;position:relative;padding:0;}
.relate-desc {position:absolute;top:15%;padding:0 1.5em 0em;width:100%;}
.relate-desc img{display:block;margin-bottom:1em;}
.relate-desc p{font-size: .7em;line-height: 1.5;text-align: justify;}

/* rental studio
------------------------------------------- */
.n-studio {padding: 2em 0 3em;background-color:#efefef;}
.n-studio .wrap{padding:0 0; }
.n-st-list {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;}
.n-st-list li {position: relative;margin-bottom: 0em;width: 33.333%;text-align: center;padding:0;border-left:1px solid #fff;background:#000;}
.n-st-imagebox{position:relative;padding:0;}
.n-st-imagebox img{opacity: .8;}
.n-st-logobox {width:100%;position:absolute!important;top:6%;font-size:.6em!important;line-height:1.4;}
.n-st-logobox img {width:80%;margin:.6em auto;display:block;opacity: 1;}
.n-st-logobox p{color:#fff;padding:0 1.25em;text-align: justify;}

.n-st-desc{padding-top:2em;font-size:1.1rem;line-height: 1.7;}


@media screen and (min-width: 678px) {
/* noa school
------------------------------------------- */
.noaschool-box {padding:3em 0 2em;}
.relate-desc {padding:0 3em 0em;}
.relate-desc img{width:90%;margin:0 auto 1em;}
.relate-desc p{font-size:1.3em;line-height: 1.6;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:10%;line-height:1.4;}
.n-st-logobox img {width:80%;margin:1em auto;display:block;}
.n-st-logobox p{padding:0 2em;font-size:1.6em;}
}

@media screen and (min-width: 768px) {	
/* particles
------------------------------------------- */
.sec-ttl .en {font-size: 3.4rem;}
.sec-ttl .ja {font-size: 1.4rem;}
.s-sec-ttl .en {font-size: 2.4rem;}
.induct {text-align: center;}
.induct-btn {display: inline-block;font-size: 1.4rem;padding: 0.6rem 60px;}
.wide-btn {padding: .6em 0;}
.sp-hide2{display:block;}

/* contents
------------------------------------------- */
.sec {margin-bottom: 3rem;}

/* home
------------------------------------------- */
.kv-ttl img{margin-bottom:3em;}	
.kv-ttl p{font-size:2.2rem;margin-bottom:2em;}
.kv-copy .ticket {padding:0 3.5em;}
.kv-copy h1{font-size:1.3rem;line-height:1.6;padding:2em 2.5em 0;}
	
.page-head .ticket {padding:.5em 6em;}

/*//// TOP-SLIDER NEWS ////*/	
.top-banner-list .slick-slide {padding:0 1em 2em;}

/*//// TOP-FEATURE ////*/
.feature-block {padding:0 3em 3em;}
.feature-ttl {padding:0 3em;}	
.feature-lede {line-height: 1.4;font-size: 4.2rem;margin-bottom:1.2em;}	
.feature-ttl .feature-desc {line-height:1.6;font-size: 2rem;margin-bottom:2em;}
.feature-ttl .feature-en{font-size:3.5rem;margin-top:1em;}	
.feature-sub {padding:3em 2em 1em;line-height: 1.5;font-size: 1.3rem;}	

/*//// studio-list ////*/
.studio-block {display: flex; flex-wrap: wrap; justify-content: space-between;}
.studio-box {width: 50%;position:relative;}
.studio-box .inner {padding:3.5em 1.5em 3em;}
.studio-name {margin-bottom: .5em;}
.studio-name .en {font-size: 2.7rem !important;margin-bottom:.2em;}
.studio-name .ja {font-size: 1.4rem !important;}
.studio-info {padding:0 0;}
.studio-info li:first-child {bottom:10%;left:3%;}
.studio-info li:last-child {bottom:10%;right:3%;}
.studio-info li a {font-size:.8rem !important;}
.st-ico {font-size: 1rem;background-position: 50% 10px;background-size: auto 25px;text-align:center;padding-top:37px;}
.studio-info li a:hover {opacity: .7;filter: alpha(opacity=70);}
.studio-sub {padding: 0 3%;}
.studio-sec {padding-bottom: 0;}
.studio-sub li {font-size: 1.6rem;}
.studio-sub li .fac-txt {display: block;padding-left: 50px;padding-top: 0;background-position: 0 50%;}

/*//// TOP-NEWS ////*/
.sec-news{padding:4em 4em 3.5em;}
.news-tab {margin-bottom: 3.5rem;padding-top:1em;}	
.news-tab li {font-size: 1.6rem;}
.news-clip {margin-bottom:1em;}
.news-clip img{height:180px;object-fit: cover;}	
.news-cat-box p{font-size: 1.6rem;}
.news-cat-box p.date{font-size: 1.3rem;padding-top:.5em;}
.news-bnr li h3{font-size:4rem;}
.news-bnr li h3 span{font-size:2rem;}
	
/*//// TOP-GENRE ////*/
.genre-block {margin-bottom: 3em;}
.genre-box {margin-bottom: 0rem;width: 50%;}
.g-red-filter {padding:4em 2em;background-color: rgba(0, 0, 0, .5);}
.genre-name {font-size: 3rem !important;margin-bottom:1rem;}
.genre-desc {font-size: 1.5rem;}
	
/*//// TOP-PICKUP ////*/	
.sec-pickup{margin-bottom:5.5em;}
.sec-pickup .slick-dotted.slick-slider{margin-bottom:3em!important}	
	
/*//// TOP-CONTENTS ////*/		
.pg-list {padding:0 3em;}
.pg-list li h3{font-size:2.5rem;}
.pg-list li h3 span{font-size:1.5rem;}	
	
/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:70%;}
.top-sns-box ul{padding:0 0;}
.top-sns-box li{font-size:2.5em;}

/* noa school
------------------------------------------- */
.relate-block li {width: 48%;margin-bottom:2em;}
.noaschool-box {padding:0em 4em 1em;}
.relate-desc {padding:0 2em 0em;top:20%;}
.relate-desc p{font-size:1.3rem;line-height: 1.6;}
	
/* rental studio
------------------------------------------- */
.n-studio {margin-bottom:.2em;}
.n-st-list {padding:0 0%;}
.n-st-list li{width:32%;}
.n-st-logobox {top:20%;}
.n-st-logobox img {width:70%;margin:1em auto;}
.n-st-logobox p{padding:0 2em;font-size:1.2rem;line-height: 1.6;}
	
.n-st-desc{padding:2em 1em 0;font-size:1.2rem;line-height: 1.7;}

}

@media screen and (min-width: 769px) {

/* contents
------------------------------------------- */
.wrap {padding: 0;margin: 0 auto;width: 92%;}
.container {padding: 0;margin-top:60px;}
.top.container {padding: 0;margin-top:0;}	
}


@media screen and (min-width: 1024px) {
	
/* home
------------------------------------------- */
.kv-copy {top:20%;}	
.kv-ttl{padding:0 5% 0 55%;}
.kv-copy .ticket {position:absolute;left:0;top:0;width:25%;padding:0 0 0 5%;}
.ticket-list{display:block;}
.ticket-list li{width:100%;padding:0;margin-bottom:2em;}
.page-head .ticket{background-color:rgba(26, 19, 17, 0)!important;top: 48%; left: 50%; transform: translate(-50%,-52%);}	
.page-head .ticket-list li {position:absolute;top: 50%; left: 0%; transform: translate(-0%,-50%);width:15%;padding:1em;background-color:rgba(26, 19, 17, 0.8);margin:0 0 0 10%;border:3px solid #ddd;box-shadow: 0 0 8px rgba(0,0,0,0.7);}
.page-head .ticket-list li:last-child {position:absolute;left:inherit;right:0;width:15%;margin:0 10% 0 0;}	
.kv-copy h1{font-size:1.1rem;line-height:1.6;padding:0em 5% 0 55%;}	
	
/*//// TOP-FEATURE ////*/
.feature-block {padding:0 2em 3em;display: flex; flex-wrap: wrap; justify-content: space-between;}
.feature-block section {width:32%;}
.feature-ttl {padding:0 1em;top:25%;}	
.feature-lede {line-height: 1.4;font-size: 1.8rem;margin-bottom:1.25em;}	
.feature-ttl .feature-desc {line-height:1.5;font-size: 1.1rem;margin-bottom:1.5em;}
.feature-ttl .feature-en{font-size:1.6rem;margin-top:1em;}
.feature-sub {padding:3em 2em 1em;line-height: 1.5;font-size: 1.1rem;}	
	
/*//// studio-list ////*/
.studio-box {width:33.33%;}		
.noahstudio-st-bg {display:none;}
.studio-name .en {font-size: 2.4rem !important;margin-bottom:.2em;}
.studio-name .ja {font-size: 1.2rem !important;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:3em 0 2.5em;}
.news-tab {margin-bottom: 3.5rem;padding-top:.5em;}	
.news-tab li {font-size: 1.3rem;}
.news-cat-box{width:22%}
.news-clip {margin-bottom:1em;}
.news-clip img{height:130px;object-fit: cover;}		
.news-cat-box p{font-size: 1.3rem;}	
.news-cat-box p.date{font-size: 1rem;}
.news-bnr{padding:0 10%;}	
.news-bnr li {width: 31.5%;}	
.news-bnr li h3{font-size:2.7rem;}
.news-bnr li h3 span{font-size:1.25rem;}
	
/*//// TOP-GENRE ////*/
.genre-block {margin-bottom: 3em;}
.genre-box {width: 20%!important;}
.g-red-filter {padding:3em 2em;}
.genre-name {font-size: 1.5rem !important;margin-bottom:1rem;}
.genre-desc {font-size:1rem;}	
	
/*//// TOP-CONTENTS ////*/		
.pg-list {padding:0 5em;}
.pg-list:before{content:"";display: block;width:18%;order:1;}
.pg-list:after{content:"";display: block;width:18%;}	
.pg-list li{width:18%!important;}
.pg-list li h3{font-size:1.8rem;}
.pg-list li h3 span{font-size:1.2rem;}		
	
/* noa school
------------------------------------------- */
.noaschool-box {padding:3em 0 2em;}
.noaschool-box .wrap{padding:0 0;width:100%;}	
.relate-block li{width:20%;margin:0 0;}	
.relate-desc {padding:0 1em 0em;top:15%;}
.relate-desc img{width:100%;margin:0 auto .5em;}
.relate-desc p{font-size:.6em;line-height: 1.4;letter-spacing:-.5px;}

/* rental studio
------------------------------------------- */
.n-studio .wrap{width:100%;}	
.n-st-list {padding:0 20%;}
.n-st-list li{width:33.33%;}	
.n-st-logobox {top:14%;line-height:1.4;}
.n-st-logobox img {width:80%;margin:0 auto .5em;}
.n-st-logobox p{padding:0 1.5em;font-size:.6em;}
	
/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:50%;}
.top-sns-box li{font-size:1.8em;}	
	
.n-st-desc{padding:2em 0 0;font-size:1.1rem;line-height: 1.7;}
	
.container {padding: 0;margin-top:75px;}	
	
}

@media screen and (min-width: 1280px) {
.ticket-list li{margin-bottom:3em;}	
.kv-copy h1{font-size:1.2rem;line-height:1.7;}
		
/*//// TOP-FEATURE ////*/
.feature-block {padding:0 2em 3em;}
.feature-ttl {padding:0 2em;top:25%;}	
.feature-lede {line-height: 1.4;font-size: 2.3rem;}	
.feature-ttl .feature-desc {line-height:1.6;font-size: 1.3rem;}
.feature-ttl .feature-en{font-size:2rem;}
.feature-sub {padding:3em 2em 2em;line-height: 1.6;font-size: 1.2rem;}
	
/*//// studio-list ////*/	
.noahstudio-st-bg {display:block;}
.studio-name .en {font-size: 2.2rem !important;margin-bottom:.2em;}
.studio-name .ja {font-size: 1.2rem !important;}
.sb-width25 {  width: 25% !important;}
.sb-width20 {  width: 20% !important;}
.studio-info li:first-child {bottom:9%;left:3%;}
.studio-info li:last-child {bottom:9%;right:3%;}	
.studio-sub {padding:.5em 6em 2em;}
.studio-sub li{font-size:1.7rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4em 0 3em;}	
.news-tab {margin-bottom: 4rem;padding-top:.5em;}
.news-tab li {font-size: 1.4rem;}
.news-cat-box{width:23%}	
.news-clip img{height:170px;}	
	
/*//// TOP-GENRE ////*/	
.genre-name {font-size: 1.7rem !important;margin-bottom:1rem;}
.genre-desc {font-size:1.2rem;}	

/*//// TOP-PICKUP ////*/		
.pickup-list li .pd-profile{padding:1em 10px;}
.pd-profile .pd-name{line-height:1.1;margin-bottom:1rem;}
.pd-profile .pd-cat{font-size:1.2rem;}	
	
/*//// TOP-CONTENTS ////*/		
.pg-list {padding:0 0;}
.pg-list:before{width:11%;}
.pg-list:after{width:11%;}	
.pg-list li{width:11%!important;}
.pg-list li h3{font-size:1.5rem;letter-spacing:1px;}
.pg-list li h3 span{font-size:1.1rem;}
	
/* noa school
------------------------------------------- */
.noaschool-box {padding:2em 0 2em;}
.relate-desc {padding:0 1.5em 0em;top: 20%;}
.relate-desc p{font-size:.9em;line-height: 1.6;letter-spacing:0;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:20%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;width:70%;}
.n-st-logobox p{padding:0 1.5em;font-size:1.2rem;}
	
.n-st-desc{font-size:1.2rem;line-height: 1.7;}	
}

@media screen and (min-width: 1440px) {	
/*//// TOP-FEATURE ////*/
.feature-lede {line-height: 1.4;font-size: 2.8rem;}	
.feature-ttl .feature-desc {line-height:1.7;font-size: 1.4rem;}
.feature-ttl .feature-en{font-size:2.4rem;}
.feature-sub {padding:3em 2em 2em;line-height: 1.7;font-size: 1.3rem;}		
		
/*//// studio-list ////*/	
.studio-sub {padding:.5em 12em 2em;}
.studio-sub li{font-size:2rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4.5em 0 3.5em;}	
.news-tab {margin-bottom: 4rem;padding-top:.75em;}
.news-tab li {font-size: 1.5rem;}
.news-cat-block{margin-bottom:2.5em;}	
.news-cat-box{width:23%}	
.news-clip img{height:200px;}
.news-cat-box p{font-size: 1.4rem;}
.news-cat-box p.date{font-size: 1.2rem;}
.news-bnr li h3{font-size:3.2rem;}
.news-bnr li h3 span{font-size:1.4rem;}	
	
/*//// TOP-GENRE ////*/	
.g-red-filter {padding:4em 3em;}	
.genre-name {font-size: 2rem !important;margin-bottom:1rem;}
.genre-desc {font-size:1.3rem;}
	
/*//// TOP-PICKUP ////*/		
.pickup-list li .pd-profile{padding:1em 10px 1.5em;}
.pd-profile .pd-name{font-size:1.9rem;line-height:1.2;margin-bottom:1rem;}
.pd-profile .pd-cat{font-size:1.3rem;}
	
/*//// TOP-CONTENTS ////*/
.pg-list li h3{font-size:1.7rem;}
.pg-list li h3 span{font-size:1.2rem;}	
	
/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:33%;}
.top-sns-box li{font-size:1.8em;}	
	
/* noa school
------------------------------------------- */
.noaschool-box {padding:2em 0 2em;}
.relate-desc {padding:0 2.5em 0em;top:15%;}
.relate-desc p{font-size:1.3rem;line-height: 1.6;letter-spacing:0;}
	
/* rental studio
------------------------------------------- */
.n-st-logobox {top:20%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 2.5em;font-size:1.3rem;}
	
.n-st-desc{font-size:1.3rem;line-height: 1.7;}		
}

@media screen and (min-width: 1600px) {
	
.ticket-list li{margin-bottom:4em;}	
.kv-copy h1{font-size:1.3rem;line-height:1.7;}	
	
/*//// TOP-FEATURE ////*/
.feature-block {padding:0 3em 3em;}	
.feature-ttl {padding:0 4em;top:25%;}		
.feature-lede {line-height: 1.4;font-size: 3.2rem;}	
.feature-ttl .feature-desc {line-height:1.7;font-size: 1.5rem;}
.feature-ttl .feature-en{font-size:2.8rem;margin-top:0.75em;}
.feature-sub {padding:3em 2em 2em;line-height: 1.7;font-size: 1.3rem;}		
		
/*//// studio-list ////*/
.studio-box .inner {padding:4.5em 1.5em 4em;}
.studio-name .en {font-size: 2.8rem !important;margin-bottom:.4em;}
.studio-name .ja {font-size: 1.3rem !important;}	
.studio-sub {padding:.75em 20em 2em;}
.studio-sub li{font-size:2.4rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4.5em 3em 3.5em;}	
.news-tab {margin-bottom: 5rem;padding-top:1em;}
.news-clip img{height:230px;margin-bottom:1em;}
.news-cat-box p{font-size: 1.45rem;}
.news-cat-box p.date{font-size: 1.2rem;}
.news-bnr li h3{font-size:3.6rem;}
.news-bnr li h3 span{font-size:1.5rem;}		
	
/*//// TOP-GENRE ////*/	
.genre-name {font-size: 2.5rem !important;margin-bottom:1rem;}
.genre-desc {font-size:1.4rem;}	
	
/*//// TOP-CONTENTS ////*/
.pg-list li h3{font-size:2rem;}
.pg-list li h3 span{font-size:1.3rem;}		
	
/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:33%;}
.top-sns-box li{font-size:1.8em;}	
	
/* noa school
------------------------------------------- */
.noaschool-box {padding:2em 0 2em;}
.relate-desc {padding:0 3.5em 0em;top:15%;}
.relate-desc img {margin:0 auto 1em;}
.relate-desc p{font-size:1.3rem;line-height: 1.6;letter-spacing:0;}
	
/* rental studio
------------------------------------------- */
.n-st-logobox {top:20%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 3.5em;font-size:1.3rem;}	
}

@media screen and (min-width: 1800px) {
	
/* noa school
------------------------------------------- */
.relate-desc {padding:0 4em 0em;top:20%;}
.relate-desc p{font-size:1.4rem;line-height: 1.6;letter-spacing:0;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:23%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 4em;font-size:1.4rem;}	
}