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


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

  .news .bottom {
  width: 100%;
  padding: 60px 0;
  }
    
  h2{
  font-size: 45px;
  line-height: 1;}

  h2 span{
  font-size: 18px;
  padding: 1em 0 .5em;
  margin: 0;}

  /* underpage-Keyvisual
  ========================================================================== */
  #page.main_view.under-main > .keyin {position: absolute; top: 55%; left: 50%; transform: translate(-50%,-55%);}
  #page.under-main > .keyin h1 span{ font-size: 3vw;}
  #page .keyin p{font-size: 32px;}	
  /* #page .keyin p.shop-time{ font-size: 20px;margin:1.5em 0 1.5em;}	 */

  .movie-wrap{padding:3em 2em 0;}
  .movie-wrap iframe{height:400px;}
    
  /* header
  ========================================================================== */
  header{position:fixed;}
  header h1{margin: 0;width: auto;}
  header .logo{margin-right: auto; width: 90px!important;height:38px;}
  header .logo img[src$=".svg"]{width: 90px;height:38px;}
  .main_view{padding-top: 0px!important;}


    /* header 2024 
==========================================*/

@media screen and (min-width: 768px){
  .cssacc2_label::before {
    top: 1.5vw;
    left: 55%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid black;
  }
  .head_sp_nav_st a{
    font-size: 20px!important;
  }
}

@media screen and (min-width: 769px){
  .pulldown {
    background-color: #fff;
    position: fixed;
    top: -50%;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
    padding-bottom: 2rem;
    font-family: 'Playfair Display', serif;
  }

  .pulldown span{
    display: block;
    font-size: .8em;
  }

  .pulldown_host:hover .pulldown{
    top: 0;
    opacity: 1;
    transition: top .3s ease , opacity .3s .15s;
  }

  .pulldown_host:hover .pulldown{
    transition: .3s;
  }

  .pulldown_ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 1em;
    width: calc(8rem * 6)!important;
    padding: 7rem 2rem 0!important;
    margin: initial!important;
  }

  .pulldown p {
    font-size: 1rem;
    padding: 6rem 0rem 1rem 4rem;
  }

  .pulldown_ul li a {
    position: relative;
    display: block;
    width: 8em;
    font-weight: 500;
    letter-spacing: .03em;
    white-space: nowrap;
  }

    .pulldown_ul li a {
        padding: .6rem .5rem!important;
        font-size: .8rem!important;
        text-align: start!important;
  }

  .pc_nav {
    margin-left: auto;
    margin-right: 0!important;
  }

  .after_login {
    display: block;
    position: relative;
    z-index: 2;
  }

  .header_black .pulldown{
    background-color: #000;
  }

  .header_black .pulldown{
    color: #FFF;
  }


  .no_header_bg .pulldown{
    background-color: #000;
  }

  .no_header_bg .pulldown{
    color: #FFF;
  }

}

    
  /* footer
  ========================================================================== */
  footer{margin: 0; padding-bottom: 60px;}
  p.foot_logo{width: 180px; padding: 1em 0 1em 0;}
  footer .inner .left p{font-size:3vw; line-height:1.8;}
  footer .inner .left p span{font-size: .5em;}
  footer .inner .right p{font-size:2vw; line-height: 1.5;}
    
    
  /* スライドメニュー
  ========================================================================== */
  #slide_menu{right: -50vw; width: 50vw;}
  #ham_btn .inner{padding: 7px 0 0; width: 30px; height: 17px; display: block; position: relative; transition: all ease-out 0.8s; box-sizing: border-box;}
  #slide_menu .menu_list li{margin: 0 0 2px;}
  #slide_menu .menu_list li a{font-size: 20px; padding: 10px 0;}
  #slide_menu .menu_list li a span{margin: 0 0 1vw 2vw; font-size: 10px;}
  #slide_menu .box_wrap{margin: 0 0 0;}
  #slide_menu .box_wrap .btn_list{margin: 0 0 25px;}
  #slide_menu .box_wrap .btn_list li{margin: 0 0 15px;}
  #slide_menu .box_wrap .btn_list li a{padding: 15px; font-size: 18px;}
  #slide_menu .box_wrap .btn_list li:nth-child(3){margin: 30px 0 0;}
  #slide_menu .box_wrap .btn_list li:nth-child(3) a{background: url(../images/common/id.png) no-repeat 15px center #fff; background-size: auto;}
  #slide_menu .box_wrap.after_login .user_name{position: absolute;left: 4vw; top: 15px; font-size: 16px;}


  /* sp_tel_menu
  ========================================================================== */
  #sp_tel_menu{padding: 20px 20px;}
  #sp_tel_menu .top{padding: 15px 0 25px;}
  #sp_tel_menu .top h2{padding: 0 0 0 10px;font-size: 36px;}
  #sp_tel_menu .top h2 span{margin-left: 10px;font-size: 13px;}
  #sp_tel_menu .top p{font-size: 2.5vw;}
  #sp_tel_menu ul{margin: 0 0 0;font-size: 0;}
  #sp_tel_menu ul li{margin: 0 1% 30px;width: 48%;}
  #sp_tel_menu ul li a{padding: 15px 10px; display: block; font-size: 1em;}
  #sp_tel_menu ul li a span{right: 10px; font-size: .8em;}


    
  /* studio list
  ========================================================================== */
  .st_box p{font-size: 3.5vw;}
  .st_box p span{ font-size: 2vw;}
  .st_about{ padding: 2em 2em 0;}
  .st_about p.txt{ font-size: 2.5vw;}


  /* feature
  ========================================================================== */
  .feature_box p{ font-size:18px;}
  .feature_link p{font-size:18px;}


  /* studio search
  ========================================================================== */
  .search_box p{font-size: 16px; line-height: 1.3;}
    
  .search-wrap{padding-top:3em}
  .search-wrap h2{font-size:6vw;line-height:1.5;margin-bottom:.5em;}

  /* TOP NEWS
  ========================================================================== */
  dl.news_list dd{ padding: 0 2vw;}
  dl.news_stop dd .news-img {margin-bottom:.75em;width:100%;}
  dl.news_list dd .news-tag{font-size: 2vw;}
    
  .news-txt{ font-size: 2.25vw; font-weight:bold;line-height: 1.5; padding: 0em 0;}
  .news_link p{font-size: 2.5vw;}

    
  /* NEWS
  ========================================================================== */
  #page.main_view.news-st > .keyin {position: absolute; top: 60%; left: 50%; transform: translate(-50%,-60%);}
  #page.news-st > .keyin h1 span{font-size: 3.5vw; padding-top:1em;}

  .right_news_box{padding:0 1em;}
  .news_all_list .inner{padding:9em 1em 2em;}
  .news_all_list li{margin-bottom:3em;}

  .news_all_list h2{text-align:left; font-size:2vw; padding-top:.5em; line-height:1.5;}
  .news-date{font-size: 1.4vw; margin-bottom:1em;}


  .news-cat-ttl{font-size:6.5vw; margin-bottom:1em; text-align:center;}
  .news-cat-ttl span{font-size:3.5vw; padding-top:1em;}

  .left_news_box{width:100%;padding:0 1.5em;}
  .left_news_box ul{margin-bottom:2em;}
  .left_news_box li{position:relative; padding:1.5em .6em; width:48%; margin-bottom:1em;}
  .left_news_box h3{font-size:4vw; padding-bottom:1em; margin-top:.5em; text-align:center;}
  .left_news_box li a{display:block; font-size:2.2vw;}

  div.newspostslider ul li img{height: 300px;}
    
  .news-post-wrap{padding:6em 0em 0em;}
  .news-post-wrap .right_news_box{padding-top:0em;}
  .news-post-box{font-size:2vw; line-height:1.6; margin-bottom:3em;padding:0 1.5em 1.5em;}
  .news-post-box .news-tag{position:absolute; right:-.05em; top:-.17em;}
  .news-post-box .news-date{margin-bottom:.5em;}
  .news-post-box h1{font-size:3vw;}
  .news-post-box .news-post-date{color:#999;font-size:1.5vw;margin-bottom:2em}
  .news-post-box h2{font-size:2.5vw; margin:1em 0;}
  .news-post-box img{max-width:100%; height:auto;}

  .nomain-news-wrap p.title,.nomain-news-wrap h1.title{font-size: 45px; line-height: 1;padding:2.5em 0 .5em}
  .nomain-news-wrap p.title span,.nomain-news-wrap h1.title span{font-size: 18px; padding: 1em 0; margin: 0;}

  /* SERVICE
  ========================================================================== */
  /* p.srv_ttl{ font-size: 5.8vw;}
  p.srv_ttl span{ font-size: 2.5vw; margin-top:1em;}
  p.srv_logo{ margin: 2em auto 2em;}
  p.srv_txt{ font-size: 2.5vw; line-height: 1.5;}
  .srv_icn p{ font-size:3.2vw;}
  .srv_icn2 div{ width:20%;margin-bottom:1em;}
  .srv_icn2 img[src$=".svg"]{width:60%;margin:0 auto 1em;}
  .srv_icn2 p{ font-size:2vw;padding:0;}
  .srv_icn2 p span{display: block;} */

  /* OTHER STUDIO
  ========================================================================== */
  dl.in-list dd p{font-size: 2.5vw; line-height: 1.4;}

  .otr_sc dl.in-list dd img{margin:0 auto;width:90%}
    
  /**/

  /* pankuzu
  ========================================================================== */
  .breadcrumbs li{position:relative;display:inline-block;margin-right:1em;font-size: 14px;}


  /* PAGE : STUDIO 
  ========================================================================== */
  .shop-txt{font-size: 18px;}	
  /* .shop-txt p{ font-size: 18px; }	 */
  .shop-txt .midashi{font-size: 20px;}	
    
  .studio_list.room h2{line-height:.9;}
  .studio_list.room h2 span:nth-child(1){ font-size: 34px; padding-bottom:.1em;}
  .piano-room-desc {font-size: 18px; padding-top:.3em;}
  .studio_list.room h3{font-size: 22px; padding:.4em 0;}


  /* STUDIO ROOM
  ========================================================================== */

  /*////// KEY //////*/
  #page.studio-top.st{height: 400px !important;}
    
  /*////// SHOP OPTIONS //////*/
  .shop-options {padding:2em 2em 0;}
  .shop-options table th,.shop-options table td {padding: .75em;}
  .shop-options tbody th {font-size: 3vw;}
  .shop-options tbody td{font-size: 3vw;}
  .shop-options tbody td span{font-size: 2.5vw;}

    
  /* About
  ========================================================================== */
  .color-wrap{padding: 4em 0 0}
  .color-box{font-size:3vw;margin-bottom:4em;}
  .color-box .num{font-size:15vw;}
  .color-box .inner{padding:3em 2em;}
  .color-box h2{font-size:4vw;margin-bottom:1em;line-height:1.4;}
  .color-box p{font-size:2.75vw;line-height:1.5;margin-bottom:1.5em;}
  .color-box p.ttl-span{font-size:3vw;}
  .color-link a{color:#fff;padding:.75em 1.5em .75em 1em; font-size:3vw;}

  /* Studio
  ========================================================================== */
  .aboutst-wrap{padding: 0 0 2em}
  .aboutst-lead{padding: 2em 2em 2em;font-size:2.75vw;line-height:1.6;}
  .aboutst-lead h2{font-size:5vw;margin-bottom:.5em;}
  .aboutst-lead ol{padding-left:1.5em;margin-bottom:1em;}
  .aboutst-lead li{padding-left:.5em;}
  .piano-ic{margin-top:1em;}
  .piano-ic img{margin:0 auto .75em;width:80px;}
  .piano-ic h3{font-size:4.5vw;line-height:1.7;margin-bottom:0;}
  .piano-ic h3 span{font-size:3.25vw;font-weight:normal;}
  section#list{margin-bottom:4em;}
  section#list dl{padding:0 2em;}
  section#list dl dt{font-size:2.75vw;margin:1.5em 0 0;}
  section#list dl dd table{font-size:2.75vw;margin-bottom:2em;}
  section#list dl dd table th,section#list dl dd table td{line-height:1.6;}
    
  /* user guide
  ========================================================================== */
  .userduide-wrap{padding:3em 2em 0;}
  .userduide-wrap h2{font-size:4vw; text-align:center;line-height:1.5;}

  .userduide-wrap .inner{padding:0 1em;}
  .userduide-wrap ul{padding:3em 0;}
  .userduide-wrap li h3{font-size:3.75vw;}
  .userduide-wrap li p{font-size:2.75vw; line-height:1.6; margin-bottom:2em;}
  .userduide-wrap li img{margin:0 auto;}

  .userguide_other{padding:3em 3em;}
  .userguide_other li{margin-bottom:1em; font-size:2.75vw;}
  .userguide_other li .userguide-kiyaku{margin:2em auto 2em; width:100%;}
  .userguide-kiyaku > input:nth-child(1) + label {font-size:2.75vw;}
  .userguide-kiyaku > input:nth-child(1) + label i{padding:.4em; }
  .userguide-kiyaku .modalTitle {padding-bottom: .5em; margin: 1em 0 1.5em;font-size:3.75vw;}
  .userguide-kiyaku .modalMain {font-size:2.75vw;padding:0 1em;}
  .userguide-kiyaku .modalMain ul{border-top:none;}
  .userguide-kiyaku .modalMain ul span{ font-size:3vw;}
  .userguide-kiyaku .modalMain h3{font-size:3.5vw;}

  .st_terms_block{
    font-size: 16px;
    padding: 1em 0 3em !important;
  }
  .st_terms_box{
    font-size: 1em !important;
    float: none !important;
    width: 100% !important;;
    padding: 0.5em 0;
  }
  .st_terms_desc{
    font-size: 1em !important;
    padding: 0.3em 0;
  }

  /*////// TUNE //////*/
  .tune-wrap{padding:0em 2em;}
  .tune-tabs {padding-bottom: 2em;margin:0 0;}
  .tune-tab-item {width:18%; margin:1%;font-size: 2.5vw;padding:.5em 0;}
  .tune-tab-content {padding:3em 0;}
  .tune-wrap h2{font-family: 'Noto Serif JP', sans-serif;font-size:4.5vw;font-weight:700;}
  .tune-lead ul{margin-bottom:3em;padding:0 .5em;}
  .tune-lead li{font-size:2.5vw;margin-bottom:.75em;}
  .tune-box{display: flex; justify-content: space-between;background-color:#fff;border:1px solid #ddd;margin-bottom:1em;margin-top:-.5em;}
  .tune-box .tune-title{width:40%;padding:.65em 0 0 1.5em;}
  .tune-box h3{font-size:4.5vw;line-height:1.2;}
  .tune-box h3 span{font-size:3vw;}
  .tune-box .tune-title p{font-size:2vw;}
  .tune-box .st-tuning{width:60%;padding:0;margin:0;}
  .tune-box .st-tuning dd p{padding: 1em 0; font-size: 2.5vw;}

  /*////// HOTEL //////*/
  .hotel-wrap{padding:2em 2em;}
  .hotel-lead{font-size:2.75vw;margin-bottom:2em;}
  .hotel-wrap h2{font-size:5vw;margin-bottom:.75em;}
  .hotel-list h3{font-size:4vw;margin-bottom:.75em;}
  .hotel-list h3 span{font-size:2.5vw;padding-right:.5em;display:inline;}
  .hotel-list{width:100%;}
  .hotel-list .hotel-box{padding:1.5em;margin-bottom:2em;}
  .hotel-list .hotel-img img{width:100%;}
  .hotel-list .hotel-txt{width:100%;padding:2em .5em 0;}
  .hotel-list li{margin-bottom:.75em;position:relative;padding-left:1.4em;color:#3cafad;}
  .hotel-list li.walk{font-size:2.75vw;padding-left:1.75em;}
  .hotel-list li.walk:before{content: "\f18e";font-size:3.5vw;}
  .hotel-list li.tel{font-size:3.5vw;width:57%;padding-top:.25em;}
  .hotel-list li.tel:before{content: "\f10b";top:55%;left:.1em;font-size:5.5vw;font-weight:normal;}
  .hotel-list li.web{font-size:2.5vw;width:40%;padding:.5em;}
  .hotel-list li.web i{font-size:2vw;}

  /*////// HALL //////*/
  .hall-wrap{padding:3em 2em .5em;}
  .hall-wrap h2{font-family: 'Noto Serif JP', sans-serif!important;font-size:5vw;}
  section.hall-box{padding:2em 1.5em .5em;margin-bottom:2em;font-size:2.75vw;line-height:1.6;}
  section.hall-box dt{font-weight:bold;font-size:3vw;margin-bottom:.5em;}
  section.hall-box dd{margin-bottom:2em;}

  /*////// RECORDING //////*/
  .rec-wrap{padding:2em 2em 0;}
  .rec-wrap h2{font-family: 'Noto Serif JP', sans-serif;font-size:4vw;line-height:1.6;margin-bottom:1em;}
  .rec-lead{font-size:2.5vw;line-height:1.6;margin-bottom:2em;padding:0 .5em;}
  .rec-box{background:#fff;padding:0 0;margin-bottom:1em;}
  .rec-box img{width:100%;}
  .rec-box h3{font-family: 'Noto Serif JP', sans-serif!important;font-size:4vw;margin-bottom:1.5em;}
  .rec-box ul{display:flex;}
  .rec-box li{width:50%;}
  .rec-box p{font-size:2.5vw;line-height:1.6;}
  .rec-box p.rec-recommend{margin:1.5em 0 1.5em;}
  .rec-box p.rec-recommend span{padding:.4em .8em .5em;}
  .rec-box .rec-lead{padding:0 1em;}
  .rec-box .all-store{padding:0 1.5em;}
  .rec-box .rec-store{background:#f7f3ed;padding:2em 0;margin-bottom:2em;}
  .rec-box .rec-store-name{font-family: 'Noto Serif JP', sans-serif;font-size:5vw;margin-bottom:.5em;}
  .rec-box .rec-store-name span{font-size:3vw;}
  .rec-box .rec-store .store-img{margin-bottom:2em;}
  .rec-box .rec-store .st-type{padding:.2em .4em;font-size:2vw;}
  .rec-box .rec-store .store-img p{padding:.5em 1.5em 0;font-size:2.5vw;}
  .rec-box .rec-store .st-name{font-size:4vw;margin-top:0;text-align:center;}
  .rec-box .rec-store .st-name span{font-size:3vw;}
  .rec-box .rec-store p.rec-exemple{padding:.5em;margin:1.5em auto 0;width:93%;}
  .rec-box .rec-store ul{margin-bottom:0; padding:2em 2em 0;display:block;}
  .rec-box .rec-store li{width:100%;font-size:2.5vw;line-height:1.5;margin-bottom:.5em;}
  .rec-box .rec-store li.price{font-size:3vw;}
  .rec-box .rec-store li.price span{font-size:4vw;}
  .rec-box .rec-store li.price span:last-child{font-size:2.5vw;padding-left:.2em;}
  .rec-box .rec-store li.detail{font-size:3vw;margin:.5em 0;}

  .rec-cation{margin-bottom:2em;padding:1.5em .5em 1em;}
  .rec-cation ul{margin-bottom:3em;}
  .rec-cation li{font-size:2.5vw;margin-bottom:1em;}
  .rec-cation p{font-size:2.5vw;line-height:1.5;}
  .rec-cation p.cd-pkg{font-size:3.5vw;margin-bottom:1em;}
  .rec-wrap .hotel-box{border:0px solid #ccc;padding:2.5em;margin-bottom:2em;}

    
  /* studiomap
  ========================================================================== */
  .studiomap-wrap{padding:4em 1em 4em;}

  .studioalllist-wrap{padding:3em 1em 4em;}
  .studioalllist-wrap table{width:100%; box-sizing:border-box; }
  .studioalllist-wrap table th,.studioalllist-wrap table td {padding: 1em; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display:table-cell;}
  .studioalllist-wrap table th{padding: 1em; border-bottom: 1px solid #aaa; font-size: 14px; width:15%;}
  .studioalllist-wrap table td.tel a{padding: .5em; font-size: 16px; letter-spacing:2px; width:25%;} 
  .studioalllist-wrap table td.add {padding: 1em; } 
    
    
  /* company
  ========================================================================== */	
  .nomain-form-wrap h1{font-size: 45px; line-height: 1;}
  .nomain-form-wrap h1 span{font-size: 18px; padding: 1em 0; margin: 0;}
  .company-info dd{padding:0 2em;}
  .company-info h2{font-size:24px;}	

  /* 404 NOT FOUND
  ========================================================================== */
  body.notfound h1{font-size:5.5vw;line-height:.7;margin-bottom:.5em;}
  body.notfound h1 span{font-size:5.5vw;display:block;line-height:.7;}
  body.notfound .notfound-wrap{font-size:3vw;line-height:1.7;padding:5.5em 2em 0em;}
  body.notfound .back-btn {margin-top:2.5em; padding: 0 4em;}
  body.notfound .back-btn a {margin: 1em auto 1em;font-size: 4vw;}
  body.notfound .studio_list{margin-bottom:0em;}
}/*768 end*/


@media screen and (min-width : 769px){
  .sp_view,.sp{ display: none;}
  .pc_view,.pc{ display: inherit;}

  
  /* header
  ========================================================================== */
  header{height:auto; min-width: 1200px;}
  header .header_wrap {
    margin: auto;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1em 0 2em;
  }
  header h1{width: 15%; line-height: 0; vertical-align: middle; box-sizing: border-box;}
  header h1 a{width: 120px;}
  header .logo{width: 10%; margin-right:5%; line-height: 0; vertical-align: middle; box-sizing: border-box;height:auto;}
  header .logo a {
    width: 110px;
    height: 51px;
  }
  header .logo img[src$=".svg"]{width: auto;height:51px;}
  header .right_box{
    display: flex !important ;
    height: 65px;
    align-items: center;
  }
  header .right_box li{display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box;}
  header .right_box li:nth-child(2) {
    padding: 0 .5em 0 1em;
  }
  header .right_box li a{display: block;}
  header .right_box li.user_name{display: inline-block; font-size: 14px; font-weight: bold;}
  header .right_box li.user_name span:nth-child(1){display: inline-block; font-size: 11.5px; font-weight: normal;}
  header .right_box li.user_name span:nth-child(2){font-size: 11px; font-weight: normal;}
  header .right_box li span{display: block;}
  header .right_box li#login_btn_pc a, 
  header .right_box li#login_btn_pc p,
  header .right_box li#booking_btn_pc p, 
  header .right_box li#contact_btn_pc a, 
  header .right_box li#recruit_btn_pc a {
    text-align: left;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    transition: 0.3s;
    padding: 0 0 0 42px;
  }
  header .right_box li#login_btn_pc a:hover,header .right_box li#booking_btn_pc a:hover,header .right_box li#contact_btn_pc a:hover,header .right_box li#recruit_btn_pc a:hover{opacity: .7;}
  header .right_box li#login_btn_pc span,header .right_box li#booking_btn_pc span,header .right_box li#contact_btn_pc span,header .right_box li#recruit_btn_pc span{display: block; font-size: 11px; font-family: "メイリオ","ms pgothic", sans-serif;font-weight:normal;}
  header .right_box li#login_btn_pc p {
    background: url(../images/common/login.svg) no-repeat left center;
    background-size: 35px 35px;
  }
  header .right_box li#booking_btn_pc p {
    background: url(../images/common/calendar.svg) no-repeat left center;
    background-size: 35px 35px;
  }
  header .right_box li#login_btn_pc p.login {
    background-position: left 4px center;
  }
  header .right_box li#contact_btn_pc a{background: url(../images/common/contact.svg) no-repeat left center; background-size:35px 35px;}
  header .right_box li#recruit_btn_pc a{background: url(../images/common/recruit.svg) no-repeat left center; background-size:35px 35px;}
  header .right_box svg{height:35px;}

  /* no_header */
  .no_header_bg .pc_nav ul li a,
  .no_header_bg .pc_nav ul li a span{
    color: #fff;
  }
  .no_header_bg header .right_box p,
  .no_header_bg header .right_box span,
  .no_header_bg header .right_box li a{
    color: #fff;
  }
  .no_header_bg header .right_box li#booking_btn_pc p {
    background-image: url(/images/common/calendar_w.svg);
  }
  .no_header_bg header .right_box li#login_btn_pc p{
    background-image: url(/images/common/login_w.svg);
  }
  .no_header_bg .main_view{ 
    margin-top: 0;
    padding-top: 0;
  }
  .no_header_bg #page.main_view.under-main > .keyin {
    top: 60%;
    margin: inherit;
  }


  /* pc_nav
  ===================================== */
  .pc_nav{
  display: inline-block;
  width: 692px;
  vertical-align: middle;
  box-sizing: border-box;
  margin-right: auto;
  }
  
  .pc_nav ul{
    width: 100%;
    margin: auto;
    font-size: 0;
    display: flex;
    display: -webkit-flex;
    padding-top:.5em;
  }
  .pc_nav>ul{
    justify-content: flex-end;
  }
  
  .pc_nav ul li{
    text-align: center;
    width: fit-content;
    display: inline-block;
  }
  
  .pc_nav ul li a{
    display: block;
    text-align: center;
    padding: 26px 12px;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
  }
  .pc_nav ul li:last-child a:last-child{
    padding-right: 25px;
  }
  .pc_nav ul li a span{
    display: block;
    text-align: center;
    font-size: 11px;
    font-family: "メイリオ","ms pgothic", sans-serif;
    font-weight: normal;
  }

  /* スライドメニュー
  ===================================== */
  .sp_nav,
  #ham_btn,
  #wrap.open #bg_cover,
  #tel_btn,
  #sp_tel_menu,
  #booking_btn{
  display: none;
  }

  #booking_close{right: 7em;top: 1em;}
  #floormap_close{right: 7em;top: 3em;}

  .movie-wrap{padding:2em 0 1em;}
  .movie-wrap iframe{height:300px;width:600px;}

  /* header black ========================================================= */
  .header_black header .right_box li#login_btn_pc p{
    background: url(../images/common/login_w.svg) no-repeat left center;
    background-size:35px 35px;
  }
  .header_black header .right_box li#booking_btn_pc p{
    background: url(../images/common/calendar_w.svg) no-repeat left center;
    background-size:35px 35px;
  }

  /* top-h1box
  ========================================================================== */
  .top-h1box{padding:3.5em 0 2.5em;}
  .top-h1box h1{margin: 0 0 1em;font-size: 25px;line-height: 175%;}
  .top-h1box p{font-size: 18px;}

  /* pankuzu
  ========================================================================== */
  .breadcrumbs{width:100%;}
  .breadcrumbs ol{padding:.7em var(--inn-w);}
  .breadcrumbs li{position:relative;display:inline-block;margin-right:1em;font-size: 14px;}


  /* key
  ==========================================================================*/
  .main_view{ padding-top: 0!important;}
  .key_inner .lead{ width: auto;}
    
  .main_view_slider h1,
  .main_view_slider p {
    top: 5.5em;
    left: 3em;
    font-size: 24px;
    letter-spacing: 1px;
  }
  .main_view_slider h1 span,
  .main_view_slider p span {
    font-size: .7em;
    line-height: 2.2;
    padding-top: 1em;
  }
    
  /* underpage-key
  ========================================================================== */
  #page.main_view{margin-top:-60px;}
  #page.under-main{ position: relative; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; width: 100% !important; display:block !important;}
  #page.main_view.under-main img{width: 100% !important; height:auto; }
  #page.main_view.under-main .store-line-bt img{width:62%!important;}
  #page.main_view.under-main > .keyin {padding: 2vw 0 ;top: 55%; left: 50%; transform: translate(-50%,-45%);}
  #page.under-main > .keyin h1{ font-size: 50px;}
  #page.under-main > .keyin h1 span{ font-size: 18px; font-weight: normal; padding-top:1em;}
  #page .keyin p.shop-time {
    font-size: 19px;
  }

  /* feature
  ========================================================================== */

  .feature_wrap{ padding:2em 0; margin-bottom:0em;}
  .feature_wrap h2{ text-align: center; line-height: 1; margin-bottom: 20px;}

  .feature_wrap > .inner {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;}
  .feature_box{ width: 30%; position: relative; margin-bottom:2em; padding: 0 0; font-size: 18px;}
  .feature_wrap div:nth-child(3){ margin-bottom:2em;}
  .feature_box img{ margin-bottom:1em;}
  .feature_box p{
    font-size: 17px; 
    line-height: 1.5;
  }

  .feature_link{ width: 220px;}
  .feature_link p{font-size: 18px;}


  /* STUDIO
  ==========================================================================*/

  .studio_list{ padding: 0;}

  .studio_list > .inner.flex{
    display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start;
  }
  .st_box{ 
    width: calc(100% / 6);
    /* padding-top: 9%; */
  }
  .st_box_salon {
    padding-top: 0;
  }
  .top_studio_list .st_box > a {
    position: absolute;
    height: 100%;
    top: 0;
  }

  .st_box img{ 
    width: 100%!important; 
    margin-bottom:1px;
    height: 100%;
    object-fit: cover;
  }

  .st_box p{ 
  /*  font-size: 23px;*/
    font-size: 20px;
    width: 100%;
  }
  .st_box p span,.st_about p.txt{ 
  /*  font-size: 16px;*/
    font-size: .8em;
  }
  .st_about p.txt{ line-height: 1.9;}

  .st_about.inner{ width: 1400px;}
  .st_about p.txt{ width: 90%; padding-top: 1.5em;}
  .st_about p.img{ 
    width: 10%; 
    box-sizing: border-box; 
    padding: 1.5em;
  }

  .under_studio_list{ 
    padding: 3em 0;
    max-width: 1200px;
    margin: auto;
  }


  /* studio search
  ========================================================================== */

  .search_list{ padding: 4em 0 0;}
  .search-glay{padding: 4em 0 4em;}
  .search_list h2{ text-align: center; line-height: 1; margin-bottom: 20px;}
  .clearfix:after{content : ''; display : block; clear : both; height:0;}
  .search_list > .inner {padding: 0 0%;}
  .search_list > .inner.flex{ flex-wrap: wrap;}
  .search_box{ width: 12.5%; position: relative; margin-bottom:1em;}

  .search_box p{text-align: center; font-size:14px; line-height: 1.3; width:100%; margin-top:.5em;}
  .search_box i{margin:0 auto; display:block; width:90px; height:90px;}
  .search_box span{display:block;}
  .search-ic {background: url(../images/common/serch-ic-bk.png) no-repeat;}
  .search_box .grand {background-position:50% 0; background-size:90px auto; display: block;}
  .search_box .upright {background-position:50% -90px; background-size:90px auto; display: block;}
  .search_box .duo {background-position:50% -180px; background-size:90px auto; display: block;}
  .search_box .quartet {background-position:50% -270px; background-size:90px auto; display: block;}
  .search_box .drum {background-position:50% -360px; background-size:90px auto; display: block;}
  .search_box .rec {background-position:50% -450px; background-size:90px auto; display: block;}
  .search_box .salon {background-position:50% -540px; background-size:90px auto; display: block;}
  .search_box .percussion {background-position:50% -630px; background-size:90px auto; display: block;}
  .search_box .seigaku {background-position:50% -720px; background-size:90px auto; display: block;}
  .search_box .gassyou {background-position:50% -810px; background-size:90px auto; display: block;}
  .search_box .amp {background-position:50% -900px; background-size:90px auto; display: block;}
  .search_box .steinway {background-position:50% -990px; background-size:90px auto; display: block;}
  .search_box .orchestra {background-position:50% -1080px; background-size:90px auto; display: block;}
    
  .room-left .search_box i{width:80px; height:80px;}
  .room-left .search_box .grand {background-position:50% 0; background-size:80px auto; display: block;}
  .room-left .search_box .upright {background-position:50% -80px; background-size:80px auto; display: block;}
  .room-left .search_box .duo {background-position:50% -160px; background-size:80px auto; display: block;}
  .room-left .search_box .quartet {background-position:50% -240px; background-size:80px auto; display: block;}
  .room-left .search_box .drum {background-position:50% -320px; background-size:80px auto; display: block;}
  .room-left .search_box .rec {background-position:50% -400px; background-size:80px auto; display: block;}
  .room-left .search_box .salon {background-position:50% -480px; background-size:80px auto; display: block;}
  .room-left .search_box .percussion {background-position:50% -560px; background-size:80px auto; display: block;}
  .room-left .search_box .seigaku {background-position:50% -640px; background-size:80px auto; display: block;}
  .room-left .search_box .gassyou {background-position:50% -720px; background-size:80px auto; display: block;}
  .room-left .search_box .amp {background-position:50% -800px; background-size:80px auto; display: block;}
  .room-left .search_box .steinway {background-position:50% -880px; background-size:80px auto; display: block;}
  .room-left .search_box .orchestra {background-position:50% -960px; background-size:80px auto; display: block;}

  .search-wrap{padding-top:4em}
  .search-wrap h2{font-size:40px;line-height:1.5;margin-bottom:0em;}
    

  /* TOP NEWS
  ==========================================================================*/
  .news{ margin: 50px 0;}
  .news h2 span.ls{padding-top:1.25em;}
  dl.news_list > div{ width: auto; padding: 0 .5em; box-sizing: inherit;}

  dl.news_stop dd .news-img {margin-bottom:1em;width:100%;}
  dl.news_list dd .news-img img{width:100%!important;}	
  dl.news_list dd .news-tag,dl.news_stop dd .news-tag,.news_all_list .news-img .news-tag{font-size: .7vw;}

  p.news-tag{ display: flex; align-items: center; padding: .5em 0; line-height: 1;}
  p.news-tag span{ font-size: 14px; padding: .3em .45em;}
  p.news-txt{ font-size: 14px; padding: 0;text-align: left;}
  .slick-dotted.slick-slider{ margin-bottom: 90px;}
  ul.slick-dots{ bottom: -3em;}
  .news_link{ width: 220px;}
  .news_link p{font-size: 1em;}
    
    
  /* PICKUP
  ==========================================================================*/
  .shop-pickup{ padding: 3em 0 0;}
  .shop-pickup .flex{ flex-wrap: wrap; justify-content: space-between; width: 100%;}
  .shop-pickup .flex:before{content:"";display: block;width:31%;order:1;}
  .shop-pickup .flex:after{content:"";display: block;width:31%;}
  .shop-pickup .flex p{ width: 31%;padding: 0 0 1em;}
    

  /* NEWS
  ========================================================================== */
  #page.main_view.news-st{ overflow: hidden; position: relative; }
  #page.main_view.news-st img{ width: 100%;}
  #page.main_view.news-st > .keyin {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; background:none; color: #fff; text-align: center; width: 100%; padding: 6vw 0 5vw;}
  #page.news-st{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 550px; background: url(../images/key/main_news.jpg) no-repeat top center/cover;}
  #page.news-st > .keyin h1{ font-size: 45px;}
  #page.news-st > .keyin h1 span{ font-size: 18px; font-weight: normal; padding-top:1em;}

  .news_all_list .inner{padding:3em 0em 0em;}
    
  div.newspostslider ul li img{height: 400px;}
  @media screen and (min-width: 1500px){
  div.newspostslider ul li img{height: 500px;}
  }

  .right_news_box{width:100%;}
  .news_all_list .inner{padding:10em 0em 2em;}
  .news_all_list ul{
    display: flex; 
    justify-content: space-between; 
    width:100%; 
    flex-wrap: wrap;
  }
  .news_all_list ul::after {
    content: "";
    width: 30%;
  }
  .news_all_list li{padding:0; width:30%;}
  .news_all_list .news-img{margin-bottom:1em;}
  .news_all_list .news-img img{width:100%!important;}
  .news_all_list .news-txt-box{width:100%;}
  .news_all_list h2{text-align:left; font-size:16px;}
  .news-date{font-size: 12px;  margin-bottom:0em;}

  .left_news_box{width:100%; padding-top:.5em; text-align:left;}
  .left_news_box ul{
    margin-bottom:2em;
  }
  .left_news_box h3{font-size:20px; padding-bottom:1.5em; margin-top:0em; text-align:left;}
  .left_news_box li{position:relative; padding:1em; width:22%; border-bottom:1px solid #ddd;}
  .left_news_box li a{font-size:15px;}
  .left_news_box li:hover{background-color:#ddd;}

  .news-cat-ttl{font-size:22px; margin-bottom:1.5em !important; margin-top:0em; text-align:left!important;}

    
  .news-post-wrap{background-color:#efefef; padding:8em 0 4em;}
  .news-post-wrap .right_news_box{padding-top:0em;}
    
  .news-post-wrap .left_news_box{width:100%; float:none; padding:.5em 4em 0; text-align:left;}
  .news-post-wrap .left_news_box ul{
    margin-bottom:2em;
    justify-content: flex-start;
  }
  .news-post-wrap .left_news_box li{
    padding:1em; width:22%;
  }
  .news-post-wrap .left_news_box li:not(:nth-of-type(4n)) {
    margin-right: 4%;
  }

  .news-post-box{padding:1em 4em 3em; position:relative; font-size:15px;line-height:1.9; margin-bottom:5em;}
  .news-post-box .news-tag{position:absolute; right:-.05em; top:-.5em;}
  .news-post-box .news-date{margin-bottom:.5em;}
  .news-post-box h1{font-size:20px;letter-spacing:1px;}
  .news-post-box .news-post-date{color:#999;font-size:13px;margin-bottom:4em}
  .news-post-box h2{font-size:17px; margin:1.5em 0;}
    
  .news-post-bt a{width:35%;margin:5em auto 4em;padding:.5em 0;}
    
  .nomain-news-wrap p.title,.nomain-news-wrap h1.title{font-size: 45px; line-height: 1;padding:4.5em 0 1.5em}
  .nomain-news-wrap p.title span,.nomain-news-wrap h1.title span{font-size: 18px; padding: 1em 0; margin: 0;}

  /* concert
  ========================================================================== */
  .concert-box{
  padding: 3em 0;
  }


  /* SERVICE
  ========================================================================== */
  /* .service{ 
    margin-top: 40px;
    font-size: 10px;
  }
  .service .bottom{ padding: 40px 0 40px;}
  .srv{ 
    width: 95%;
    display: flex;
    justify-content: center; 
    margin: auto;
  }
  .srv_box{ 
    width: 20%; 
    margin: 0 0.5px;
  }
  .srv_box a{ 
    padding: 6em 2.2em 5em;
  }
  .srv_box .srv-in{
    transition: transform .5s;
  }
  .srv_box:hover .srv-in{
    transform: translateY(-4px);
  }
  .srv_logo_wrap{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-bottom: 2.5em;
  }
  .srv_logo{
    width: 8.2em;
    margin: 0 0 1.5em 0;
  }
  .srv_ttl{
    font-size: 2.6em;
    text-align: center;
  }
  .srv_ttl span {
    font-size: 0.53em;
  }
  .srv_txt{ 
    font-size: 13px;
  }

  .srv_icn{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; margin: 2em auto 0; width: 100%;}
  .srv_icn div{ width: 24%; margin-bottom:0;}
  .srv_icn div a{display:block; padding:1em .5em 1em 55px;}
  .srv_icn div i{ display:block; width:50px; height:50px; left:.8em;}
  .srv_icn .concool {background-position:50% 0; background-size:50px auto; display: block;}
  .srv_icn .college {background-position:50% -50px; background-size:50px auto; display: block;}
  .srv_icn .hotel {background-position:50% -100px; background-size:50px auto; display: block;}
  .srv_icn .recruit {background-position:50% -150px; background-size:50px auto; display: block;}

  .srv_icn p{ font-size:20px; font-weight:bold; line-height:1.3; display: block; text-align: center;}
  .srv_icn div:nth-child(3) p,.srv_icn div:nth-child(4) p{padding-top:.5em;}
  .srv_icn p span{display: block; padding-left:0;}

  .srv_icn2{margin: 60px auto 0; width: 84%;}
  .srv_icn2 div{ width:16%;margin-bottom:1em;}
  .srv_icn2 img[src$=".svg"]{width:95px!important;margin:0 auto 1em;}
  .srv_icn2 p{ font-size:16px;padding:0;}
  .srv_icn2 p span{display: block;} */

  /* OTHER STUDIO
  ========================================================================== */
  /* .otr_st .bottom{ padding: 50px 0 0; width:75%; margin: 0 auto;}
  .otr_st dl.in-list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
  .otr_st dl.in-list dd{ width: 30%; margin:0; padding:0;}

  dl.in-list dd p{ font-size: 14px;}
  dl.in-list dd p.in-ttl{ text-align: left; padding: 0 0; margin-bottom:.5em;}
  dl.in-list dd p.in-ttl span{display: inline; padding-left:1em;}
  dl.in-list dd p.in-txt{ font-size: 12px;}

  .otr_st dl.in-list dd img{float:none; width:100%; margin:0 0 1em; padding:0;}
  .otr_st dl.in-list dd .in-txt-box{float:none; width:100%; margin:0 0; padding:0; display: block;} */

  /* OTHER WORKS
  ========================================================================== */
  /* 
  .otr_wks .bottom{ padding: 50px 0 0;}
  .otr_wks dl.in-list{ 
    display: flex;
    justify-content: space-around;
    flex-wrap: inherit;
    width: 85%; 
    margin: 0 auto;
  }
  .otr_wks dl.in-list dd{ width: 25%; padding: 0 .75em;}
  .otr_wks dl.in-list dd p.in-txt{ 
    font-size: 12px; 
    text-align: justify;
    padding: 1em 0;
  }
  */

  .in-list{
    gap: 1.5%;
  }
  .in-list li {
    flex: 1;
    padding: 0;
  }
  .in-list  img{ margin: 0 auto;}
  .in-list .in-ttl{ text-align: left; font-size: 12px;}
  .in-list .in-ttl span{ display: inline;}
  .in-list .in-txt{font-size: 10px; letter-spacing: -.01em;}

  .otr_wks .in-list {
    width: 90%;
  } 

  /* NOAH SCHOOL
  ========================================================================== */
  /* .otr_sc .bottom{ padding: 30px 0;}
  .otr_sc dl.in-list{ justify-content: space-between; width: 100%; flex-wrap: nowrap;}
  .otr_sc dl.in-list dd{padding: 0; width:10%} */

  /* NOAH SNS
  ========================================================================== */
  .link_sns{ width: 380px; margin: 30px auto 50px;}
  
  
  /* footer
  ========================================================================== */
  footer{
  margin: 0;
  padding: 0 0 4vw;
  }
  
  footer address{
  font-size: 13px;
  padding: 10px 0;
  text-align: center;
  }

  footer .inner{ display: flex; padding: 4vw 0;}

  footer .inner .left{ width: 30%; display: block; padding: 0;}
  footer .inner .left p{ text-align: left; font-size: 18px;}
  p.foot_logo{ width: 120px; padding: 0em;}
  footer .inner .left dl{ width: auto; padding: 1.5em 0 0;}
  footer .inner .left dl dd{ line-height: 1; padding: .5em 0;}
  footer .inner .left dl dd p{ border-left: #fff solid 4px; padding-left: .5em;}
  footer .inner .right{ width: 70%;}
  footer .inner .right p{ font-size: 13px; line-height: 1.8;}

  
  /* TOPへ戻るボタン
  ========================================================================== */

  #page-top{
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 100;
  width: 60px; height: 60px;
  }

  #page-top i{ font-size: 1.25em;}


  /* PAGE : STUDIO 
  ========================================================================== */

  /*////// KEY //////*/
  #page.studio-top{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}

  #page.main_view{ overflow: hidden; position: relative;}
  #page.main_view > .keyin{transform: none; top: auto; left: auto; padding: 1.5em 0 2.5em;}

  #page > .keyin h1{ font-size: 45px;line-height:1.4;}
  #page > .keyin h1 span{ font-size: 18px; margin: 0; padding: .5em 0 0;line-height:1.1!important;}
  /* #page > .keyin p{ font-size: 24px; padding: .1em 0;} */

  /*////// SHOP IMG //////*/
  .shop_image{ width: 100%; margin: 30px 0 0;}
  .shop_image dl{ width: 100%; margin: 0 0; padding: 20px 0 ;}
  .shop_image dd{ padding:0 1.5em;}
  .shop-img img{ width: auto;}

  /*////// SHOP TEXT //////*/
  .shop-txt{font-size: 16px; padding-top: 2em;}	
  /* .shop-txt p{ font-size: 16px; } */
  .shop-txt .midashi{font-size: 18px; padding:2em 0 .5em;}	
  .shop-txt iframe{width:100% !important; height:300px;margin-bottom:2em;}

  /*////// STUDIO LIST //////*/
  .under.studio_list.room{ padding: 1em 0;}s
  .studio_list.room h2{ margin-bottom: 10px;}
  .studio_list.room h2 span:nth-child(1){ font-size: 35px; font-weight: 700; font-family: 'Lato', sans-serif; display: inline-block; padding-right:.5em;}
  .piano-room-desc {font-size: 18px; text-align:center;  margin-bottom: 10px;}
  .studio_list.room h3{font-size: 26px; font-weight:bold; padding:1em 0 0; margin-bottom:.5em;}
  .studio_list.room h3 span{font-size: 14px;}
  .studio_list.room .st_wrap{display: flex; flex-wrap: wrap;justify-content:flex-start;}
  .studio_list.room .st_box{ width: 16.66%; padding:0; margin:0;}
  /* .studio_list.room .st_box:hover{background-color: rgba(255,255,255,.7);} */
  .studio_list.room .st_box p{ font-size: 24px;}
  .studio_list.room .st_box p span{font-size: 16px;}
  .studio_list.room .st_box .p-icon{top:7px; right:7px; width:30px; height:30px;}
  .studio_list.room .st_box i{width:25px; height:25px; top:5px; right:5px;}
  .studio-ic {background-size:25px auto; }
  .studio-ic.grand {background-position:50% 0; display: block;}
  .studio-ic.upright {background-position:50% -25px !important; display: block;}
  .studio_list.room .conf{ margin: 40px 0 60px;}
  .studio_list.room .conf button{ width: 400px; font-size: 16px; padding: 1em; box-sizing: border-box; cursor: pointer;}
  .studio_list.room .conf button::before{ font-size: 20px; left: 1em; vertical-align: middle;}
  .studio_list.room .conf button:hover{ background: #000; color: #fff;}
  .studio_list.room .conf button::before:hover{color: #fff;}
  .floor_map .bottom img{ margin: 0 auto;}
  .floor_map .bottom {
    padding: 10vw 0;
    max-width: 48em;
    margin: auto;
  }
  .room-pb{padding: 2vw 0 6vw!important;}

  /* TOP PAGE STUDIO LIST =========================== */
  .top_studio_list .st_box{
    padding-top: 114px;
  }
  .top_studio_list .st_box p{
    font-size: 18px;
  }
  .top_studio_list .st_box p span{ 
    font-size: 0.8em;
  }

  /*////// PRICE //////*/
  .shop-price-tabs {padding-bottom: 3em; width: 100%; margin:-.5em 0 0; padding:0 0;}
  .shop-price-tab-item {border-right: 10px solid #fff; line-height: 60px; font-size: 20px; padding:5px 0 0;}
  .no-border{border-right: 0px solid #fff;}

  .shop-price-tabs dl{
    margin-bottom:1.5em; 
    margin-top:1.5em; 
    /* text-align:center; */
    padding-left: 1em;
  }
  .shop-price-tabs dt{font-size: 24px; margin-bottom:.4em;}
  .shop-price-tabs dd{font-size: 18px; }
  .shop-price-tabs label span{display:inline;}
  .shop-price-tab-content {
    padding: 0;
  }
  .price-table table {
    width: 100%; 
    font-size: 18px; 
    line-height:1.5; 
    /* border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; */
  }
  .price-table table th,
  .price-table table td {
    padding: 8px; 
    text-align: center; 
    /* border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;  */
    vertical-align:middle;
  }
  .price-table thead th {
    /* background-color:#efefef; */
    height: 56px;
  }
  .price-table thead td {
    /* background-color:#f6f6f6; */
    height: 56px;
  }
  .price-table thead td span{display:inline;}
  .price-table tbody th {
    font-size: 20px;
    height: 70px;
  }
  .price-table tbody th span{font-size: 14px; display:inline;}
  .price-table tbody th span:nth-child(2){font-size: 14px; display:block;}
  .price-table th {font-weight: bold;/* background-color:#f6f6f6 */;width:20%;}
  /* .normal-price table th,.normal-price table td {width:20% !important;} */
  .shop-price-tabs ul {padding:0 0;}
  .shop-price-tabs li{font-size: 16px;line-height:1.4;margin-bottom:.5em;}

  .shop-price-caution {
    font-size: 14px;
  }

  /* NEW PRICE LIST =================== */
  .st-price-list{
    width: 100% !important;
    border-right: 1px solid #ccc;
  }
  .st-price-list-grid{
    display: block;
    align-content: flex-start;
    font-size: 13px;
  }

  .st-price-list-grid dt{
    width: 100%;
    font-size: 1em;
    line-height: 1.3;
    padding: 0;
    height: 74px;
  }
  .st-price-list-grid dd{
    width: 100%;
    font-size: 1.6em;
    padding: .8em 0;
    height: 74px;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .st-price-list-grid dd span{
    display: inline-block !important;
  }
  /* .st-price-list-grid:last-child dt,
  .st-price-list-grid:last-child dd{
    border-right: 1px solid #ccc;
  } */

  /*////// SHOP OPTIONS //////*/
  .shop-options {
    padding: 3em 0 ;
  }
  .shop-options .inner{padding:0 0;}
  .shop-options ul{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
  }
  .shop-options li{
    width: 46%;
    margin: 2em 2%;
  }	
  .shop-options table {width: 100%; font-size: 16px; line-height:1.5;}
  .shop-options table th,.shop-options table td {padding: 10px 15px;}
  .shop-options thead th {font-size: 16px;}
  .shop-options thead th span{font-size: 14px;}
  .shop-options tbody th {font-size: 16px;}
  .shop-options tbody td{font-size: 16px;}
  .shop-options tbody td span{font-size: 14px; padding-left:.5em;}
    
  /*////// ACCESS //////*/
  .shop-access{ padding: 3vw 0 1vw; margin: 0 auto;}
  body.p-room .shop-access{padding: 4vw 0 1vw;}
  .shop-access .inner{margin: 0 auto; padding:0 0; display: flex; justify-content: space-between;}
  .access-box {width: 47%;}
  .access-box img{width:100%; margin-bottom:2em;}
  .access-box iframe{width:100% !important; height:300px; margin-bottom:2.5em;}
  .shop-access-tel{ font-size: 28px;color:#000!important;}
  .shop-access a.shop-tel{pointer-events: none;color:#000!important;}

  .access-box dl{margin-bottom:2em; text-align:left;}
  .access-box dt{font-size: 18px; font-weight:bold; margin-bottom:.6em;}
  .access-box dt i{padding-right:.4em;}
  .access-box dd{font-size: 14px; font-weight:normal; line-height:1.6;}
  .access-box span{display:block;}

  .access-pdf{ width: 80%; margin: 0vw auto 0; border: 1px solid #000;}
  .access-pdf p { background: #fff; padding: .35em 1.5em; position: relative; font-size:18px; text-align: center;}
  .access-pdf p::after { content: "\f1c1"; position: absolute; top: 50%; left: 90%;
  transform: translate(0,-50%); font-family: FontAwesome;}


  /*////// SHOP NEWS //////*/
  .under .news .news_link{ width: 280px;}

  /*////// ALL STUDIO //////*/
  .under .studio_list{ padding: 40px 0 80px;}



  /* STUDIO ROOM
  ========================================================================== */
  body.p-room header{
    background-color:#fff;
    /* box-shadow: 0 0 0px rgba(120,120,120,0); */
  }
  body.p-room .header_wrap{
    background-color:#fff;
    /* box-shadow: 0 0 5px rgba(120,120,120,0.5); */
  }

  /*////// ROOM TOP //////*/
  .room-top .inner{ display: flex; justify-content: space-between;padding-top:6em;}
  .room-left ,.room-right{ 
    width: 47%; 
    position:relative; 
    padding: 50px 0;
  }
  .room-top .room-left{
    width: 54%; 
  }
  .room-top .room-right{
    width: 40%;
    padding: 50px 0;
  }
    
  .room-top h1{ 
    font-size: 43px; 
    font-weight: 700; 
    margin-bottom:20px; 
    margin-top:0;padding-top:0;
    text-align:left;
  }
  .room-top h1 span{font-size: 20px; padding: 0 0 0 .25em;}
  .room-top h1 span:first-child{
    /* display: block; */
    margin-bottom: 0;
    padding: 0;
  }
  .room-top .piano-name-studio{font-size: 22px; text-align:left;padding-left:5px;}
  .room-top .piano-name-studio span{font-size: 14px; text-align:left}
    
  .room-top h2,.room-price h2,.room-eq h2{ text-align: left; font-size: 35px;}
  .room-top h2 span,.room-eq h2 span,.room-price h2 span{ display: inline-block; padding-left: 1em;}

  /*////// SHOP IMAGE //////*/
  .room-left .shop_image{ background: none; margin: 0 auto 0 !important; width: 100%;}
  .room-left .slide-room img{ width: 100%!important; margin:0;}

  .room-left .shop_image dl{ width: 100%; padding: 0; margin: 0px 0 40px;}
  .room-left .shop_image dd{ padding:0 0;}
  .room-left .shop_image .slick-next{ right: 10px; color: #fff !important; z-index: 1;}
  .room-left .shop_image .slick-prev{ left: 0px; color: #fff  !important; z-index: 1;}
  .room-left .shop_image ul.slick-dots{ width: 100px;}
  .room-baner{width:440px!important;margin:2em auto 0;display:block;}	

  .room-top .shop-txt.inner{ width: 100%;}
  .room-top div + div{ padding: 20px 0;}

  /*////// STUDIO ICON //////*/
  .studio_search_list > .inner.flex{ display: flex; justify-content: center;}
  .studio_search_list .search_box{width: 20%; position: relative; margin-bottom:1em;}
  .studio_search_list .search_box p{font-size:12px;width:100%!important;}
    
  .room-left .studio_search_list .inner {padding: 1em .5em .5em;}
  .room-left .studio_search_list .search_box p{font-size:10px;}

  /*////// SHOP TXT //////*/
  /* .room-top .shop-txt p{ padding: 0; font-size: 14px; line-height: 1.8;} */
    
  /*////// EQUIPMENT //////*/
  .room-eq {margin: 0 auto 30px;}
  .room-eq .room-eq-flex{display: flex; justify-content: space-between;}
  .studio-eq {width: 80% !important;}
  .studio-eq-ico {width: 20%;}
  .studio-eq dl{ width:100% !important;}
  .studio-eq dd p{font-size: 14px;padding:1em;}
  .studio-eq dd p:nth-child(1){font-size: 14px;}

  .studio-eq-icon{ padding: 0 0 2em; width:20%;}
  .studio-eq-icon > .inner {padding: 0 0; width:100%;}
  .studio-eq-icon > .inner.flex{ flex-wrap: nowrap; display:block;}
  .eq_icon_box{ display:block; width: 100%; position: relative; margin-bottom:2em; padding:0;}
  .two-eq-icon .eq_icon_box{ width: 100%;}
  .eq_icon_box img{margin:0 auto; display:block; width:70px; height:70px;}
  .eq_icon_box p{text-align: center; font-size: 17px; margin-top:.5em; font-weight:bold;}
  .eq_icon_box p span{display:block;}

  /*////// BOOKING //////*/
  .room-top div.room-reserve{ padding: 2em 0;}
  .room-reserve p{ font-size: 24px; padding: 1em 0;}

  /*////// TUNING //////*/
  .st-tuning{padding:0 0;}
  .st-tuning dd p{ padding: 1em 0; text-align: center; font-size: 18px; letter-spacing:0; width: 100%;}

  /*////// ROOM PRICE LIST //////*/
  .price-list h3{ text-align: left; font-size: 20px;}
  .price-list{padding: 0 0 2em;}

  .price-list > p{ font-size: 16px; text-align: left;}
  .price-list dl{ display: flex; justify-content: space-between; margin: .5em 0 2em}
  /* .price-list dl dd > div:nth-child(1){ border-bottom: 1px solid #ccc;} */

  /* .price-list dd:not(:last-child){ border-right: 1px solid #ccc;} */
  .price-list dd{ display: block; /* border-bottom: none; */}
  .price-list dd > div,.price-list dl.list01 dd > div:nth-child(2){ font-size: 14px;}
  .price-list dd > div:nth-child(2){ border-left: none;}
  .price-list dd > div:nth-child(2) p{ font-size: 21px;}
  .price-list dl.list01 dd > div:nth-child(1)
  ,.price-list dl.list01 dd > div:nth-child(2)
  ,.price-list dl.list02 dd > div{ width: auto;}
  .price-list dl.list01 dd:nth-child(n+3) > div:nth-child(1) span{ display: block; padding-left: 0;}
  /* .price-list dl:nth-of-type(1) dd{ width: 25%;}
  .price-list dl:nth-of-type(2) dd{ width: 25%;}
  .price-list dl:nth-of-type(3) dd{ width: 100%;}
  .price-list dl:nth-of-type(4) dd{ width: 100%;}
  .price-list dl:nth-of-type(5) dd{ width: 50%;} */
    
  .booth-price-list dl:nth-of-type(1) dd,.booth-price-list dl:nth-of-type(2) dd{ width: 50%;}
  .recbooth-price-list dl:nth-of-type(1) dd{width: 33.33%!important;}
  .recbooth-price-list dl:nth-of-type(2) dd{width: 100%;}
  .piano-price-list dl:nth-of-type(1) dd{width: 25%!important;}

  /*////// PRICE ATTENTION //////*/
  .price-at{font-size: 15px; padding: 1.5em 0;}
  .price-at p{margin: 0 0; box-sizing: border-box; padding: 0 0 0 3em; line-height: 1.8;}
  .price-at p::before{ left: 1em;}


  /* About
  ========================================================================== */
  .color-wrap{padding: 5em 0 0}
  .color-box{font-size:3vw;margin-bottom:1em;}
  .color1{background: url("../images/feature/feature-bg1.jpg") no-repeat 50% center/cover}
  .color2{background: url("../images/feature/feature-bg2.jpg") no-repeat 50% center/cover}
  .color3{background: url("../images/feature/feature-bg3.jpg") no-repeat 50% center/cover}
  .color4{background: url("../images/feature/feature-bg4.jpg") no-repeat 50% center/cover}
  .color5{background: url("../images/feature/feature-bg5.jpg") no-repeat 50% center/cover}
  .color6{background: url("../images/feature/feature-bg6.jpg") no-repeat 50% center/cover}
  .color-box .num{font-size:160px;top:-.65em;left:.5em;}
  .color-box .inner{padding:2em 2em;}
  .color-box h2{font-size:45px;margin-bottom:1em;line-height:1.4;}
  .color-box p{font-size:20px;line-height:1.7;}
  .color-box p.ttl-span{font-size:20px;}
  .color-link{width:40%;margin:1em auto .5em;}
  .color-link a{color:#fff;padding:.75em 1.5em .75em 1em; font-size:18px;background: rgba(180,0,0,0.7);}
    
  /* Studio
  ========================================================================== */
  .aboutst-wrap{padding: 2em 0 3em}
  .aboutst-lead{padding: 2em 0 2em;font-size:18px;line-height:1.6;}
  .aboutst-lead h2{font-size:32px;margin-bottom:1em;}
  .aboutst-lead ol{padding-left:1.5em;margin-bottom:1em;}
  .aboutst-lead li{padding-left:.5em;}
  .piano-ic{margin-top:1em;}
  .piano-ic img{margin:3em auto .5em;width:80px!important;}
  .piano-ic h3{font-size:28px;line-height:1.7;}
  .piano-ic h3 span{font-size:16px;}
  section#list{margin-bottom:4em;}
  section#list dl{padding:0 5%;}
  section#list dl dt{font-size:18px;margin:1.5em 0 0;}
  section#list dl dd table{font-size:16px;margin-bottom:2.5em;}
  section#list dl dd table th,section#list dl dd table td{padding:.75em 1em;}
  section#list dl dd table thead th:first-child{width:10%;}
  section#list dl dd table thead th:first-child+th{width:90%;}

  /* user guide
  ========================================================================== */
  .userduide-wrap{padding:3em 0 0;}
  .userduide-wrap .inner{padding:0 4%;}

  .userduide-wrap ul{padding:4em 0;}
  .userduide-wrap ul:last-child{border-bottom:1px solid #ccc;}
  .userduide-wrap li:first-child{float:right; width:60%;}
  .userduide-wrap li:last-child{float:left; width:33%;}
  .userduide-wrap li:last-child img{width:100%;}
  .userduide-wrap li h2{font-size:30px; margin-bottom:1.25em;}
  .userduide-wrap li p{font-size:16px; line-height:1.6; margin-bottom:0;}
  .userduide-wrap li img{width:100%; display:block; margin:0 auto;}

  .userguide_other{padding:3em 0;}
  .userguide_other .inner{padding:0 5%;}
  .userguide_other li{margin-bottom:1em; font-size:18px; line-height:1.6; text-align:center;}
  .userguide_other li .userguide-kiyaku{margin:1em auto 1em; width:200px;}
  .userguide-kiyaku {margin:0 auto 3em; padding:.8em ; width:300px; border:2px solid;}

  .userguide-kiyaku > input:nth-child(1) + label {font-size:16px;}
  .userguide-kiyaku .modalTitle {font-size:24px; margin: .5em 0 1em;}
  .userguide-kiyaku .modalMain h3{font-size:20px;}
  .userguide-kiyaku .modalMain {font-size:15px!important;}
  .userguide-kiyaku .modalMain li{width:100%;font-size:16px!important;}

    
  /*////// TUNE //////*/
  .tune-wrap{padding:0em 2em 4em;}
  .tune-tabs {
    width: 100%;
    padding: 0 3em 2em;
    margin:0 0;
  }
  .tune-tab-item {
    width: calc(92% / 8);
    margin: .5%;
    font-size: 16px;
    padding:1em 0;
  }
  .tune-box-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .tune-tab-content {padding:3em 0;}
  .tune-wrap h2{font-size:40px;}
  .tune-lead ul{margin-bottom:2em;padding:1em 4em;}
  .tune-lead li{font-size:15px;;margin-bottom:.25em;}
  .tune-box-wrap{padding:0 10%;}
  .tune-box{margin-bottom:1em;margin-top:0;width:100%;}
  .tune-box .tune-title{padding:1em 0 0 1.5em;width:50%;}
  .tune-box h3{font-size:32px;line-height:1.3;}
  .tune-box h3 span{font-size:20px;}
  .tune-box .tune-title p{font-size:14px;}
  .tune-box .st-tuning{width:50%;padding:0;margin:0;}
  .tune-box .st-tuning dd p{padding: 1em 0; font-size: 18px;}
  .tune-tw-box{padding:0 1.5em;width:500px;margin:0 auto;}
    
  /*////// HOTEL //////*/
  .hotel-wrap{padding:3em 0em;}
  .hotel-lead{font-size:16px;margin-bottom:2em;text-align:center;}
  .hotel-wrap h2{font-size:40px;margin-bottom:.75em;padding-top:1em;}
  .hotel-list h3{font-size:30px;margin-bottom:1.25em;}
    .hotel-list h3 span{font-size:16px;}
  .hotel-list{width:100%;}
  .hotel-list .hotel-box{padding:1.5em;margin-bottom:2em;display: flex;flex-wrap: wrap; justify-content: space-between;}
  .hotel-list .hotel-img{width:40%;}
  .hotel-list .hotel-img img{width:100%;}
  .hotel-list .hotel-txt{width:100%;padding:2em 2em 0 0;width:55%;}
  .hotel-list li{margin-bottom:.75em;padding-left:1em;}
  .hotel-list li.walk{font-size:18px;padding-left:1.75em;margin-bottom:2em;}
  .hotel-list li.walk:before{font-size:18px;}
  .hotel-list li.tel{font-size:36px;width:57%;padding-top:.25em;}
  .hotel-list li.tel:before{top:55%;left:0;font-size:40px;font-weight:normal;}
  .hotel-list li.web{font-size:20px;width:40%;}
  .hotel-list li.web i{font-size:18px;}

  /*////// HALL //////*/
  .hall-wrap{padding:4em 0em 1em;}
  .hall-wrap h2{font-family: 'Noto Serif JP', sans-serif!important;font-size:26px;margin-bottom:1em;}
  .hall-wrap .inner{display:flex;flex-wrap: wrap; justify-content: space-between;}
  section.hall-box{width:48%;padding:2em 1.5em .5em;margin-bottom:2em;font-size:16px;line-height:1.6;}
  section.hall-box dt{font-weight:bold;font-size:18px;margin-bottom:.5em;}
  section.hall-box dd{margin-bottom:2em;}
  section.hall-box a{padding-bottom:0px;margin-bottom:1em;}
  section.hall-box a:hover{color:#0A706E;}

  /*////// COLLEGE //////*/
  .college-wrap{padding:3em 0em 1em;}
  .college-wrap h2{margin-bottom:1em;}
  .college-wrap .tune-tab-item {width:23%; margin:1%;padding:1em 0;}
  .college-wrap .college-box{width:100%;padding:3em 4em;}
    
  /*////// RECORDING //////*/
  .rec-wrap{padding:4em 0 2em;}
  .rec-wrap h2{font-size:32px;line-height:1.6;margin-bottom:1em;}
  .rec-lead{font-size:16px;line-height:1.8;margin-bottom:0em;padding:0 0;}
  .rec-box{background:#fff;padding:0 0;margin-bottom:1em;}
  .rec-box img{width:100%;}
  .rec-box h3{font-size:32px;margin-bottom:1em;}
  .rec-box ul{display:flex;flex-wrap: wrap; justify-content: space-between;width:70%;margin:0 auto;}
  .rec-box li{width:48%;}
  .rec-box li img{width:100%;}
  .rec-box p{font-size:16px;line-height:1.6;}
  .rec-box p.rec-recommend{margin:2.5em 0 0;background:#41b9c0;padding:.6em;}
  .rec-box p.rec-recommend span{padding:0 0;border-radius:0px;font-weight:bold;}
  .rec-box .rec-lead{padding:0 0 2em;text-align:center;}
  .rec-box .all-store{padding:1.25em 1em 2em;text-align:center;}
  .rec-box .rec-store{padding:2em 0 2.5em;margin-bottom:2em;}
  .rec-box .rec-store-name{font-size:40px;margin-bottom:.6em;}
  .rec-box .rec-store-name span{font-size:28px;display:inline;padding-left:.5em;}
  .rec-box .rec-store .store-wrap{display:flex;flex-wrap: wrap; justify-content: space-between;padding:0 2em;}
  .rec-box .rec-store .store-img{width:31%;margin-bottom:2em;}
  .rec-box .rec-store .store-wrap2{display:flex;flex-wrap: wrap; justify-content: space-between;padding:0 2em;}
  .rec-box .rec-store .store-wrap2 .store-img{width:48%;}
  .rec-box .rec-store .st-type{padding:.2em .4em;font-size:14px;}
  .rec-box .rec-store .store-img p{padding:.5em 0 0;font-size:16px;}
  .rec-box .rec-store .st-name{font-size:22px!important;margin-top:.5em;text-align:center;}
  .rec-box .rec-store .st-name span{font-size:16px!important;padding-left:.5em;}
  .rec-box .rec-store p.rec-exemple{padding:.5em;margin:.5em auto 0;width:88%;}
  .rec-box .rec-store ul{padding:2em 5em 0;display:flex;flex-wrap: wrap; justify-content: space-between;width:100%;margin:0 auto;}
  .rec-box .rec-store li{width:100%;font-size:16px;margin-bottom:.5em;}
  .rec-box .rec-store li.price{font-size:20px;width:49%;background:#fff;padding:1em 0;}
  .rec-box .rec-store li.price span{font-size:28px;}
  .rec-box .rec-store li.price span:last-child{font-size:18px;padding-left:.2em;}
  .rec-box .rec-store li.detail{width:100%;font-size:18px;margin:1em 0 .5em;}

  .rec-cation{margin-bottom:2em;padding:1.5em .5em 1em;text-align:center;}
  .rec-cation ul{margin-bottom:3em;}
  .rec-cation li{font-size:20px;margin-bottom:1em;}
  .rec-cation p{font-size:18px;line-height:1.5;}
  .rec-cation p.cd-pkg{font-size:22px;margin-bottom:1em;}
  .rec-cation a{display:inline;}	
  .rec-wrap .hotel-box{border:0px solid #ccc;padding:2.5em;width:75%;margin:0 auto 2em;}
  .rec-wrap .hotel-list .hotel-img{width:30%;}
  .rec-wrap .hotel-list .hotel-txt{width:65%;padding:1em .25em 0;}


  /*////// CONCOURS RECORDING //////*/	
  .concours-box{margin:5em 0em 2em 0em;}	
  .concours-box h3{font-family: 'Noto Serif JP', sans-serif!important;font-size:2vw; text-align:center; margin-bottom: 0.5em;}	
  .concours-box ul{width:90%; margin: 10px auto;}	
  .rec-box .concours-store-name{font-family: 'Noto Serif JP', sans-serif;font-size:2vw;margin-bottom:.5em;}	
  .rec-box .concours-store-name span{font-size:3vw;}	
  .rec-box .rec-store .st-name2{font-family: 'Noto Serif JP', sans-serif;font-size:22px!important;font-weight:bold;margin-top:oem;text-align:center;}	
  .rec-box .rec-store .st-name2 span{font-family: 'Noto Serif JP', sans-serif;font-size:18px!important;padding-left:.5em;}	
  .concours-st{font-family: 'Noto Serif JP', sans-serif;font-size:5vw;margin-bottom:.5em;}


  /* 2110 studio list
  ========================================================================== */
  .piano-list{
    display: block;
    width: 100%;
    height: 2px;
    margin: 20px auto 20px;
    background-color: #efefef;
    border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
  }



  /* pager
  ========================================================================== */
  .pager{text-align:center; padding:1em 0;position:relative;}
  .pager a{font-size:16px;}
  .pager .num .current_page{font-size:16px;}
  .pager span i{font-size:30px;}
  .pager span.before{position:absolute;top:40%;left:1em;transform: translate(0%,-40%);}
  .pager span.next{position:absolute;top:40%;right:1em;transform: translate(0%,-40%);}
    
  /* studiomap
  ========================================================================== */
  .studiomap-wrap{padding:5em 0em 2em;}
  .stmap{margin-bottom:5em;}

  .studioalllist-wrap{padding:3em 0em 4em;}
  .studioalllist-wrap table{width:100%; box-sizing:border-box;border-top: 1px solid #ccc;}
  .studioalllist-wrap table th,.studioalllist-wrap table td {padding: 1em; font-size: 18px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display:table-cell;}
  .studioalllist-wrap table th{padding: 1em; border-bottom: 1px solid #aaa; font-size: 18px; }
  .studioalllist-wrap table td.tel{padding:1em .5em 1em;}
  .studioalllist-wrap table td.tel a{padding: .4em .75em; font-size: 20px; letter-spacing:2px;background:none;color:#16d1c4;border-radius:0px;pointer-events: none;} 
  .studioalllist-wrap table td.add {padding: 1em; } 
    
  /* company
  ========================================================================== */
  .form-lead{padding:0 0;margin-bottom:1.5em;font-size:16px;}
  .form-lead2{padding:0 0;margin-top:2em; margin-bottom:3em;font-size:16px;}
  .company-info{margin:3em 0 5em;padding:0 7%;}
  .company-info dl{display: flex; flex-wrap: wrap; justify-content: space-between;border-bottom:1px dotted #CCCCCC;padding:1em 0;}
  .company-info dt{text-align:left;font-weight:bold;margin-bottom:0em;width:25%;}
  .company-info dd{text-align:left;width:72%;padding:0 0;}
  .company-info dd span{display:inline;}
  .company-info h2{font-size:20px;margin-bottom:1.5em;}
  .brandtop_box{width:100%;height:25px;margin-bottom:2em;margin-left:1.5%;}
  .pickupbox ul{width:100%;}
  .pickupbox li{width:22%;margin:0 1.5% 40px;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:left;}
  .brandimage img{width:100%!important;overflow:hidden;}
  .pickup_text{width:100%;font-size:14px;padding:1em 1em 0em;}
  .br_web_btn{width:50%;background-color:#000;position:absolute;right:0;bottom:0;text-align:center;font-size:14px;font-weight:normal;padding:0em;}
  .br_web_btn a{color:#fff;display:block;padding:.4em 0;}
  .br_web_btn a:hover{color:#fff;background-color:#ee0000;display:block;padding:.4em 0;}
  .br_web_btn i{padding-left:.5em;color:#fff;}

  /* 404 NOT FOUND
  ========================================================================== */
  body.notfound h1{font-size:30px; line-height:1.3;margin-bottom:2em;}
  body.notfound h1 span{font-size:30px; display:inline;}
  body.notfound .notfound-wrap{font-size:18px;line-height:1.7;text-align:center;padding:13em 0 3em;}
  body.notfound .back-btn {margin-top:1em; padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
  body.notfound .back-btn a {width:47%;margin: 1em auto 1em;font-size: 20px;padding: 1em;}
  body.notfound .studio_list{margin-bottom:0;}
    
}/*769end*/

@media screen and (min-width: 1100px){
  .main_view_slider h1,
  .main_view_slider p {
    top: 5.5em;
    left: 3.6em;
    font-size: 2vw;
    letter-spacing: 1px;
  }
  .main_view_slider h1 span,
  .main_view_slider p span {
    font-size: 1.4vw;
    line-height: 2.2;
    padding-top: 1em;
  }
}/*  */

@media screen and (max-width : 1400px){
.st_about.inner{ width: 100%;}
}