@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "YakuHanJP"; font-style: normal; font-display: swap;
  font-weight: 400;
  src: url("/font/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP"; font-style: normal; font-display: swap;
  font-weight: 500;
  src: url("/font/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP"; font-style: normal; font-display: swap;
  font-weight: 600;
  src: url("/font/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2");
}

[v-cloak] {
  display: none;
}
.bold{
  font-weight: bold;
}
.en{
  font-family: 'Playfair Display', serif;
}
.ja{
  font-family: "メイリオ","ms pgothic", sans-serif;
}

#wrap{
position: relative;
}

#wrap #bg_cover{
transition: all ease-in .1s;
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 13;
font-size: 0;
}

#wrap.open #bg_cover{
content: "";
width: 100%;
background: rgba(0,0,0,0.8);
}

h2{
margin: 0 0 25px;
font-size: 7vw;
text-align: center;
font-family: 'Playfair Display', serif;
font-weight: 700;
text-shadow: 0 0 0 black;
}

h2 span{
font-family: "メイリオ","ms pgothic", sans-serif;
margin: 0.2em 0 1em 0;
font-size: 3.5vw;
display: block;
font-weight: normal;
line-height: 1.5;
}

.studio-small-ttl {
font-size: 5vw;
font-family: 'Playfair Display', serif !important;
font-weight:bold;
}

@media screen and (max-width : 380px){
h2 span.ls{letter-spacing: -.05em; font-size: 3.5vw;}
}

.body-fixed{ overflow: hidden;}
.sp_view,.sp{ display: inherit;}
.pc_view,.pc{ display: none;}

/* Keyvisual
======================================= */
	   
.main_view {
position: relative;
padding-top:0!important;
}
.main_view img{
width: 100%!important;
}
.main_view img.key_img{
width: 100%!important;
}

.key_inner .lead{
width: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0;
animation: view 2s forwards;
animation-delay: .5s;
}
.key_inner .lead img{ width: 100%;}	
.swiper-container{width: 100%;}


.main_view_slider h1 {
  position: absolute;
  top: 3.5em;
  left: 1em;
  font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;
  font-weight: 700;
  font-size: 5.4vw;
  line-height: 1.9;
  letter-spacing: 1px;
}
.main_view_slider h1 span {
  font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;
  font-weight: 400;
  font-size: 3.7vw;
  display: block;
  padding-top: .5em;
}
.main_view_slider p {
  position: absolute;
  top: 4em;
  left: .8em;
  font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;
  font-weight: 700;
  font-size: 5.3vw;
  letter-spacing: 1px;
  color: #000;
  text-shadow: none;
}
.main_view_slider span {
  font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;
  font-weight: 600;
  font-size: 3.4vw;
  display: block;
  line-height: 1.9;
  padding-top: 1em;
  color: #000;
} 
	
@keyframes view {
	0% {
        opacity: 0;}
    100% {
        opacity: 1;}
}

.movie-wrap{padding:1em 1em 0;}
.movie-wrap iframe{width:100%;height:200px;}

/* underpage-Keyvisual
========================================================================== */
#page.main_view{padding-top:60px;}
#page.main_view.under-main{ overflow: hidden;}
#page.main_view.under-main img{ width: 100% !important;}
#page.main_view.under-main > .keyin {
   position: absolute; top: 55%; left: 50%; transform: translate(-50%,-55%); z-index: 1; background:none; color: #000; text-align: center; width: 100%; 
   background: rgba(255,255,255,0.75); color: #222; text-align: center; width: 100%; padding: 4.5vw 0 3vw;
}

#page.under-main > .keyin .keyin h1,#page .keyin p,#page .keyin span{ color: #000;}
#page.under-main > .keyin h1{font-size: 7vw; margin-bottom:.2em; line-height:1; font-family: 'Playfair Display', serif;}
#page.under-main > .keyin h1 span{ font-size: 4vw; display:block; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif; padding-top:.3em; font-weight: normal;}

/* pankuzu
========================================================================== */
.breadcrumbs{width:100%; background:#f6f6f6; line-height:1.0;}
.breadcrumbs ol{padding:.5em 1em .7em;}
.breadcrumbs li{position:relative;display:inline-block;margin-right:1em;font-size: 3.0vw;}
.breadcrumbs li:not(:last-child)::after{position:absolute;content:">";right:-1em;top:0;}
.breadcrumbs li a:hover{text-decoration:underline;}


/* header
========================================================================== */
header{
position:fixed;
width: 100%;
top: 0;
z-index: 14;
height:60px;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
-webkit-transition: height 0.3s;
transition: height 0.3s , background-color .5s;
}

header.white {
  background-color:rgba(255, 255, 255, 1);
  /* box-shadow: 0 0 5px rgba(120,120,120,0.5); */
}

header .header_wrap{
display: flex;
padding: 10px 12px 10px 16px;
box-sizing: border-box;
align-items: center;
align-content: center;
}

header h1{
margin-right: auto;
display: inline-block;
line-height: 0;
width: 80px;
}

header h1 a{
display: block;
}

header .logo{
margin-right: auto;
display: inline-block;
line-height: 0;
width: 80px;
}

header .logo a{
display: block;
}

header .right_box{
display: none;
}

#wrap.open header {
  position: absolute;
  top: 0;
  background: none;
  box-shadow: none;
}

#wrap.open header .logo {
  display: none;
}

/* navi */
.pc_nav{
display: none;
}

.accshow li a{
  width: 100%;
  font-size: .95em;
  padding: 1.2rem 0 1rem 0;
}

.cssacc2{
  display: none;
}

.cssacc2_label{
  cursor: pointer;
  display: block;
}

.cssacc2_label::before {
  content: "";
  position: absolute;
  top: 3.5vw;
  left: 62%;
  width: 0;
  height: 0;
  border-left: 2.5vw solid transparent;
  border-right: 2.5vw solid transparent;
  border-top: 3.5vw solid black;
}

.accshow {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.8s;
}

.head_sp_nav_st a{
  font-size: 4vw!important;
  border-bottom: .5px #000 solid;
  padding: 3vw 0;
}

.accshow li {
  width: 33%;
  padding-right: 0.5rem;
}
.cssacc2:checked + label + .accshow {
  height: auto;
  opacity: 1;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.cssacc2:checked + .cssacc2_label::before {
  transform: rotateZ(180deg);
}

.nav_studio_list{
  position: relative;
}


/* no_header ===========================*/
.no_header_bg header{
  background-color: transparent;
  box-shadow: none;
}
.no_header_bg .logo img,
.no_header_bg #tel_btn img,
.no_header_bg #booking_btn img{
  filter: invert(94%) sepia(57%) saturate(23%) hue-rotate(52deg) brightness(300%) contrast(300%); 
}
.no_header_bg #ham_btn .inner .bar,
.no_header_bg #ham_btn .inner .bar::before,
.no_header_bg #ham_btn .inner .bar::after {
  background: #fff;
}
.no_header_bg #ham_btn.open .inner .bar::before,
.no_header_bg #ham_btn.open .inner .bar::after{
  background: #000;
}
.no_header_bg #tel_btn .inner::before,
.no_header_bg #booking_btn .inner::before,
.no_header_bg #ham_btn .inner::before{
  color: #fff;
}
.no_header_bg header.white {
    background-color: rgba(0,0,0,0.4);
    box-shadow: none;
}
.no_header_bg .main_view {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.no_header_bg #page.main_view.under-main > .keyin {
  top: 62%;
}

/* スライドメニュー
   ========================================================================== */
#ham_btn{
transition: all ease-in 0.2s;
font-size: 26px;
/* color: #444; */
display: block;
z-index: 101;
text-align: center;
cursor: pointer;
width: 50px;
box-sizing: border-box;
padding: 0 15px;
margin-top: -.61em;
}

#ham_btn.open{
position: fixed;
right: .25em;
top: 1em;
}

#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;
}

#ham_btn .inner::before{
content: "MENU";
/* color: #000; */
font-size: 11px;
position: absolute;
left: -3px;
bottom: -18px;
line-height: 1;
font-family: 'Questrial', sans-serif;
}

#ham_btn .inner .bar,
#ham_btn .inner .bar::before,
#ham_btn .inner .bar::after{
transition: all ease-out 0.3s;
}

#ham_btn .inner .bar{
text-indent: -9999px;
height: 2px;
width: 25px;
background: #000;
display: block;
}

#ham_btn .inner .bar::before{
content: "";
height: 2px;
width: 25px;
background: #000;
display: block;
position: absolute;
top: 0;
left: 0;
}

#ham_btn .inner .bar::after{
content: "";
height: 2px;
width: 25px;
background: #000;
display: block;
position: absolute;
bottom: 0;
left: 0;
}

#ham_btn.open .inner::before{
content: "CLOSE";
left: -5px;
color: #000;
}

#ham_btn.open .bar{
background: transparent;
}
#ham_btn.open .bar::before{
transform: rotate(45deg);
top: 8px;
background: #000 !important;
}
#ham_btn.open .bar::after{
transform: rotate(-45deg);
bottom: 7px;
background: #000 !important;
}
body.open{
position: fixed;
width: 100%;
}


#slide_menu{
position: fixed;
top: 0;
right: -80vw;
width: 80vw;
height: 100%;
background: rgba(255,255,255,1.00);
padding: 10vw 4vw 2vw;
box-sizing: border-box;
z-index: 100;
transition: all ease-in 0.1s;
overflow: auto;
}

#slide_menu.open{
right: 0;
}

#slide_menu .menu_list li{
margin: 0 0 2px;
}

#slide_menu .menu_list li a{
display: block;
width: 100%;
font-size: 5vw;
padding: 3vw 0;
line-height: 100%;
box-sizing: border-box;
transition: all ease-out 0.3s;
color: #000;
text-align: left;
font-family: 'Questrial', sans-serif;
}

#slide_menu .menu_list li a span{
margin: 0 0 1vw 2vw;
color: inherit;
display: inline-block;
font-size: 3vw;
vertical-align: initial;
}

#slide_menu .box_wrap{
margin: 0 0 0;
}

#slide_menu .box_wrap .btn_list{
margin: 1em 0 7vw;
}

#slide_menu .box_wrap .btn_list li{
margin: 0 0 4vw;
}

#slide_menu .box_wrap .btn_list li a{
padding: 4vw;
display: block;
font-size: 4vw;
line-height: 1;
color: #fff;
font-weight: bold;
text-align: center;
background: #FC247C;
}

#slide_menu .box_wrap.after_login .btn_list li a{
border-radius: 6px;
}

#slide_menu .box_wrap .btn_list li:nth-child(2) a{
background: #000;
}

#slide_menu .box_wrap .btn_list li:nth-child(3){
margin: 8vw 0 0;
}

#slide_menu .box_wrap .btn_list li:nth-child(3) a{
background: url(../images/common/id.png) no-repeat 3vw center #fff;
background-size: 10vw;
color: #000;
border: 1px solid #000;
}

#slide_menu .box_wrap.after_login .user_name{
font-size: 4vw;
line-height: 150%;
font-weight: bold;
}

#slide_menu .box_wrap.after_login .user_name span{
color: #FC247C;
}

/* TEL */
#tel_btn{
transition: all ease-in 0.2s;
font-size: 26px;
/* color: #444; */
display: block;
text-align: center;
cursor: pointer;
box-sizing: border-box;
line-height: 0;
margin-left: auto;
}

#tel_btn .inner{
padding: 0 0 0;
width: 54px;
height: 40px;
display: block;
position: relative;
box-sizing: border-box;
}

#tel_btn img{
width: 42%;
margin: 0 auto;
}

#tel_btn .inner::before{
content: "TEL";
/* color: #000; */
font-size: 11px;
position: absolute;
left: 0;
bottom: 0;
font-family: 'Questrial', sans-serif;
width: 100%;
line-height: 1;
}
.tel_btn2 .inner::before{content: "問合せ"!important;}

/* booking_btn */
#booking_btn{
transition: all ease-in 0.1s;
font-size: 26px;
/* color: #444; */
display: block;
text-align: center;
cursor: pointer;
box-sizing: border-box;
line-height: 0;
}

#booking_btn .inner{
padding: 0 0 0;
width: 54px;
height: 40px;
display: block;
position: relative;
box-sizing: border-box;
}

#booking_btn img{
margin:0 auto;
width: 42%;
}

#booking_btn .inner::before{
content: "空室検索";
/* color: #000; */
font-size: 11px;
position: absolute;
font-family: 'Questrial', sans-serif;
left: 0;
bottom: 0;
width: 100%;
line-height: 1;
}


/* sp_tel_menu
   ========================================================================== */
#sp_tel_menu{
position: fixed;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
padding: 20px 2vw;
box-sizing: border-box;
z-index: 102;
transition: all ease-in 0.1s;
overflow: auto;
background: rgba(0,0,0,0.80);
}

#sp_tel_menu.open{
right: 0;
}

#sp_tel_menu .top{
padding: 25px 0 4vw;
position: relative;
}

#sp_tel_menu .top h2{
padding: 0 0 0 2vw;
font-size: 6vw;
color: #fff;
font-family: 'Lato', sans-serif;
}

#sp_tel_menu .top h2 span{
/* margin-left: 2vw; */
display: block;
font-size: 2vw;
color: inherit;
font-family: "メイリオ","ms pgothic", sans-serif;
}
#sp_tel_menu .top p{font-size: 3.5vw;color:#fff;text-align:center;}

#sp_tel_menu ul{
margin: 0 0 0;
font-size: 0;
}

#sp_tel_menu ul li{
margin: 0 1% 2vw;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 48%;
}

#sp_tel_menu ul li p{
padding: 5vw 2vw;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 3.25vw;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
border-radius: 6px;
position: relative;
}

#sp_tel_menu ul li p a{ color: #fff;}
#sp_tel_menu ul li p span{
font-size: 3.25vw;
color: #6BC9C4;
/* font-family: 'Questrial', sans-serif; */
font-family: 'Oswald', sans-serif;
text-decoration: underline;
}

/*floor_map*/


#booking_close,
#tel_close,
#floormap_close{
position: absolute;
right: .25em;
top: -.5em;
transition: all ease-in 0.1s;
font-size: 26px;
color: #444;
display: inline-block;
z-index: 101;
text-align: center;
cursor: pointer;
width: 50px;
height: 50px;
box-sizing: border-box;
padding: 9px 12px;
}

#booking_close .inner,
#tel_close .inner,
#floormap_close .inner{
padding: 7px 0 0;
width: 30px;
height: 17px;
display: block;
position: relative;
transition: all ease-out 0.8s;
box-sizing: border-box;
}

#booking_close .inner::before,
#tel_close .inner::before,
#floormap_close .inner::before{
content: "CLOSE";
color: #fff;
font-size: 11px;
position: absolute;
left: -5px;
bottom: -18px;
line-height: 1;
font-family: 'Questrial', sans-serif;
}

#booking_close .inner .bar,
#tel_close .inner .bar,
#floormap_close .inner .bar{
text-indent: -9999px;
height: 2px;
width: 25px;
background: transparent;
display: block;
}

#booking_close .inner .bar::before,
#tel_close .inner .bar::before,
#floormap_close .inner .bar::before{
content: "";
height: 2px;
width: 25px;
background: #fff;
display: block;
position: absolute;
top: 8px;
left: 0;
transform: rotate(45deg);
}

#booking_close .inner .bar::after,
#tel_close .inner .bar::after,
#floormap_close .inner .bar::after{
content: "";
height: 2px;
width: 25px;
background: #fff;
display: block;
position: absolute;
bottom: 7px;
left: 0;
transform: rotate(-45deg);
}

#booking_close.open .bar::before,
#tel_close.open .bar::before,
#floormap_close.open .bar::before{
transform: rotate(45deg);
top: 8px;
}

#booking_close.open .bar::after,
#tel_close.open .bar::after,
#floormap_close.open .bar::after{
transform: rotate(-45deg);
bottom: 7px;
}

/* header black ========================================================= */
.header_black header{
  background: transparent;
  color: #fff;
}
.header_black .logo img,
.header_black #tel_btn img,
.header_black #booking_btn img{
  filter: invert(94%) sepia(57%) saturate(23%) hue-rotate(52deg) brightness(350%) contrast(300%);
}
.header_black #ham_btn .inner .bar,
.header_black #ham_btn .inner .bar::before,
.header_black #ham_btn .inner .bar::after{
  background-color: #fff;
}
.header_black header.white{
  background-color: rgba(0,0,0,0.5);
}

/* top-h1box
========================================================================== */
.top-h1box{padding:1em .5em 0;}
.top-h1box h1{margin: 0 0 3vw;font-size:4vw;line-height: 190%;text-align:center;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;font-weight:700;}
.top-h1box p{margin: 0 0 0;font-size: 3.25vw;line-height: 150%;text-align: center;}


/* feature
========================================================================== */
.feature_wrap{ padding: 8vw 0 0;}
.feature_wrap h2{ text-align: center; line-height: 1; margin-bottom: 20px;}

.feature_wrap > .inner { }
.feature_wrap> .inner.flex{ flex-wrap: wrap;}
.feature_box{ width: 100%; position: relative; margin-bottom:2em; padding: 0 3%;}
.feature_wrap div:nth-child(3){ margin-bottom:1.5em;}
.feature_box img{ margin:0 auto .75em; display:block;}
.feature_box p{ text-align:center; line-height: 1.6;font-size:3.75vw;}

.feature_link{ margin: .5em auto 0; box-sizing: border-box; width: 50%; text-align:center;}
.feature_link p{background: #fff; border:1px solid #555; padding: .5em 1.5em; position: relative; font-size: 3.5vw;}
.feature_link p::after{ content: "\f105"; position: absolute; top: 50%; left: 90%; transform: translate(0,-50%); font-family: FontAwesome;}
.feature_link p:hover{ background: #000; color: #fff; transition: all  0.3s ease;}


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

.studio_list{ padding: 6vw 0 0;}
.studio_list h2{ text-align: center; line-height: 1; margin-bottom: 20px;}

.studio_list > .inner { width: 100%;}
.studio_list > .inner.flex{ flex-wrap: wrap;}
.st_box{ width: 50%; position: relative;}
.st_box img{ width: 100%;}
.st_box p{
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%,-50%); 
  text-align: center; 
  color: #fff; 
  font-weight: bold; 
  font-family: 'Playfair Display','Noto Serif SC', serif; 
  font-size: 4.5vw; 
  line-height: 1.4;
  width: 100%;
}
.st_box p span{ color: #fff; display: block; font-size: 3.2vw; font-weight: bold;}

.st_about{ padding: 1em 1em 0; box-sizing: border-box; display: flex; justify-content: space-between;}
.st_about p.txt{ font-size: 2.5vw; width: 75%; line-height: 1.6; text-align: justify;
text-justify: inter-ideograph;}
.st_about p.img{ width: 20%;}

.under_studio_list{ padding: 10vw 0;}

/* TOP PAGE STUDIO LIST =========================== */
.top_studio_list .st_box{
  padding-top: 30%;
  background-color: #333;
}
.top_studio_list .st_box a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.top_studio_list .st_box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
  opacity: .7;
}
.studio_list .st_box:hover img{
  opacity: 1;
}
.top_studio_list .st_box p{
  font-size: 5vw;
}
.top_studio_list .st_box p span{ 
  font-size: 0.8em;
}
.top_studio_list .st_box.box_salon::after{ 
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #999;
  z-index: -1;
}
.top_studio_list .st_box.box_salon img{ 
  opacity: 1;
  mix-blend-mode: multiply;
}

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

.search_list{ padding: 12vw 0 0;}
.search-glay{background:#f6f6f6;padding: 10vw 0 6vw;margin-bottom:2em;}
.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 3%;}
.search_list > .inner.flex{ flex-wrap: wrap;}
.search_box{ width: 33.3%; position: relative; margin-bottom:1em;}

.search_box i{margin:0 auto; display:block; width:70px; height:70px;}
.search_box p{text-align: center; font-size: 3.2vw; line-height: 1.3; width:100%; margin-top:.5em;}
.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:70px auto; display: block;}
.search_box .upright {background-position:50% -70px; background-size:70px auto; display: block;}
.search_box .duo {background-position:50% -140px; background-size:70px auto; display: block;}
.search_box .quartet {background-position:50% -210px; background-size:70px auto; display: block;}
.search_box .drum {background-position:50% -280px; background-size:70px auto; display: block;}
.search_box .rec {background-position:50% -350px; background-size:70px auto; display: block;}
.search_box .salon {background-position:50% -420px; background-size:70px auto; display: block;}
.search_box .percussion {background-position:50% -490px; background-size:70px auto; display: block;}
.search_box .seigaku {background-position:50% -560px; background-size:70px auto; display: block;}
.search_box .gassyou {background-position:50% -630px; background-size:70px auto; display: block;}
.search_box .amp {background-position:50% -700px; background-size:70px auto; display: block;}
.search_box .steinway {background-position:50% -770px; background-size:70px auto; display: block;}
.search_box .orchestra {background-position:50% -840px; background-size:70px auto; display: block;}
.search_box .selftime {background: url(/images/common/srv_self_b.svg) no-repeat;}
.search_box .digital {background: url(/images/common/digitalpiano_ic.svg) no-repeat;}


.search-wrap{padding-top:2em}
.search-wrap h2{font-size:7vw;line-height:1.3;margin-bottom:.5em;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;}

/* TOP NEWS
========================================================================== */

.news{ background: #E5E0DC; margin-top: 8vw; overflow-x: hidden; align-content: center; width: 100%;}
.news h2 span.ls{padding-top:.4em;}
.news .bottom{ width: 100%; padding: 40px 0;}

ul.slick-dots {
  position: absolute;
  display: flex;
  bottom: -1.5em;
  left: 0;
  right: 0;
  margin: auto;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  width: fit-content;
}
ul.slick-dots li { padding: .5em; width: 10px; height: 10px;}
ul.slick-dots li button{ position: relative; border: none; padding: 0;width: 10px; height: 10px; background: none;}
ul.slick-dots li button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #555;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.slick-dotted.slick-slider{ margin-bottom: 40px;}
ul.slick-dots li.slick-active button::before{ background: #555;}

/*dl.news_list{ display: flex; flex-wrap: nowrap; padding: 0 1vw 10vw;}*/
dl.news_list{padding-top:.5em;}
dl.news_list dd{ padding: 0 5vw; box-sizing: border-box; width: 50%;overflow:hidden;}

.news-img {position: relative;overflow: hidden;padding: 50% 0 16% 0;margin-bottom:1em;width:100%;}
.news-img img{position: absolute;width:100%;height:auto;object-fit: cover;top: 50%;left: 50%;transform: translate(-50%,-50%);}
dl.news_list dd .news-tag,.news_all_list .news-img .news-tag{padding: .5em .75em; font-size: 2.25vw;; line-height: 1.2;background:rgba(0,0,0,.5);;color: #fff;position: absolute;right:0;top:0;font-family:'Oswald', sans-serif;}
.news-tag span{ padding: .5em .5em; font-size: 14px; line-height: 1.2; color: #fff;}
.tag_ep{ background: #999;}
.tag_news{ background: #3fa9c0;}
.tag_camp{ background: #998675;}
.tag_event{ background: #fbb03b;}
.news-txt{ 
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 0;
  letter-spacing: -.03em;
  word-break: break-all;
  margin: 1em 0;
}

@media print, screen and (max-width : 460px){
  /* p.news-txt{ font-size: 3.25vw; text-align: justify;font-weight:bold;} */
  .news-tag span{ font-size: 3vw;}
}

.news_link{ margin: 1em auto 0; box-sizing: border-box; width: 50%;}
.news_link p{border:2px solid #000;padding: .5em 1.5em; position: relative; font-size: 3.5vw;text-align:center;font-family: "Roboto", sans-serif;}
.news_link p:hover{ background: #000; color: #fff; transition: all  0.3s ease;}
.news_link_txt{
   text-align: center;
   font-size: .8em;
   padding-top: 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: 65%; left: 50%; transform: translate(-50%,-65%); z-index: 1; background:none; color: #fff; text-align: center; width: 100%; padding: 6vw 0 5vw;}

#page.news-st > .keyin .keyin h1,#page .keyin p,#page .keyin span{ color: #fff;}
#page.news-st > .keyin h1{ font-size: 8vw; font-family: 'Lato', sans-serif; font-weight: 900;}
#page.news-st > .keyin h1 span{ font-size: 4vw; display:block; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif; padding-top:.3em; font-weight: normal;}

.news_all_list {background-color:#efefef;}
.news_all_list .inner{padding:6em 1em 2em;}
.news_all_list ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.news_all_list li{padding:0; width:48%; margin-bottom:2em;}

.news_all_list .news-img {position: relative;overflow: hidden;padding: 50% 0 16% 0;margin-bottom:.5em;width:100%;}
.news_all_list .news-img img{position: absolute;width:100%;height:auto;object-fit: cover;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.news_all_list h2{text-align:left; font-size:3.25vw; line-height:1.4;padding-top:.2em;margin-bottom:.5em;}
.news-date{color:#999;font-size:3vw;line-height:1.3;}
.news-cat-ttl{font-size:5vw; margin-bottom:1em; font-family: 'Noto Serif JP', sans-serif; font-weight: 900; text-align:center;}
.news-cat-ttl span{font-size:4.5vw; display:block; font-weight: normal;padding-top:.5em;}

.left_news_box{width:100%;padding:0 1em;}
.left_news_box ul{margin-bottom:2em; display: flex; justify-content: space-between; width:100%; flex-wrap: wrap;}
.left_news_box li{position:relative; padding-left:2%; padding:.8em .6em; width:48%; border:1px solid #ddd; margin-bottom:.8em; background-color:#fff; }
.left_news_box li::after{ content: "\f105"; position: absolute; top: 50%; right: 5%; transform: translate(10%,-50%); font-family: FontAwesome; font-size:.8em; color:#aaa;}
.left_news_box h3{font-size:5vw; padding-bottom:1em; margin-top:.5em; font-family: 'Lato', sans-serif; font-weight: 900; text-align:center;}
.left_news_box li a{display:block; font-size:3.6vw;}

.news-post-wrap{background-color:#efefef; padding:6em 0em .2em;}

div.newspostslider{margin: 0 0; width: 100%; position: relative;}
div.newspostslider ul{display: block; width: 100%; text-align: center; position: relative; padding: 0;}
div.newspostslider ul li{display: inline-block; margin: 0 10px; vertical-align: top; padding: 0;}
div.newspostslider ul li img{height: 160px; width: auto;object-fit: cover;}
div.newspostslider ul li:not(.slick-current){cursor: pointer;}
div.newspostslider div.slick-list{padding: 0!important;}
div.newspostslider ul.slick-dots{clear: both; padding: 25px 0 0;}
div.newspostslider ul.slick-dots li{float: none; width: 20px; height: 2px; margin: 0 4px; background: #DDD; color:#DDD!important;display: inline-block; text-indent: -999px; overflow: hidden; cursor: pointer;}
div.newspostslider ul.slick-dots li.slick-active{background: #333;}
div.newspostslider ul.slick-dots li button{ width: 20px; height: 2px;}
div.newspostslider ul.slick-dots li button:before{ width: 20px; height: 2px;border-radius:0;}

@media screen and (max-width: 600px){
div.newspostslider ul li img{height: 200px;}
}

.news-post-wrap .right_news_box{padding-top:0em;}
.news-post-box{padding:0 1.5em 1.5em; position:relative; font-size:3.5vw; line-height:1.6;margin-bottom:3em;border-bottom:1px solid #ccc;}
.news-post-box .news-tag{position:absolute; right:-.1em; top:-.15em;}
.news-post-box .news-date{margin-bottom:.5em;}
.news-post-box h1{font-size:4.75vw; line-height:1.5; text-align:left; margin-bottom:.25em;}
.news-post-box .news-post-date{color:#999;font-size:3vw;margin-bottom:2em}
.news-post-box h2{font-size:4.5vw; line-height:1.5; margin:1em 0; font-weight:bold; text-align:left;} 
.news-post-box img{max-width:100%; height:auto;}

.news-post-bt {width:60%;margin:3em auto 2em;}
.news-post-bt a{width:100%;display:block;border:2px solid #000;padding:.5em 0;text-align:center;font-weight:bold;font-family: "Roboto", sans-serif;}


body.news-post header{background:#fff;}
.nomain-news-wrap{margin-bottom:0;}
.nomain-news-wrap p.title,.nomain-news-wrap h1.title{margin: 0 0;font-size: 7vw;text-align: center;font-family: 'Playfair Display', serif;font-weight: 700;text-shadow: 0 0 0 black;color:#000;background:#efefef;padding:3.5em 0 1em;}
.nomain-news-wrap p.title span,.nomain-news-wrap h1.title span{font-family: "メイリオ","ms pgothic", sans-serif;margin: .5em 0 0 0;font-size: 3vw;display: block;font-weight: normal;line-height: 1.4;color:#000;}

/* concert
========================================================================== */
.concert-box{padding: 8vw 3% 4vw;}
.concert-box .inner img{margin:0 auto; display:block;}


/* SERVICE
========================================================================== */
/* .service{
  font-size: 2.85714285vw;
}
.service .bottom{padding: 8vw 0 1vw;}

.srv_box {
  width: 100%;
  position: relative; 
  box-sizing: border-box;
  margin-bottom: 1px;

  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  box-sizing: border-box;
  transition: filter .5s , transform .5s;
  background-position: center;
  background-size: cover;
  opacity: 1;
  z-index: 1;
}
.srv_box::after{
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  opacity: .55;
  z-index: -1;
  transition: opacity .5s;
}
.srv_box:nth-child(1) {background: url(/images/service/p_srv_rec.jpg) center/ cover;}
.srv_box:nth-child(2) {background: url(https://www.studionoah.jp/images/211026back.jpg) center/ cover;}
.srv_box:nth-child(3) {background: url(/images/service/p_srv_tune.jpg) center/ cover;}
.srv_box:nth-child(4) {background: url(/images/service/p_srv_salon.jpg) center/ cover;}
.srv_box:nth-child(5) {background: url(/images/service/p_srv_duo.jpg) center/ cover;}
.srv_box:hover{
  -webkit-filter: grayscale(0%);
  filter: none;
}
.srv_box:hover::after{
  opacity: .3;
}

.srv_box a{
  width: 100%;
  height: 100%;
  display: block;
  padding: 2.5em 2em 2em; 
}
.srv-in p{ color: #fff;}
.srv_logo_wrap{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 1.6em 0;
}
.srv_logo{ 
  width: 7.6em; 
  margin-right: 1.5em;
}
.srv_logo img{ 
  width: 100%;
}
.srv_ttl{ 
  font-family: 'Playfair Display','Noto Serif SC', serif; 
  font-weight: 700; 
  font-size: 2.5em;
  line-height: 1.5;
}
.srv_ttl span{ 
  font-size: .6em;
  display: block; 
  color: #fff;
  font-weight: bold;
}
.srv_txt{ 
  font-size: clamp(12px,1.2em,20px); 
  line-height: 1.5;
  text-align: left;
}
.srv_icn{ display: flex; flex-wrap: wrap; margin: 8vw auto 0; width: 90%;}
.otsrv-ic {background: url(../images/common/p_ser_ic_bk.png) no-repeat;}
.srv_icn div{ width: 100%; margin-bottom:3%; box-sizing: border-box; text-align: center; position:relative;}
.srv_icn div a{display:block; padding:1em .5em 1em 45px;}
.srv_icn div i{ display:block; width:30px; height:30px; position:absolute; top:50%; bottom:50%; transform: translate(0,-50%);  left:1em;}
.srv_icn .concool {background-position:50% 0; background-size:30px auto; display: block;}
.srv_icn .college {background-position:50% -30px; background-size:30px auto; display: block;}
.srv_icn .hotel {background-position:50% -60px; background-size:30px auto; display: block;}
.srv_icn .recruit {background-position:50% -90px; background-size:30px auto; display: block;}
.srv_icn div:nth-child(1){ border:1px solid #8bc53f;}
.srv_icn div:nth-child(1) p,.srv_icn div:nth-child(1) p span{color:#8bc53f;}
.srv_icn div:nth-child(2){ border:1px solid #f05a24;}
.srv_icn div:nth-child(2) p,.srv_icn div:nth-child(2) p span{color:#f05a24;}
.srv_icn div:nth-child(3){ border:1px solid #4bc6c6;}
.srv_icn div:nth-child(3) p{color:#4bc6c6;}
.srv_icn div:nth-child(4){ border:1px solid #a57c52;}
.srv_icn div:nth-child(4) p{color:#a57c52;}
.srv_icn p{ font-size:4.2vw; font-weight:bold; line-height:1.3; display: block; text-align: center;}
.srv_icn p span{display: inline; padding-left:.5em;}

.srv_icn2{display: flex; flex-wrap: wrap; justify-content: space-between;margin: 10vw auto 0; width: 90%;}
.srv_icn2 div{ width:47%; margin-bottom:2em; box-sizing: border-box; text-align: center; position:relative;}
.srv_icn2 div a{display:block;}
.srv_icn2 img[src$=".svg"]{width:50%;display:block;margin:0 auto .75em;}
.srv_icn2 p{ font-size:3.5vw; line-height:1.3; display: block; text-align: center;}
.srv_icn2 p span{display: block;} */


/* OTHER STUDIO
========================================================================== */
.otr_st .bottom{padding: 8vw 0 0;}
.otr_st dl.in-list{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.otr_st dl.in-list dd{ padding: 0 3vw 3vw; width: 100%; box-sizing: border-box; margin-bottom:1.5em;}

.otr_st dl.in-list dd img{float:left; width:46%; margin:0 auto; display:block;}
.otr_st dl.in-list dd .in-txt-box{float:right; width:46%; margin-top:-.2em;}
dl.in-list dd p{font-size: 3.5vw; line-height: 1.4;}
dl.in-list dd p.in-ttl{ padding: 0 0; font-weight: bold; margin-bottom:.5em;}
dl.in-list dd p.in-ttl span{ display: block;}

.in-list{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  margin: 0 auto;
}
.in-list li{ 
  padding: 2vw 0; 
  width: 47.5%; 
  box-sizing: border-box;
}
.in-list img{ width: 100%;}
.in-list p{font-size: 3vw; line-height: 1.4;}
.in-list .in-ttl {
  text-align: center;
  padding: .7em 0 .3em;
  font-weight: bold;
  font-size: 3.2vw;
}
.in-list .in-ttl span{ display: block;}
.in-list li .in-txt{
  padding: .3em 0;
}
.other_img_box{
  position: relative;
}
.other_img_box_logo{
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 55%;
  height: fit-content;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.otr_sc .in-list li{ 
  width: 31%; 
  box-sizing: border-box; 
}

/* OTHER WORKS
========================================================================== */
/* .otr_wks .bottom{padding: 8vw 0 0;}
.otr_wks dl.in-list{
  display: flex; 
  justify-content: flex-start;
  flex-wrap: wrap;
}
.otr_wks dl.in-list dd{ padding: 0 3vw 2vw; width: 50%; box-sizing: border-box;}
.otr_wks dl.in-list dd img{margin:0 auto; display:block;}
.otr_wks dl.in-list dd p.in-txt{ padding: 1em 0;} */


/* NOAH SCHOOL
========================================================================== */
/* .otr_sc .bottom{padding: 8vw 0 5vw;}
.otr_sc dl.in-list{ display: flex; flex-wrap: wrap; align-content: space-around; width: 95%; margin: 0 auto;}
.otr_sc dl.in-list dd{ width: 33%; box-sizing: border-box; padding: .5em;} */


/* NOAH SNS
========================================================================== */
.link_sns{ display: flex; justify-content: space-around; width: 70%; margin: 3vw auto 8vw;}
.link_sns p{ width: 10%;}

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

footer{margin: 0; padding-bottom: 20px;}
footer .inner{ display: block; padding: 5vw;}
footer .inner .left{ text-align: center; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1em;}
footer .inner .left p{ font-family: 'Playfair Display', serif; text-align: left; font-size: 13px;}
footer .inner .left p span{ color: #fff; padding-left: 1em; font-size: .65em;}
p.foot_logo{ width: 35%; padding: 1em 1.5em 1em .5em;}
footer .inner .left dl{ width: 65%;}
footer .inner .right{ width: 100%;}
footer .inner .right p{ font-size: 11px; line-height: 1.6; text-align: justify;}

footer address{
width: 95%;
margin: 0 auto;
font-size: 10px;
/* background: #270b0b; */
color: #FFF;
padding: 5px 0;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}


/* TOPへ戻るボタン
   ========================================================================== */
#page-top {
position:  fixed;
bottom: 10px;
right: 10px;
z-index: 4;
line-height: 0;
background: rgba(204,0,0,1);
width: 40px; height: 40px;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
opacity: .8;
transition: ease-in 0.3s;
}

#page-top span{
display: none;
}

#page-top i {
margin-top: -.25em;
color: #fff;
}

#page-top:hover {
opacity: 1;
}


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

/*////// KEY //////*/
#page.main_view{ overflow: hidden; position: relative;}
#page.main_view img{ width: 100%;}
#page.studio-top{ position: relative;display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; align-content: center;}

#page.main_view > .keyin {position: absolute; top: 60%; left: 50%; transform: translate(-50%,-60%); z-index: 1; background: rgba(255,255,255,0.8); color: #222; text-align: center; width: 100%; padding: 4.5vw 0 4vw;}
#page .keyin h1,#page .keyin p,#page .keyin span{ color: #000;text-transform: uppercase;}
#page .keyin h1{ font-size: 7vw; margin-bottom:.1em; line-height:1; font-family: 'Playfair Display', serif;}
#page > .keyin h1 span{ font-size: 4vw;margin:0;line-height:1; display:block; padding: .2em 0 0;}
#page .keyin p{ font-size: 5vw; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: .05em; padding: 0 0;line-height:1;}
#page .keyin p.shop-time {
  font-size: 3.75vw;
  margin: 1em 0 .5em;
  letter-spacing: 0;
  color: #000;
}
#page .keyin p.shop-time + .shop-time {
  margin-top: 0.5em;
}
#page .keyin a{color: #000;}

@media print, screen and (max-width : 330px){
#page .keyin p{ font-size: 5.5vw;}	
#page .keyin p.shop-time{ font-size: 3vw;}
}

#page .keyin .store-line-bt{position: absolute;top: 46%;right: 2%;transform: translate(0%,-54%);width:15%;}
#page .keyin .store-line-bt img{width:62%!important;margin:0 auto .3em;display:block;}
#page .keyin .store-line-bt p{font-size:.6em!important;color:#fff!important;letter-spacing:0;font-weight:normal;}
#page .keyin .store-line-bt a{color:#fff!important;}

.access-box dd .store-line-bt{position: absolute;top: 50%;right: 0;transform: translate(0%,-50%);width:15%;}
.access-box dd .store-line-bt img{width:62%!important;margin:0 auto;display:block;}

#sp_tel_menu ul li p.line{padding: 2vw 2vw;position:relative;}
#sp_tel_menu ul li p a.tenpo{position: absolute;top: 50%;left: 2vw;transform: translate(0%,-50%);}
#sp_tel_menu ul li p a.denwa{width:60%;margin:0 0 0 40%;text-align:right;}
.store-line-bt2{position:relative;display:block;padding:0 0;border-radius:6px;font-size:1em!important;color:#fff!important;font-weight:bold;text-align:center;text-decoration: none;width:50%;margin:0 0 0 50%;padding-left:1em;letter-spacing:1px;}
.store-line-bt2 img{width:20%!important;position: absolute;top: 50%;left: 1.5vw;transform: translate(0%,-50%);}
@media print, screen and (min-width : 768px){
.store-line-bt2{font-size:.8em!important;color:#fff!important;padding-left:2em;}
.store-line-bt2 img{width:16%!important;}
.store-line-bt2{width:40%;margin:0 0 0 60%;}	
}
@media print, screen and (min-width : 769px){
#page .keyin .store-line-bt{position: absolute;top: 50%;right: 24%;transform: translate(0%,-50%);width:100px;}
.access-box dd .store-line-bt{position: absolute;top: 50%;right: 20%;transform: translate(0%,-50%);width:15%;}	
}

.key-icon > div{ display: flex; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; ; box-sizing: border-box; box-shadow: 0 0 5px rgba(120,120,120,0.5); -webkit-box-shadow: 0 0 5px rgba(120,120,120,0.5); -moz-box-shadow: 0 0 5px rgba(120,120,120,0.5);}
.key-icon > div .icon-in{ width: 20%; border-left: 1px solid #dcdcdc; box-sizing: border-box; padding: .5em 0 0; text-align: center; background: #fff;}
.key-icon p:hover{ color: #fc247c;}
.key-icon img{ width: 40%; margin:0 auto .15em; display: block;}
.key-icon > div .icon-in span{ font-size: 3vw;}
.key-icon > div .icon-in:nth-child(3) span{ font-size: 2.6vw; letter-spacing: -.15em;}
.icon-in a p{color: #333;}

/*////// SHOP IMG //////*/
.shop_image{ width: 85%; margin: 40px auto 50px;}
.shop-img img {
  width: 90%;
  margin: 0 auto !important;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.slide-room .slick-prev:before, .slick-next:before {
  color: #666 !important;
  font-size: 8vw !important;
}
.slide-room .slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #666;
}
.slide-room .slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  color: #666;
}
.slide-room ul.slick-dots{ bottom: -2em;}


/*////// SHOP TEXT //////*/
.shop-txt{
  padding: 2em 1.5em; 
  box-sizing: border-box;
  font-size: 3.75vw;
  line-height: 1.6; 
}
/* .shop-txt p{ 
  font-size: 3.75vw; 
  line-height: 1.6; 
  text-align: justify; 
  text-justify: inter-ideograph; 
  color: #333;
} */
.shop-txt .midashi{font-size: 4vw;font-weight:bold;padding:1.25em 0 .5em;}
.shop-txt p small{ display: block;}
.shop-txt a{font-weight:bold;color:#f72872;}
.shop-txt iframe{width:100% !important; height:250px;margin-bottom:2em;}
.shop-txt-body{
  padding: .5em 0;
}
.start30min {
  color: #fc247c;
  font-weight: bold;
  padding: .5em 0 !important;
}
.room_self_caution {
  width: 100%;
  color: #fc247c;
  font-weight: bold;
  padding: 0.5em 0;
  font-size: .95em;
  text-align: left !important;
  line-height: 1.4;
}
.room_self_caution a,
.room_self_caution > span {
  display: inline-block !important;
}
.room_self_caution span a {
  font-size: .75em;
  text-decoration: underline;
}
.room_self_caution .icon_self {
  display: inline-block;
  height: 1.2em;
  margin-right: 0.4em;
  vertical-align: sub;
}

/*////// shop-pickup //////*/
.shop-pickup{ padding: 8vw 0 0; width: 100%;}
.shop-pickup .flex{ width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; align-items: center;}
.shop-pickup .flex p{ width: 100%; padding: 0 0 1.5em; }
.shop-pickup .flex p img{margin:0 auto; display:block;}

/*////// STUDIO LIST //////*/
.under.studio_list.room{ padding: 2vw 0;}
.studio_list.room h2{margin-bottom: 10px;text-transform: uppercase;}
.piano-room-desc {font-size: 4vw; text-align:center;  margin-bottom: 10px;}
.studio_list.room h3{font-size: 4.5vw; font-weight:bold; text-align:center; color:#6BC9C4;line-height:1.7;padding:.1em 0; margin-bottom:1em;font-family: 'Noto Serif JP', sans-serif;}
.drum-amp-h3{margin-top:1em;}
.studio_list.room h3 span{font-size: 3.25vw;font-weight:normal;display:block;color:#6BC9C4;padding:.5em 2em}
.studio_list.room .st_wrap{display: flex; flex-wrap: wrap; }
.studio_list.room .st_box{ width: 50%; padding-bottom: 0px; background:#000; position:relative;}
.studio_list.room .st_box img{
  opacity:0.7; 
  vertical-align:bottom; 
  padding:0; 
  margin:0;
  transition: opacity .5s;
}
.studio_list.room .st_box:hover img{
  opacity:.95; 
}
.studio_list.room .st_box a.over:hover {
  opacity: 1;
}
.studio_list.room .st_box p{font-size: 5vw; width:100%; font-family: 'Libre Baskerville', serif; font-weight:bold;}
.studio_list.room .st_box p span{color:#6BC9C4; font-size: 3.75vw;font-weight:bold;}
.studio_list.room .st_box p span.piano-name{color:#fff; font-weight:normal;font-family: 'Questrial', sans-serif;}

.studio_list.room .st_box .p-icon{position:absolute; top:5px; right:5px; width:25px; height:25px; z-index:10; border:0px solid #fff; background: rgba(0,0,0,.0); }
.studio_list.room .st_box i{width:20px; height:20px; z-index:10; position:absolute; top:2px; right:2px;}
.studio-ic {background: url(../images/under-studio/studio-ic-.png) no-repeat; background-size:20px auto;}
.studio-ic.grand {background-position:50% 0; display: block;}
.studio-ic.upright {background-position:50% -20px !important; display: block;}
.room-pb{padding: 2vw 0 10vw!important;}

/*////// FLOOR MAP //////*/
.studio_list.room .conf { text-align: center; margin: 5vw 0 10vw;}
.studio_list.room .conf button { padding: 3vw 0 3vw 3vw; background: #fff; position: relative; font-size: 4vw; color: #000;  width: 90%; box-sizing: border-box; border: 1px solid; transition: all ease-in 0.2s; font-weight: bold;}
.studio_list.room .conf button::before {content: "\f002"; font-family: FontAwesome; position: absolute; left: 4vw; font-size: 5vw;}
.floor_map {box-sizing: border-box;z-index: 102;transition: all ease-in 0.3s;overflow: auto;background: rgba(0,0,0,0.80);}
#sp_floor_map{ position: fixed; top: 0; right: -180vw; padding: 10px 0; width: 100%; height: 100%;}
#sp_floor_map.open{right: 0; background: rgba(0,0,0,0.80);}
#floormap_close{top: auto;}
.floor_map .bottom { padding: 18vw 8vw 0;}


/*////// PRICE //////*/
.shop-price-tabs {padding-bottom: 3em; background-color: #fff; width: 100%; margin:-1em 0 0; padding:0 1em;}
.shop-price-tab-item {width: 33.3%; border-right: 6px solid #fff; background-color: #f6f6f6; line-height: 1.4; font-size: 3vw; text-align: center; color: #000; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;padding:1.5em 0;}
.four-tabs .shop-price-tab-item {width: 25%;}
.two-tabs .shop-price-tab-item {width: 50%;}
.shop-price-tab-item:hover {background-color: #555; color:#fff;}
.no-border{border-right: 0px solid #fff;}
.shop-price-tab-item:hover {opacity: 1;}
input[name="shop-price-tab-item"] {display: none;}
.shop-price-tab-content {display: none; padding:1.5em 0; clear: both; overflow: hidden;}

#normal:checked ~ #normal_content,
#morning:checked ~ #morning_content,
#day:checked ~ #day_content,
#night:checked ~ #night_content,
#sixhours:checked ~ #sixhours_content,
#lock:checked ~ #lock_content ,
#lockout:checked ~ #lockout_content {
  display: block;
}

.shop-price-tabs input:checked + .shop-price-tab-item {background-color: #000;color: #fff;}

.shop-price-tabs dl{
  margin-bottom:1em; 
  /* text-align:center; */
}
.shop-price-tabs dl.top_w {
  padding-top: 2em;
}
.shop-price-tabs dt{font-size: 4vw; font-weight:bold; margin-bottom:.4em;}
.shop-price-tabs dd{font-size: 3.25vw; font-weight:normal; line-height:1.3;}
.shop-price-tabs label span{
  display:block;
}

.price-table.vooth-price{
  margin-top: 2em;
}
.price-table table {
  width: 100%; 
  font-size: 3.25vw; 
  line-height:1.4; 
  border-top: 1px solid #dbd9d6; 
  border-left: 1px solid #dbd9d6;
  margin-bottom: 1em;
  table-layout: fixed;
}
.price-table table th,
.price-table table td {
  padding: 8px 4px; 
  text-align: center; 
  border-right: 1px solid #dbd9d6;
  border-bottom: 1px solid #dbd9d6;
  vertical-align:middle;
}
.price-table thead th {background-color:#efefef;}
.price-table thead td {background-color:#f6f6f6;}
.price-table thead td span{display:block;}
.price-table tbody th {
  font-size: 4vw;
}
.price-table tbody th span{font-size: 2.8vw; display:block;}
.price-table th {
  font-weight: bold;background-color:#f6f6f6;width:20%;
  width: 23%;
}
.price-table tbody td{
  font-family: "Oswald";
}
/* .normal-price table th,.normal-price table td {width:20% !important;} */
.shop-price-tabs ul {padding:0 1em;}
.shop-price-tabs li{font-size: 3.5vw;line-height:1.4;margin-bottom:.75em;}
.shop-price-tabs li.caution,
.shop-price .caution{
  color:#dd0000;
}
.min30{color:#f72872;}

.shop-price-caution {
  padding: 0 1em;
  font-size: 3.1vw;
  line-height: 1.4;
}
.shop-price-caution li{
  margin-bottom: 0.3em;
}

.time_30 th, .time_30 thead td {
  background-color: #fcfbf2;
}
.time_30 thead th {
  background-color: #f8f7eb;
}

/* NEW PRICE LIST =================== */
.st-price-list-grid{
  width: 100%;
  display: flex; justify-content: center; align-content: center; 
  text-align: center;
  font-size: 3.5vw;
}
.st-price-list-grid dt,.st-price-list-grid dd{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  padding: 1em .5em;
  line-height: 1.6;
  box-sizing: border-box;
  /* border-bottom: 1px solid #ccc !important; */
}
.st-price-list-grid dt{
  width: 60%;
  text-align: center;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f6f6f6;
}

.st-price-list-grid dd{
  width: 40%;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media (max-width:768px){
  .st-price-list {
    border-bottom: 1px solid #ccc;
  }
}


/*PRICE ATTENTION*/
.price-at{
   background: #efefef; box-sizing: border-box; padding: 1.5em 1em; font-size: 3vw; line-height: 1.4;
   overflow: hidden;
}
.price-at p{ text-align: justify; padding-left: 1.5em; position: relative;}
.price-at p span{color: #f72872; text-decoration: underline; font-weight: bold;}
.price-at p::before{ content: "※"; position: absolute; left: 0; color: #f72872; font-size: .88em;}


/* 新料金表出力調整 ===========================*/
/* /price/ TAB部分 */
.shop_price_selector_box{
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
input[name="shop_price_selector"]{
  display: none;
}
.shop_price_selector {
  display: block;
  width: 100%;
  line-height: 1.3;
  padding: 2em 0;
  font-size: 2.7vw;
  text-align: center;
  font-weight: bold;
  background-color: #efefef;
  color: #000;
  transition: all 0.2s ease;
  margin-right: 6px;
}
.shop_price_selector:last-child{
  margin-right: 0;
}
input[id="normal"]:checked ~ .shop_price_selector_box .shop_price_selector[for="normal"],
input[id="morning"]:checked ~ .shop_price_selector_box .shop_price_selector[for="morning"],
input[id="day"]:checked ~ .shop_price_selector_box .shop_price_selector[for="day"],
input[id="night"]:checked ~ .shop_price_selector_box .shop_price_selector[for="night"],
input[id="sixhours"]:checked ~ .shop_price_selector_box .shop_price_selector[for="sixhours"],
input[id="lockout"]:checked ~ .shop_price_selector_box .shop_price_selector[for="lockout"]{
  background-color: #000;
  color: #fff;
}
/* TAB部分 調整*/
/* デイパック ピアノはほぼ設定なし */
#price_app .shop-price-tab-item[for="day"]{
  display: none;
}
/* 2 TAB */
[data-page="ebisu_price"] .shop-price-tab-item,
[data-page="fudomae_price"] .shop-price-tab-item,
[data-page="ginza_price"] .shop-price-tab-item,
[data-page="sancha_price"] .shop-price-tab-item,
[data-page="shibuya1_price"] .shop-price-tab-item,
[data-page="shinjuku2_price"] .shop-price-tab-item,
[data-page="ochanomizu_price"] .shop-price-tab-item,
[data-page="harajuku_price"] .shop-price-tab-item{
  width: 50%;
}
/* 4 TAB */
[data-page="toritsudai_price"] .shop-price-tab-item{
  width: 25%;
}

/* .night-price thead td {
  width: 20%;
} */
/* 通常料金 個人練習2人 表示用*/
/* .normal-price-table thead td {
  width: 16%;
} */
/* 通常料金 モーニング2h用 3h4h非表示*/
[data-mp_times="2"] .morning-price-tr-2 td:nth-of-type(n+2):nth-of-type(-n+3),
[data-mp_times="2"] .morning-price-tr-2 td:nth-of-type(n+5):nth-of-type(-n+6),
[data-mp_times="2"] tbody td:nth-of-type(n+2):nth-of-type(-n+3),
[data-mp_times="2"] tbody td:nth-of-type(n+5):nth-of-type(-n+6),
[data-mp_times="3"] .morning-price-tr-2 td:nth-of-type(3),
[data-mp_times="3"] .morning-price-tr-2 td:nth-of-type(6),
[data-mp_times="3"] tbody td:nth-of-type(3),
[data-mp_times="3"] tbody td:nth-of-type(6){
  display: none;
}

/* モーニングパック調整 スタジオ*/
[data-morning_timespan="2"] .st-price-list-grid:nth-of-type(n+2):nth-of-type(-n+3),
[data-morning_timespan="2"] .st-price-list-grid:nth-of-type(n+5):nth-of-type(-n+6),
[data-morning_timespan="3"] .st-price-list-grid:nth-of-type(3),
[data-morning_timespan="3"] .st-price-list-grid:nth-of-type(6){
  display: none;
}

/* 下北沢 料金表調整 */
[data-page="shimokita_price"] .normal-price tr[room-id="3030"],
[data-page="shimokita_price"] .normal-price tr[room-id="3031"]{ 
  display: none; 
}
/* #price_app #normal_content .normal-price-table-band tbody td:nth-of-type(5) {
  display: table-cell;
} */
/* 不動前 Booth調整*/
[data-page="fudomae_price"] .normal-price tr[room-id="2921"]{ 
  display: none; 
}


@media (min-width:769px){
  .shop_price_selector_box{
    padding-top: 1.5em;
  }
  .shop_price_selector{
    font-size: 18px;
    padding: 1em 0;
  }
}/*  */

/*////// SHOP OPTIONS //////*/
.shop-options h2{margin-bottom:15px}

.option-accbox {
  margin:0 0 2em;padding: 0;max-width: 100
}
.option-accbox > label {display: block;margin:0 0;padding:1em;color:#000;border:1px solid #000;cursor :pointer;transition: all 0.5s;text-align:center;position:relative;}
.option-accbox > label:hover {background :#000;color:#fff;}
.option-accbox > label:before {content: '\f107';font-family: 'FontAwesome';position:absolute;top: 50%; right: 1.5em; transform: translate(-0%,-50%);}
.option-accbox input {display: none;}
.option-accbox .accshow {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.cssacc:checked + label + .accshow {height: auto;padding:1em 0;opacity: 1;}
.cssacc:checked + label:before {content: '\f106';}

.shop-options {padding:2em 1em 1em;}
.shop-options table {width: 100%; font-size: 3vw; line-height:1.3; border-top: 1px solid #ccc; border-left: 1px solid #bbb; table-layout: fixed;}
.shop-options table th,.shop-options table td {padding: 8px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #bbb; vertical-align:middle; box-sizing: border-box;  word-wrap: break-word;}
.shop-options thead th {background-color:#efefef; font-size: 3.5vw; font-weight: bold;}
.shop-options thead th span{font-size: 2.75vw; font-weight: normal; padding-right:.5em;}
.shop-options tbody th {font-size: 3.5vw; text-align:left;}
.shop-options tbody td{font-size: 3.5vw; font-family: "Oswald";}
.shop-options tbody td span{font-size: 3vw; padding-left:.5em;}

.mdl-op-block {
  width: 100%;
  padding: 0 !important;
}
.price_tax_txt {
  font-size: .8rem;
  color: inherit;
  margin-bottom: 0.5em;
  font-weight: normal;
}
.opsion-ttl>span {
  display: block;
}

/*////// ACCESS //////*/
.shop-access{ padding: 3vw 0 4vw; width:100%;}
body.p-room .shop-access{padding: 7vw 0 4vw;}
.shop-access .inner{margin: 0 auto; padding:0 2em;}
.access-box img{width:100%; margin-bottom:2em;}
.access-box iframe{width:100% !important; height:250px; margin-bottom:2em;}

.access-box dl{margin-bottom:1em; text-align:left;}
.access-box dt{font-size: 4vw; font-weight:bold; margin-bottom:.4em;}
.access-box dt i{padding-right:.4em;}
.access-box dd{font-size: 3.5vw; font-weight:normal; line-height:1.5;position: relative;}
.access-box span{display:block;}
.access-box i{
  color: inherit !important;
}
.shop-access-tel{ font-size: 7vw; font-family: 'Roboto', sans-serif;font-weight: 700;color:#16d1c4!important;}
.shop-access-tel a{color:#16d1c4!important;font-family: 'Roboto', sans-serif;letter-spacing: .1em;display:inline-block;}

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

.add_sns_block { display: flex;}
.add_sns_box a { display: block; font-size: 3rem; line-height: 1; padding: 0.2em 0.2rem; margin-right: 1rem;}

/* STUDIO ROOM
========================================================================== */
/* body.p-room header{
  box-shadow: 0 0 5px rgba(120,120,120,0.5);
} */
body.p-room #wrap.open {margin-top:-60px;}

/*////// KEY //////*/
.room-top div + div {padding: 3vw 1em 4vw;}
.room-top .room-right{padding: 5vw 0;}
.room-top h1{
  font-size: 8vw; 
  font-family: 'Libre Baskerville', serif; 
  font-weight:700; 
  margin:0 0 .2em;
  text-align:center;
  line-height: 1.4;
}
.room-top h1 span{display:inline-block; font-size: 5vw; letter-spacing: .05em; font-family: 'Noto Serif JP', sans-serif;padding-left:.25em;}
.room-top h1 span:first-child{
  font-family: 'Noto Serif JP', sans-serif;font-weight:bold;
  padding-right:.75em;
  display:block;
  margin-bottom:.25em;
}
.room-top .piano-name-studio{font-size: 4.5vw;font-weight:700; text-align:center; font-family: 'Noto Serif JP', sans-serif; margin-bottom:1em;}
.room-top .piano-name-studio span{font-family: 'Noto Serif JP', sans-serif;font-size: 3.5vw;padding-right:.25em;}

/*////// studio photo //////*/
.room-left .shop_image{width: 100%; margin:60px 0 1.5em;}
.room-left .shop_image dd{padding:0 0; position:relative;width:100%;margin:0;}

.slide-room .slick-prev:before, .slide-room .slick-next:before {
  font-family: fontAwesome;
  background: rgba(0, 0, 0, .7);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 1;
  opacity: .95;
  color: #fff !important;
  font-size: 20px !important;
}
.slide-room .slick-next{ right: 10px;z-index: 2;}
.slide-room .slick-prev{ left: 0px;z-index: 2;}
.slide-room .shop_image ul.slick-dots{bottom: -1.5em;}

.room-baner{width:100%;margin:1.5em auto 0;display:block;}

/*////// STUDIO ICON //////*/
.studio_search_list{ padding: 0 0; background-color:#f6f6f6; width:100%;margin-bottom:1.5em;}
.studio_search_list h2{ text-align: center; line-height: 1; margin-bottom: 15px;}
.studio_search_list > .inner {padding: 1em .5em 0; width:100%;}
.studio_search_list > .inner.flex{display: flex; flex-wrap: wrap; margin: 0 0 1em; justify-content: center;}
.studio_search_list .search_box{width: 33.3%; position: relative; margin-bottom:1em; padding:0;}

.room-left .shop-txt span{color:#f72872; display:block;}
.room-right .shop-txt span{color:#f72872; display:block;}

/*////// TUNING //////*/
.st-tuning{padding:0 1em;margin-bottom:1.5em;}
.st-tuning dl{ 
  /* border: 1px solid #bbb;  */
  box-sizing: border-box;
  margin-top: .5em;
}
.st-tuning dd {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  /* border-bottom: 1px solid #bbb; */
}
.st-tuning dd:last-child {
  border-bottom: none;
}
.st-tuning dd:first-child p {
  color: #f72872;
}
.st-tuning dd p {
  padding: 1em 0;
  text-align: center;
  font-size: 4vw;
  letter-spacing: 0;
  width: 100%;
  border: 1px solid #bbb;
}
.st-tuning dd:last-child .tune-text {
  border-top: none;
}
.tune-text:empty {
  display: none;
}

/*////// EQUIPMENT //////*/
.room-eq{ box-sizing: border-box; padding: 0 1em;}
.studio-eq dl{ border: 1px solid #bbb; box-sizing: border-box; margin-bottom:1em;}
.studio-eq dd{ display: flex; justify-content: center; align-content: center; align-items: center; border-bottom: 1px solid #bbb; background: #f6f6f6;}
.studio-eq dd:last-child{ border-bottom: none;}
.studio-eq dd p{ padding:.75em; text-align: center; font-size: 3.75vw; letter-spacing:0; font-weight: normal;line-height:1.3;}
.studio-eq dd.piano-eq{background:#111; color:#111 !important;}
.studio-eq dd.piano-eq p:nth-child(1){color:#fff !important;}
.studio-eq dd p:nth-child(1){ width: 40%; font-size: 3.25vw;font-weight: bold;}
.studio-eq dd p:nth-child(2){ 
  width: 60%; border-left: 1px solid #ccc; background: #fff;
  word-break: break-word;
}

/*////// EQUIPMENT ICON //////*/
.studio-eq-icon{ padding: 0 0 2em; width:100%;}
.studio-eq-icon > .inner {padding: 15px 0 0; width:100%;}
.studio-eq-icon > .inner.flex{ flex-wrap: wrap;}
.eq_icon_box{ width: 33.3%; position: relative; margin-bottom:1em; padding:0;}
.two-eq-icon .eq_icon_box{ width: 50%;}
.eq_icon_box img{margin:0 auto; display:block; width:55px; height:55px;}
.eq_icon_box p{text-align: center; font-size: 4vw; font-weight:bold; line-height: 1.3; width:100%; margin-top:.5em;}
.eq_icon_box p span{display:block;}
.eq_icon_box p.mixier,.eq_icon_box p.mixier span{color:#6e5241 !important;}
.eq_icon_box p.mic,.eq_icon_box p.mic span{color:#58a6a0 !important;}
.eq_icon_box p.cd,.eq_icon_box p.cd span{color:#c7a232 !important;}

/*////// BOOKING //////*/
.room-booking img{width:100%;}
.room-reserve p{ background: #fc247c; color: #fff; text-align: center; padding: .5em 0; font-weight: bold;}

/*////// ROOM PRICE LIST //////*/
.price-list{ box-sizing: border-box; padding: 0 1em;}
.price-list h3{ color: #000; text-align: center; font-size: 4vw;}
.price-list > p{ font-size: 3vw; line-height: 1.4; text-align: center; padding: .5em 0;}
.price-list dl{ 
  margin: .5em 0 1.5em;
}
.price-list dd{ 
  display: flex; justify-content: center; align-content: center; /* border-bottom: 1px solid #bbb; */
}
.price-list dd > div{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 3.5vw; font-weight: bold; padding: 1em 0; line-height: 1.6; box-sizing: border-box;}

.price-list dd > div p{ width: 100%; text-align: center;}

.price-list dd > div:nth-child(1){background: #f6f6f6;}
.price-list dd > div:nth-child(1) p > span{ color: #f72872;}
.price-list dd:nth-child(n+3) > div:nth-child(1) p > span{ color: #333;font-weight: normal;}
.price-list dd > div:nth-child(2){border-left: 1px solid #bbb;}

.price-list dd > div:nth-child(2) p{ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 4.5vw;}
.price-list dd > div:nth-child(2) p span{ color: #999; font-size: .75em; padding-left: .5em;font-weight: normal;}

.price-list dl.list02 dd > div,.price-list dl.list01 dd > div{ width: 50%;}

/*////// PRICE ATTENTION //////*/
.price-at{ background: #efefef; box-sizing: border-box; padding: 1.5em 1em 1em; font-size: 3vw; line-height: 1.5;}
.price-at p{ text-align: left; padding-left: 1.5em; position: relative;  margin-bottom:.5em;}
.price-at p span{color: #f72872; text-decoration: underline; font-weight: bold;}
.price-at p::before{ content: "※"; position: absolute; left: 0; color: #f72872; font-size: 1em;}

/* About
========================================================================== */
.color-wrap{padding: 3em 0 2em}
.color-box{position:relative;margin-bottom:3em;}
.color1{background: url("../images/feature/feature-bg1_sp.jpg") no-repeat 50% center/cover}
.color2{background: url("../images/feature/feature-bg2_sp.jpg") no-repeat 50% center/cover;}
.color3{background: url("../images/feature/feature-bg3_sp.jpg") no-repeat 50% center/cover;}
.color4{background: url("../images/feature/feature-bg4_sp.jpg") no-repeat 50% center/cover;}
.color5{background: url("../images/feature/feature-bg5_sp.jpg") no-repeat 50% center/cover;}
.color6{background: url("../images/feature/feature-bg6_sp.jpg") no-repeat 50% center/cover;margin-bottom:0;}
.color-box .num{font-size:20vw;font-family: 'Playfair', serif;font-weight:700;color:rgba(235,198,86,0.5);position:absolute;top:-.75em;left:.2em;}
.color-box .inner{padding:3em 1.5em;}
.color-box h2{text-align:center;color:#fff;font-size:5.5vw;margin-bottom:1em;line-height:1.4;font-family: 'Noto Serif JP', sans-serif;font-weight:700;}
.color-box p{color:#fff;font-size:3.75vw;line-height:1.7;}
.color-box p.ttl-span{font-size:4vw;font-weight:bold;text-align:center;line-height:1.4;margin:2em 0 .5em;}
.color-link{text-align:center;width:70%;margin:1.5em auto 0;}
.color-link a{color:#fff;padding:.5em 1.5em .5em 1em; position: relative; font-size:3.75vw;display:block;background: rgba(180,0,0,0.5);}
.color-link a::after{ content: "\f105"; position: absolute; top: 50%; left: 90%; transform: translate(0,-50%); font-family: FontAwesome;}
.color-link a:hover{color: #fff; transition: all  0.3s ease;}

/* Studio
========================================================================== */
.aboutst-wrap{padding: 1em 0 2em}
.aboutst-lead{padding: 1em 1.5em 0;font-size:3.75vw;text-align: justify;}
.aboutst-lead h2{font-family: 'Noto Serif JP', sans-serif;font-size:6vw;margin-bottom:1em;}
.aboutst-lead ol{list-style:decimal-leading-zero;padding-left:1.5em;margin-bottom:2em;}
.aboutst-lead li{padding-left:.5em;}

.piano-ic{margin-top:2em;}
.piano-ic img{display:block;margin:0 auto .5em;width:60px;}
.piano-ic h3{font-family: 'Noto Serif JP', sans-serif;font-size:5vw;text-align:center;margin-bottom:0;}
.piano-ic h3 span{font-family: 'Noto Serif JP', sans-serif;display:block;font-size:3.25vw;font-weight:normal;}

section#list{margin-bottom:2em;}
section#list dl{padding:0 1em;}
section#list dl dt{font-weight:bold;padding:.5em;background:#222;color:#fff;font-size:3.75vw;margin:1em 0 0;}
section#list dl dd{margin:0 0 0px}
section#list dl dd table{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:3.75vw;}
section#list dl dd table th,section#list dl dd table td{padding:.5em;background:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
section#list dl dd table thead th{font-weight:normal;text-align:left}
section#list dl dd table thead th:first-child{width:20%;background:#efefef}
section#list dl dd table thead th:first-child+th{width:80%;background:#f6f6f6;}
section#list dl dd table tbody td:first-child{font-weight:bold;}
section#list dl dd table a{color: #000000;}
section#list dl dd table a:hover{color: #cc0000;}

/* foruser
========================================================================== */
.userduide-wrap{padding:0 1em;}
.userduide-wrap .inner{padding:0 .5em;}
.userduide-wrap ul{border-bottom:1px solid #ccc; padding:2em 0;}
.userduide-wrap ul:last-child{border-bottom:none;}
.userduide-wrap li h2{font-size:5.25vw; margin-bottom:1em;font-family: 'Noto Serif JP', sans-serif;}
.userduide-wrap li p{font-size:3.75vw; line-height:1.6; margin-bottom:2em;text-align: justify;}
.userduide-wrap li p span{color: #cc0000;}
.userduide-wrap li img{width:100%; display:block; margin:0 auto;}

.userguide_other{padding:0em 1.5em 2em;}
.userguide_other li{margin-bottom:1em; font-size:3.75vw;text-align:center;}
.userguide_other li a{color: #cc0000;}
.userguide_other li .userguide-kiyaku{margin:1em auto 1em; text-align:center; width:100%;}

.userguide-kiyaku {margin:0 auto 2em; text-align:center; border:1px solid #cc0000; padding:.4em; width:50%; color:#cc0000 !important;}
.gear-modal{border:none;width:100%;margin:0 auto 0}
.userguide-kiyaku > input { /* ラジオボックス非表示 */ display: none; }
.userguide-kiyaku > input:nth-child(1) + label {cursor: pointer; color:#cc0000 !important; font-size:3.75vw; display:block;}
.userguide-kiyaku > input:nth-child(1) + label i{color:#cc0000 !important; padding:.4em; }
.gear-modal> input:nth-child(1) + label {color:#000 !important; padding:0; }
.userguide-kiyaku2 { /* 初期設定 ポップアップ非表示 */display: none;}
.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .userguide-kiyaku2 {/* ラジオ１ チェックでポップアップ表示 */
display: block; position: fixed; z-index: 998!important; width: 90%; height: 80%; border-radius: 4px; left: 50%; top: 50%; margin-top: 20px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; padding: 1em 1em 0; overflow: hidden;}

@media (min-width: 768px) {
  /* PCのときはページの真ん中の600x600領域 */
  .userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .userguide-kiyaku2{width: 70%; height: 70%; padding:30px 30px 0;z-index: 998;}
  .userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {right: 3% !important; top: 3% !important;}
}

.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .userguide-kiyaku2 > div {/* */overflow:auto; -webkit-overflow-scrolling:touch; display: inline-block; width: 100%; height: 100%;}
.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .userguide-kiyaku2 > div > iframe { width: 100%; height:100%; border:none; display:block;}
.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .userguide-kiyaku2 > div > img {/* ポップアップの中の要素 */max-width: 100%;}
.userguide-kiyaku > input:nth-child(1) + label ~ label {display: none;/* ラジオ１ 以外のラベルを初期は非表示 */}
.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); display: block; position: fixed; left: 0; top: 0; z-index: 997; text-indent: -999999px; overflow: hidden;}
.userguide-kiyaku > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {background: rgba(255, 255, 255, 0.7); display: inline-block; position: fixed; right: 10px; top: 30px; z-index: 999; width: 30pt;height: 30pt;font-size: 25px;border-radius: 50%; line-height: 30pt; text-align: center; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.gear-modal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {right: 10px; top:12%;}
.userguide-kiyaku > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .userguide-kiyaku2,
.userguide-kiyaku > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .userguide-kiyaku2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */ display: none;}
.userguide-kiyaku2 {animation: fadeIn 1s ease 0s 1 normal; -webkit-animation: fadeIn 1s ease 0s 1 normal;}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

.userguide-kiyaku .modalTitle {padding-bottom: .5em; margin: .5em 0; border-bottom:1px solid #aaa; font-size:5vw; font-weight: bold;font-family: 'Noto Serif JP', sans-serif;}
.userguide-kiyaku .modalMain {color:#222; text-align: left!important; font-size:3.75vw; line-height:1.6; padding:.5em;position:relative;z-index:4;}
.userguide-kiyaku .modalMain ul{border-top:none; padding:0 0 1em 1em;list-style:square;}
.userguide-kiyaku .modalMain li{width:100%;text-align: left!important;margin-bottom:.5em;}
.userguide-kiyaku .modalMain h3{ font-size:4.5vw;font-weight:bold;line-height:1.4;margin:.5em 0 1em;font-family: 'Noto Serif JP', sans-serif;}
.userguide-kiyaku .modalMain ul.no-style{list-style:none;padding:0 0 1em 0;}
.userguide-kiyaku .modalMain ul.dansen-style{list-style:decimal;}

/* POP UP ====================================*/
.popup-btn {
  cursor: pointer;
  color: #333 !important;
  font-size: 1.4em;
  text-align: center;
  display: block;
  font-weight: bold;
  padding: 1em 0;
  margin: 0 auto;
  transition: opacity .5s;
}
.popup-btn + label:hover{
  opacity: .5;
}
.kiyaku-btn{
  position: relative;
  padding:0 .1em .6em;
}
.kiyaku-btn::after{
  content: "";
  position: absolute;
  width: 100%;
  height: .2em;
  background-color: #000;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.popup-block input,
.popup-close-btn{
  display: none;
}
/* チェック状態 ======================== */
.popup-btn-input:checked ~ .popup-bg{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.70);
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 997;
  text-indent: -999999px;
  overflow: hidden;
}
.popup-btn-input:checked ~ .popup-close-btn{
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
  position: fixed;
  right: .5em;
  top: 1em;
  z-index: 999;
  width: 1.6em;
  line-height: 1.6em;
  font-size: 2em;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.popup-content {
  display: none;
  position: fixed;
  top: 6.2em;
  left: 0;
  right: 0;
  z-index: 998!important;
  width: 94%;
  max-width: 1200px;
  height: 82%;
  border-radius: .4em;
  margin: auto;
  background-color: #fff;
  overflow: scroll;
}
.popup-content-inner {
  padding: 1em 2em;
}
.popup-btn-input:checked ~ .popup-content {
  display: block;
}
.popup-btn-input:checked ~ .popup-bg,
.popup-btn-input:checked ~ .popup-close-btn{
  display: block;
}

@media (min-width:769px){
  .popup-btn-input:checked ~ .popup-close-btn{
    top: 0.8em;
    right: 1.1em;
    font-size: 2.4em;
  }
  .popup-btn-input:checked ~ .popup-content {
    width: 94%;
    margin-top: 1em;
  }
}/* min-width:769px */

@media (min-width:1200px){
  .popup-btn-input:checked ~ .popup-content {
    width: 94%;
    margin-top: 1em;
  }
  .popup-btn-input:checked ~ .popup-close-btn {
    right: calc( (100vw - 1200px) / 2);
  }
  .popup-btn-input:checked ~ .popup-content{
    padding: 1em 5em;
  }
}/* min-width:769px */


/* RULE - POP UP ====================================*/
.popup-block.popup-rule{
  font-size: 3.125vw;
}
/* .st_terms_wrap{
  padding: 1em 0 2em;
} */
.st_terms_wrap>p{
  margin-bottom: 0;
}
.popup-rule .popup-content-inner {
  padding: 1em 1.5em;
}
.st_terms_wrap .modalTitle {
  font-size: 2em;
  padding: .8em 0;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
}
.st_terms_block{
  color: #222;
  text-align: left;
  font-size: 3.75vw;
  line-height: 1.6;
  border-top: none !important;
}
.st_terms_box {
  padding: 0.5em 0;
}
.rule-wrap .st_terms_block{
  padding-left: 0;
}
.rule-wrap .st_terms_box{
  list-style: none;
}
.st_terms_ttl{
  font-size: 1.15em !important;
  margin-bottom: .5em !important;
  text-align: left;
}
.st_terms_desc {
  text-align: left;
}
.st_terms_sub{
  font-weight: bold;
  display: block;
  line-height: 2;
}
.popup-btn.rule-btn{
  border: 1px solid #cc0000 !important;
  margin: 1em auto;
  max-width: 22em;
  color: #cc0000!important;
  background-color: transparent;
}
.popup-btn .fa.fa-list-alt{
  margin-right: .3em;
}

@media (min-width:769px){
  .popup-block.popup-rule{
    font-size: 10px;
  }
  .popup-rule .popup-content-inner {
    padding: 3em 3em 0;
  }
  /* .st_terms_wrap{
    padding: 1em 0 3em;
  } */
  .st_terms_wrap>p{
    margin-bottom: 0 !important;
  }
  .popup-btn.rule-btn {
    margin: 1em auto;
    max-width: 18em;
    font-size: 1.7em;
  }
  .rule-wrap .st_terms_block {
    margin-bottom: 0;
  }
}/* min-width:769px */


/*////// TUNE //////*/
.tune-wrap{width: 100%;padding:0em 1em 2em;background:#efefef;}
.tune-tabs {padding-bottom: 2em;margin:0 0;}
.tune-tab-item {
  width:23%; 
  margin:1%;
  background-color: #fff; font-size: 3.5vw; color: #333; display: block; float: left; text-align: center; font-weight: normal; transition: all 0.2s ease; padding:.2em 0;
}
.tune-tab-item:hover {background-color: #555; color:#fff;}
.tune-tab-item:hover {opacity: 1;}
input[name="tune-tab-item"] {display: none;}
.tune-tab-content {display: none; padding:2em 0 0; clear: both; overflow: hidden;}
.tune-tabs input:checked + .tune-tab-item {background-color: #000;color: #fff;}

.tune-wrap h2{font-family: 'Noto Serif JP', sans-serif;font-size:6vw;font-weight:700;line-height:1.4;}
.tune-lead ul{margin-bottom:2em;padding:0 .25em;}
.tune-lead li{font-size:3.25vw;margin-bottom:.5em;position:relative;padding-left:1.5em;text-align: justify;line-height:1.6;}
.tune-lead li:before{font-family: FontAwesome;content: "\f046";position: absolute;left: 0;}

.tune-box{display: flex; justify-content: space-between;border:1px solid #ddd;background-color:#fff;margin-bottom:1em;margin-top:-.5em;}
.tune-box .tune-title{width:40%;padding:.8em 0 0 .8em;border-right:1px solid #ddd;}
.tune-box h3{font-family: 'Libre Baskerville', serif;font-weight: 700;font-size:5.4vw;}
.tune-box h3 span{display:block;font-family: 'Playfair Display', serif;font-weight: 700;font-size:3.25vw;line-height:1.2;}
.tune-box .tune-title p{font-size:3vw;margin-top: 0.2em;}
.tune-box .st-tuning{width:60%;padding:0;margin:0;}
.tune-box .st-tuning dl{ border:none; box-sizing: border-box;margin-top:0;width:100%;}
.tune-box .st-tuning dd{ display: block;width:100%;border-bottom:1px solid #ddd;background-color:#fff;}
.tune-box .st-tuning dd:last-child{border-bottom:none;}
.tune-box .st-tuning dd p{padding: .8em 0; text-align: center; font-size: 3.75vw; letter-spacing:0; width: 100%;}
.tune-box .st-tuning dd:nth-child(3) p{color: #f72872!important;}
.tune-tw-box{padding:0 1.5em;}

/*////// HOTEL //////*/
.hotel-wrap{width: 100%;padding:1.5em 1em;}
.hotel-lead{font-size:3.75vw;line-height:1.6;margin-bottom:2em;}
.hotel-wrap h2{font-family: 'Noto Serif JP', sans-serif;font-size:6vw;font-weight:700;margin-bottom:.75em;}
.hotel-list h3{font-family: 'Noto Serif JP', sans-serif;font-size:5vw;font-weight:700;margin-bottom:.5em;}
.hotel-list h3 span{font-size:3.5vw;display:block;} 
.hotel-list{width:100%;}
.hotel-list .hotel-box{border:1px solid #ccc;padding:.75em;margin-bottom:2em;}
.hotel-list .hotel-img{width:100%;}
.hotel-list .hotel-img img{width:100%;}
.hotel-list .hotel-txt{width:100%;padding:1em .25em 0;}
.hotel-list ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.hotel-list li{margin-bottom:.5em;position:relative;padding-left:1.3em;color:#3cafad;}
.hotel-list li:before{position:absolute;left:0;top: 50%; transform: translate(-0%,-50%);font-family: fontAwesome;color:#3cafad;}
.hotel-list li.walk{font-size:3.75vw;padding-left:1.75em;color:#938169;width:100%;}
.hotel-list li.walk:before{content: "\f18e";font-size:5vw;color:#938169;}
.hotel-list li.tel{font-size:5vw;font-family: 'Roboto', sans-serif;font-weight:700;letter-spacing: .05em;width:57%;padding-top:.25em;}
.hotel-list li.tel:before{content: "\f10b";top:55%;left:.1em;font-size:7vw;font-weight:normal;}
.hotel-list li.web{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:3.5vw;
  padding-left:2em;
  width:40%;
  background:#3cafad;
  padding:.25em;
  text-align:center;
  border-radius:3px;font-weight:bold;
}
.hotel-list li.web a{color:#fff;}
.hotel-list li.web i{color:#fff;padding-right:.2em;font-size:3vw;}

/*////// HALL //////*/
.hall-wrap{padding:2em 1em .5em;background:#efefef;}
.hall-wrap h2{font-family: 'Noto Serif JP', sans-serif!important;font-size:6vw;font-weight:700;margin-bottom:1em;}
section.hall-box{background:#fff;padding:2em 1em 1em;margin-bottom:1.5em;font-size:3.75vw;}
section.hall-box dt{font-weight:bold;font-size:4vw;}
section.hall-box dd{margin-bottom:1em;}
section.hall-box a{color:#3cafad;border-bottom: 1px solid #3cafad;padding-bottom:2px;margin-bottom:.5em;}

/*////// COLLEGE //////*/
.college-wrap{padding:2em 1em 2em;}
.college-wrap .tune-tab-item {width:48%; margin:1%;padding:.5em 0;}

/*////// RECORDING //////*/
.rec-wrap{width: 100%;padding:1.5em 1em 0;}
.rec-wrap h2{font-family: 'Noto Serif JP', sans-serif!important;font-size:5.25vw;font-weight:700;margin-bottom:1em;}
.rec-lead{font-size:3.75vw;line-height:1.6;margin-bottom:2em;padding:0 .5em;}
.rec-box{background:#fff;padding:0 0;margin-bottom:1em;}
.rec-box h3{font-family: 'Noto Serif JP', sans-serif!important;font-size:5vw;font-weight:700;margin-top:2em;margin-bottom:1em;text-align:center;}
.rec-box ul{margin-bottom:1em;}
.rec-box p{font-size:3.75vw;line-height:1.6;}
.rec-box p.rec-recommend{text-align:center;margin:1.5em 0 1em;}
.rec-box p.rec-recommend span{background:#41b9c0;color:#fff;border-radius:10px;padding:.4em .8em .5em;font-weight:normal;}
.rec-box .rec-lead{padding:0 .5em;}
.rec-box .all-store{padding:0 1em;}
.rec-box .all-store span{font-weight:bold;}
.rec-box .rec-store{background:#f7f3ed;padding:1em 0 1em;margin-bottom:1em;}
.rec-box .rec-store-name{font-family: 'Noto Serif JP', sans-serif!important;font-size:6.5vw;font-weight:700;text-align:center;margin-bottom:.5em;}
.rec-box .rec-store-name span{display:block;font-family: 'Noto Serif JP', sans-serif;font-size:4vw;}
.rec-box .rec-store .store-img{position:relative;margin:0em auto;width: 90%;}
.rec-box .rec-store .st-type{position:absolute;top:0;right:0;background: rgba(0,0,0,0.6);padding:.2em .4em;font-size:3vw;color:#fff;}
.rec-box .rec-store .store-img p{padding:.5em 1.5em 0;font-size:3.25vw;}
.rec-box .rec-store .st-name{font-size:5vw!important;tet-align:center;font-family: 'Noto Serif JP', sans-serif;font-weight:700;margin-top:.25em;text-align:center;}
.rec-box .rec-store .st-name span{font-size:3.75vw;font-family: 'Noto Serif JP', sans-serif;}
.rec-box .rec-store p.rec-exemple{padding:.5em;margin:1.5em auto 0;text-align:center;color:#fff;background:#b0a392;width:93%;}
.rec-box .rec-store ul{margin-bottom:0; padding:1em 1em 0;}
.rec-box .rec-store li{font-size:3.75vw;text-align:center;}
.rec-box .rec-store li.price{font-size:4vw;text-align:center;color:#41b9c0;}
.rec-box .rec-store li.price span{color:#41b9c0;font-size:5vw;font-family: 'Roboto', sans-serif; font-weight: 700;}
.rec-box .rec-store li.price span:last-child{font-size:3.5vw; padding-left:.2em;}
.rec-box .rec-store li.detail{font-size:4vw;font-weight:bold;margin:.5em 0;}

.rec-cation{margin-bottom:2em;padding:0 .5em;word-break: break-all;}
.rec-cation ul{margin-bottom:1em;}
.rec-cation li{font-size:3.75vw;color:#cc0000;margin-bottom:.4em;}
.rec-cation p{font-size:3.75vw;}
.rec-cation p.cd-pkg{font-size:5vw;font-weight:bold;margin-bottom:.5em;}
.rec-cation a{display:block;color:#cc0000;}
.rec-wrap .hotel-box{border:0px solid #ccc;padding:.75em;margin-bottom:2em;background:#f6f6f6;}

/*////// CONCOURS RECORDING //////*/
.concours-box{margin:1em 0em 2em 0em;}
.concours-box h3{font-family: 'Noto Serif JP', sans-serif!important;font-size:5.5vw; text-align:center; margin-bottom: 1em;}
.concours-box ul{width:95%; margin: 0 auto!important;}
.rec-box .concours-store-name{font-family: 'Noto Serif JP', sans-serif!important;font-size:5.5vw; font-weight:bold;text-align:center; margin: 2em 0em 0.5em 0em;}
.rec-box .rec-store .st-name2{font-family: 'Noto Serif JP', sans-serif;font-size:18px!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:15px!important;}
.rec-box .rec-store .store-wrap2 .store-img {margin-bottom: 2em;}
.rec-box .rec-store{background:#f7f3ed;padding:1em 0 1em;margin-bottom:1em;}


/* nnew top banner
========================================================================== */
.wrapper {
   overflow: hidden
   }   
.top-banner .swiper-container-2 .swiper-wrapper-2 {
   transition-timing-function: linear !important;
   }


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

/* pager
========================================================================== */
.pager{text-align:center; padding:1em 0;position:relative;}
.pager a{color:#AAAAAA;font-size:3vw;}
.pager .num{display:inline-block; padding:.4em 1em; margin-bottom:.5em;}
.pager .num a{color:#ccc; display:inline-block; border:1px solid #ccc; padding:.4em 1em; margin-bottom:.5em;  }
.pager .num a:hover{background-color:#ccc; border:1px solid #ccc; color:#FFFFFF; padding:.4em 1em; text-decoration:none; margin-bottom:1em;}
.pager .num .current_page{display:inline-block; border:1px solid #444; background-color:#444; color:#ffffff; padding:.4em 1em; margin-bottom:1em;font-size:3vw;}
.pager span{display:inline-block;}
.pager span i{font-size:5vw;}
.pager span.before{position:absolute;top:50%;left:0;transform: translate(0%,-50%);}
.pager span.next{position:absolute;top:50%;right:0;transform: translate(0%,-50%);}
.center-block {display:block; margin:0 auto;}
.center-block2 {display:block; margin:1em auto;}


/* studiolist
========================================================================== */
.studioalllist-wrap{padding:0 1.5em 2em;}
.studioalllist-wrap table{border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.studioalllist-wrap table th,.studioalllist-wrap table td {padding: .25em .5em; text-align: center; font-size: 3vw; display:block;border-left: 1px solid #ccc;}
.studioalllist-wrap table th{padding:.2em 0; border-top: 1px solid #ccc;width:100%; border-bottom: 1px solid #ddd; font-size: 4vw; background-color:#f6f6f6;margin-top:1em;border-right: 1px solid #ccc;}
.studioalllist-wrap table th a{color:#f72872;}
.studioalllist-wrap table td{border-right: 1px solid #ccc;}
.studioalllist-wrap table td.tel{padding:1.5em .5em .25em;}
.studioalllist-wrap table td.tel a{padding:.5em .75em; font-family: 'Roboto', sans-serif; font-weight: 700;  font-size: 4.8vw; letter-spacing:2px;color:#16d1c4;} 
.studioalllist-wrap table td.tel i{color:#16d1c4;padding-right:.25em;}
.studioalllist-wrap table td.add {border-bottom: 1px solid #ccc; padding-bottom:1em; line-height:1.3;} 
.st_box p .newOpen {
  font-family: 'Oswald';
  color: #ff2929;
}

/* COMPANY
========================================================================== */
.form-wrap{margin-bottom:3em;}
.nomain-form-wrap{padding-top:5.5em;}
.nomain-form-wrap h1{margin: 0 0 15px;font-size: 7vw;text-align: center;font-family: 'Lato', sans-serif;font-weight: 900;text-shadow: 0 0 0 black;color:#000;}
.nomain-form-wrap h1 span{font-family: "メイリオ","ms pgothic", sans-serif;margin: .5em 0 0 0;font-size: 3vw;display: block;font-weight: normal;line-height: 1.4;color:#000;}
.company-info{margin:0em 0 3em;}
.company-info dl{width:100%;border-bottom:1px dotted #CCCCCC;padding:1em 0;}
.company-info dt{text-align:center;font-weight:bold;margin-bottom:.2em}
.company-info dd{text-align:center;padding:0 1em;}
.company-info dd a{color:#dd0000;}
.company-info dd span{display:block;}
.company-info h2{font-size:5vw;}
.brandtop_box{width:100%;height:25px;margin-bottom:2em;}
.pickupbox ul{width:100%;padding:0 1em;}
.pickupbox li{width:48%;margin-bottom:2em;float:left;box-shadow:0px 0px 10px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.15);position:relative;padding:0em 0em 3.5em;}
.pickupbox li:nth-child(even){float:right;}
.brandimage img{width:100%;overflow:hidden;}
.pickup_text{width:100%;font-size:3vw;line-height:1.6;padding:1em 1em 0em;}
.br_web_btn{width:70%;padding:.4em;background-color:#000;position:absolute;right:0;bottom:0;text-align:center;font-size:3vw;}
.br_web_btn a{color:#fff;}
.br_web_btn i{padding-left:.5em;color:#fff;}

/* 404 NOT FOUND
========================================================================== */
body.notfound h1{font-size:6vw;line-height:1.3;margin-bottom:1em;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;text-align:center;}
body.notfound h1 span{font-size:6vw;font-weight:700;display:block;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;}
body.notfound .notfound-wrap{font-size:3.75vw;padding:7em 1.5em 1em;}
body.notfound .back-btn {margin-top:2.5em; padding: 0 4em;}
body.notfound .back-btn a {border: 1px solid #000;color: #000;text-align: center;margin: 1em auto 1em;font-size: 4vw;font-weight: bold;padding: 1em;display: block;width: 100%;border-radius: 4px;}
body.notfound .studio_list{margin-bottom:2em;}


@media screen and (max-width : 460px){
p.news-tag span{ font-size: 3.25vw;}
}

.vision-slide {position:relative;overflow:hidden;}
.vision-slide img{min-height: 100%!important;min-height: 100vh!important;width: auto!important;height:100vh!important;object-fit: cover!important;display:block;margin:0 auto;}
.vision-slide video,.vision-slide iframe{width: 100vw!important;height: 100vh!important;}