@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1199px) {

  /*header*/
  .header-inner {
    width: 100%;
  }

  #g-nav li a {
    font-size: 1.05em;
  }

  .inner {
    width: 100%;
  }

  /*keyvisuai*/
  .mainvis {
    width: 100%;
  }

  /*event*/
  .event-past,
  .event-contact {
    width: 100%;
    padding: 4em 2em;
  }

  p.event-tag span {
    padding: .25em 1em;
  }

  /*page:rentalstudio*/
  .studio-map {
    padding: 10px 10px 0;
  }

  .map-area {
    font-size: .88em;
    bottom: 0;
    right: 1em;
  }
}

@media screen and (max-width: 768px) {
  .sp-dsp {
    display: inherit;
  }

  .pc-dsp {
    display: none;
  }

  header {
    box-shadow: 0 0 5px rgba(120, 120, 120, 0.5);
  }

  .header-inner {
    padding: 0;
  }

  img {
    width: 100%;
  }

  #content {
    padding: 2vh 0 0;
  }

  h2 {
    font-size: 7vw;
    letter-spacing: .05em;
  }

  h2 span {
    font-size: 2.5vw;
    padding-top: 0;
  }

  @media screen and (max-width: 480px) {
    h2 {
      font-size: 8vw;
    }

    h2 span {
      font-size: 3vw;
    }
  }

  #site-header.page .header-inner p.logo-img {
    padding: 0 0 0 .25em;
  }

  #site-header.page .header-inner p.logo-img img {
    width: 40%;
  }

  @media screen and (max-width: 480px) {
    #site-header.page .header-inner p.logo-img img {
      width: 65%;
    }
  }

  /*keyvisuai*/
  .slide-single p {
    position: absolute;
    bottom: .5em;
    right: .5em;
    font-size: 4vw;
  }

  .main-v {
    padding-top: 4em
  }

  .main-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 24;
    background-color: rgba(255, 255, 255, 0);
    padding: 1.5em;
    opacity: .85;
  }

  .slide-single .pogoSlider img {
    margin-top: 0;
  }

  .key-txt {
    margin: 2em 0 1.5em;
    padding: 0 .5em;
  }

  .key-txt h1 {
    line-height: 1.8;
    font-size: 3vw;
  }

  @media screen and (max-width: 480px) {
    .key-txt {
      margin: 1.5em 0 1em;
    }

    .key-txt h1 {
      font-size: 3.25vw;
    }
  }

  /*slider*/
  .slick-next {
    right: 0 !important;
  }

  .slick-prev {
    left: 0;
  }

  @media screen and (max-width: 480px) {

    .slick-prev,
    .slick-next {
      width: 25px;
      height: 25px;
      top: 20%;
    }

    .slick-prev:before,
    .slick-next:before {
      width: 25px;
      height: 25px;
    }
  }

  /*list*/
  p.list-txt {
    font-size: .7em;
  }

  .list-deta {
    width: 95%;
  }

  /*contact*/
  .sec-contact {
    padding: 3em 1.5em;
  }

  .sec-contact-s {
    padding: 1em 0 4em
  }

  .sec-contact .inttl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border: 2px solid #000;
  }

  .sec-contact .inttl-txt {
    width: 100%;
    padding: 1.5em;
  }

  .sec-contact .inttl-mail {
    width: 100%;
    border-left: 0px dotted;
    border-top: 1px dotted;
    display: block;
    padding: 3em 0em;
  }

  .sec-contact .inttl-txt h3 {
    font-size: 3.25vw;
    margin-bottom: .25em;
    text-align: center;
  }

  .sec-contact .inttl-txt p {
    font-size: 2.5vw;
  }

  .sec-contact .inttl-mail a {
    text-align: center;
    padding: 0 0;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Barlow Semi Condensed', sans-serif;
    position: absolute;
    top: 45%;
    transform: translate(-0%, -45%);
  }

  .sec-contact .inttl-mail i {
    font-size: 40px;
  }

  @media screen and (max-width: 480px) {
    .sec-contact {
      padding: 2em 1em;
    }

    .sec-contact-s {
      padding: 1em 0 3em;
    }

    .sec-contact .inttl-txt {
      padding: 1em;
    }

    .sec-contact .inttl-txt h3 {
      font-size: 4.25vw;
    }

    .sec-contact .inttl-txt p {
      font-size: 3.5vw;
    }
  }

  /*==================
 news
==================*/

  section.news {
    padding: 2em 1.5em 2.5em;
  }

  p.top-cmnt {
    display: none;
    text-align: justify;
    font-size: .65em;
    width: 78%;
    margin: 0 auto;
  }

  .news-list {
    margin: 2em 0 1.5em;
  }

  .news-list>div {
    width: 48%;
    padding: 0 0;
    margin-bottom: 2em;
  }

  span.news-tag {
    padding: .15em .35em;
    font-size: 3vw;
  }

  .newstxt {
    padding: 1.5em;
    ;
    margin-bottom: 1.5em;
  }

  .news-list p.list-ttl {
    padding: 0 0 1em;
    font-size: 3vw;
    line-height: 1.4;
  }

  .news-list p.list-txt {
    padding: 0 0 1em;
    font-size: 2.5vw;
  }

  .news-list .list-deta {
    left: 1.5em;
    bottom: 1.5em;
    padding-top: 1em;
  }

  .keyword-tag {
    width: 100%;
    margin: 3em auto 0;
  }

  .keyword-tag p.inttl span {
    padding: 0 1em;
  }

  .keyword-tag p.inttl {
    font-size: 3.5vw;
  }

  .keyword-tag p.tag {
    padding: 1em 0 0;
  }

  .keyword-tag p.tag span {
    font-size: 2.5vw;
    margin: 0 .5em 1.5em;
  }

  .keyword-tag p.tag a {
    padding: .5em 1.25em;
  }

  .news.inner .page-more a {
    border-left: 1px solid;
    padding-left: .5em;
    font-size: .88em;
    letter-spacing: .35em;
  }

  .pager {
    padding-bottom: 10%;
  }

  .page-more a {
    padding: .4em 1em .5em;
    font-size: 2.5vw;
  }

  @media screen and (max-width: 480px) {
    section.news {
      padding: 1.5em 1em 2em;
    }

    .news-list {
      margin: 2em 0 0;
    }

    .newstxt {
      padding: 1em;
      ;
      margin-bottom: 1em;
    }

    .news-list p.list-ttl {
      font-size: 4vw;
    }

    .news-list p.list-txt {
      font-size: 3vw;
    }

    .news-list .list-deta {
      left: 1em;
      bottom: 1em;
    }

    .page-more a {
      font-size: 3.5vw;
    }

    .keyword-tag p.inttl {
      font-size: 4.5vw;
    }

    .keyword-tag p.tag span {
      font-size: 3vw;
    }
  }

  /*==================
 event
==================*/

  /*list*/
  section.event {
    padding: 2em 0em 3em;
  }

  .event-list {
    margin: 2em 0;
    padding: 0 0;
  }

  .event-list .slick-prev,
  .event-list .slick-next {
    top: 25%;
  }

  .eventbox {
    padding: 0 1.5em;
    margin-bottom: 0em;
  }

  .event-info {
    width: 100%;
    margin: 0 0;
  }

  p.event-day {
    font-size: 8vw;
  }

  p.event-day span {
    font-size: 3vw;
  }

  p.event-place {
    line-height: 1.3;
    font-size: 2.5vw;
  }

  p.event-place span {
    font-size: 3vw;
  }

  p.event-tag {
    width: 100%;
    margin-top: 1.5em;
  }

  p.event-tag span {
    font-size: 3vw;
    padding: .6em .5em .5em;
    line-height: 1;
  }

  .eventbox p.list-ttl {
    font-size: 3.5vw;
    word-break: break-all;
    line-height: 1.4;
    margin-bottom: 1em;
  }

  @media screen and (max-width: 480px) {
    section.event {
      padding: 2em 0em 3em;
    }

    .event-list {
      margin: 2em 0 0;
      padding: 0 0;
    }

    .eventbox {
      padding: 0 .75em;
    }

    .event-list .slick-prev,
    .event-list .slick-next {
      top: 20%;
    }

    p.event-place {
      line-height: 1.2;
      font-size: 3vw;
    }

    p.event-place span {
      font-size: 3.5vw;
    }

    p.event-tag {
      width: 100%;
      margin-top: 1em;
    }

    .eventbox p.list-ttl {
      font-size: 4vw;
      word-break: break-all;
      line-height: 1.4;
    }
  }

  /*==================
 studio
==================*/
  section.studio {
    padding: 2em 0 5em;
  }

  section.studio .fnt-pnk {
    width: 100%;
    margin: 1em auto 1em
  }

  /*slider*/
  #slider-st {
    padding: 0 0 0;
  }

  #slider-st .slick-prev,
  #slider-st .slick-next {
    top: 35%;
  }

  .studiobox {
    padding: 0 1.5em 2em;
  }

  p.st-img {
    width: 100%;
  }

  p.st-name {
    font-size: 3.5vw;
  }

  p.st-txt {
    font-size: 3.5vw;
  }

  .studiobox span.st-tag {
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: 700;
    font-size: 2.5vw;
  }

  #slider-st2 {
    padding: 0 1.5em 1.5em;
  }

  #slider-st2 .studiobox {
    width: 49.5%;
    margin-bottom: 1.5em;
    padding: 0 0 1em;
  }

  /*#slider-st2 .studiobox p.list-img {height:200px;overflow:hidden;}*/
  #slider-st2 .studiobox p.st-name {
    font-size: 3vw;
  }

  #slider-st2 .studiobox p.st-category span {
    font-size: 2.4vw;
    padding: .5em;
  }

  #slider-st2 .studiobox p.list-txt {
    font-size: 2vw;
  }

  .studiobox span.st-tag2 {
    right: 0px;
    top: 0px;
    z-index: 1;
    font-size: 2vw;
  }

  @media screen and (max-width: 480px) {
    section.studio {
      padding: 2em 0 3em;
    }

    .studiobox {
      padding: 0 1em 1em;
    }

    .studiobox span.st-tag {
      font-size: 4vw;
    }

    p.st-name {
      font-size: 4vw;
    }

    #slider-st2 {
      padding: 0 1em 1em;
    }

    #slider-st2 .studiobox {
      margin-bottom: 1.5em;
    }

    /*#slider-st2 .studiobox p.list-img {height:100px;}*/
    #slider-st2 .studiobox .st-txt-box {
      padding: 0em .75em 0em;
    }

    #slider-st2 .studiobox p.st-name {
      font-size: 3.75vw;
      line-height: 1.3;
    }

    #slider-st2 .studiobox p.st-category span {
      font-size: 3vw;
      padding: .5em;
    }

    #slider-st2 .studiobox p.list-txt {
      font-size: 3vw;
    }

    .studiobox span.st-tag2 {
      font-size: 3vw;
    }
  }


  /*==================
 backnumber
==================*/

  section.backnumber {
    padding: 2em 0 2em;
  }

  section.backnumber .slick-prev,
  section.backnumber .slick-next {
    top: 40%;
  }

  #slider-backnbr {
    padding: 1em .5em 2em;
    line-height: 1;
  }

  #slider-backnbr .bn-box {
    padding: 1em .5em;
  }

  #slider-backnbr .bn-box img {
    margin-bottom: 1em;
  }

  p.bn-date {
    font-size: 2.5vw;
    line-height: 1.7;
  }

  p.bn-date span {
    font-size: 2vw;
  }

  p.bn-txt {
    font-size: 2.5vw;
    padding: 1em 2em 0;
  }

  @media screen and (max-width: 480px) {
    section.backnumber {
      padding: 2em 0 1em;
    }

    #slider-backnbr .bn-box {
      padding: .5em .5em 0
    }

    #slider-backnbr .bn-box img {
      margin-bottom: .5em;
    }

    p.bn-date {
      font-size: 3.5vw;
    }

    p.bn-date span {
      font-size: 2.75vw;
    }

    p.bn-txt {
      font-size: 3.5vw;
    }
  }

  /*==================
 DANCER
==================*/
  section.pick-dancer {
    padding: 2em 0 5em;
  }

  .dancer-list {
    background: none;
    padding-bottom: 6vh;
  }

  .dancer-list {
    padding: 2em 1.5em;
  }

  .dancerbox {
    width: 48%;
    padding: 0 0;
    margin-bottom: 2em;
    border: 6px solid #666;
  }

  .dancerbox p {
    text-align: center;
  }

  p.dc-style {
    font-size: 3vw;
    letter-spacing: .05em;
  }

  p.dc-style i {
    padding-right: .2em;
  }

  p.dc-name {
    font-size: 4.5vw;
    letter-spacing: .15em;
  }

  p.dc-name span {
    font-size: 3vw;
    font-weight: normal;
    letter-spacing: .05em;
  }

  p.all-view a {
    font-size: 2.5vw;
  }

  @media screen and (max-width: 480px) {
    section.pick-dancer {
      padding: 2em 0 3em;
    }

    .dancer-list {
      padding: 2em 1em;
    }

    .dancerbox {
      margin-bottom: 1em;
    }

    p.all-view a {
      font-size: 3.5vw;
    }
  }

  /*==================
LINK RECOMMEND
==================*/
  section.link {
    padding: 2em 0 0;
  }

  section.underlink {
    padding: 0em 0 2em;
  }

  section.link>.inner,
  section.reco-school>.inner {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 0em;
  }

  .link-list {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0em;
  }

  .linkbox {
    width: 47%;
    margin-bottom: 1em;
  }

  section.reco-school h2 {
    margin-bottom: 0;
  }

  ection.reco-school {
    padding: 2em 0 0em;
  }

  .reco-school .link-list {
    padding: 0em .5em 0;
  }

  .reco-school .link-list .recbox {
    width: 50%;
    margin-bottom: 0;
    margin-top: 3em;
  }

  .reco-school .link-list .recbox img {
    /* width: 80%; */
    margin: 0 auto 0;
  }

  .reco-school .link-list .recbox a span {
    font-size: 2vw;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0em;
    padding: 1em 0 0;
  }

  .reco-stbox {
    width: 50%;
    margin-bottom: 3em;
  }

  .reco-stbox img {
    width: 80%;
  }

  .reco-stbox a span {
    font-size: 2vw;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0em;
    padding: 1em 0 0;
  }

  section.reco-studio {
    background: #f6f6f6;
    padding: 2em 0 0em;
  }

  section.reco-studio .inner {
    padding: 0 5%;
  }

  @media screen and (max-width: 480px) {
    .reco-school .link-list .recbox {
      margin-top: 1.5em;
    }

    .reco-school .link-list .recbox a span {
      font-size: 3vw;
    }

    .reco-stbox {
      width: 50%;
      margin-bottom: 2em;
    }

    .reco-stbox a span {
      font-size: 3vw;
    }
  }

  /*==================
footer
==================*/

  .sec-foot>.inner {
    padding: 4em 2em 3em;
  }

  .f-logo-ttl img {
    width: 60%;
    margin: 0 auto 3em;
  }

  .sec-foot p.txt {
    font-size: 2.5vw;
    padding-bottom: 2em;
  }

  .sec-foot p.info {
    font-size: 2.5vw;
    padding-top: .5em;
    line-height: 1.6;
    text-align: center;
  }

  .sec-foot dl dd {
    display: block;
    margin-top: 1.5em;
    padding-left: 1.5em;
  }

  .sec-foot dl dd::before {
    left: .25em;
    top: 4px;
    font-size: 2.5vw;
  }

  .sec-foot dl dd p {
    font-size: 2.5vw;
    line-height: 1.4em;
  }

  .sec-foot dl dd p:nth-child(1) {
    width: 100%;
    font-weight: bold;
    font-size: 2.5vw;
    margin-bottom: .25em;
  }

  .sec-foot p.info span span {
    border-left: none;
    padding-left: 0;
    display: block;
  }

  /*FOOTER*/
  footer p {
    font-size: 3vw;
    padding: 2em 0 1em;
  }

  @media screen and (max-width: 480px) {
    .sec-foot>.inner {
      padding: 3em 1.5em 1em;
    }

    .f-logo-ttl img {
      width: 70%;
      margin: 0 auto 2em;
    }

    .sec-foot p.txt {
      font-size: 3vw;
    }

    .sec-foot p.info {
      font-size: 3.25vw;
    }

    .sec-foot dl dd::before {
      top: 2px;
      font-size: 3.5vw;
    }

    .sec-foot dl dd p {
      font-size: 3vw;
    }

    .sec-foot dl dd p:nth-child(1) {
      font-size: 3.5vw;
      margin-bottom: .25em;
    }

    footer p {
      font-size: 3.5vw;
      padding: 1.5em 0 .5em;
    }
  }


  /*============================================
  PAGE : contents
============================================*/

  #site-header.page .header-inner h1 {
    width: 70vw;
  }

  .keyvis {
    margin-top: 60px;
  }

  #container.under #content {
    padding: 40px 0;
  }

  #container.under .top-cmnt {
    display: block;
  }

  .breadcrumb {
    padding: 0 .5em;
  }

  .breadcrumb dd {
    font-size: .75em;
  }

  /* pankuzu
========================================================================== */
  .breadcrumbs li {
    font-size: 2vw;
  }

  .breadcrumbs ol {
    padding: 1.25em .5em 1.25em;
  }

  @media screen and (max-width: 480px) {
    .breadcrumbs li {
      font-size: 3vw;
    }

    .breadcrumbs ol {
      padding: .75em .5em;
    }
  }

  /*============================================
Key Visual
============================================*/
  #underpage.main_view {
    margin-top: 4em;
  }

  #underpage.main_view .keyin {
    padding: 2em 0 3em;
  }

  #underpage.main_view .keyin h1 {
    font-size: 8vw;
    letter-spacing: .1em
  }

  #underpage.main_view .keyin h1 span {
    font-size: 3vw;
    padding-top: .2em;
  }

  @media screen and (max-width: 480px) {
    #underpage.main_view .keyin h1 {
      font-size: 10vw;
      letter-spacing: .05em
    }

    #underpage.main_view .keyin h1 span {
      font-size: 3.5vw;
      padding-top: .1em;
    }

    #underpage.main_view .rental-icon {
      width: 80px;
      bottom: 7%;
    }
  }

  /*==================
ABOUT US
==================*/
  #aboutpage.main_view .keyin {
    top: 22%;
    left: 50%;
    transform: translate(-50%, -22%);
    padding: 0 0;
  }

  #aboutpage.main_view .keyin h1 {
    font-size: 6.5vw;
    margin-bottom: .5em;
    text-align: center;
  }

  #aboutpage.main_view .keyin p {
    font-size: 2.25vw;
    line-height: 2.15;
    letter-spacing: .1em;
    text-align: center;
  }

  .about-img-wrap ul {
    display: flex;
    justify-content: space-between;
  }

  .about-img-wrap li {
    width: 33.33%
  }

  .about-img-wrap li img {
    width: 100%
  }

  .about-contents-wrap {
    padding: 3em 0;
  }

  .about-contents-wrap p {
    font-size: 2.25vw;
    line-height: 2.2;
    margin-bottom: 2em;
    padding: 0 2em;
  }

  .about-contents-wrap li {
    width: 100%;
    padding: 0em;
  }

  .about-contents-wrap li:first-child,
  .about-contents-wrap li:nth-child(2) {
    width: 100%;
  }

  .about-contents-wrap li h2 {
    font-size: 6.5vw;
    letter-spacing: .05em;
  }

  .about-contents-wrap li:first-child h2,
  .about-contents-wrap li:nth-child(2) h2 {
    font-size: 6.5vw
  }

  .about-ico-wrap {
    padding: 1em 0 2em;
  }

  .about-ico-wrap li {
    width: 25%;
    font-size: 2vw;
    margin-bottom: 2em;
  }

  .about-ico-wrap li img {
    width: 50%;
    margin: 0 auto 1em;
  }

  @media screen and (max-width: 480px) {
    #aboutpage.main_view .keyin {
      top: 32%;
      left: 50%;
      transform: translate(-50%, -32%);
    }

    #aboutpage.main_view .keyin h1 {
      margin-bottom: .25em;
    }

    #aboutpage.main_view .keyin p {
      width: 100%;
      font-size: 3vw;
      line-height: 1.6;
      letter-spacing: .05em;
    }

    .about-contents-wrap {
      padding: 1.5em 0 2em;
    }

    .about-contents-wrap p {
      font-size: 3.25vw;
      line-height: 1.8;
      margin-bottom: 1.5em;
      padding: 0 1em;
    }

    .about-contents-wrap li h2 {
      font-size: 9vw;
      letter-spacing: .05em;
    }

    .about-contents-wrap li:first-child h2,
    .about-contents-wrap li:nth-child(2) h2 {
      font-size: 9vw
    }

    .about-contents-wrap li h2 span {
      font-size: 3.5vw;
    }

    .about-ico-wrap {
      padding: 1em 10% 1em;
    }

    .about-ico-wrap li {
      width: 50%;
      font-size: 3vw;
      margin-bottom: 2em;
    }
  }

  /*==================
Rental Studio
==================*/
  .rental-wrap {
    padding: 3em 2em 2em;
  }

  .rental-wrap h2 {
    font-size: 4.5vw;
    line-height: 1.4;
  }

  .rental-lead {
    padding: 1.5em 0 1.5em;
    font-size: 2.75vw;
  }

  .fnt-pnk {
    margin-top: 0em;
    padding: .75em;
    border: 2px solid;
    font-size: 2.75vw;
  }

  .fnt-pnk i {
    display: block;
    padding-right: 0em;
    text-align: center;
    padding-bottom: .5em;
  }

  .wide9 {
    width: 92% !important;
    margin: 0 auto;
  }

  .studio-map>img {
    max-width: none;
  }

  .mapimg {
    width: 100%;
  }

  .map-area {
    position: inherit;
    width: 100%;
    margin: 10% auto 0;
    right: auto;
    font-size: 2.75vw;
  }

  @media screen and (max-width: 480px) {
    .rental-wrap {
      padding: 1.5em 1em 2em;
    }

    .rental-wrap h2 {
      font-size: 5.5vw;
    }

    .rental-wrap p.rental-lead {
      font-size: 3.5vw;
    }

    .fnt-pnk {
      font-size: 3.75vw;
    }

    .map-area {
      font-size: 3.25vw;
    }
  }

  .event-banner {
    width: 95%;
    margin: 5vw auto;
  }

  .page-event {
    width: 95%;
    margin-bottom: 60px;
  }

  .page-event .list {
    flex-wrap: wrap;
  }

  .page-event .date {
    width: 15%;
  }

  .page-event .ttl {
    width: 85%;
  }

  .page-event .ttl p {
    letter-spacing: normal;
    padding: 0 0 0 1em;
    font-size: .88em;
  }

  .page-event .deta {
    width: 100%;
    padding-bottom: .25em;
  }


  .about-imgs {
    margin-bottom: 6vh;
  }

  /*==================
Rental Studio page
==================*/
  .room-top {
    padding: 0 0 0;
  }

  .room-top .inner {
    padding: 0 0 2em;
  }

  .room-top .room-wrap {
    display: block;
    padding-top: 0em;
  }

  .room-top .room-left {
    width: 100%;
    position: relative;
    padding: 0 0;
  }

  .room-top .room-right {
    width: 100%;
    position: relative;
    padding: 1em 1.5em 0;
  }

  .room-left h1 {
    font-size: 5vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    margin-bottom: .5em;
    border-bottom: none;
    padding: .5em 2em 0;
  }

  .room-left .shop_image {
    margin: 4em auto 0 !important;
  }

  .room-left .shop_image dl {
    width: 100%;
    padding: 0;
    margin: 0px 0 2em;
  }

  .room-left .shop_image dd {
    padding: 0 0;
  }

  .room-left .shop_image ul.slick-dots {
    width: 100px;
    bottom: 1em;
  }

  .room-left ul.slick-dots {
    bottom: 1em;
    width: 20vw;
  }

  .room-left ul.slick-dots li button {
    width: 10px;
    height: 10px;
  }

  .room-left ul.slick-dots li button::before {
    width: 10px;
    height: 10px;
  }

  .room-top .shop-txt {
    padding: 0 2em;
    margin-bottom: 1.5em;
  }

  .room-top .shop-txt p {
    font-size: 2.75vw;
    line-height: 1.7;
  }

  .room-right h2 {
    text-align: center;
    font-size: 5.5vw;
    letter-spacing: 0;
    margin-bottom: .5em;
  }

  .room-right h2 span {
    display: block;
    padding-left: 0em;
    font-size: 2.5vw;
    font-weight: normal;
  }

  .studio-eq {
    margin: 0 0;
  }

  .studio-eq table {
    font-size: 2.75vw;
    line-height: 1.6;
  }

  .studio-eq table th {
    padding: 1em;
    width: 100%;
    display: block;
    text-align: left;
    background: #f6f6f6;
  }

  .studio-eq table td {
    padding: 1em;
    width: 100%;
    display: block;
  }

  .room-right ul {
    margin-bottom: 2.5em;
  }

  .room-right ul:last-child {
    margin-bottom: 0;
  }

  .room-right li {
    margin-bottom: 1em;
    position: relative;
    padding-left: 0;
    padding-top: 1.5em;
    font-size: 3.75vw;
    text-align: center;
  }

  .room-right li:before {
    position: absolute;
    font-size: 3.75vw;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
    font-family: fontAwesome;
  }

  .room-right li.add:before {
    left: 50%;
  }

  .room-right li.tel {
    font-size: 7vw;
    padding-left: 0;
    padding-top: .75em;
    margin-bottom: .5em;
    color: #3cafad;
    line-height: 1.1;
  }

  .room-right li.tel:before {
    left: 50%;
    font-size: 5vw;
    color: #000;
  }

  .room-right li.mail {
    font-size: 5vw;
    padding-left: 0em;
    padding-top: 1em;
  }

  .room-right li.web {
    font-size: 5vw;
    padding-left: 0em;
    padding-top: 1em;
    line-height: 1.3;
  }

  .under section.studio {
    padding-bottom: 1em;
  }

  section.studio h3 {
    text-align: center;
    font-size: 4vw;
    margin: 1em 0;
  }

  @media screen and (max-width: 480px) {
    .room-top .room-left {
      width: 100%;
      position: relative;
      padding: 0 0;
    }

    .room-left h1 {
      font-size: 7vw;
      padding: 0 1em 0;
    }

    .room-top .shop-txt {
      padding: 0 1.5em;
      margin-bottom: 1.5em;
    }

    .room-top .shop-txt p {
      font-size: 3.75vw;
      line-height: 1.8;
    }

    .room-right h2 {
      font-size: 6.5vw;
    }

    .room-right h2 span {
      font-size: 3.5vw;
    }

    .studio-eq table {
      font-size: 3.75vw;
      line-height: 1.6;
    }

    .room-right li {
      margin-bottom: 1.5em;
      position: relative;
      padding-left: 0;
      padding-top: 2em;
      font-size: 3.75vw;
      text-align: center;
    }

    .room-right li:before {
      font-size: 4.75vw;
    }

    .room-right li.tel {
      font-size: 7vw;
      padding-left: 0;
      padding-top: 1em;
      margin-bottom: .5em;
      color: #3cafad;
      line-height: 1.1;
    }

    .room-right li.tel:before {
      left: 50%;
      font-size: 6vw;
      color: #000;
    }

    .room-right li.mail {
      font-size: 5vw;
      padding-left: 0em;
      padding-top: 1.5em;
    }

    .room-right li.web {
      font-size: 5vw;
      padding-left: 0em;
      padding-top: 1.5em;
      line-height: 1.3;
    }

    section.studio h3 {
      text-align: center;
      font-size: 5vw;
      margin: 0 0 1em;
    }
  }

/*==================
 Event
==================*/
  #content-under section.event {
    padding: 2em 2em 0em;
  }

  .event .event-list {
    display: block;
  }

  .event .top-cmnt {
    font-size: 2.5vw;
  }

  ul.event-tab {
    display: flex;
    justify-content: center;
    margin: 1.5em 0 3em;
    border-top: 1px solid #9B9A9A;
    border-left: 1px solid #9B9A9A;
  }

  ul.event-tab li {
    width: 20%;
    padding-right: 0em;
  }

  ul.event-tab li:last-child {
    padding-right: 0em;
  }

  ul.event-tab li p {
    font-size: 3.5vw;
    border: 0px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
  }

  .tab-contents .event-list,
  .event-list-wrap .event-list {
    margin: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .tab-contents .event-list:before,
  .event-list-wrap .event-list:before {
    content: "";
    display: block;
    width: 22%;
    order: 1;
  }

  .tab-contents .event-list:after,
  .event-list-wrap .event-list:after {
    content: "";
    display: block;
    width: 22%;
  }

  .tab-contents .eventbox,
  .event-list-wrap .eventbox {
    width: 47%;
    margin-bottom: 2em;
    padding: 0 0;
  }

  /*PAST EVENT*/
  .event-past {
    padding: 3em 1em 4em;
    width: 100%;
  }

  .event-past h2 {
    margin-bottom: 1em;
  }

  .event-past p {
    font-size: 2.5vw;
    display: block;
    margin: 1em 0 0;
    text-align: center;
  }

  .event-past p span {
    display: block;
  }

  .room-top h1 {
    padding-right: .5em;
    padding-left: .5em;
    width: 100%
  }

  .room-right p.event-day {
    font-size: 10vw;
    position: static;
    text-align: center;
  }

  .room-right p.event-day span {
    font-size: 6vw;
  }

  .room-top .event-txt p {
    padding: 0 1em;
    font-size: 2.5vw !important;
    line-height: 1.8;
  }

  .room-top .event-txt a {
    font-size: 2.5vw !important;
  }

  .room-right p.event-tag {
    margin-left: 0em;
    margin-top: 1.5em;
    text-align: center;
  }

  .room-right p.event-tag span {
    font-size: 3.25vw;
    padding: .25em .75em;
    text-align: center;
  }

  .room-right .event-info {
    padding: 0 1em .25em;
    display: block;
  }

  .room-top .event-txt iframe {
    width: 100%;
  }

  @media screen and (max-width: 480px) {
    #content-under section.event {
      padding: 2em 1em 0em;
    }

    .event-past {
      padding: 2em 1em 3em;
      width: 100%;
    }

    .event-past p {
      font-size: 2.9vw;
    }

    .event .top-cmnt {
      font-size: 3.5vw;
    }

    ul.event-tab {
      margin: 1.5em 0 2.5em;
    }

    .room-top .event-txt p {
      padding: 0 0;
      font-size: 3.75vw !important;
      line-height: 1.7;
    }

    .room-top .event-txt a {
      font-size: 3.75vw !important;
    }

    .room-right p.event-tag {
      padding: 0;
      margin: .5em auto 0;
    }

    .room-right p.event-tag span {
      font-size: 3.75vw;
      padding: .25em .75em;
    }

    .room-right .event-info {
      padding: 0 0 .25em;
    }
  }

  /*==================
 News
==================*/
  .news-wrap {
    background: #f6f6f6;
    padding: 4em 0 2em;
  }

  .news-wrap .news-mainimg {
    width: 100%;
    margin-bottom: 0em;
  }

  .news-wrap .news-txtbox {
    padding: 2em 2em;
    font-size: 2.75vw;
    line-height: 1.6;
  }

  .news-wrap h1 {
    font-size: 4vw;
    text-align: left;
    margin-bottom: 2em;
    line-height: 1.4;
  }

  .news-wrap h2 {
    font-size: 3.5vw;
    text-align: left;
    line-height: 1.4;
    padding: 0;
  }

  .news-wrap h3 {
    font-size: 3vw;
    text-align: left;
    line-height: 1.4;
  }

  .news-wrap .news-txtbox iframe {
    max-width: 100%;
  }

  .news-wrap .news-txtbox {
    word-break: break-all;
    text-align: justify;
  }

  .howto-wrap li {
    width: 45%;
    margin-bottom: 2em;
  }

  .how {
    text-align: justify;
  }

  .how img {
    height: 20px;
    width: auto;
  }

  .danreco-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .danreco-wrap li {
    width: 100%;
    padding: 1em;
    margin-bottom: 2em;
  }

  .machi-img {
    float: none;
    margin: 0 auto 1em auto !important;
  }

  .shoes-wrap img {
    width: 70%;
    margin: 0 auto 1em !important;
    float: none !important;
  }

  .meshi-img {
    float: none !important;
    margin: 2em auto 1em auto !important;
    width: 200px !important;
  }

  .hankyo-img {
    float: none !important;
    margin: 2em auto .5em !important;
    width: 200px !important;
  }

  .connect-rank ul {
    padding: 1em;
  }

  .connect-rank li {
    width: 100%;
  }

  .connect-rank li:last-child {
    padding-left: 0;
  }

  .connect-rank li p.rank-txt {
    margin-top: 1em;
  }

  .connect-rank li p.rank-txt img {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
  }

  .connect-rank2 li {
    width: 49%;
    padding: 0em;
  }

  .connect-rank2 li p {
    margin-bottom: .5em;
    padding: 0em 1em .5em;
  }

  .connect-rank2 li p:last-child {
    margin-bottom: 1em;
  }

  .connect-rank-point li {
    width: 100%;
    margin-bottom: 1em;
  }

  section.news-cat {
    padding: 5em 1em 2em;
  }

  section.news-cat h2 {
    font-size: 7vw;
    letter-spacing: .05em;
  }

  section.news-cat h2 span {
    font-size: 2.5vw;
    padding-top: 0;
  }

  @media screen and (max-width: 480px) {
    .news-wrap .news-txtbox {
      padding: 2em 1.5em;
      font-size: 3.75vw;
      line-height: 1.6;
    }

    .news-wrap h1 {
      font-size: 5vw;
      margin-bottom: 2em;
      line-height: 1.4;
    }

    .news-wrap h2 {
      font-size: 4.5vw;
      line-height: 1.4;
      margin: .5em 0 -.5em;
      padding: 0;
    }

    .news-wrap h3 {
      font-size: 4vw;
      line-height: 1.4;
    }

    section.news-cat h2 {
      font-size: 8vw;
    }

    section.news-cat h2 span {
      font-size: 3vw;
    }
  }

  /*==================
Company
==================*/
  .company-wrap {
    padding: 6em 0 1em;
  }

  .company-wrap h1 {
    font-size: 8vw;
  }

  .company-wrap h1 span {
    font-size: 4vw;
  }

  .company-info {
    margin: 2em 0;
    font-size: 3.75vw;
  }


}