@charset "UTF-8";

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

  style.css

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

/* home
------------------------------------------- */
.kv {
  background-image: url(/assets/img/top/kv-sp.jpg);
  height: 285px;
  position: relative;
}
.kv2 {
  background-image: url(/assets/img/top/kv-sp2.jpg);
  height: auto;
  padding-top:100%;
  position: relative;
  margin-bottom:1.5em;
}
.kv-copy {
  bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 0%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.kv-copy .kv-copy-txt {
  background-color: rgba(255, 255, 255, .8);
  padding: 0.4rem 4%;
  font-size: .9rem;
}
.kv2 .kv-copy .kv-copy-txt {
  background-color: rgba(0, 0, 0, .3);
  padding: .6em 4% .6em;
  font-size: .9rem;
  color:#fff;
}
.kv .ticket {
  display: none;
}
.kv2 .ticket {
  display: none;
}
.contents-ticket {
  margin-bottom: 2.5rem;
}
.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;
}
.ticket-list li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 48%;
  text-align: center;
  background-color: #fff;
}
.ticket-list li a {
  display: block;
  width: 100%;
}
.main-ticket {
  margin-top:-3em !important;
  margin-bottom:1em;
}
.main-ticket .ticket-list {
  width:92%;
  margin:0 auto;
}
.main-ticket .ticket-list li{
  width: 47%;
}
.ticket-cam {
  border: 3px solid #FA6BC9;
}
.ticket-trial {
  border: 3px solid #1DC0CA;
}
.ticket-head img{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}
.top-banner {
  margin-bottom: 4rem;
  z-index: 0;
}
.top-banner-list .slick-slide {
  border: 1px solid #999;
}
.top-banner .slick-dots li {
  height: 10px;
  width: 10px;
}
.top-banner .slick-dots li button {
  height: 10px;
  width: 10px;
}
.top-banner .slick-dots li button::before {
  background-color: #555;
  border-radius: 10px;
  content: "";
  height: 10px;
  width: 10px;
}
.top-banner .slick-dots li.slick-active button::before {
  color: #555;
  opacity: 1;
}

.topbnr-wrap {
margin-bottom:2em;
}

.feature-main {
  padding: 2rem 0;
}
.feature-box {
  margin-bottom: 1.6rem;
}
.feature-box:not(:last-child) {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #999;
}
.feature-head {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.feature-ttl {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.f-point {
  display: table;
  margin: 0 auto 1rem;
  width: 42px;
  height: 42px;
  text-align: center;
  background-image: url(/assets/img/top/top-about-head-bg.png);
  background-size: 42px 42px;
  background-position: 50% 50%;
}
.f-point-txt {
  display: table-cell;
  height: 42px;
  width: 42px;
  color: #fff;
  vertical-align: top;
  border-radius: 42px;
  font-weight:bold;
  padding-top:.5em;
}
.f-point-txt .pre {
  display: block;
  font-size: 1rem;
  padding-top:-1em;
}
.f-point-txt .num {
  display: block;
  line-height: .8rem;
  font-size: 2.4rem;
}
.feature-lede {
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: bold;
}
.feature-clip {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.feature-clip img{
   border:3px solid #fff;
}
.feature-sub {
  padding: 1rem 0;
  background-color:#F7EEDB;
}
.feature-sub-write {
  padding-top:.5em;
  margin-bottom:1em;
}
.feature-sub-button {
  margin-bottom:1em;
}

.studio-block {
  width:100% !important;
  margin-bottom: 2rem;
}
.studio-box {
  width:100%;
  border-bottom:1px solid #ccc;
  border-right:0px solid #ccc;
}
.ginza-st-bg {
  background-image: url(../img/top/top-stimg-ginza.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;
}
.ebisu-st-bg {
  background-image: url(../img/top/top-stimg-ebisu.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;
}
.studio-box .inner {
  background-color: rgba(0, 0, 0, .25);
  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.4;
  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 {
  height: 45px;
  width: 45px;
  color: #fff;
  vertical-align: middle;
  border-radius: 45px;
  background-color: rgba(0, 0, 0, 0);
  position:absolute;
}
.studio-info li:first-child {
  bottom:7%;
  left:2%;
}
.studio-info li:last-child {
  bottom:7%;
  right:2%;
}
.studio-info li i {
  margin-bottom:.2em;
}
.studio-info li a {
  display: block;
  color: #fff;
  text-align:center;
  font-size:.7rem !important;
}
.st-ico {
  display: block;
  font-size: .6rem;
  font-weight: bold;
  line-height: 19px;
  background-position: 50% 10px;
  background-size: auto 22px;
  text-align:center;
  padding-top:30px;
}
.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: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #adadad;
}
.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;
}
.news-main {
  margin-bottom: 1.5rem;
}

.news-tab {
  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;
}
.news-tab li {
  width: 48%;
  text-align: center;
  font-size: 1.4rem;
}
.news-tab li a {
  display: block;
  padding: .6rem 0;
  color:#999;
  border: 1px solid #999;
}
.news-tab li a:hover,
.news-tab li a.active {
  color: #fff;
  background-color: #fc5087;
  border: 1px solid #fc5087;
}
.news-cat-box {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  background-image: url(../img/common/h-b-dotted.png);
  background-position: 0 100%;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.news-cat-pack {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-image: url(../img/common/double-arw.png);
  background-position: 100% 100%;
  background-size: 14px 12px;
}
.news-clip {
  width: 25%;
}
.news-ex {
  width: 70%;
  font-size: 1.3rem;
  font-weight: bold;
}
.news-ex-ttl {
  font-size: 1.4rem;
}
.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;
}
.news-bnr li {
  width: 48%;
}
.sub-mt{
  padding-top:.9em !important;
}
.s-sec-ttl .en {
  font-size: 2.4rem;
}
.genre-block {
  display: block;
}
.genre-block li:last-child{
  border-bottom:none;
  padding:.5em 0 0;
}
.genre-box {
  margin-bottom: 2rem;
  width: 100%;
  border-bottom:1px dotted #fff;
  padding:.5em 0;
}
.genre-box a {
  color: #fff;
}
.genre-clip {
  float:right;
  width:48%;
  margin-bottom: 1rem;
}
.genre-text {
  float:left;
  width:48%;
  margin-bottom: 1rem;
}
.genre-name  {
  display: block;
  margin-bottom: .4rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.genre-desc {
  font-size: 1.1rem;
}
.g-desc-detail{
  border:1px solid #fff;
  color:#fff;
  padding:.4em;
  border-radius: 10px;
  text-align:center;
  width:60%;
  clear:both;
  display:block;
  margin:0 auto 1em;
}
.g-desc-detail i{
  padding-left:.5em;
}

.pickup-list li {
  position: relative;
}
.pickup-list li .pd-profile {
  position: absolute;
  padding: 15px;
  bottom: 0;
  width: 100%;
  height: 42%;
  background-color: rgba(26, 19, 17, .6)
}
.pd-profile span {
  display: block;
}
.pd-profile .pd-name {
  margin-bottom: .4rem;
  color: #e00;
  line-height: 1;
  font-weight: bold;
}
.pd-profile .pd-sub {
  line-height: 1;
  font-size: 1rem;
}
.pd-profile .pd-cat {
  color: #fff;
  font-size: 1.1rem;
}
.pd-profile .pd-studio {
  color: #fff;
  font-size: 1rem;
}
.pickup-list.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 5rem;
}
.pickup-list li button::before {
  display: none;
}
.pickup-list .slick-dots li {
  margin: 0 2px;
  width: auto;
}
.pickup-list .slick-dots li button {
  padding: 0;
  width: auto;
  color: #999;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}
.pickup-list .slick-dots li.slick-active button {
  color: #d00;
}
.pickup-list .slick-dots {
  bottom: -40px;
}
.pickup-list .slick-dots .pk-btn {
  width: 25px;
  height: 25px;
  vertical-align: top;
  background-size: 25px 25px;
}
.pickup-list .slick-dots .pk-prev-btn {
  margin-right: 10px;
  background-image: url(../img/common/c-l-arw.png);
}
.pickup-list .slick-dots .pk-next-btn {
  margin-left: 10px;
  background-image: url(../img/common/c-r-arw.png);
}
.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;
}
.pg-list li {
  margin-bottom: .8rem;
  width: 49%;
}
.pk-induct {
  padding: 0 3%;
}

.sns-box:not(:last-child) {
  margin-bottom: 2rem;
}
.sns-ttl {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing:1px;
}
.top-sns-box{margin:3em 0 3.5em;}
.top-sns-box ul{display: flex; justify-content: space-between;padding:0 3em;}
.top-sns-box li{width:33.3%;text-align:center;font-size:2em;}
.feed-area {
  margin-bottom: 1rem;
}
.tw-feed-area {
  border: 1px solid #ccc;
}
.insta-feed {
  position: relative;
  width: 100%;
  height: 270px;
  overflow: hidden;
  padding: 100% 0 0 0;
}
.insta-feed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.genre-list li {
  padding:1em 0 0;
}
.genre-list li img{
  margin:0 auto .5em;
  width:80%;
}
.genre-list .genre-text {
  width:100%;
  padding-left:1em;
  color:#664a45;
}
.genre-list .genre-name  {
  display: block;
  margin-bottom: .4rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.genre-list .genre-name  span{
  display: block;
  margin-bottom: .4rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.genre-list .genre-desc {
  font-size: 1.2rem;
}
.genre-list .g-desc-detail{
  border:1px solid #fff;
  color:#fff;
  padding:.4em;
  border-radius: 10px;
  text-align:center;
  width:60%;
  clear:both;
  display:block;
  margin:0 auto 1em;
}
.genre-list .g-desc-detail i{
  padding-left:.5em;
}
.new-genre-bg {
  background-image: url(../img/top/new-genre-bk_sp.jpg);
  background-position: 50% 50%;
  background-size: cover;
}
.r-fill-bg2 {
  padding: 2em 0 1em;
  color: #fff;
  background-color: #def6f6;
}
.r-fill-bg2 h2{
  color:#54cfcd;
}

/* 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;background-color:#f8f1e9}
.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{}
.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: 1.4em 0;
  font-size: 1rem;
}


/* aboutus
------------------------------------------- */
.aboutus-head {
  height: 265px;
  background-image: url(../img/aboutus/title-bg-pc.jpg);
}
.aboutus-lede-txt {
  margin-bottom: 1.6rem;
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: bold;
  text-align:center;
}
.aboutus-lede-txt span {
  display: block;
 }
.aboutus-lede-copy {
  margin: 0 auto 2rem;
  width: 270px;
}


.aboutnoa-wrap li:first-child{
  float:none;
  width:100%;
}
.aboutnoa-wrap li:last-child{
  float:none;
  width:100%;
}
.aboutnoa-lede-txt {
  margin-bottom: 1.6rem;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: bold;
  text-align:center;
  margin-bottom:.8em;
}
.aboutnoa-lede-txt span {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}
.aboutnoa-lede-desc {
  font-size:1.3rem;
  line-height:1.5;
  padding:0 1em;
  margin-bottom:.5em;
}
.aboutnoa-women {
  color:#fc5087;
  padding-top:1em;
}
.aboutnoa-lede-img {
  margin: 0 auto 2rem;
  width: 60%;
}

.about-sec {
  position: relative;
  border-top: 1px dotted #F3DD75;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.about-sec-head {
  position: absolute;
  width: 60px;
  top: 0;
  left: 50%;
  margin-left: -30px;
  text-align: center;
}
.about-sec-mark {
  position: relative;
  line-height: 1;
  font-size: .8rem;
  padding-top: 5px;
  width: 70px;
  color: #fff;
  z-index: 0;
}
.about-sec-mark::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 70px;
  height: 48px;
  background-image: url(../img/aboutus/about-head-bg.png);
  background-size: 70px 48px;
  z-index: -1;
}
.about-sec-mark .num {
  display: block;
  margin-top:-7px;
  font-size: 2.4rem;
}
.about-sec-mark .num2 {
  display: block;
  margin-top:-5px;
  font-size: 2.4rem;
}
.about-sec-block {
  padding: 4.9rem 3% 4.6rem;
}
.about-sec-ttl {
  margin-bottom: 2rem;
  line-height: 1.2;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
.about-sec-h {
  margin-bottom: 1.6rem;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: bold;
  color:#fc5087;
}
.about-sec-desc {
  margin-bottom: 2rem;
}
.about-sec-desc p:not(:last-child) {
  margin-bottom: 1rem;
}
.about-sec-clip {
  margin-bottom: 1.6rem;
}
.school-link li {
  text-align: center;
}
.school-link li a {
  color: #000;
  display: block;
  font-weight: bold;
  padding: 0.4em 0;
  background-image: url(../img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: auto 10px;
}
.school-link li:not(:last-child) {
  margin-bottom: 1rem;
}
.school-link .dance-st-link {
  background-color: #cc0000;
  color: #fff;
}
.school-link .yoga-st-link {
  background-color: #EFBA39;
  color: #fff;
}
.school-link .ballet-st-link {
  background-color: #37C8D9;
  color: #fff;
}
.about-sec3 li{
  float:left;
  width:25%;
}

/* system
------------------------------------------- */
.system-head {
  height: 265px;
  background-image: url(../img/system/system-head-bg-sp.jpg);
}
.system-ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.system-view-box {
  padding-top: 86px;
  margin-bottom: 3rem;
  background-position: 50% 0;
  background-size: 75px 75px;
}
.free-view {
  background-image: url(../img/system/free-lesson.png);
}
.indefinite-view {
  background-image: url(../img/system/indefinite.png);
}
.change-view {
  background-image: url(../img/system/change.png);
}
.system-view-copy {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.system-view-copy span {
  display: block;
  font-size: 2.6rem;
}
.free-view .system-view-copy {
  color: #FA6BC9;
}
.indefinite-view .system-view-copy {
  color: #CFB680;
}
.change-view .system-view-copy {
  color: #806259;
}
.system-lede-desc {
  margin-bottom: 2rem;
}
.price-table {
  margin-bottom: 2rem;
}
.price-table table {
  width: 100%;
  font-size: 1.2rem;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.price-table .dark-grad {
  color: #fff;
}
.price-table table th,
.price-table table td {
  padding: 1em 5px;
  text-align: center;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.price-table th {
   font-weight: bold;
}
.price-table table .up {
  color: #dd0000;
}
.price-table table .condition {
  font-size: 1rem;
}
.tb-xxs { font-size: .8rem;}
.tb-xs { font-size: .9rem;}
.tb-s { font-size: 1rem;}
.tb-m { font-size: 1.1rem;}

.price-atc-list {
  margin-bottom: 2rem;
}
.price-atc-list li {
  position: relative;
  padding-left: 1em;
  font-size: 1rem;
}
.price-atc-list li::before {
  position: absolute;
  content: "※";
  color: #EF1B49;
  left: 0;
}
.tb-br {
  display: block;
}
.different-sec {
  padding: 3rem 0 1rem;
  background-color: #efefef;
}
.different-sec-ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.other-sch-link {
  margin-bottom: 3rem;
}
.other-sch-link li {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.other-sch-link li a {
  display: block;
  padding: .5em 0;
  color: #fff;
  background-image: url(../img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: 6px 10px;
}
.other-sch-link li .ballet {
  background-color: #37C8D9;
  color: #fff;
}
.other-sch-link li .dance {
  background-color: #cc0000;
  color: #fff;
}
.other-sch-link li .yoga {
  background-color: #EFBA39;
  color: #fff;
}
.other-sch-link li .boxi {
  background-color: #000;
  color: #fff;
}

.dif-price-table table {
  font-size: .8rem;
  background-color: #fff;
}
.tb-class {
  background-color: #f2e7d1;
}
.academy-table .tb-class {
  width: 15%;
}
.academy-table .logo-td img{
  height: 40px;
}
.other-table .tb-class {
  width: 20%;
}
.other-table .logo-td img{
  height: 30px;
}
.dif-table-name {
  width: 20%;
}
.dance-td {
  background-color: #cc0000;
}
.yoga-td {
  background-color: #EFBA39;
}
.noaballet-td {
  background-color: #37C8D9;
}
.system-recept .stand-btn {
  margin-bottom: 2.5rem;
}
.entry-btn {
  color: #fff;
  display: block;
  background: #e72001;
  background: -moz-linear-gradient(top,  #e72001 0%, #c91b00 100%);
  background: -webkit-linear-gradient(top,  #e72001 0%,#c91b00 100%);
  background: linear-gradient(to bottom,  #e72001 0%,#c91b00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e72001', endColorstr='#c91b00',GradientType=0 );
}
.entry-btn .arw {
  display: block;
  padding: .8em 0;
  background-image: url(../img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: 8px 12px;
}


/* schedule
------------------------------------------- */
.sch-body {
  margin-bottom: 2.5rem;
}
.ginza-sc-page-head {
  padding: 0 4%;
  height: 350px;
  background-image: url(../img/schedule/ginza-sc-head-bg-sp.jpg);
}
.toritsudai-sc-page-head {
  padding: 0 4%;
  height: 350px;
  background-image: url(../img/schedule/toritsudai-sc-head-bg-sp.jpg);
}
.shinjuku-sc-page-head {
  padding: 0 4%;
  height: 350px;
  background-image: url(../img/schedule/shinjuku-sc-head-bg-sp.jpg);
}
.akihabara-sc-page-head {
  padding: 0 4%;
  height: 350px;
  background-image: url(../img/schedule/akihabara-sc-head-bg-sp.jpg);
}

.nakameguro-sc-page-head {
  padding: 0 4%;
  height: 350px;
  background-image: url(../img/schedule/nakameguro-sc-head-bg-sp.jpg);
}

.ginza-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/ginza-sc-head-bg-sp.jpg);
}
.toritsudai-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/toritsudai-sc-head-bg-sp.jpg);
}
.shinjuku-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/shinjuku-sc-head-bg-sp.jpg);
}
.akihabara-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/akihabara-sc-head-bg-sp.jpg);
}
.nakameguro-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/nakameguro-sc-head-bg-sp.jpg);
}
.komazawa-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/komazawa-sc-head-bg-sp.jpg);
}
.ebisu-sc-page-head2 {
  padding: 0 4%;
  background-image: url(../img/schedule/ebisu-sc-head-bg-sp.jpg);
}
.ginza-sc-page-head2 h1,.toritsudai-sc-page-head2 h1,.shinjuku-sc-page-head2 h1,.akihabara-sc-page-head2 h1,.nakameguro-sc-page-head2 h1,.komazawa-sc-page-head2 h1,.ebisu-sc-page-head2 h1{
  margin-bottom:.5em;
}

.page-head-ttl {
  color: #fff;
  font-size: 2.7rem;
  padding:.4em 0 .6em;
}
.page-head-ttl .en {
  font-weight:700;
 }
.page-head-ttl .ja {
  display: block;
  font-size: 1.2rem;
  padding-top:.4em;
}
.hd-sch-box {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.hd-sch-ttl {
position:relative;
}
.hd-sch-ttl .logo {
position:absolute;
left:0;
top:0;
  padding: 4px 8px;
  width:20%;
}
.hd-sch-ttl .logo img{
height:25px;
}
.hd-sch-box .cat span {
  display: block;
  background-image: url(../img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: 4px 6px;
}
.kyotsu-block .hd-sch-box .cat span{  background-image: url(../img/common/b-arw.png);}
.hd-sch-ttl .cat  {
  padding: 1em;
  width:100%;
  color:#fff;
}
.kyotsu-block .hd-sch-ttl .cat  { color:#333;}
.street-cat  { color: #000;}
.belly-cat  { color: #ec458d;}
.yoga-cat  { color: #dda200;}
.ballet-cat  { color: #1fa3bf;}
.hd-sch-box .street-link { background-color: #000;}
.hd-sch-box .belly-link { background-color: #ec458d;}
.hd-sch-box .yoga-link { background-color: #dda200;}
.hd-sch-box .ballet-link { background-color: #1fa3bf;}

.hd-sch-lede {
  color: #fff;
  line-height: 1.4;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom:2em;
}
.kyotsu-block .hd-sch-lede {  margin-bottom:0em;}
.hd-sch-lede a {
  color: #ef1100;
}
.hd-sch-lede .sub {
  display: block;
  margin-top: .6em;
  font-size: 1rem;
  font-weight: normal;
}
.sch-link-block {
  margin-bottom: 1em;
}
.sch-link-box {
  position: relative;
  margin-bottom: 1rem;
}
.link-branch-btn {
  font-size: 1.1rem;
  font-weight: bold;
}
.link-branch-btn a {
  display: block;
  padding: 1em;
  color: #fff;
}
.link-branch-btn .head-ico {
  display: block;
  padding-left: 2.4em;
  line-height: 20px;
  background-position: 0 50%;
  background-size: auto 20px;
}
.link-branch-btn .foot-ico {
  display: block;
  padding-right: 2.4em;
  line-height: 20px;
  background-position: 100% 50%;
  background-size: auto 20px;
}
.sch-link-branch .head-ico2 {
  background-image: url(../img/common/cal-green-ico.png);
}
.sch-link-branch .head-ico {
  background-image: url(../img/common/cal-ico.png);
}
.sch-link-download .head-ico {
  background-image: url(../img/common/pdf-ico.png);
}
.sch-link-branch .foot-ico2 {
  background-image: url(../img/common/close-arw-ico.png);
}
.sch-link-branch .foot-ico {
  background-image: url(../img/common/close-line-arw.png);
}
.sch-link-download .foot-ico {
  background-image: url(../img/common/download-ico.png);
}
.expand-menu {
  display: none;
  background-color: #f4f4f4;
  position: absolute;
  width: 100%;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  z-index: 5;
}
.expand-menu li {
  border-bottom: 1px solid #aaa;
}
.expand-menu li:hover {
  background: #dd0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #fc5087 0%, #C7208F 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fc5087 0%,#C7208F 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fc5087 0%,#C7208F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5087', endColorstr='#C7208F',GradientType=0 ); /* IE6-9 */
}
.expand-menu2 li:hover {
  background: #dd0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #fc5087 0%, #C7208F 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fc5087 0%,#C7208F 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fc5087 0%,#C7208F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5087', endColorstr='#C7208F',GradientType=0 ); /* IE6-9 */
}
.expand-menu li a {
  display: block;
  padding: .5em;
  background-image: url(../img/common/b-arw.png);
  background-position: 98% 50%;
  background-size: 8px 12px;
}
.expand-menu li a:hover {
  color: #fff;
  background-image: url(../img/common/w-arw.png);
}

.sec-lede-desc p {
  margin-bottom: 2rem;
}
.schedule-lede .recept {
  display: none;
}
.sch-ex {
  margin-bottom: 2rem;
}
.sch-ex-ttl {
  margin-bottom: 1rem;
}
.sch-cat-list li {
  position: relative;
  display: inline-block;
  font-size: .9rem;
  padding-left: 1em;
  margin-right: .5em;
}
.sch-cat-list li::before {
  position: absolute;
  content: "■";
  left: 0;
}
.sch-cat-list .hiphop-c::before { color: #f46d22;}
.sch-cat-list .jazz-c::before { color: #7b72d6;}
.sch-cat-list .lock-c::before { color: #e0c10e;}
.sch-cat-list .punk-c::before { color: #aa991d;}
.sch-cat-list .house-c::before { color: #7ab526;}
.sch-cat-list .free-c::before { color: #3bb25a;}
.sch-cat-list .pop-c::before { color: #53c9c9;}
.sch-cat-list .salsa-c::before { color: #bc2626;}
.sch-cat-list .kids-c::before { color: #db2a9b;}

.type-tab {
  margin-bottom: 1.6rem;
}
.type-tab li {
  float: left;
  width: 48%;
  text-align: center;
  font-weight: bold;
}
.type-tab li:last-child {
  float: right;
}
.type-tab li a {
  display: block;
  padding: .5em 0;
  color: #aaa;
  border: 1px solid #aaa;
}
.type-tab li .active {
  color: #fff;
  border: 1px solid #fc5087;
  background-color: #fc5087;
}
.type-cnt:not(:first-child) {
  display: none;
}
.kind-tab {
  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.6rem;
}
.kind-tab li {
  text-align: center;
}
.youbi-type-cnt .kind-tab li {
  width: 12%;
}
.studio-type-cnt .kind-tab li {
  width: 30%;
}
.studio-type-cnt .kind-tab li.w100{
  width: 100%;
}
.studio-type-cnt .kind-tab li.w50{
  width: 48%;
}
.studio-type-cnt .kind-tab li.w30{
  width: 30%;
}
.kind-tab li a {
  display: block;
  padding: .6em 0;
  color: #aaa;
  border: 1px solid #aaa;
}
.kind-tab li .active {
  color: #fff;
  border: 1px solid #fc5087;
  background-color: #fc5087;
}
.kind-cnt-ttl {
  display: none;
  padding: .4em 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.kind-cnt:not(:first-child) {
  display: none;
}
.kind-cnt{display:block!important;}
.off{display:none!important;}
.tab-fixed {
  background-color: #fff;
  padding: 15px 0;
  position: fixed;
  top: 54px;
  width: 94%;
  z-index: 4;
}
.class-sec {
  margin-bottom: 1rem;
}
.class-sec-ttl {
  padding: .2em 0;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  background: #4d4d4d; /* Old browsers */
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #4d4d4d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.class-main .time {
  color: #fff;
}
.class-main .profile {
  position: relative;
  display: table;
  padding: 10px 12px;
  width: 100%;
}
.class-main .clip {
  display: table-cell;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
}
.class-main .clip img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.class-main .p-info {
  display: table-cell;
  vertical-align: top;
  padding-left: 4%;
  padding-right: 4%;
  width: calc( 100% - 50px);
}
.class-main .time {
  padding: 5px 7px;
}
.class-main .p-info .name {
  font-size: 1.3rem;
  font-weight: bold;
}
.class-main .p-info .cat {
  padding-left: 1em;
  color: #555;
  font-size: .8rem;
}
.class-main .p-info .level {
  font-size: 1.1rem;
}
.class-main .p-info .remark {
  font-size: 1.1rem;
  font-weight: bold;
  color: #ef1100;
}
.class-main .p-info .trigger {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  background-color: #808080;
  background-image: url(../img/schedule/tgg-arw.png);
  background-position: 50% 50%;
  background-size: 7px 5px;
}
.class-main .open .p-info .trigger {
  background-image: url(../img/schedule/tgg-arw-re.png);
}
.class .class-sub {
  display: none;
}
.class .class-sub ul {
  padding: 5px 7px;
}
.class .class-sub li {
  float: left;
  width: 48%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
.class .class-sub li:last-child {
  float: right;
}
.class .class-sub li a,
.class .class-sub li button {
  display: block;
  padding: .3em 0;
  background-color: #fff;
}
.class-prof-btn {
  color: #F64C6C;
  border: 3px solid #F64C6C;
}
.class-taiken-btn {
  width: 100%;
  color: #1DC0CA;
  border: 3px solid #1DC0CA;
}

.belly-class .time { background-color: #fc5087;}
.belly-class { background-color: #efefef; }
.hula-class .time { background-color: #fc5087; }
.hula-class { background-color: #efefef; }
.tahitian-class .time { background-color: #fc5087; }
.tahitian-class { background-color: #efefef; }

.burlesque-class .time { background-color: #fc5087; }
.burlesque-class { background-color: #efefef; }
.k-pop-class .time { background-color: #fc5087; }
.k-pop-class { background-color: #efefef; }
.girlshiphop-class .time { background-color: #fc5087; }
.girlshiphop-class { background-color: #efefef; }
.jazz-class .time { background-color: #fc5087; }
.jazz-class { background-color: #efefef; }

.sch-cat-list .belly-c { color: #db2a9b;}
.sch-cat-list .hula-c { color: #7ab526;}
.sch-cat-list .tahitian-c { color: #53c9c9;}

.schedule-foot-desc {
  padding: 1em;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  background-color: #fde9f4;
}
.class-view {
  margin-bottom: 2rem;
}
.class-view table {
  width: 100%;
  text-align: center;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}
.class-view th,
.class-view td {
  display: block;
  text-align: center;
  font-size: 1.1rem;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
.class-view th {
  padding: .4em 1em;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #efefef;
}
.class-view td {
  padding: .8em 1em;
}
.timel-ine {
  display: none;
}

.sc-other-link-block {
  padding:0 1em 2em;
}
.sc-other-link-block h3{
  font-size:1.8rem;
  font-weight:bold;
  margin-bottom:1.5em;
  text-align:center;
}
.sc-other-link-block li{
  margin-bottom:1.5em;
  position:relative;
}
.sc-other-link-block li img{
  width:90%;
  margin:0 auto 1em;
  display:block;
}
.other-link-txt {
  position:absolute;
  right:3%;
  bottom:.5em;
  width:70%;
  font-size:3.0rem;
  font-weight:bold;
  text-align:center;
  font-feature-settings:palt !important;
  letter-spacing: -.3rem;
}
.other-link-txt span{
  display:block;
  font-size:1.5rem;
  padding-top:.5em;
  letter-spacing: normal;
}

/* trial
------------------------------------------- */
.trial-page-head {
  height: 265px;
  background-image: url(../img/trial/trial-head-bg-sp.jpg);
}
.plain-sec-ttl {
  font-size: 1.8rem;
  font-weight: bold;
}
.form-body {
  margin-bottom: 4rem;
}
.form-lede {
  margin-bottom: 1.6rem;
}
.form-caution {
  color: #ee0000;
  font-size: 1.4rem;
}
.studio-select {
  position: relative;
}
.trial-link-branch {
  background-color: #1DC0CA;
}
.trial-link-branch .foot-ico {
  background-image: url(../img/common/close-line-arw.png);
}
.supple-btn {
  display: inline-block;
  padding: .8em 1em;
  color: #fff;
  font-size: 1.2rem ;
  font-weight: bold;
  border-radius: 3px;
  border: 0px solid #999;
}
.supple-btn .arw {
  padding-right: 1.2em;
  background-image: url(../img/common/w-arw.png);
  background-position: 100% 50%;
  background-size: auto 12px;
}
.lesson-edit-btn {
  background-color: #1DC0CA;
}
.closing-btn {
  background-color: #F64C6C;
}
.studio-select {
  display: none;
}
.from-basic .change-lesson {
  display: none;
}
.from-basic .studio-select {
  display: block;
}
.cfm-form-lede {
  margin-bottom: 2rem;
}
.caution-ttl {
  color: #ee0000;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  text-align: center;
}
.comp-recept {
  margin-bottom: 2rem;
}

/* webentry
------------------------------------------- */
.tb-tac{
  font-size:1.4rem;
  line-height:1.2;
  padding:0 1%;
}
.sec-lede-desc2 {
  margin-bottom: 4rem;
}
.sec-lede-desc2 p {
  margin-bottom:2rem;
}
.m-step {
  padding: 1.6rem 0;
  background-color: #efefef;
}
.m-step-list li {
  margin-bottom: 1rem;
}
.m-step-list li:not(:last-child) {
  padding-bottom: 2rem;
  background-image:url(../img/common/step-bottom-arw.png);
  background-size: 14px auto;
  background-position: 50% 100%;
}
.m-step-list li {
  color: #e00;
  text-align: center;
}
.m-step-list li .inside {
  display: table;
  padding: 1em 4%;
  width: 100%;
  background-color: #fff;
}
.m-step-head {
  display: table-cell;
  width: 24%;
  vertical-align: middle;
}
.m-step-ico {
  display: table-cell;
  width: 36%;
  vertical-align: middle;
}
.m-step-ico img {
  max-width: 54px;
}
.m-step-txt {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
.m-step-head .num {
  background-color: #e00;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  height: 20px;
  font-size: 1.5rem;
  margin-left: 0.5em;
  width: 20px;
}
.consent-ttl {
  margin-bottom: .6rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.consent-frame {
  margin-bottom: 1.6rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 180px;
  font-size: .9rem;
  border: 1px solid #aaa;
}
.consent-frame .inner {
  padding: 1.2em 4%;
}
.consent-box p,
.consent-box ul {
  margin-bottom: 1rem;
}
.consent-box .ttl {
  font-weight: bold;
}
.consent-btn {
  text-align: center;
}
.print-btn {
  display: inline-block;
  padding: 1em;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #000;
  background-image: url(../img/common/w-arw.png);
  background-size: auto 1em;
  background-position: 94% 50%;
}
.pdf-ico {
  display: inline-block;
  padding: 0 3em;
  background-image: url(../img/common/pdf-ico.png);
  background-size: auto 1.6em;
  background-position: 0 50%;
}
.member-btn {
  font-size: 1.6rem;
  font-weight: bold;
}
.member-btn .arw {
    background-size: auto .8em;
}

.sub-sec-ttl {
  text-align: center;
}
.pulling-box {
  display: none;
  font-size: 1.2rem;
}
.pulling-box:not(:last-child) {
  margin-bottom: 1.6rem;
}
.pulling-block.first .pulling-box:first-child,
.pulling-block.last .pulling-box:last-child {
  display: block;
}
.pulling-box .fwb {
  font-weight: bold;
}
.pulling-box .em {
  color: #ee0000;
}
.sub-sec-ttl {
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.radio-list li:not(:last-child) {
  margin-bottom: .4rem;
}
.form-consent-btn {
  margin-bottom: 1rem;
  text-align: center;
}
.form-consent-btn .print-btn {
  font-size: 1.6rem;
}
.agreement {
  padding: 1em;
  margin-bottom: 2rem;
  border: 1px solid #1a1311;
}
.agree-btn {
  margin-top: 1.6rem;
}
.agree-desc a {
  color: #f00;
  text-decoration: underline;
}
.agree-btn {
  text-align: center;
}
.agree-btn label {
  margin-left: .5em;
}
.agree-file {
  margin-bottom: 3rem;
  text-align: center;
}
.agree-file li {
  margin-bottom: 1.6rem;
}
.send-desc {
  text-align: center;
}
.send-desc p {
  margin-bottom: 1.6rem;
}
.send-desc-txt {
  font-size: 1.6rem;
  font-weight: bold;
}

.form-msg-sec p,
.form-msg-sec ul {
  margin-bottom: 1.6rem;
}
.form-msg-sec .ttl {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.form-msg-sec .sub-ttl {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.bring-h {
  padding-bottom: .2em;
  color: #e00;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #e00;
}
.bring-list {
  font-size: 1.1rem;
}
.comp-clip {
  text-align: center;
}
.comp-clip img {
  max-width: 60px;
}


/* branch shinjuku
------------------------------------------- */
.branch-page-head {
  height: 265px;
}
.b-shinjuku-head {
  background-image: url(../img/branch/shinjuku/head-bg-sp.jpg);
}
.branch-lede-copy {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.8rem;
}
.branch-photo.sec {
  margin-bottom: 6rem;
}
.b-photo-main {
  padding: 17px 22px 17px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #efefef;
}
.b-photo-ttl {
  margin-bottom: 1.5rem;
  font-size: 1.9rem;
}
.b-photo-main .text {
  font-size: 1.2rem;
}
.b-photo-main .text {
  height: auto;
}
.access-block  {
  border-bottom: 1px dotted #aaa;
}
.access-imap {
  margin-bottom: 3.5rem;
  border: 1px solid #ddd;
}
.access-gmap {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 3rem;
  height: 0;
  overflow: hidden;
  border: 1px solid #ddd;
}
.access-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.ad-detail {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.2rem;
}
.ad-detail .ad-dial {
  color: #00af96;
  font-size: 2.2rem;
}
.ad-time {
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.ad-pickup {
  margin-bottom: 2rem;
  color: #dd0000;
  font-weight: bold;
}
.ad-route .text {
  margin-bottom: 1rem;
}
.ad-route ol li {
  position: relative;
  padding-left: 1.4em;
}
.ad-route ol li::before {
  position: absolute;
  content: "→";
  left: 0;
  top: 0;
}
.ad-route {
  margin-bottom: 3rem;
}
.ad-traffic-case {
  margin-bottom: 2.5rem;
  background-position: 0.8em 0;
  background-size: 2em auto;
  padding-left: 4em;
}
.ad-train {
  background-image: url(../img/common/train-ico.png);
}
.ad-bus {
  background-image: url(../img/common/bus-ico.png);
}
.ad-sc {
  border:1px solid #1DC0CA;
  text-align:center;
  margin:0 auto 2em;
  width:90%;
  }
.ad-sc a{
  color: #1DC0CA;
  padding:1em;
  display:block;
  font-size:1.4rem;
  font-weight:normal;
}
.branch-photo-list.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 5rem;
}
.branch-photo-list li button::before {
  display: none;
}
.branch-photo-list .slick-dots li {
  margin: 0 2px;
  width: auto;
}
.branch-photo-list .slick-dots li button {
  padding: 0;
  width: auto;
  color: #999;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}
.branch-photo-list .slick-dots li.slick-active button {
  color: #fc5087;
}
.branch-photo-list .slick-dots {
  bottom: -40px;
}
.branch-photo-list .slick-dots .bp-btn {
  width: 25px;
  height: 25px;
  vertical-align: top;
  background-size: 25px 25px;
}
.branch-photo-list .slick-dots .bp-prev-btn {
  margin-right: 10px;
  background-image: url(../img/common/c-l-arw.png);
}
.branch-photo-list .slick-dots .bp-next-btn {
  margin-left: 10px;
  background-image: url(../img/common/c-r-arw.png);
}

/* instructor
------------------------------------------- */
.inst-cover {
  width:94%;
  margin:-1em 3% 2em;
}
.inst-cover img {
}
.inst-lede {
  text-align: center;
}
.inst-lede dl {
  margin-bottom: 2.5rem;
  font-size: 1.4rem;
}
.inst-lede dt {
  color: #1DC0CA;
  font-weight:normal;
  font-size: 2.0rem;
  margin-bottom:.4rem;
}
.inst-lede .name dd {
  font-size: 2.5rem;
}
.inst-lede .genre dd {
  font-size: 1.8rem;
}
.inst-lede .genre dd span{
  display:block;
}
.inst-main {
  margin-bottom: 3rem;
}
.inst-main2 {
  margin-bottom: 3rem;
  border-bottom: 1px solid #aaa;
}
.inst-main .wrap {
  padding: 0;
}
.inst-sec {
  margin-bottom: 3rem;
}
.inst-sec-ttl {
  padding: .3em 0;
  margin-bottom: 1.4rem;
  color: #333;
  font-size: 1.8rem;
  text-align: center;
  background-color: #ededed;
}
.inst-coat {
  padding:1.4em 1.2em 1.2em;
  background-color: #F9F3E6;
}
.inst-coat-ttl {
  margin-bottom: .8em;
  color: #CCAA60;
  text-align: center;
  font-size: 1.8rem;
}
.inst-lesson-box {
  display: table;
  width: 100%;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.inst-lesson-info {
  display: table-cell;
  padding: 6px 0 8px 6px;
  width: 58%;
  font-size: 1.2rem;
  line-height:1.1;
  vertical-align: middle;
}
.inst-lesson-info p {
  margin-top:.4em;
}
.inst-lesson-info p.branch {
  padding-left:.4em;
}
.inst-lesson-info span{
  display:block;
  padding-left:.4em;
}
.inst-lesson-btn {
  display: table-cell;
  padding: 8px 8px;
  width: 42%;
  text-align: right;
  font-weight: bold;
  vertical-align: middle;
}
.exp-btn {
  display: inline-block;
  padding: .7em 1em;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  line-height:1.3;
  background-color: #1DC0CA;
}
.exp-btn .arw {
  display: block;
  padding-right: 1.8em;
  background-image: url(../img/common/w-arw.png);
  background-size: 4px 8px;
  background-position: 100% 50%;
}
.inst-coat iframe {
  width:100%;
  margin-top:1.5em;
}
.inst-coat-desc p:not(:last-child) {
  margin-bottom: 3em;
}
.movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inst-prof-info p {
  font-size:1.4rem;
  line-height:1.5;
  margin-bottom: 2rem;
}
.inst-prof-ttl {
  position: relative;
  padding-left: 1em;
}
.interview-lede {
  margin-bottom: 1.6rem;
}
.interview-clip {
  margin-bottom: 1.5rem;
}
.inst-prof-ttl::before {
  position: absolute;
  content: "■";
  left: 0;
  top: 0;
}
.interview-btn {
  font-size: 1rem;
}
.inst-sg-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1rem;
  -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;
}
.inst-sg-list li {
  margin-bottom: 1rem;
  width: 30%;
}
.inst-sub-ttl {
  margin-bottom: 1.6rem;
  text-align: center;
  font-size: 1.6rem;
}
.inst-sg-clip {
  margin-bottom: .4rem;
}
.inst-sg-list li span {
  display: block;
}
.inst-sg-list .name {
  font-size: 1.1rem;
}
.inst-sg-list .team {
  font-size: 0.8rem;
}
.inst-page-aside {
  background-color: #f6f6f6;
}
.inst-page-aside .sec {
  margin: 0;
}
.inst-page-aside .n-st-desc {
  padding: 1.4em 0;
  font-size: 1rem;
}

/* genre
------------------------------------------- */
.genre-breadcrumbs.breadcrumbs {
  margin-bottom: 0;
}
.g-hiphop-head {
  height: 265px;
  background-image: url(../img/genre/hiphop-cover-bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
}
.genre-inst-box {
  float: left;
  margin-right: 4%;
  width: 48%;
  margin-bottom: 2.5rem;
}
.genre-inst-box:nth-child(2n) {
  margin-right: 0;
}
.genre-sub-sec {
  padding-top: 1.5em
}
.genre-lede-links li {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}
.genre-lede-links li a {
  display: block;
  padding: .8em 1em;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.genre-lede-links li .arw {
  display: block;
  background-image: url(../img/common/w-arw.png);
  background-position: 100% 50%;
  background-size: 8px 12px;
}
.genre-lede-links {
  margin-bottom: 3rem;
}
.genre-lede-scat {
  margin-bottom: 2rem;
}
.genre-lede-scat li {
  position: relative;
  display: inline;
  font-size: 1rem;
}
.genre-lede-scat li a {
  color: #dd0000;
}
.genre-lede-scat li a:hover {
  text-decoration: underline;
}
.genre-lede-scat li:not(:last-child) a {
  padding-right: .5em;
  margin-right: .5em;
  border-right: 1px solid #aaa;
}
.genre-lede-desc {
  margin-bottom: 2rem;
}
.genre-lede-desc2 {
  margin-bottom: 0rem;
}
.genre-lede-btn {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding:.5em 0 2em;
}
.note-btn {
  display: block;
  padding: .6em 0;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #00af96;
}
.note-btn .ico {
  display: inline-block;
  padding-left: 4em;
  line-height: 2.5em;
  background-image: url(../img/common/note-ico.png);
  background-size: auto 25px;
  background-position: 1em 50%;
}
.k-music-bt {
  font-size: 1.4rem;
}
.k-music-bt i{
  padding-right:.5em;
}
.genre-inst-ttl {
  padding: .2em 0;
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  background-color: #6F5952;
}
.genre-inst-ttl .ja {
  padding-left: 0.5em;
  font-size: 1.1rem;
}
.genre-sec {
  background-color: #F9F3E6;
}
.genre-inst-list {
  padding: 1em 0;
}
.genre-inst-box {
  position: relative;
  font-size: .8rem;
}
.genre-inst-box::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent;
  border-right-color: #bb0000;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.genre-inst-clip {
  margin-bottom: 0.5rem;
}
.genre-inst-box .name {
  font-size: 1.3rem;
}
.genre-inst-box .team {
  color: #00af96;
}
.genre-inst-box .class {
  margin-top: .5em;
}
.genre-inst-detail {
  display: none;
}

/* company
------------------------------------------- */
.company-info{
  margin:3em 0;
}
.company-info dl {
  width:100%;
  border-bottom:1px dotted #CCCCCC;
  padding:1em 0;
}
.company-info dt {
  text-align:center;
  font-weight:bold;
  margin-bottom:.2em
}
.company-info dd {
  text-align:center;
}
.company-info dd a{
  color:#dd0000;
}
.company-info dd span{
  display:block;
}
.brandtop_box{
  width:100%;
  height:25px;
  margin-bottom:2em;
}
.pickupbox ul{
  width:100%;
}
.pickupbox li{
  width:48%;
  margin-bottom: 2em;
  float:left;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  position:relative;
  padding:0em 0em 3.5em;
}
.pickupbox li:nth-child(even){
  float:right;
}
.brandimage img{
  width:100%;
  overflow:hidden;
}
.pickup_text{
  width:100%;
  font-size:1.2rem;
  padding:1em 1em 0em;
}
.br_web_btn{
  width:70%;
  padding:.4em;
  background-color:#000;
  position:absolute;
  right:0;
  bottom:0;
  text-align:center;
  font-size:1.1rem;
}
.br_web_btn a{
  color:#fff;
}
.br_web_btn i{
  padding-left:.5em;
}

/* Sitemap
------------------------------------------- */
.sitemap-block {
  display:block;
  padding:0 3%;
  width:100%;
}
.sitemap-box {
  width:48%;
  float:left;
  text-align:left;
  margin-bottom: 3rem;
}
.r-box{
  width:48%;
  float:right;
  padding-left:2em;
}
.sitemap-lede-desc {
  font-size: 1.6rem;
}
.sitemap-sec:not(:last-child) {
  margin-bottom: 3rem;
}
.sitemap-sec-ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom:.5em;
}
.sitemap-list li {
  position: relative;
  padding-leftt:0em;
  font-size: 1.3rem;
  line-height:2.0;
}
.sitemap-list li a {
  color: #dd0000;
}
.sitemap-list li a:hover {
  text-decoration: underline;
}
.sitemap-list li i{
  padding-right:.5em;
}

/* festival
------------------------------------------- */
.festival-breadcrumbs.breadcrumbs {
  margin-bottom: 0;
}
.g-festival-head {
  height: 265px;
  background-image: url(../img/festival/festival-head-bg-sp.jpg);
  background-position: 50% 50%;
  background-size: cover;
}
.festival-sub-sec {
  padding-top: 1.5em;
}
.festival-sub-sec2 {
  padding-top: 1.5em;
  margin-bottom: -2em;
}
.festival-sub-sec3 {
  padding-top:0em;
  margin-bottom: -2em;
}
.festival-lede-desc {
  margin-bottom: 2rem;
}
.festival-news-desc {
  margin-bottom: 2rem;
}
.festival-news-desc p.ttl-text{
  font-size:1.8rem;
  line-height:1.5;
  font-weight:bold;
  color:#fc5087;
  margin-bottom: 1rem;
  text-align:center;
}
.festival-news-desc p.ttl-text span{
  display:block;
}
.festival-past-ttl {
  padding: .2em 0;
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  font-weight:bold;
  background-color: #555555;
}
.festival-past-ttl .ja {
  padding-left: 0.5em;
  font-size: 1.1rem;
  font-weight:normal;
}
.festival-past-sec {
  background-color: #eeeeee;
}
.festival-past-list {
  padding: 1.5em 0 1em;
}
.festival-past-box {
  float: left;
  margin-right: 4%;
  width: 48%;
  margin-bottom: 2.5rem;
  position: relative;
  font-size: .8rem;
}
.festival-past-box:nth-child(2n) {
  margin-right: 0;
}
.festival-past-box::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent;
  border-right-color: #fc5087;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.festival-past-clip {
  margin-bottom: 0.7rem;
}
.festival-past-box .year {
  font-size: 1.8rem;
  margin-bottom: .2rem;
}
.festival-past-box .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
.festival-past-box .date {
  color: #fc5087;
  font-size: 1.2rem;
  margin-bottom: .5rem;
}
.festival-past-box .place {
  font-size: 1.1rem;
  line-height:1.4;
}
.reha-wrap {
  padding:3em 0 2em;
}
.f-reha {
  font-size:1.2rem !important;
}
.reha-photo {
  width:20% !important;
  padding:1em;
}
.reha-day {
  width:60% !important;
  text-align:left !important;
}
.reha-start {
  width:20% !important;
  color:#ee0000;
}
.reha-dancer_name {
  font-weight:bold;
  margin-top:.5em;
}
.f-reha-box {
  background-color:#1DC0CA;
  padding:1em;
  text-align:center;
  color:#fff;
  margin-bottom:2em;
}
.f-reha-box a{
  font-size:1.8rem;
  color:#fff;
  display:block;
}
.festival-messege-top {
  width: 0;
  height: 0;
border-style: solid;
border-width: 0 5px 8.7px 5px;
border-color: transparent transparent #ffffff;
  margin:.5em 0 0 2em;
}
.festival-messege {
  background:#fff;
  color:#444;
  font-size:1.1rem;
  line-height:1.3;
  padding:1em;
  border-radius: 4px;
}

/* Festival Categoy
------------------------------------------- */
.festival-c-main {
  margin-bottom: 3rem;
}
.festival-c-main .wrap {
  padding: 0;
}
.festival-c-cover {
  width:94%;
  margin:-1em 3% 2em;
}
.festival-c-cover img {
}
.festival-c-lede {
  text-align: center;
}
.festival-c-lede dl {
  margin-bottom: 2.0rem;
}
.festival-c-lede dt {
  color: #1DC0CA;
  font-weight:normal;
  font-size: 1.4rem;
  margin-bottom:.8rem;
}
.festival-c-lede dd {
  font-size: 1.6rem;
  line-height:1.5;
}
.festival-c-lede .name dd {
  font-size: 2.5rem;
  font-weight: bold;
}
.festival-c-lede .name dd h2{
  font-weight: bold;
}

.festival-number-ttl {
  padding: .2em 0;
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  font-weight:bold;
  background-color: #1DC0CA;
}
.festival-number-ttl .ja {
  padding-left: 0.5em;
  font-size: 1.1rem;
  font-weight:normal;
}
.festival-number-sec {
  background-color: #F9F3E6;
}
.festival-number-sec2 {
  background-color: #F9F3E6;
  padding: 2em 0 3em;
}
.festival-number-list {
  padding: 1.5em 0 3em;
}
.festival-number-box {
  float: left;
  margin-right: 4%;
  width: 48%;
  margin-bottom: 2.5rem;
  position: relative;
  font-size: .8rem;
}
.festival-number-box:nth-child(2n) {
  margin-right: 0;
}
.festival-number-box::after {

}
.festival-number-clip {
  margin-bottom: 0.7rem;
}
.festival-number-box .act {
  font-size: 1.2rem;
  color:#1DC0CA;
  margin-bottom: .2rem;
}
.festival-number-box .name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
.festival-number-box .name-num {
  font-size:1.2rem;
  padding-left:.5em;
  color:#999;
}
.festival-number-box .genre {
  font-size: 1.2rem;
  line-height:1.1;
}


/* Festival post
------------------------------------------- */
.festival-p-main {
  margin-bottom: 4rem;
}
.festival-p-main .wrap {
  padding: 0;
}

.festival-p-lede {
  text-align: center;
}
.festival-p-lede dl {
  margin-bottom: 2.0rem;
}
.festival-p-lede dt {
  color: #1DC0CA;
  font-weight:normal;
  font-size: 1.4rem;
  margin-bottom:.3rem;
}
.festival-p-lede dd {
  font-size: 1.6rem;
  line-height:1.5;
}
.festival-p-lede .name dd {
  font-size: 2.5rem;
  font-weight: bold;
}
.festival-p-lede .name dd h2{
  font-weight: bold;
}

.festival-p-lede .name-num {
  font-size:1.2rem;
  padding-left:.5em;
  color:#999;
}
.festival-p-lede .title dd {
  font-size: 1.8rem;
  font-weight: bold;
}
.festival-p-lede .title dd h3{
  font-weight: bold;
}
.choreo-photo {
  margin-top:1em;
}

/* beginner
------------------------------------------- */
.beginner-bg {
  background-image: url(../img/beginner/beginner-aboutnoa-bg_sp.jpg);
  background-position: 50% 50%;
  background-size: 100% auto;
}
.beginner-aboutnoa-lede {
  padding:1em 1em .5em;
  font-size:1.4rem;
  line-height:1.6;
}
.beginner-aboutnoa-ttl {
  font-size:2.0rem;
  line-height:1.4;
  font-weight:bold;
  text-align:center;
  margin-bottom:1em;
}
.beginner-aboutnoa-sub {
  padding:2em 0em 0;
}
.beginner-aboutnoa-sub li{
  margin-bottom:2em;
}
.beginner-sub-clip{
float:left;
width:45%;
}
.beginner-sub-clip img{
border-radius: 6px;
}
.beginner-sub-ttl {
float:right;
width:50%;
  font-size:2.2rem;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  color:#49e1eb;
  padding-top:.2em;
}
.beginner-sub-ttl span{
  display:block;
}

.beginner-feature-wrap {
  padding:0em 1em .5em;
}
.beginner-feature-box {
  padding-top:2em;
  margin-top:2em;
  border-top:1px dashed #ccc;
}
.beginner-feature-box p{
  font-size:1.4rem;
  line-height:1.6;
  margin-bottom:1em;
}
.beginner-feature-subttl {
  background:#ff6d9d;
  color:#fff;
  font-size:1.3rem;
  font-weight:bold;
  padding:.6em.6em .4em;
  border-radius: 14px;
}
.beginner-feature-ttl {
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  margin:1em 0 .7em;
}

.beginner-voice {
  background:#F9F3E6;
  padding:2em 0;
}

/* knowledge
------------------------------------------- */
.knowledge-list-main {
  margin-bottom: 1.5rem;
}
.knowledge-desc {
  font-size:1.4rem;
  margin-bottom:2em;
  line-height:1.5;
}
.knowledge-list-cat-box {
  padding: 1rem;
  margin-bottom: .5rem;
  border:4px solid #eee;
}
.knowledge-list-cat-pack {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.knowledge-list-clip {
  width: 25%;
}
.knowledge-list-ex {
  width: 70%;
  font-size: 1.3rem;
  font-weight: normal;
  padding-top:.5em;
}
.knowledge-ttl {
  font-size:1.8rem;
  font-weight:bold;
  margin-bottom:.5em;
}
.knowledge-detail-bt{
  color:#fc5087;
  display:block;
  margin:1em 0 0;
}
.knowledge-detail-bt i {
  padding-left:.5em;
}
.knowledgepost-ttl {
  font-size:2.0rem;
  font-weight:bold;
  padding:0 .5em;
  text-align:center;
}
.knowledgepost-text {
  font-size:1.4rem;
  padding:2em .5em 1em;
  margin-bottom:0em;
-webkit-text-size-adjust: 100%;
  line-height:1.7;
}

.knowledgepost-text h2{
  font-size:1.6rem;
  line-height:1.5;
  font-weight:bold;
  margin-bottom:.3em;
}
.knowledgepost-text p {
  margin-bottom:1em;
}

.knowledgepost-text iframe{
  width:100%;
  margin:1em 0 2em;
}
.knowledgepost-text img {
  max-width:100%;
  width /***/:auto; /* IE8邵ｺ�ｮ邵ｺ�ｿ */
  height:auto;
  vertical-align:bottom;
}

.knowledge-sec {
  margin-top:2em;
}


/* k-pop-music
------------------------------------------- */
.k-music-lede-desc {
  margin-bottom: 3rem;
}
.k-music-lede-desc ul {
  list-style: none;
}
.k-music-lede-desc li {
  text-indent: -1.4em;
  margin-left: 1.4em;
  margin-bottom: 1rem;
}
.k-music-lede-desc li:before {
  font-family: FontAwesome;
  content: '\f06a'; /*  */
  color:#FC79AF;
  padding-right:0.5em;
}
.k-music-wrap {
  background-color:#efefef;
  padding:0rem 0 1rem;
}
.k-music-sec-ttl {
  margin-bottom:2rem;
  text-align:center;
  line-height:1.4;
  background-color:#444;
  color:#fff;
  padding:.5em 0 .3em;
}
.k-music-sec-ttl a{
  color:#fff;
  font-weight:normal;
}
.k-music-sec-ttl .en{
  font-size:1.6em;
  font-weight:normal;
}
.k-music-sec-ttl .ja{
  display:inline;
  font-size:1.0em;
}
.k-music-box a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.k-music-box {
  display:block;
  width:100%;
}
.k-music-box li{
  display:block;
  width;:100%;
  box-shadow:0px 0px 15px #ccc;
  -moz-box-shadow:0px 0px 15px #ccc;
  -webkit-box-shadow:0px 0px 15px #ccc;
  margin-bottom:2em;
  padding:0.8em;
  background-color:#fff;
}
.k-music-list {
  width:100%;
  margin-bottom:1em;
}
.k-music-list .k-music-image {
  width:35%;
  float:left;
}
.k-music-list .k-music-image img {
  width:100%;
  margin-bottom:0.5em;
}
.k-music-list .k-music-text {
  width:60%;
  float:right;
  word-break:normal
}
.k-music-detail {
  font-size:1.0em;
  color:#aaa;
  padding:0.8em 0 0.2em;
}
.k-music-detail2 {
  font-size:1.0em;
  color:#fa9bb9;
  padding:0.8em 0 0.2em;
}
.k-music-dancer {
  font-size:1.8rem;
  font-weight:bold;
  line-height:1.4;
}
.k-music-dancer span{
  font-size:1.1rem;
  padding-left:.2em;
}
.k-music-timeplace {
  font-size:1.2rem;
}
.k-music-number {
  padding-top:1em;
  font-size:1.3rem;
  font-weight:bold;
  color:#fc5087;
}

.k-music-timeplace .exp-btn {
  padding: .7em .7em;
  font-size: 1.1rem;
}
.k-music-timeplace .inst-lesson-box {
  border-right: 0px solid #aaa;
  border-bottom: 0px solid #aaa;
  margin-top:.7em;
  margin-bottom:1em;
}
.k-music-timeplace .inst-lesson-btn {
  text-align:left;
}
.k-music-timeplace {
  line-height:1.6;
}
.k-music-timeplace span {
  color:#fc5087;
  font-size:1.7rem;
  display:block;
  font-weight:bold;
  line-height:1.2;
}
.k-music-timeplace .arw {
  color:#fff;
  font-size: 1.1rem;
}
.k-music-timeplace .inst-lesson-btn {
  text-align:left;
  padding:0;
}


/* k-pop-music
------------------------------------------- */
.k-pop-container .k-music-wrap {
  background-color:#efefef;
  padding:0rem 0 1rem;
}
.k-pop-container .k-music-sec-ttl {margin-bottom:2rem;text-align:center;line-height:1.4;background-color:#ff7ca6;color:#fff;padding:.5em 0 .3em;}
.k-pop-container .k-music-sec-ttl a{color:#fff;font-weight:normal;  }
.k-pop-container .k-music-sec-ttl .en{font-size:1.6em;font-weight:normal;}
.k-pop-container .k-music-sec-ttl .ja{display:inline;font-size:1.0em;}

.k-pop-container .k-music-youbi{padding:0 0 1em;}
.k-pop-container .youbi-txt{text-align:center;margin-bottom:.5em;font-family: 'Playfair Display', serif;font-size:2.5rem;font-weight:bold;}

.k-pop-container .k-music-box a:hover img {opacity: 0.7;filter: alpha(opacity=70);}
.k-pop-container .k-music-box {display:block;width:100%;}
.k-pop-container .k-music-box li{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;margin-bottom:1.75em;padding:0.8em;background-color:#fff; position:relative;border-radius:10px;}
.k-pop-container .k-music-image {width:50px;}
.k-pop-container .k-music-image img {margin-bottom:0.5em;width:50px;height:50px;border-radius:50px;}
.k-pop-container .k-music-text {width: calc( 100% - 60px );word-break:normal;}
.k-pop-container .k-music-timeplace {font-size:1.2rem;}

.k-pop-container .k-music-dancer {font-size:1.4rem;font-weight:bold;line-height:1.4;margin-bottom:.5em;}
.k-pop-container .k-music-dancer span{font-size:.9rem;padding-left:.2em;}
.k-pop-container .k-music-number {padding-top:1em;font-size:1.3rem;font-weight:bold;color:#fc5087;}
.k-pop-container .k-music-timeplace span {color:#fc5087;font-size:1.5rem;display:block;font-weight:bold; line-height:1.2;position:relative;padding-left:1.2em;}
.k-pop-container .k-music-timeplace span:before{content: "\f001";font-family: FontAwesome; font-size:1.3rem;left:0; top: 2px; position: absolute;font-weight:normal;}

.k-pop-container .k-music-timeplace .exp-btn {padding:.6em .7em .7em;position:absolute;right:0;top:-.2em;text-align:center;border-radius:12px;}
.k-pop-container .k-music-box li .inst-lesson-box {border-right: 0px solid #aaa;border-bottom: 0px solid #aaa;margin-top:0; margin-bottom:0;line-height:1.6;text-align:left;}
.k-pop-container .k-music-box li .inst-lesson-btn {text-align:left;}
.k-pop-container .k-music-box li .inst-lesson-btn span:before{content:none;}
.k-pop-container .k-music-timeplace .arw {color:#fff;font-size: 1.2rem;background:none;padding:0;}








/* k-POP music instructor
------------------------------------------- */
.k-inst-sec-ttl {
  margin-bottom:2rem;
  text-align:center;
  line-height:1.4;
  padding:0 0 .6em;
}
.k-inst-sec-ttl .en{
  font-size:1.6em;
  font-weight:normal;
}
.k-inst-sec-ttl .ja{
  display:inline;
  font-size:1.0em;
}
.k-inst-main {
  margin-bottom: 3rem;
}
.k-inst-main2 {
  margin-bottom: 3rem;
}
.k-inst-main .wrap {
  padding: 0;
}
.k-inst-main2 .wrap {
  padding: 0;
}
.k-inst-sec {
  margin-bottom: 3rem;
}
.k-inst-cover {
  width:94%;
  margin:0 3% 2em;
}
.k-inst-cover img {
  border:5px solid #fff;
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
  border-radius: 10px;
}
.k-inst-cover img {
}
.k-inst-lede {
  text-align: center;
}
.k-inst-lede dl {
  margin-bottom: 2.5rem;
  font-size: 1.4rem;
}
.k-inst-lede .name dt {
  font-size: 1.4rem;
  color: #CCAA60;
  font-weight:normal;
  margin-bottom:.4rem;
}
.k-inst-lede .name dd {
  font-size: 2.5rem;
  font-weight:bold;
}
.k-inst-lede .name dd span{
  font-size: 1.2rem;
  font-weight:bold;
  padding-left:.4em;
}

.k-inst-coat-ttl {
  margin-bottom: .8em;
  color: #CCAA60;
  text-align: center;
  font-size: 1.4rem;
}
.k-inst-coat-desc {
  margin-bottom: 1.5em;
  padding:0 2%;
  font-size: 1.6rem;
  font-weight:bold;
  text-align:center;
}
.k-inst-coat-desc2 {
  font-size: 1.4rem;
  text-align:left;
  padding:0 2%;
}
.k-inst-sec-ttl2 {
  padding: .8em 0;
  margin-bottom: 1.5em;
  color: #333;
  font-size: 1.4rem;
  text-align: center;
  background-color: #ededed;
}
.k-inst-prof-info {
  font-size:1.6rem;
  font-weight:bold;
  text-align: center;
  margin-bottom: 1rem;
}
.k-inst-prof-info span{
display:block;
}
.k-inst-prof-info p{
  text-decoration:none;
  line-height:1.6;
}
.k-inst-prof-info .inst-lesson-box {
  border-right: 0px solid #aaa;
  border-bottom: 0px solid #aaa;
  margin-bottom:.5em;
}
.k-inst-prof-info .inst-lesson-btn {
  text-align:center;
}
.k-inst-prof-info .input {
  border: 0px solid #666 !important;
}

.k-inst-prof-info span {
  color:#fc5087;
  font-size:1.9rem;
}
.k-inst-prof-info .arw {
  color:#fff;
  font-size:1.2rem;
}

.k-inst-prof-info2 p {
  font-size:1.4rem;
  line-height:1.5;
  margin-bottom: 2rem;
}