@charset "UTF-8";

.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;animation: byeShutter 3s forwards;overflow:hidden;}
.shutter img{position:absolute;width:150px;top: 50%; left: 50%; transform: translate(-50%,-50%);}

.shutter::before,.shutter::after{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;}
.shutter::before{background-color:#D9F5F1;width:0;height:0px;animation: shutterOpen1 3s forwards;}
.shutter::after{width:100%;height:0;margin-left:0%;background-color:#f6f6f6;animation: shutterOpen2 3s forwards;opacity:.5}

@keyframes byeShutter{
70%{opacity:1;}
100%{opacity:0;display:none;z-index:-1;}
}
@keyframes shutterOpen1{
0%{width:0;height:1px;transform:rotate(90deg);}
50%{width:100%;height:1px;transform:rotate(180deg);}
90%{width:100%;height:100%;transform:rotate(0deg);}
100%{width:100%;height:100%;ransform:rotate(0deg);}
}
@keyframes shutterOpen2{
60%{width:100%;height:0;transform:rotate(60deg);}
90%{width:100%;height:100%;transform:rotate(90deg);}
100%{width:100%;height:100%;transform:rotate(100deg);}
}
@keyframes contentScale{
70%{transform:perspective(50%) scale(0.9) rotateX(80deg);}
100%{transform:perspective(50%) scale(1) rotateX(0);}
}

@font-face {
font-family: 'Noto Serif Japanese';
font-style: bold;
font-weight: 700;
src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff2'),
url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
}

/* home
------------------------------------------- */
.induct{text-align:center;}
.induct a{border:1px solid #000;padding:.75em 3em;font-family:'Oswald', sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;}
.induct a:hover{border:1px solid #f0566e;color:#f0566e;}
	
@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 5s forwards;}
.kv .kv-ttl{padding:0 5% 0 35%;overflow: hidden;top:21%;position: absolute;}
.kv .kv-ttl img{width:100%;}
.kv .kv-copy {top:55%;position: absolute;width: 100%;}
.kv .kv-copy p{font-size:1.5rem;font-weight:700;text-align:center;color:#333;margin-bottom:.75em;}
.kv-copy h1{font-size:.8rem;line-height:1.6;color:#606060;padding:0 2.5em;text-align:center;margin-bottom:2em;}
.kv-copy h1 span{display:block;}
.kv .ticket {padding:0 1em 0 30%;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.5%;padding:.5em;}
.ticket-list li a {display: block;width: 100%;}
.page-head .ticket {padding:1em 3em 1em;position:absolute;bottom:0;width:100%;}
.page-head .ticket-list li {width: 48%;padding:.2em 0.2em;}

/*//// TOP-SLIDER NEWS ////*/
.top-banner {z-index: 0;background:#fff;box-shadow: 0 0 12px rgba(120,120,120,0.8);border-top:1px solid #fff;}
.top-banner-list .slick-slide {padding:0;border-left:1px solid #fff;}
.top-banner .slick-dots {display:none!important;}
.slick-dotted.slick-slider{margin-bottom:1em!important;}

/*//// TOP-FEATURE ////*/
.feature-block {padding:.1em 1.5em 3em;}
.feature-box {margin-top:1.5em;position:relative;}
.feature-box::first-child {margin-top:0em;}
.feature-ttl {position:absolute;top:20%;padding:0 1.5em;z-index:3;}
.feature-lede {line-height: 1.5;color:#fff;font-size:2.4rem;font-family: 'Noto Serif Japanese', sans-serif;font-weight:700;text-align:center;margin-bottom:1.25em;}
.feature-lede span{display:block;}
.feature-ttl .feature-desc {line-height:1.6;font-size: 1.2rem;color:#fff;padding:0 2em;}
.feature-ttl .feature-en{font-size:2rem;font-weight:700;text-align:center;margin-top:.5em;}
.feature-sub {padding:3em .5em 0em;}
.feature-sub p{text-align:left;font-size: 1.1rem;line-height: 1.7;}
.feature-sub p:first-child{line-height: 1.7;font-size: 1.25rem;font-family: 'Noto Serif Japanese',sans-serif;font-weight:700;color:#f0566e;padding-bottom:1em;text-align:center;}
.feature-sub span{display:block;}
@media screen and (max-width: 320px) {
.feature-ttl {top:15%;}	
.feature-lede {font-size:1.7rem;margin-bottom:1em;}
.feature-sub {padding:3em 0em 1em;}	
.feature-sub span{font-size: 1.15rem;}	
}

/*//// studio-list ////*/
.studio-block {width:100%;margin-bottom: 1.5em;}
.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;}
.akihabara-st-bg {background-image: url(../img/top/top-stimg-akihabara.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;}
.ochanomizu-st-bg{ background-image: url(https://www.noaballet.jp/assets_online/img/branch/ochanomizu/top-stimg-ochanomizu.jpg);background-position: 0 50%;background-size: cover;}
.nakano-st-bg{ background-image: url(https://www.noaballet.jp/assets_online/img/top/top-stimg-nakano.jpg);background-position: 0 50%;background-size: cover;}
.jiyugaoka-st-bg{background-image: url(https://www.noaballet.jp/images/21.09jiyugaoka2.jpg);background-position: 0 50%;background-size: cover;}
.akasaka-st-bg {background-image: url(../img/top/top-stimg-akasaka.jpg);background-position: 0 50%;background-size: cover;}
.kichijoji2-st-bg {background-image: url(https://www.noadance.com/assets/img/top/top-stimg-kichijojiann.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;}
.studio-name .en {display: block;line-height: 1.7;font-size: 2.2rem;font-weight:bold;}
.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:0 1em 1em;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 1.5em;}
.studio-sub li {width: 23%;text-align: center;line-height: 1.4;font-size: 1.1rem;font-weight: bold;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;}
.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:#f6f6f6;padding:3em 0 4em;background-image: url(../img/top/top-news-bg.jpg);background-position: 0 50%;background-size: cover;}
.sec-news .sec-ttl{color:#222;}
.news-main{
  width:100%;
  /* margin-bottom:2em; */
}
.news-tab {display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom: 2em;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.news-main input[type="radio"]{display:none;}
.news-tab label{width: 46.5%;text-align: center;font-size: 1.1rem;display: block;padding:1.1em .6rem;border:1px solid #70d8cf;color: #70d8cf;cursor:pointer; transition: all 0.4s ease;background:rgba(255,255,255,0.9)}
.news-tab label:hover{color: #fff;font-weight: bold;background:rgba(112,216,207,0.9);border:1px solid #70d8cf;}
.tab_panel{width:100%;display:none;} 
#tab1:checked ~ .news-tab .tab1_label,#tab2:checked ~ .news-tab .tab2_label{background:rgba(112,216,207,0.9); color:#fff;}
#tab1:checked ~ .panel_area #panel1,#tab2:checked ~ .panel_area #panel2{display:block;}
.news-cat-block {display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom:1em;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.news-cat-box {position:relative;width: 100%;}
.news-cat-pack{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;background:rgba(255,255,255,0.9);padding:.5em 2em .5em .5em;}
.news-cat-box:after{position:absolute; top: 45%; right: .75em; transform: translate(0%,-55%); font-size:1.2em; font-family: fontAwesome; content: '\f105';color:rgba(112,216,207,0.7);}
.news-clip {width:20%;}
.news-clip img{width:100%;object-fit: cover;font-family: 'object-fit: cover;'; }
.news-ex{width:75%;}
.news-cat-box p{font-size: 1.2rem;line-height:1.5;}
.news-cat-box p.date{font-size: 1rem;font-weight:normal;color:#999;padding-top:.5em;}
.news-cat-box a{color:#222;}
.sec-news .induct a{
  color: #222;
  border-color: #222;
  display: block;
  width: fit-content;
  margin: 2em auto 0;
}

.news-sub{padding:.1em 0;margin-bottom:2.5em;overflow:hidden;}
.news-sub .l-box{margin:0 0;padding:0;}
.news-sub img{width:100%;margin-bottom:.1em;}
.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;}
.news-bnr li img{margin-bottom:.1em;}

/*//// TOP-PICKUP ////*/
.sec-pickup{margin-bottom:4em;}
.pd-desc-text{margin-bottom:1.5em;font-size:1.1rem;line-height:1.7;}
.pickup-list.slick-dotted.slick-slider{margin-bottom:3em!important;}
.pickup-list li {position: relative;}
.pickup-list li .pd-profile{position:static;padding:1em;bottom:0;width:100%;background-color:#f6f6f6;border-left:1px solid #fff;border-right:1px dotted #ccc;text-align:center;}
.pd-profile span{display:block;margin-top:.3em;}
.pd-profile .sankaku{color:#f1a6ac!important;display:inline;padding-right:.5em;}
.pd-profile .pd-name{margin-bottom:.6rem;line-height:1;font-weight:bold;font-size:1.6rem;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;}
.pd-profile .pd-sub{line-height:1;font-size:1rem;}
.pd-profile .pd-cat{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 ////*/
.top-contents-box{padding:2em 1em;position:relative;margin-bottom:6em;}
.top-contents-box img.c-bg{width:70%;margin:0 auto;display:block;}
.top-contents-box a img{width:30%;}
.top-contents-box img.c-img1{position:absolute; top: 0; left:50%; transform: translate(-50%,0%);}
.top-contents-box img.c-img2{position:absolute; top: 30%; left:.75em;}
.top-contents-box img.c-img3{position:absolute; bottom: -10%; left:3em;}
.top-contents-box img.c-img4{position:absolute; top: 30%; right:.75em;}
.top-contents-box img.c-img5{position:absolute; bottom: -10%; right:3em;}

.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;background:#efefef;width:100%;padding:2em 1.5em .5em;margin-top:3em;}
.pg-list li {width: 31%;margin-bottom:1.5em;}
.pg-list li img{width:100%;margin:0 auto;display:block;box-shadow: 0 0 5px rgba(120,120,120,0.5);}

.top-sns-box{margin:3.5em 0 3em;}
.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.25em;}
.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:1em .5em 2em;font-size:1.1rem;line-height: 1.7;}
.n-st-desc-ttl{font-weight:bold;font-size:1.2rem;margin-bottom:.4em;}

@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: 800px) {	
/* 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 .kv-ttl{padding:0 5% 0 36%;overflow: hidden;top:21%;position: absolute;width:100%;}
.kv .kv-ttl img{width:100%;}	
.kv-ttl img{margin-bottom:3em;}	
.kv .ticket {padding:0 3em 0 30%;width:100%;}
.kv .kv-copy {top:54%;}	
.kv .kv-copy p{font-size:2rem;font-weight:700;margin-bottom:.25em;}
.kv-copy h1{font-size:1.5rem;line-height:1.6;padding:.5em 2.5em 1em;}
	
.page-head .ticket {padding:.5em 7em 2em;}
.page-head .ticket-list li {width: 48%;padding:.5em 1.25em;}	

/*//// TOP-SLIDER NEWS ////*/	
/* .top-banner-list .slick-slide {} */

/*//// TOP-FEATURE ////*/
.feature-block {padding:1em 3em 3em;}
.feature-box {margin-top: 2.5em}	
.feature-ttl {padding:0 3em;}	
.feature-lede {line-height: 1.4;font-size: 4.3rem;margin-bottom:1.2em;}	
.feature-ttl .feature-desc {line-height:1.6;font-size: 2.2rem;margin-bottom:2em;}
	
.feature-sub {padding:4em 1em 0em;}
.feature-sub p:first-child{line-height: 1.7;font-size: 1.6rem;padding-bottom:1.5em;}	
.feature-sub p{font-size: 1.25rem;line-height: 1.7;}

/*//// studio-list ////*/
.studio-block {display: flex;      flex-wrap: wrap;    justify-content: flex-start;}
.studio-box {position:relative;}
.studio-box .inner {padding:3.5em 1.5em 4em;}
.studio-name {margin-bottom: .5em;}
.studio-name .en {font-size: 3.4rem;margin-bottom:.2em;}
.studio-name .ja {font-size: 1.4rem}
.studio-info {padding:0 0;}
.studio-info li:first-child {bottom:6%;left:3%;}
.studio-info li:last-child {bottom:6%;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% 1em;}
.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%;background-size: 40px auto;	}


/*//// 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-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: 50%;margin-bottom:1px;}
.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:33.33%;}
.n-st-logobox {top:20%;}
.n-st-logobox img {width:70%;margin:1em auto;}
.n-st-logobox p{padding:0 3em;font-size:1.2rem;line-height: 1.6;}
	
.n-st-desc{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:0px;}
.top.container {padding: 0;margin-top:0;}	
}


@media screen and (min-width: 800px) {
	
/* home
------------------------------------------- */
.kv .kv-ttl{width:100%;padding:0 15% 0 40%;overflow: hidden;top:21%;position: absolute;}
.kv .kv-ttl img{width:100%!important;}
.kv .kv-copy {top:77%;}	
.kv .kv-copy p{font-size:2.3rem;margin-bottom:.5em;}
.kv .kv-copy h1{font-size:1.1rem;line-height:1.6;padding:0 0;}	
.kv .ticket {position:absolute;    top: -83%;padding:0 4%;width:100%;}
.kv .ticket-list li{width:18%;margin-bottom:2em;}	
.page-head .ticket {position:absolute;top:inherit;bottom:1em;padding:0 5%;width:100%;}
.page-head .ticket-list li{width:18%;margin-bottom:2em;padding: 0 0;}	

	
/*//// TOP-SLIDER NEWS ////*/
.slick-dotted.slick-slider{margin-bottom:0!important;}
	
/*//// TOP-FEATURE ////*/
.feature-block {padding:1em 2em 3em;display: flex; flex-wrap: wrap; justify-content: space-between;}
.feature-block section {width:32%;}
.feature-ttl {padding:0 1em;top:18%;}	
.feature-lede {line-height: 1.6;
    font-size: 1.7rem;
    margin-bottom: 0.75em;
    margin-top: -9%;}
.feature-ttl .feature-desc {line-height:1.5;font-size: 1.15rem;}
	
.feature-sub {padding:4em 2em 0;}
.feature-sub p{line-height: 1.6;font-size: 1.2rem;}
.feature-sub p:first-child{font-size: 1.4rem;padding-bottom:.75em;text-align:center;}
.feature-sub span:first-child{display:inline;}
	
/*//// studio-list ////*/
.sb-width25 {  width: 25% !important;}
.sb-width20 {  width: 33.33% !important;}
.st-ico{background-size: auto 20px;background-position: 50% 6px;padding-top: 30px;}	
.studio-sub {padding:0 10% 1.25em;}
.studio-name .en {font-size: 2.2rem !important;margin-bottom:.2em;}
.studio-name .ja {font-size: 1.2rem !important;}	
	
/*//// TOP-NEWS ////*/
.sec-news{background-image: url(../img/top/top-news-bg_pc.jpg);padding:4em 6% 5em;}
.news-tab {margin-bottom: 3.5rem;padding-top:.5em;}	
.news-tab label{width:48%;}	
.news-tab li {font-size: 1.3rem;}
.news-cat-box{width:48%;}

.news-clip {width:25%;}	
.news-ex{width:70%;padding-top:1em;}	
.news-cat-box p{font-size: 1.3rem;}	
.news-cat-box p.date{font-size: 1rem;}
.news-sub{width:100%;padding:2.5em 2em 0;margin-bottom:2.5em;overflow:hidden;}
.news-sub ul{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;}
.news-sub li.l-box{width:32.45%}
.news-sub li.r-box{width:66%}
.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;width:100%;}
.news-bnr li {width: 49%;position:relative;}
.news-bnr li img{margin-bottom:1em;}
	
.sec-pickup{margin-bottom:4.5em}	
.pickup-list li .pd-profile{line-height: 1.7;}
.pd-desc-text{margin-bottom: 2.5em;font-size: 1.2rem;padding:0 2em 0;}
	
/*//// TOP-contents ////*/
.top-contents-box{padding:6.5em 1em 0;position:relative;margin:0 auto 6em;width:70%;}
.top-contents-box img.c-bg{width:90%;margin:0 auto;display:block;}
.top-contents-box a img{width:24%;}
.top-contents-box img.c-img1{position:absolute; top: 0; left:50%; transform: translate(-50%,0%);}
.top-contents-box img.c-img2{position:absolute; top: 24%; left:15%;}
.top-contents-box img.c-img3{position:absolute; bottom: 2%; left:0;}
.top-contents-box img.c-img4{position:absolute; top: 24%; right:15%;}
.top-contents-box img.c-img5{position:absolute; bottom: 2%; right:0;}
	
@media all and (-ms-high-contrast: none){
.top-contents-box a {width:24%;display:block;}	
.top-contents-box a img{width:24%;}
.top-contents-box a .c-img1{position:absolute; top: 0; left:50%; transform: translate(-50%,0%);}
.top-contents-box a .c-img2{position:absolute; top: 24%; left:15%;}
.top-contents-box a .c-img3{position:absolute; bottom: 2%; left:0;}
.top-contents-box a .c-img4{position:absolute; top: 24%; right:15%;}
.top-contents-box a .c-img5{position:absolute; bottom: 2%; right:0;}	
	}
	
/* 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:1rem;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:1rem;}
	
/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:50%;}
.top-sns-box li{font-size:1.8em;}	
	
.n-st-desc{font-size:1.1rem;line-height: 1.7;}
.container {padding: 0;}	
	
}

@media screen and (min-width: 1280px) {
.kv .kv-copy {top:79%;}	
.kv .kv-copy p{font-size:2.4rem;letter-spacing:2px;margin-bottom:.5em;}	
.kv-copy h1{font-size:1.3rem;letter-spacing:1px;line-height:1.8;}
.kv .ticket {top:-80%;}	
		
/*//// TOP-FEATURE ////*/
.feature-block {padding:1.5em 2.5em 3em;}
.feature-ttl {padding:0 2em;top:20%;}	
.feature-lede {font-size: 2.6rem;margin-bottom:.8em;}	
.feature-ttl .feature-desc {line-height:1.6;font-size: 1.4rem;}
.feature-sub {padding:4em 2em 0em;}
.feature-sub p:first-child{font-size: 1.6rem;padding-bottom:.75em;}	
.feature-sub p{font-size: 1.3rem;line-height: 1.7;}
	
/*//// studio-list ////*/	
.noahstudio-st-bg {display:block;}
.studio-info li:first-child {bottom:9%;left:3%;}
.studio-info li:last-child {bottom:9%;right:3%;}	
.studio-sub {padding:.5em 12em 2em;}
.studio-sub li{font-size:1.7rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4em 10% 6em;}	
.news-tab {margin-bottom: 4rem;padding-top:.5em;}
.news-tab label{font-size: 1.45rem;}
.news-cat-box p{font-size: 1.45rem;}
.news-cat-pack{padding:.5em 2.5em .5em .5em}
.news-ex{padding-top:.75em;}
.news-sub{padding:3em 2.5em 0;}	
.news-sub li.l-box{width:32.5%}
.news-sub li.r-box{width:66%}
.news-bnr li img{margin-bottom:1.25em;}	
	
.top-contents-box{max-width:1000px;margin:0 auto;}
.top-contents-box a img{width:22%;}

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

.sb-width20 {width: 20% !important;}
}

@media screen and (min-width: 1440px) {	
.kv .kv-copy {top:80%;}	
.kv .kv-copy p{font-size:2.9rem;letter-spacing:2px;margin-bottom:.75em;}	
.kv-copy h1{font-size:1.4rem;letter-spacing:1px;line-height:1.8;}
.kv .ticket {top:-85%;}	
.page-head .ticket-list li{width:15%;}		
	
/*//// TOP-FEATURE ////*/
.feature-block {padding:2.5em 3em 3em;}	
.feature-lede {line-height: 1.4;font-size: 2.8rem;}	
.feature-ttl {top:22%;}	
.feature-ttl .feature-desc {line-height:1.7;font-size: 1.4rem;}
.feature-sub {padding:5em 3em 0em;}
.feature-sub p:first-child{font-size: 1.8rem;padding-bottom:1em;}	
.feature-sub p{font-size: 1.45rem;}	
	
/*//// studio-list ////*/	
.studio-sub {padding:.5em 18em 2em;}
.studio-sub li{font-size:2rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4.5em 15% 5.5em;}	
.news-tab {margin-bottom: 4rem;padding-top:.75em;}
.news-tab label{font-size: 1.5rem;}
.news-cat-block{margin-bottom:.5em;}	
.news-cat-box p{font-size: 1.4rem;}
.news-cat-box p.date{font-size: 1.2rem;}
.news-sub{padding:3em 3em 0;}	
.news-sub li.l-box{width:32.7%}
.news-sub li.r-box{width:66.1%}
.news-bnr li img{margin-bottom:1.5em;}		
	
	
/*//// 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) {
.kv-copy h1{font-size:1.3rem;line-height:1.7;}
.kv .ticket {top:-90%;}
	
/*//// TOP-FEATURE ////*/
.feature-block {padding:3em 4em 3em;}	
.feature-ttl {padding:0 4em;top:25%;}		
.feature-lede {line-height: 1.4;font-size: 3.4rem;}	
.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:5em 4em 0em;}
.feature-sub p:first-child{font-size: 2rem;padding-bottom:1em;}	
.feature-sub p{font-size: 1.6rem;}		
	
/*//// 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 25em 2em;}
.studio-sub li{font-size:2.4rem;}
	
/*//// TOP-NEWS ////*/
.sec-news{padding:4.5em 15% 5.5em;}	
.news-tab {margin-bottom: 5rem;padding-top:1em;}
.news-cat-box p{font-size: 1.45rem;}
.news-cat-box p.date{font-size: 1.2rem;}
.news-sub{padding:4em 4em 0;max-width:1600px;margin:0 auto 4em;}		
.news-sub li.l-box{width:32.5%}
.news-sub li.r-box{width:66.0%}		
	
.pd-desc-text{text-align:center;}
	
/*//// 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;}	
}