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

:root{
  --font-comp: "Lato","YakuHanJP",'NotoSansCJKjp',sans-serif;
  --font-ja: "YakuHanJP",'NotoSansCJKjp',sans-serif;
  --font-en: "Lato",sans-serif;
}
[v-cloak] {
  display: none;
}
body{
  font-family: "YakuHanJP",'NotoSansCJKjp',sans-serif;
}
.en{
  font-family: 'Lato', sans-serif;
}
.ja{
  font-family: "YakuHanJP",'NotoSansCJKjp',sans-serif;
}
.roboto{
  font-family: 'roboto', sans-serif;
}
.sp_view,.sp{ display: inherit;}
.pc_view,.pc{ display: none;}
.bold{
  font-weight: bold;
}
.youtube_box{
  position: relative;
}
.youtube_box::before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 70%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width : 769px){
  .youtube_box::before{
    padding-top: 56.25%;
  }
}

#wrap{
position: relative;
}
.no_mv #wrap{
  position: inherit;
}

#wrap #bg_cover{
transition: all ease-in .3s;
width: 0;
height: 100%;
position: fixed;
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 .8em;
font-size: 9vw;
text-align: center;
font-family: 'Lato', sans-serif;
font-weight: 900;
text-shadow: 0 0 0 black;
color:#000;
line-height: 1.5;
}
h2 span{
font-family: "メイリオ","ms pgothic", sans-serif;
margin: .2em 0 0;
font-size: .4em;
display: block;
font-weight: normal;
line-height: 1.4;
color:#000;
}
@media print, screen and (max-width : 380px){
  h2 span.ls{
    letter-spacing: -.05em; 
    font-size: .38em; 
    font-weight: normal;
  }
}

.shop-icon > p span{ font-size: 1.8vw; letter-spacing: -.1em;}
.body-fixed{ overflow: hidden;}


/* SECTION TITLE ========== */
.sec_ttl{
  font-size: 11vw;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 .5em;
}
.sec_ttl .en{
  display: block;
  font-size: 1em;
  font-weight: 900;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
.sec_ttl .ja{
  display: block;
  font-size: .36em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0;
  margin: 0;
  color: #333;
}
.sec_ttl .ls{
  padding-top: .4em;
}
.sec_ttl .small{
  font-size: .85em;
}
.sec_ttl .small2{
  font-size: .75em;
}
.sec_ttl .small2 + .ja{
  font-size: .32em;
}
@media (min-width : 769px){
  .sec_ttl{
    font-size: 45px;
  }

}/*  */


/* Keyvisual
======================================= */
.main_view {
position: relative;
}
.main_view img{
width: 100%!important;
}
.main_view img.key_img{
width: 100%!important;
}
.key_inner .lead{width: 85%;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-45%);opacity: 0;animation: view .5s forwards;animation-delay: 1s;}
.key_inner .lead2{width: 85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.key_inner .lead img,.key_inner .lead2 img{ width: 100%;}
.swiper-container{width: 100%;}

@keyframes view {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.top-web-txt{color:#f72872;text-align:center;}

.banner-wrap.sp_view{padding: .6em .6em;}
.banner-wrap.sp_view ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; /*align-items: center;*/}
.banner-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.banner-wrap.sp_view li{
 width:49%;
}
.banner-wrap li{margin-bottom:0;}
.banner-wrap li:last-child{margin-bottom:0;}

.movie-wrap iframe{width:100%;height:200px;}

.movie-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.movie-wrap li{margin-bottom:1em;}
.movie-wrap li:last-child{margin-bottom:0;}


/* header
   ========================================================================== */
header{
position:fixed;
width: 100%; 
top: 0;
/* background: #fff; */
z-index: 14;
/* box-shadow: 0 0 5px rgba(120,120,120,0.5); */
-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

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

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

header h1 a{
display: block;
}

header .logo{
margin-right: auto;
display: inline-block;
line-height: 0;
width: 85px;
}
#wrap.open header .logo {
  opacity: .1;
}
header .logo a{
display: block;
}

header .right_box{
display: none;
}

#wrap.open header{ position: absolute; top: 0; background: none; box-shadow: none;}
#wrap.open .logo {
  opacity: .1;
}
.pagewrap{ width: 100%;}

header.white {
  background-color: rgb(255, 255, 255, .95);
}

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

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

.cssacc{
  display: none;
}

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

.cssacc_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: 3.4vw!important;
  border-bottom: .5px #000 solid;
  padding: 3vw 0;
}

.accshow li {
  width: 32%;
  display: flex;
  font-size: 1.6rem;
  text-align: left;
}
.cssacc:checked + label + .accshow {
  height: auto;
  opacity: 1;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.cssacc:checked + .cssacc_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(106%) 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: -.5em;
}

#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;
font-family: 'Questrial', sans-serif;
line-height: 1;
}

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

#ham_btn.open .bar{
background: transparent;
}

#ham_btn.open .bar::before{
transform: rotate(45deg);
top: 8px;
}

#ham_btn.open .bar::after{
transform: rotate(-45deg);
bottom: 7px;
}

body.open{
position: fixed;
width: 100%;
}


#slide_menu{
position: fixed;
top: 0;
right: -85vw;
width: 85vw;
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 .nav_studio_list > a {
  width: fit-content !important;
}
#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;}

#tel_btn2{
    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_btn2 .inner{
    padding: 0 0 0;
    width: 54px;
    height: 40px;
    display: block;
    position: relative;
    box-sizing: border-box;
}

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

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


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

/* booking2 */
#booking_btn2{
    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_btn2 .inner{
    padding: 0 0 0;
    width: 54px;
    height: 40px;
    display: block;
    position: relative;
    box-sizing: border-box;
}

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

#booking_btn2 .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: 2.5vw;
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% 3vw;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48%;
  border: 1px solid #999;
  border-radius: 6px;
}

#sp_tel_menu .line{
  height: 100%;
  padding: 2vw 1.5vw;
  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;
}
.line .tenpo{
  width: 55%;
  letter-spacing: -.05em;
}
.sp_nav_tel_flex_child {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sp_tel_menu ul li p a{ color: #fff;}
#sp_tel_menu ul li p span{
  font-size: 3.25vw;
  color: #6BC9C4;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
}

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




/* top-h1box
========================================================================== */
.top-h1box{padding:1em 1em 0;}
.top-h1box h1{margin: 0 0 3vw;font-size: 4.3vw;line-height: 150%;text-align:center;}
.top-h1box p{margin: 0 0 0;font-size: 3.5vw;line-height: 150%;text-align: justify;text-justify: inter-ideograph;}


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

.recruit-in .breadcrumbs{background:#fff;line-height:1.1;}
.recruit-in .breadcrumbs ol{padding:.5em .75em .75em .75em;}
.recruit-in .breadcrumbs li{font-size: 2.75vw;z-index:1;}


/* studio list
========================================================================== */
/* .studio_list{ padding: 8vw 0 0;} */
/* .studio_list h2{ text-align: center; line-height: 1; margin-bottom: 10px;} */
.studio_list > .inner { width: 100%;}
.studio_list > .inner.flex{ flex-wrap: wrap;}
.st_box{ 
  width: 50%; 
  position: relative;
  padding:0 0;
}
.st_box img{ 
  width: 100%;
  object-fit: cover;
  height: 100%;
  aspect-ratio: 25 / 14;
}
.top_studio_list .st_box{
  background-color: #333;
}
.top_studio_list .st_box img.lazyload{
  opacity: 0;
}
.top_studio_list .st_box img.lazyloaded{
  opacity: .5;
}
.top_studio_list .st_box:hover img{
  opacity: .2;
}
.st_box p{
  width:100%!important;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align: center; color: #fff; 
  font-weight: 500; 
  font-family: "Oswald","YakuHanJP",'NotoSansCJKjp',sans-serif; 
  font-size: 4.8vw; 
  line-height: 1.4;
  /* letter-spacing:.02em; */
  padding:0 0;
}
.st_box p span{
  color: #fff;
  display: block;
  font-size: .7em;
  font-weight: 600;
  /* letter-spacing: .01em; */
  line-height: 1.2;
  width: 100% !important;
}
.st_box p span.two-line {
  font-size: .68em;
  margin-top: 0.2em;
  line-height: 1.3;
}
.st_about{ padding: .5em 1em; box-sizing: border-box; display: flex; justify-content: space-between;}
.st_about p.txt{ font-size: 3vw; width: 75%; line-height: 1.6; text-align: justify;
text-justify: inter-ideograph;}
.st_about p.img{ width: 20%;}
.st_box p .newOpen {
  font-family: 'Oswald';
  color: #ff3333;
  margin-top: .3em;
  font-size: .7em;
  font-weight: bold;
}
.studio_list.room .st_box p .newOpen {
    position: absolute;
    bottom: -1.8em;
}


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

.news{ 
  background-color: var(--bgc-grey); 
  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: -2em;;
  left: 0;
  right: 0;
  margin: auto;
  /* transform: translate(-50%, 0); */
  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;}


.news_list{
  padding:.5em 0;
  opacity:0;
  height:0;
  transition: opacity .5s;
}
.news_list.slick-initialized{
  opacity: 1;
  height: inherit;
}
/*dl.news_list{ display: flex; flex-wrap: nowrap; padding: 0 1vw 10vw;}*/
dl.news_list dd{ padding: 0 5vw; box-sizing: border-box; width: 50%;overflow:hidden;}
.news-img {
  display: block;
  position: relative;
  overflow: hidden;
  /* padding: 50% 0 16% 0; */
  margin-bottom: 1em;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
}
.news-img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  object-fit: cover;
}
.news-tag span{
  font-size: 2.5vw;
  padding: .2em .4em .3em;
  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: 3vw; line-height: 1.6; padding: 0 0;letter-spacing:-.25px;word-break: break-all;margin:.5em 0;
}

dl.news_stop{padding-top:.5em;display: flex; justify-content: space-between;flex-wrap: wrap;padding:0 4%;}
dl.news_stop dd{box-sizing: border-box; width: 47%;overflow:hidden;}
dl.news_stop dd .news-img {
  position: relative;
  overflow: hidden;
  padding: 50% 0 16% 0;
  margin-bottom: .5em;
  width: 100%;
  aspect-ratio: 3 / 2;
}
dl.news_list dd .news-tag,dl.news_stop 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;}
dl.news_stop dd .news-txt{ font-size: 3vw; line-height: 1.6; padding: 0 0;letter-spacing:-.25px;word-break: break-all;margin-bottom:2em;}

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

.news_link{ margin: 1em auto; 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;}

.knowledge-post-wrap .news-img img{
  max-width: inherit;
  width: 100%;
}


/* 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:#f6f6f6;}
.news_all_list .inner,
.news-post-wrap .inner{
  padding:2em 1em;
}
.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,
.knowledge-post-wrap .news-img{
  position: relative;
  overflow: hidden;
  padding: 50% 0 16% 0;
  margin-bottom:.5em;
  width:100%;
  background-color: #111;
}
.news_all_list .news-img img,
.knowledge-post-wrap .news-img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.news_all_list h2{text-align:left; font-size:3.25vw; font-weight:normal;line-height:1.4;padding-top:.2em;margin-bottom:.5em;}
.news-date{color:#666;font-size:3vw;line-height:1.3;}
.news-cat-ttl{font-size:5vw; margin-bottom:1em; font-family: 'Lato', 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;
}
.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:.8em 0 .8em .5em; 
  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 0 1.5em; position:relative; font-size:3.5vw; line-height:1.6;margin-bottom:3em;border-bottom:1px solid #ccc;
}
.news-post-box iframe{
  width: 100%;
  height: clamp(200px,50vw,350px);
  max-width: 600px;
}
.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;}


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


/* SERVICE
========================================================================== */
/* w320:10px */
.service{
  font-size: 2.85714285vw;
}
.service .bottom{
  padding: 10vw 0 4vw;
}
/* .srv{ display: flex; flex-wrap: wrap;} */
.srv_box{
  width: 100%; 
  position: relative; 
  padding: 2.5em 2em 2em; 
  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: .6;
  z-index: -1;
  transition: opacity .5s;
}
.srv_box > a img.srv-bk{ display: none;}
.srv_box:nth-child(1){ background: url(https://www.studionoah.live/studiomap/images/2207_nakano_rec_5.jpg) center/ cover;}
.srv_box:nth-child(2){ background: url(../images/service/srv_dj.png) center/ cover;}
.srv_box:nth-child(3){ background: url(https://www.studionoah.live/news/assets_c/2022/05/220502_shibuya1_thum-thumb-600x400-21430.jpg) center/ cover;}
/* .srv_box:nth-child(4){ background: url(../images/service/srv_livest.png) center/ cover;} */
.srv_box.selftime {
  background: url(https://www.studionoah.live/studiomap/images/2207_nakano_booth5_1.jpg) center/ cover;
}
.srv_box.acappella {
  background: url(/images/acappella/acappella_feat_img_03.jpg) center/ cover;
}

.srv_box:hover{
  -webkit-filter: grayscale(0%);
  filter: none;
}
.srv_box:hover::after{
  opacity: .3;
}
.srv_in p{ color: #fff;}
.srv_logo_wrap{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.6em;
}
.srv_logo{ 
  width: 7.6em; 
  margin-right: 1.5em;
}
.srv_ttl{ 
  font-family: 'Lato', sans-serif; 
  font-weight: 900; 
  font-size: 2.3em;
  line-height: 1.5;
}
.srv_ttl span{ 
  font-size: .6em;
  display: block; 
  color: #fff;
}
.srv_txt{ 
  font-size: clamp(12px,1.2em,20px); 
  line-height: 1.5;
  text-align: left;
}


.srv_icn{ 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  margin: 8vw auto; 
  width: 98%;
}
.srv_icn p{ width: 25%; padding: 0 0 5vw; box-sizing: border-box; text-align: center;}
.srv_icn p img{ width: 65%; margin: 0 auto;}
.srv_icn p span{ font-size: 2.5vw; letter-spacing: -.05em; display: block; text-align: center; margin-top: 0.4em;}
.srv_icn p:nth-child(n+5):nth-child(-n+8){ padding-bottom: 0;}

.color_link{margin: 1em auto 0;box-sizing: border-box;width: 60%;}
.color_link p{background: #fff;border: 1px solid #000;padding: .5em 1.5em .5em 1em;position: relative;font-size: 3.5vw;text-align: center;}



/* EVENT
========================================================================== */
.event_st dl.in-list {display: flex;justify-content: space-around;flex-wrap: wrap;}
.event_st .bottom{padding: 8vw 0 0;}
.event_st dl.in-list{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.event_st dl.in-list dd{ padding: 0 3vw 3vw; width: 50%; box-sizing: border-box;}
.event_st dl.in-list dd p{font-size: 3vw; line-height: 1.4;}
.event_st dl.in-list dd p.in-ttl{ text-align: center; padding: 1em 0 .5em; font-weight: bold; font-size: 3.5vw;}
.event_st dl.in-list dd p.in-ttl span{ display: block;}


/* OTHER STUDIO, OTHER WORKS, NOAH SCHOOL
========================================================================== */
.in-list{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  /* padding: .3em 0; */
  margin: 0 auto;
}
.in-list li{ 
  padding: 2vw 0; 
  width: 47.5%; 
  box-sizing: border-box;
}
/* soundstudio非表示 */
.in-list li.sst{
  display: none;
}
.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;
}

.otr_sc .in-list li{ 
  width: 31%; 
  box-sizing: border-box; 
  /* padding: .5em 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%);
}


/* NOAH SNS
========================================================================== */
.link_sns{ display: flex; justify-content: space-around; width: 70%; margin: 3vw auto 15vw;}
/* .link_sns p{ width: 15%;} */
.link_sns i{ font-size:2.4em;}

/* footer
========================================================================== */
footer{
  margin: 0;
  padding: 5vw var(--inn-w);
}
/* 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 .fo_link_sns{ 
  display: flex; 
  color: white;
  font-size: 2rem;
  padding: .2em 0;
}
footer .fo_link_sns li{
  padding-right: 1rem;
}
footer .inner .left p{ font-family: 'Questrial',saus-serif; text-align: left; font-size: 16px;}
footer .inner .left p span{ color: #fff; padding-left: 1em; font-size: .65em;}
footer dl{
  padding: .5em 0;
}
.foot_logo{ 
  width: 34%;
  padding: 1em 0;
}
footer .right{ 
  padding: .5em 0;
}
footer .right p{ 
  font-size: 11.5px;
  line-height: 1.5; 
  text-align: justify;
  color: #efefef;
}

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


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


/* underpage-main
========================================================================== */
#page.main_view.under-main{ overflow: hidden; position: relative; }
#page.main_view.under-main img{ width: 100%;}
#page.main_view.under-main > .keyin {
  position: absolute; top: 65%; left: 50%; transform: translate(-50%,-65%); z-index: 1; background:none; color: #fff; text-align: center; 
  width: 100%;
  height: fit-content; 
  padding: 0;
  margin: 0;
}

/* #page.under-main > .keyin .keyin h1,#page .keyin p,#page .keyin span{ color: #fff;} */
#page.under-main > .keyin h1{ font-size: 8vw; font-family: 'Lato', sans-serif; font-weight: 900;}
#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;}
.keyin_bg{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
}

/* PAGE : STUDIO 
========================================================================== */
#page.main_view{ overflow: hidden; position: relative;}
#page.main_view img{ width: 100%;}
#page.main_view > .keyin {
  position: absolute; 
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1; 
  /* background: rgba(0,0,0,0.40);  */
  color: #fff; 
  text-align: center; 
  width: 100%; 
  height: fit-content;
  padding: 0 .5em;
}
/* #page.main_view > .keyin-no{padding: 6vw 0 1vw;} */

/* #page .keyin h1,#page .keyin p,#page .keyin span{ color: #fff;} */
#page .keyin span.now{color: #14e5d6!important;}
#page .keyin h1{ 
  font-size: 9vw; 
  font-family: 'Lato', sans-serif; 
  font-weight: 900;
  line-height: 1.2;
  margin-bottom:.1em;
}
#page > .keyin h1 span {
  font-size: 4.5vw;
  font-weight: 900;
  display: block;
  font-family: "メイリオ", "ms pgothic", sans-serif;
  padding: 0.3em 0 0;
}
#page .keyin p {
  font-size: 6vw;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #14e5d6 !important;
  line-height: 1.3;
  letter-spacing: 1px;
}
#page .keyin p a {
  color: #14e5d6 !important;
  font-family: 'Roboto', sans-serif;
  /* letter-spacing: .1em; */
}
#page .keyin .shop-time{ 
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 3.75vw;
  color:#fff!important;
  margin: 0.75em 0 .3em;
  letter-spacing:0;
  text-align: left;
}
#page .keyin .shop-time ._label{ 
  display: block;
  font-size: .75em;
}
#page .keyin .shop-time ._label::before {
  content: "【";
}
#page .keyin .shop-time ._label::after {
  content: "】";
}

#page .keyin .shop-time+ .shop-time {
  margin-top: .3em;
}
#page .keyin .shop-time.sub_tel{
  margin-top: .2em;
  margin-bottom: 1em;
}

@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: 44%;right: 3%;transform: translate(0%,-56%);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 {
  display: inline-block;
  width: 2.8em;
  vertical-align: bottom;
}
.access-box dd .store-line-bt img {
  width: 100% !important;
  margin: 0;
  display: block;
}
.store-line-bt-note{
  font-size: .8em !important;
  margin-top: -1em;
}
.sp_nav_tel_list{
  display: flex;
  flex-wrap: wrap;
}
/* #sp_tel_menu ul li .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: 100%;
  /* margin: 0 0 0 60%; */
  padding-left: 1em;
  letter-spacing: 1px;
}
.denwa + .store-line-bt2 {
  margin-top: .2em;
}
.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;}	
}
@media print, screen and (min-width : 769px){
  #page .keyin .store-line-bt{position: absolute;top: 40%;right: 24%;transform: translate(0%,-60%);width:100px;}
  /* .access-box dd .store-line-bt{position: absolute;top: 50%;right: 20%;transform: translate(0%,-50%);width:15%;}	 */
  .store-line-bt-note{
    margin-top: -2.2em;
  }  
}/*  */

.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.3);}
.key-icon > div .icon-in{ width: 20%; height:auto!important;line-height:1.2!important;border-left: 1px solid #dcdcdc; box-sizing: border-box; padding: .5em 0; text-align: center; background: #fff;}
.key-icon p:hover{ color: #fc247c;}
.key-icon img{ width: 40%; margin:0 auto 0; display: block;}
.key-icon > div .icon-in span{ font-size: 2.75vw;letter-spacing: 0;}
.key-icon > div .icon-in:nth-child(3) span{ font-size: 2.75vw; letter-spacing: -.15em;}
.icon-in a p{color: #333;}

.keyin-icon.sp .icon-in.active img{
  filter: invert(74%) sepia(86%) saturate(240%) hue-rotate(113deg) brightness(250%) contrast(103%);
}
.keyin-icon .icon-in.active a span{
  color: #14e5d6!important;
}


.keyin-icon{
  width:100%;
  z-index: 2;
  position: absolute;
  bottom: 0;
}
.keyin-icon > div {
  display: flex;
  justify-content: center;
  border-top: 0px solid #dcdcdc;
  border-bottom: 0px solid #dcdcdc;
  border-right: 0px solid #dcdcdc;
  box-sizing: border-box;
  box-shadow: 0 0 0px rgba(120, 120, 120, 0);
}
.keyin-icon > div .icon-in{
  width: 20%; 
  height:auto!important;
  line-height:1.0!important;
  border-left: 0px solid #dcdcdc; 
  box-sizing: border-box; 
  padding: 0.9em 0;
  text-align: center; 
  background: rgba(0,0,0,0);
}
.keyin-icon p{line-height:1.0!important;}
.keyin-icon p:hover{ color: #fc247c;}
.keyin-icon img{ width: 45%!important; margin:0 auto 0; display: block;}
.keyin-icon > div .icon-in span{ font-size: 2.75vw;line-height:1;}
.keyin-icon > div .icon-in:nth-child(3) span{ font-size: 2.75vw; letter-spacing: -.15em;}
.keyin-icon .icon-in a span{
  display: block;
  margin-top: 0.7em;
  color: #fff!important;
}

/*SHOP IMG*/
.shop_image{ width: 85%; margin: 40px auto 50px;}
.shop_image .slick-prev:before, .slick-next:before{ color: #666; font-size: 8vw }
.shop_image .slick-next:before{content: "\f105"; font-family: FontAwesome;}
.shop_image .slick-prev:before{ content: "\f104"; font-family: FontAwesome;}

.shop_image ul.slick-dots{ bottom: -2em;}

.shop-img img{ width: 90%; margin: 0 auto;}
.shop-top-slider img{
  aspect-ratio: 1/1;
  object-fit: cover;
}

.shop-txt{ padding: 0 1.25em; box-sizing: border-box;margin-bottom:.5em;width:100%;font-size: 3.5vw; text-align: justify;text-justify: inter-ideograph; line-height: 1.6; color: #333;width:100%;word-break:break-all;}
.shop-txt p{
  font-size: 3.5vw; 
  text-align: justify;
  text-justify: inter-ideograph; 
  line-height: 1.6; 
  color: #333;
  width:100%;
  word-break:break-all;
  padding: 0.5em 0;
}
.shop-txt img {
  height: auto;
}
.shop-txt .midashi{font-size: 3.75vw;font-weight:bold;padding:1.25em 0 .5em;}
.shop-txt a{color: #fc247c;}
.start30min{line-height: 1.5;width:100%;color: #fc247c!important;font-weight:bold;padding:.2em 1.25em;font-size: 3.5vw;}
.start30min i{color: #fc247c!important;font-weight:normal;padding-right:.5em;}

.room_self_caution {
  width: 100%;
  color: #fc247c!important;
  font-weight: bold;
  padding: .2em 1.25em;
  font-size: 3.5vw;
  line-height: 1.5;
}
.room_self_caution > span {
  font-size: .7em;
  text-decoration: underline;
}
.room_self_caution .icon_self{
  display: inline-block;
  height: 1.2em;
  margin-right: 0.4em;
  vertical-align: sub;
}

.shop-txt iframe{max-width:100%;margin: 1em 0;}
.shop-top-add{font-size: 3.5vw; text-align:center; margin-top:2em;margin-bottom:1em;font-weight:bold;}
.shop-top-add i{display:block; font-size:2em; margin-bottom:.2em;}

.shop-icon{ display: flex; flex-wrap: wrap; margin: 3.5em auto 0em; width: 95%; padding: 0 .5em;}
.shop-icon > p{ width: 25%; position: relative; text-align: center;}
.shop-icon > p.off span{ color: #bebfbf;}
.shop-icon > p svg { max-width: 100%; width: 62%; margin: 0 auto;}
.shop-icon > p.off{ color: #bebfbf;}
.shop-icon > p.off svg{ fill:#bebfbf;}
.shop-icon > p svg .cls-1 {fill: #fff;}
.shop-icon > p span{ display: block; font-size: 2.2vw; letter-spacing: -.08em;  line-height: 1.4; text-align: center; font-weight: bold; padding: 0 0 1.5em;}

p.popup-in{ cursor: pointer;}
p.popup-in > .pop{position: absolute;  display: inline; padding: 1em; background: rgba(0,168,156,.9); top: -70px; left: 1em; font-size: 2.5vw;color: #fff; line-height: 1.4; width: 200%; z-index: 1; text-align: justify; animation: view .3s linear;}
p.popup-in > .pop::before{ content: "";border-top: 5px solid #00a89c; border-right: 5px solid transparent; border-left: 5px solid transparent; left: 12px; bottom: -5px; position: absolute;}
p.popup-in .popin{ display: none;}
.under .news .news_link{ width: 60%;}

.shop_icon_img {
  width: 62%;
  margin: 0 auto 0.44em !important;
}
.off .shop_icon_img{
  filter: invert(84%) sepia(0%) saturate(3139%) hue-rotate(215deg) brightness(90%) contrast(95%);
}

/*STUDIO*/
.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;}
.under .studio_list.room{ padding: 5vw 0 0;}
.studio_list.room h2{ margin-bottom: 20px;}
.studio_list.room h2 span:nth-child(1){ font-size: 6.5vw; font-weight: 700; font-family: 'Lato', sans-serif;}

.studio_list.room h3{font-size: 4.5vw; font-weight:bold; text-align:center; line-height:1.7;padding:0 0 .25em;}
.studio_list.room h3 span{font-size: 3.25vw;font-weight:normal;display:block;padding:.5em 1em}
.studio_list.room h3.nopadding{padding:0 0 .25em;}
.link_logo_wrap{border-bottom:1px dotted #999;padding:1.5em 0 1.75em 0em;margin-bottom:1.5em;}
.link_logo_box{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;border:1px solid #aaa;background:#fff;padding:.75em 0;border-radius:.5em;width:86%;margin:0 auto;}
.link_logo._piano img {margin-top: -0.3em;}
.link_logo_box li:last-child{width:30%;}
/* .link_logo_box li.link_logo{padding:0 2em 0 0;} */
.link_logo_box li.link_logo img{width:100%;}
.link_logo_box li.studio_link_box{padding:.1em 1em 0 0;font-size:3.75vw;line-height:1.45;}
.link_logo_box li.studio_link_box a{display:block;font-weight:bold;}
.studio_link_box{text-align:center;color:#f72872;font-size: 4vw;}
.link_logo_wrap a{display:block;color:#f72872;font-weight:bold;}

.link_logo_box2{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;width:100%;border-bottom:1px dotted #999;padding:1.5em 1em 1.75em;margin-bottom:1.5em;}
.link_logo_box2 li{width:100%;}
.link_logo_box2 li.studio_link_box{font-size:4vw;font-weight:bold;}
.link_logo_box2 li.studio_link_box img{
  width: 2.6em;
  display: inline!important;
  padding: 0 0.25em;
  vertical-align: middle;
}
.studio_list.room .inner.flex{
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1px;
}

.studio_list.room .st_box {
  width: calc((100% - 1px) / 2);
  /* padding-bottom: 1px; */
  position: relative;
}
.studio_list.room .st_box p {
  width: 100%;
  text-align: center;
  /* background: rgba(0, 0, 0, .3); */
  font-size: 5.5vw;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  z-index: 1;
  filter: drop-shadow(0 0 .5em black);
  word-break: break-word;
}
.studio_list.room .st_box .st_rec_ico span {
  position: absolute;
  z-index: 1;
  top: .5em;
  left: .3em;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  border: 1px solid #aaa;
  padding: .3em .5em;
  font-size: 2.75vw;
  font-weight: bold;
  line-height: 1.1;
  border-radius: 2em;
}
.studio_list.room .st_box .st_rec_ico i{color:#fff;}

.studio_list.room .st_box {
  background-color: #000;
}
.studio_list.room .st_box a:first-of-type img{
  opacity: .75;
  transition: opacity .5s;
}
.studio_list.room .st_box:hover a:first-of-type img{
  opacity: .3;
}
.studio_list.room .st_box:hover a:first-of-type:hover{
  opacity: 1;
}

.annex_mark {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  background-color: rgb(51 51 51 / 80%);
  padding: 0 0.4em 0.1em;
  color: #fff;
  font-weight: 600;
  font-family: "Oswald",sans-serif;
  font-size: .9em;
  line-height: 1.5;
}
.new-nakano .annex_mark {
    background-color: rgb(150 150 150 / 80%);
}

/* ST BOX - CHART LINK */
/* .st_box_booking_link,
.st_box .top_st_list_booking_link{
  display: none !important;
} */
.st_box .top_st_list_booking_link{
  font-size: .85em;
}
/* .st_box_booking_link {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
  width: fit-content;
  font-family: "Oswald",sans-serif;
  font-size: .8em;
  font-weight: 500;
  padding-left: .5em;
  padding-bottom: .8em;
  color: #fff;
  transition: transform .3s;
}
.st_box_booking_link .txt {
  line-height: 1;
}
.st_box_booking_link ._circle {
  position: relative;
  display: block;
  width: 1.1em;
  height: 1.1em;
  font-size: 1em;
  border: 1px solid;
  border-radius: 50%;
  transition: right .3s;
  /* background-color: #fff; */
}
.st_box_booking_link ._circle::before {
  position: absolute;
  right: 0.15em;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  content: "";
  display: block;
  width: 32%;
  height: 32%;
  /* border-color: #333; */
  border-top: 1.6px solid;
  border-right: 1.6px solid;
  transform: rotateZ(45deg);
}
.st_box_booking_link:hover {
  transform: translateX(.3em);
} */

.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%;
  overflow: auto;
}

#sp_floor_map.open {
  right: 0;
  background: rgba(0, 0, 0, 0.80);
  z-index: 102;
}
#floormap_close {
  top: auto;
  display: none;
}
#sp_floor_map.open #floormap_close {
  display: block;
}

.floor_map .bottom { padding: 20vw 7vw 15vw;}

/*shop-pickup*/
.shop-pickup{ padding: 2vw 0; width: 100%;}
.shop-pickup h2{ font-size: 5vw; margin-bottom:0em;}

.shop-pickup .flex{ width: 95%; 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: 2em 0 0; }
.shop-pickup .flex p img{margin:0 auto; display:block;}

.ico-pickup .flex{ width: 100%; margin: 2em auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center;}
.ico-pickup .flex p{ width: 48%; padding:.2em 0 .75em!important; border:1px solid #000;background:#fff;position:relative;}
.ico-pickup .flex p::after{content: ""; position:absolute;right:3px;bottom:3px;width:0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #000000 transparent;}
.room-top .ico-pickup .flex p{margin-bottom:1.25em;}

/*Social*/
.store_instagram{margin:1em auto;display:block;width:90%;padding:1em;}

.shop-social{ padding: 4vw 0; width: 100%;}
.shop-social .social-box{ width: 80%; margin: 0 auto 2em;}
.shop-social .b-box{border:1px solid #eee; margin-top:1em !important;}
.shop-social .nb .b-box{border:none; margin-top:0em}

.shop-social .nb li{ display: flex; justify-content: space-between; border-bottom: dashed 1px #b3b3b3; padding: 1em 0;}
.shop-social .nb li:last-child{ border-bottom: none;}
.shop-social .nb li p.img{ width: 40%;}
.shop-social .nb li p.txt{ width: 58%; box-sizing: border-box; padding: 0 0 0 1em; font-size: 3.5vw; text-align: justify; font-weight: bold;}

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


/*////// PRICE //////*/
.shop-price {padding:2em 0 0}
.shop-price-tabs {padding-bottom: 3em; background-color: #fff; width: 100%; margin:1em 0 0; padding:0 1em;}
.shop-price-tab-item {width: 20%; border-bottom: 6px solid #fff; border-right: 6px solid #fff; background-color: #efefef; line-height:1.3; padding:2em 0; font-size: 2.7vw; color: #000; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; }
.three-tabs .shop-price-tab-item {width: 33.33%;}
.two-tabs .shop-price-tab-item {width: 50%;}
.four-tabs .shop-price-tab-item {width: 25%;}
.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:1em 0; clear: both; overflow: hidden;}
#normal:checked ~ #normal_content,#morning:checked ~ #morning_content,#day:checked ~ #day_content,#night:checked ~ #night_content,#lockout:checked ~ #lockout_content {display: block;}
.shop-price-tabs input:checked + .shop-price-tab-item,.shop-price-tabs input:checked + .shop-price-tab-item span {background-color: #000; color: #fff ; }

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

.price-table table {
  width: 100%; font-size: 3vw; line-height:1.4; border-top: 1px solid #ccc; border-left: 1px solid #bbb;
  margin-bottom: 1em;
}
.price-table table th,.price-table table td {
  padding: 6px 3px; 
  text-align: center; 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #bbb; 
  vertical-align:middle; 
  box-sizing: border-box;
}
.price-table thead th {
  height: 6em;
  background-color:#efefef;
  width: 20%;
}
.price-table thead td {background-color:#f6f6f6;}
.price-table thead td span{display:block;}
.min30{color:#f72872;}
.price-table tbody th {
  font-size: 3.5vw; 
  font-family: "Oswald";
  height: 4.6em;
}
.price-table tbody th a{font-family: "Oswald";text-transform: capitalize!important;}
.price-table tbody th span{font-size: 2.8vw; display:block; font-weight:normal;}
.price-table tbody td{font-family: "Oswald";}
.price-table th {font-weight: bold;background-color:#f6f6f6;}
.day-price th::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.price-table tbody th .min30 {
  font-size: 2.6vw;
}
.normal-price table{
  table-layout: fixed; 
}
/* .morning-price table th,.morning-price table td {width:20% !important;} */

.shibuya1-pack-S,.shibuya1-pack-A1,.shibuya1-pack-A2,.shibuya1-pack-A3,.shibuya1-pack-A5,.shibuya1-pack-B1,.shibuya1-pack-B2,.shibuya1-pack-B3,.shibuya1-pack-B5,.shibuya1-pack-VoB,.shibuya2-pack-S,.shibuya2-pack-A1,.shibuya2-pack-A2,.shibuya2-pack-A3,.shibuya2-pack-G1,.shibuya2-pack-G2,.shibuya2-pack-G3,.shibuya2-pack-B1,.shibuya2-pack-B2,.shibuya2-pack-B3,.shibuya2-pack-VoB,.ebisu-pack-S1st,.ebisu-pack-S2st,.ebisu-pack-A1st,.ebisu-pack-A2st,.ebisu-pack-A3st,.ebisu-pack-A5st,.ebisu-pack-B1st,.ebisu-pack-B2st,.ebisu-pack-B3st,.ebisu-pack-B5st,.ebisu-pack-Bo1,.ebisu-pack-Bo2,.ebisu-pack-Bo3,.ebisu-pack-Bo5,.ebisu-pack-P1st,.ebisu-pack-P2st,.ebisu-pack-P3st,.ebisu-pack-P5st,.ebisu-pack-P6st,.ebisu-pack-P7st,.ebisu-pack-P8st,.ebisu-pack-P9st,.ebisu-pack-P10,.ebisu-pack-P11,.yoyogi-pack-3A,.yoyogi-pack-3B,.yoyogi-pack-4A,.yoyogi-pack-4B,.yoyogi-pack-5A,.yoyogi-pack-5B,.yoyogi-pack-G2,.yoyogi-pack-S1,.yoyogi-pack-S2
,.yoyogi-pack-1st,.yoyogi-pack-2st,.yoyogi-pack-3st,.shinjuku-pack-S1,.shinjuku-pack-S2,.shinjuku-pack-S3,.shinjuku-pack-A1,.shinjuku-pack-A2,.shinjuku-pack-A3,.shinjuku-pack-A5,.shinjuku-pack-A6,.shinjuku-pack-A7,.shinjuku-pack-G1,.shinjuku-pack-G2,.shinjuku-pack-G3,.shinjuku-pack-B1,.shinjuku-pack-B2,.shinjuku-pack-B3,.baba-pack-A1,.baba-pack-A2,.baba-pack-A3,.baba-pack-A5,.baba-pack-G1,.baba-pack-G2,.baba-pack-B1,.baba-pack-B2,.baba-pack-B3,.baba-pack-Bo1,.baba-pack-Bo2,.baba-pack-REC,.ikebukuro-pack-S,.ikebukuro-pack-A1,.ikebukuro-pack-A2,.ikebukuro-pack-A3,.ikebukuro-pack-A5,.ikebukuro-pack-B1,.ikebukuro-pack-B2,.ikebukuro-pack-VoB,.ikebukuro-pack-1st,.ikebukuro-pack-2st,.ikebukuro-pack-3st,.ikebukuro-pack-5st,.ikebukuro-pack-6st,.ikebukuro-pack-7st,.ikebukuro-pack-8st,.ikebukuro-pack-9st,.ikebukuro-pack-10st,.ikebukuro-pack-DUO,.ikebukuro-pack-11st,.ikebukuro-pack-12st,.ikebukuro-pack-13st,.ikebukuro-pack-SSst,
.akihabara-pack-A1,.akihabara-pack-A2,.akihabara-pack-A3,.akihabara-pack-G1,.akihabara-pack-G2,.akihabara-pack-GS,.akihabara-pack-B1,.akihabara-pack-B2,.akihabara-pack-bo1,.akihabara-pack-bo2,.akihabara-pack-P1,.akihabara-pack-P2,.akihabara-pack-P3,.akihabara-pack-P5,.akihabara-pack-P6,.akihabara-pack-P7,.akihabara-pack-P8,.akihabara-pack-P9,.akihabara-pack-D-5,.akihabara-pack-D-6,.akihabara-pack-D-9,.akihabara-mor-REC,.akihabara-day-REC,.hatsudai-pack-A1,.hatsudai-pack-A2,.hatsudai-pack-B1,.hatsudai-pack-B2,.hatsudai-pack-Bo1,.hatsudai-pack-Bo2,.shimokita-pack-A1,.shimokita-pack-A2,.shimokita-pack-A3,.shimokita-pack-G2,.shimokita-pack-G3,.shimokita-pack-B1,.shimokita-pack-B2,.shimokita-pack-B3,.shimokita-pack-VoB,.shimokita-pack-P1,.shimokita-pack-P2,.nakano-pack-S,.nakano-pack-A1,.nakano-pack-A2,.nakano-pack-G1,.nakano-pack-G2,.nakano-pack-Bst,.nakano-pack-bo1,.nakano-pack-bo2,.nakano-pack-bo2,.kichijoji-pack-S,.kichijoji-pack-A1,.kichijoji-pack-A2,.kichijoji-pack-A3,.kichijoji-pack-G1,.kichijoji-pack-G2,.kichijoji-pack-G3,.kichijoji-pack-B,.kichijoji-pack-VoB
,.nogata-pack-A1,.nogata-pack-A2,.nogata-pack-A1,.nogata-pack-A3,.nogata-pack-AS,.nogata-pack-rec,.nogata-pack-G1,.nogata-pack-G2,.nogata-pack-B1,.nogata-pack-B2,.jiyugaoka-pack-A,.jiyugaoka-pack-B1,.jiyugaoka-pack-B2,.jiyugaoka-pack-B3,.jiyugaoka-pack-VoB,.toritsudai-pack-A1,.toritsudai-pack-A2,.toritsudai-pack-A3,.toritsudai-pack-A5,.toritsudai-pack-A6,.toritsudai-pack-B1,.toritsudai-pack-B2,.toritsudai-pack-VoB,.toritsudai-pack-ARTS,.sancha-pack-A1,.sancha-pack-A2,.sancha-pack-A3,.sancha-pack-G,.sancha-pack-B,.sancha-pack-VoB,.komazawa-pack-D7,.komazawa-pack-D10,.komazawa-pack-D11,.komazawa-pack-A,.komazawa-pack-G,.komazawa-pack-B1,.komazawa-pack-B2,.komazawa-pack-VoB,.komazawa-pack-P1,.komazawa-pack-P2,.komazawa-pack-P3,.komazawa-pack-P5,.komazawa-pack-11l,.komazawa-normal-D7,.komazawa-normal-D10,.komazawa-normal-D11,.akasaka-day-6PB,.akasaka-day-6CB,.akasaka-day-7BB,.akasaka-day-7AB,.akasaka-day-5B
{display:none;}
.akasaka-day-3C td:last-child{color:#fff;position:relative;}
.akasaka-day-3C td:last-child:before{position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);content: "￥-";color:#000;}

.gakudai-price tbody tr:nth-child(n+3){display:none;}

.day-price{
  overflow: auto; 
  white-space: nowrap; 
  /* border-left: 1px solid #ccc; 
  border-top: 1px solid #ccc; */
}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
/* .day-price table th,.day-price table td {
  width:10% !important;
} */
.day-price table {
  border-left:none;
}
.day-price tbody th {position: -webkit-sticky; position: sticky; left: 0; z-index: 1;}
.day-price thead th {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 2;}

.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{color:#dd0000;}

/*////// STANDARD EQUIPMENT //////*/
.shop-eq-wrap {padding:2em 0 0;}
.shop-eq-wrap ul {padding:1em 1em  0;}
.shop-eq-wrap li {width:100%; margin-bottom:2em;}
.shop-eq-wrap li h3{font-size: 6.5vw; font-weight: 700; font-family: 'Lato', sans-serif; text-align:center; margin-bottom:.2em;}
.shop-eq-wrap li h3 span{font-size: 3.4vw; font-weight: normal; padding-left:.5em;}
.shop-eq-wrap dd{vertical-align:middle!important;}
.shop-eq-wrap dd p{ padding: 1em .5em; text-align: center; font-size: 3.5vw; font-weight: bold; line-height:1.2;}
.shop-eq-wrap dd p:nth-child(1){ width: 40%;}
.shop-eq-wrap dd p:nth-child(2){ width: 60%; border-left: 1px solid #ccc; background: #fff; padding:1em .5em;}

/*////// SHOP OPTIONS //////*/
.shop-options {padding:2em 1em 0;}
.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;}
.harajuku_op_txt {
  text-align: center;
  color: #d00;
  border: 1px solid;
  width: fit-content;
  margin: 1em auto;
  padding: 0.5em 2em 0.4em;
}

/*////// SHOP GALLERY //////*/
.shop-gallery {padding:2em 0 0;}
.shop-gallery-wrap {background-color:#f6f6f6; width:100%; padding:2em 1em;}
.insta-box{float:left; width:47%; margin-bottom:2em; box-shadow: 0 0 3px rgba(120,120,120,0.3);}
.insta-box:nth-of-type(2n){float:right;}
.insta-box .thumb{width: 100%; height: 100%; max-width: 200px; position: relative;}
.insta-box .thumb::before{content: ""; display: block; padding-top: 100%;}
.insta-box .thumb a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.insta-box .thumb img{width: 100%; height: auto; line-height: 0; position: absolute; bottom: 0;}
.insta-btn-more{margin: 0vw 0 6vw; border: 1px solid #000; display:block; background: #fff; text-align:center;}
.insta-btn-more p {padding: 3vw 0 3vw 6vw; position: relative; font-size: 4vw; color: #000; width: 90%;transition: all ease-in 0.2s; font-weight: bold;}
.insta-btn-more a {display:block;}
.insta-btn-more p::after { content: "\f16d"; position: absolute; top: 50%; right: 0%; transform: translate(0,-50%); font-family: FontAwesome; font-size:1.5em;}
.insta-link-txt{font-size: 3.5vw; margin-top:1em; text-align:center; color:#f72872;}
.insta-link-txt a{color:#f72872;}
.insta-link-txt i{padding:0 .75em; color:#f72872;}


.shop-gallery-wrap ul{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: start;
  padding:0;
}
.shop-gallery-wrap li{width:45%; margin: 2.5%;}
.gallery-popup-img {
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/*////// ACCESS //////*/
.shop-access-tel{
  display: inline-block;
  font-size: 7vw; 
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color:#16d1c4!important;
  /* letter-spacing:1px; */
  margin-bottom: 0.15em;
  margin-right: 0.15em;
  line-height: 1.3;
}
.shop-access-tel.sub_tel {
  font-size: 1.4em;
  font-family: 'Roboto', sans-serif;
  /* letter-spacing: .1em; */
}
.shop-access-tel a{
  color:#16d1c4!important;
}
.shop-access-tel.sub_tel a{
  color: inherit;
}
.shop-access-tel.sub_tel span{
  display: inline;
  color: inherit;
}
.shop-access{ padding: 2em 0 4vw; width:100%;}
.shop-access .inner{margin: 0 auto; padding:0 1em;}
.access-box img{width:100%; margin-bottom:2em;}
.access-box iframe {
  width: 100% !important;
  height: auto;
  aspect-ratio: 4/3;
  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;
  color: #000;
}
.access-box dd {
  font-size: 3.25vw;
  font-weight: normal;
  line-height: 1.6;
  position: relative;
}
.access-box dd span{color:#dd0000;}
.access-box span{display:block;}
.access-box dd a{color: #fc247c;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;}


.access-box .route_box > span {
  display: inline-block;
  padding-top: .15em;
  padding-bottom: .15em;
  color: #000000;
}
.route_box > span:not(:first-child)::before {
  content: ">";
  display: inline-block;
  font-weight: 500;
  margin: 0 .5em;
  color: var(--c-grey-d);
  vertical-align: .12em;
}
.access_dd_box {
  padding: .3em 0;
}
.access_dd_box .bold{
  font-size: 1.05em;
}
.access_dd_box p {
  padding: .3em 0;
  letter-spacing: .02em;
}
.before_point {
  position: relative;
  padding-left: .8em !important;
  color: currentColor;
}
.before_point::before {
  position: absolute;
  left: 0;
  top: .9em;
  margin: auto;
  content: "";
  display: block;
  line-height: 1;
  width: .35em;
  height: .35em;
  background-color: currentColor;
  border-radius: 50%;
}

/*studioLIST*/
/* .under .studio_list{ padding: 5vw 0 10vw;} */



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

/*key*/
#page.studio-top{ 
  position: relative;
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center; 
  align-items: flex-end; 
  align-content: center;
  height: 105vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
#page.shibuya1-st{background-image: url(../images/under-studio/shibuya1/sp_key.jpg);}
#page.shibuya2-st{background-image: url(../images/under-studio/shibuya2/sp_key.jpg) ;}
#page.shibuya3-st{background-image: url(../images/under-studio/shibuya3/sp_key.jpg) ;}
#page.yoyogi-st{background-image: url(../images/under-studio/yoyogi/sp_key.jpg) ;}
#page.shinjuku-st{background-image: url(../images/under-studio/shinjuku/sp_key.jpg) ;}
#page.shinjuku2-st{background-image: url(../images/under-studio/shinjuku2/sp_key.jpg) ;}
#page.shinjuku3-st{background-image: url(../images/under-studio/shinjuku3/sp_key.jpg) ;}
#page.baba-st{background-image: url(../images/under-studio/baba/sp_key.jpg) ;}
#page.ikebukuro-st{background-image: url(../images/under-studio/ikebukuro/sp_key.jpg) ;}
#page.ikebukuro-annex-st{background-image: url(/images/under-studio/ikebukuro-annex/sp_key.jpg) ;}
#page.hatsudai-st{background-image: url(../images/under-studio/hatsudai/sp_key.jpg) ;}
#page.shimokita-st{background-image: url(../images/under-studio/shimokita/sp_key.jpg) ;}
#page.kichijoji-st{background-image: url(../images/under-studio/kichijoji/sp_key.jpg) ;}
#page.jiyugaoka-st{background-image: url(../images/under-studio/jiyugaoka/sp_key.jpg) ;}
#page.toritsudai-st{background-image: url(../images/under-studio/toritsudai/sp_key.jpg) ;}
#page.sancha-st{background-image: url(../images/under-studio/sancha/sp_key.jpg) ;}
#page.ikejiri-st{background-image: url(../images/under-studio/ikejiri/sp_key.jpg) ;}
#page.komazawa-st{background-image: url(../images/under-studio/komazawa/sp_key.jpg) ;}
#page.nogata-st{background-image: url(../images/under-studio/nogata/sp_key.jpg) ;}
#page.ginza-st{background-image: url(../images/under-studio/ginza/sp_key.jpg) ;}
#page.akasaka-st{background-image: url(../images/under-studio/akasaka/sp_key.jpg) ;}
#page.akihabara-st{background-image: url(../images/under-studio/akihabara/sp_key.jpg) ;}
#page.nakano-st{background-image: url(../images/under-studio/nakano/sp_key.jpg) ;}
#page.ebisu-st{background-image: url(../images/under-studio/ebisu/sp_key.jpg) ;}
#page.gakudai-st{background-image: url(../images/under-studio/gakudai/sp_key.jpg) ;}
#page.fudomae-st{background-image: url(../images/under-studio/fudomae/sp_key.jpg) ;}
#page.soundarts-st{background-image: url(../images/under-studio/soundarts/sp_key.jpg) ;}	
#page.denenchofu-st{background-image: url(../images/under-studio/denenchofu/sp_key.jpg) ;}	
#page.ochanomizu-st{background-image: url(../images/under-studio/ochanomizu/sp_key.jpg) ;}	
#page.harajuku-st{background-image: url(../images/under-studio/harajuku/sp_key.jpg) ;}	
#page.hakone-st{background-image: url(../images/under-studio/hakone/sp_key.jpg) ;}	
#page.shibuya-st{background-image: url(../images/under-studio/shibuya/sp_key.jpg) ;}	
#page.nakameguro-st{background-image: url(../images/under-studio/nakameguro/sp_key.jpg) ;}	
#page.shibuya3-st{background-image: url(../images/under-studio/shibuya3/sp_key.jpg) ;}


#page.studio-top .keyin_bg{
  background-color: rgba(0,0,0,0.4);
}

.keyin_tel_wrap{
  position: relative;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.keyin_tel_wrap .shop-tel{
  display: block;
  width: fit-content;
  margin: 0;
}
#page .keyin .keyin_tel_wrap .shop-tel p{
  padding: .3em .3em 0 0;
}
#page .keyin .keyin_tel_wrap .store-line-bt{
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2em;
  margin-top: 0.2em;
  margin-right: 0.3em;
  margin-left: .1em;
  height: fit-content;
  transform: none;
}
#page .keyin .keyin_tel_wrap .store-line-bt img{
  width: 100% !important;
  margin: 0;
}

.store-cal-bt {
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2em;
  aspect-ratio: 1/1;
  margin-top: 0.2em;
  margin-right: 0.3em;
  margin-left: .1em;
  height: fit-content;
  transform: none;
  background-color: var(--kc-green);
  padding: .4em;
  border-radius: .4em;

  display: none !important;
}
#page.main_view .store-cal-bt img{
  filter: var(--filter-w);
  width: 100% !important;
  margin: 0;
}

#page.main_view.st > .keyin{ height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; background: rgba(0,0,0,0.30);padding: 6vw 0 8vw;}
#page.main_view.st > .keyin h1,#page.main_view.st > .keyin p{ width: 100%;}

.room-top .shop_image{ width: 100%; margin:60px 0 64px;}

.slide-room{
  opacity: 0;
  transition: opacity .5s;
}
.slide-room.slick-initialized{
  opacity: 1;
}
.slide-room img{ width: 100%;}

.room-left h1{text-align:center;font-size: 9vw;font-family: 'Lato', sans-serif;font-weight: 900;margin:0 0 .5em;line-height:1;}
.room-left h1 a{line-height:1.3;}
.room-left h1 span{display:inline-block;font-size: 4.5vw; padding:0 0 0 .25em; letter-spacing: .05em; font-weight:bold;font-family: "メイリオ","ms pgothic";}
.room-left h1 span:first-child{display:block;padding:0 0 0 0;font-size: 4vw;}
	
.room-top div + div{ padding: 5vw 1em;}
.room-top .room-right{ padding: 5vw 1em;}

.room-left > .shop_image > h2{ font-size: 10vw; font-family: 'Roboto', sans-serif}
.room-left > .shop_image > h2 span{ display: inline-block; font-weight: inherit; font-size: 5vw; letter-spacing: .05em}
.room-left > .shop_image > .slide-room img{ width: 100%; margin: 0 0 !important;}

.slide-room-img-box {
  position: relative;
}
.slide-room-img-box::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66.66666666%;
}
.slide-room-img-box img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: auto;
}

.room-top .shop-txt{margin-bottom:1.5em;}
.shop-txt + .shop-txt {
  padding-top: 0;
  margin-bottom: 3em;
}
@media (min-width:769px){
  .shop-txt .hakone_banner {
    display: block !important;
    max-width: 380px;
  }
}

.room-left .link_logo_wrap{padding:0 0 2em;margin-bottom:0em;border-bottom:none;}	
.ricoh-theta-spherical-image{margin:1.5em auto 0;padding:0!important;display:block;display: none;}
.room-baner{width:100%;margin:1.5em auto 0;display:block;}
/*EQUIPMENT*/
.studio-eq dl{ border: 1px solid #ccc; 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 #ccc;
  background: #f6f6f6;
}
.studio-eq dd:last-child{ 
  border-bottom: none;
}
.studio-eq dd:last-child p{ 
  word-break: keep-all;
}

.studio-eq dd p{
  padding: 1em .5em; text-align: center; font-size: 3.5vw; line-height:1.4;font-weight: bold; 
  display: flex;
  align-items: center;
  overflow-wrap: break-word;
  word-break: break-all;
}
.studio-eq dd p:nth-child(1){
  width: 40%;
  justify-content: center;
}
.studio-eq dd p:nth-child(2){ 
  width: 60%; 
  border-left: 1px solid #ccc; 
  background: #fff;
  justify-content: flex-start;
  text-align: left;
}
.studio-eq dd p.inst_type {padding: 0;}
.studio-eq dd p.inst_type span {font-size: 0.75em;}
.st-option-link-box {
  padding: 0.5em 1em;
  margin: 1.5em 0 1em;
  font-weight: bold;
  border: solid 1px #ccc;
  background: #f6f6f6;
  text-align: center;
}

.room-reserve p{ background: #fc247c; color: #fff; text-align: center; padding: .5em 0; font-weight: bold;}


/* st_book_float_link ================== */
/* .st_book_float_link{
  position: fixed;
  z-index: 5;
  right: .5em;
  bottom: .8em;
  width: fit-content;
  opacity: 0;
  animation: fadeInFloat 1s ease .5s 1 forwards;

  display: none;
}
@keyframes fadeInFloat {
  0% {opacity: 0}
  100% {opacity: 1}
}
.st_book_float_link_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: .25em;
  background: #e7e5e3;
  padding: .9em .9em 1em;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.st_book_float_link_img{
  width: 1.5em;
}
.st_book_float_link_txt{
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
.st_book_float_link_txt span{
  display: block;
}
.st_book_float_link_txt .en{
  font-size: 1.09em;
  line-height: 1.3;
}
.st_book_float_link_txt .ja{
  font-size: .75em;
  color: #777777;
}

#container ~ .st_book_float_link{
  display: none;
}
@media (min-width:769px){
  .st_book_float_link_inner {
    font-size: 1.2em;
  }
  .st_book_float_link_txt .ja {
    font-size: .65em;
  }
} */


/*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 .st-price-list-ttl {
  font-size: 4.8vw;
  padding: .2em 0;
}
.price-list > p{ font-size: 3vw; line-height: 1.4; text-align: justify; padding: .5em 0;}
.price-list dl{ 
  border: #ccc 1px solid; 
  margin: .5em 0 1.5em;
}

.price-list dd{
  display: flex; justify-content: center; align-content: center; border-bottom: 1px solid #ccc;
  text-align: center;
}
.price-list dd:last-child{ border-bottom: none;}
.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 p span{display:none;}
.price-list dd > div:nth-child(1){
  background: #f6f6f6;
}
.price-list dd > div:nth-child(1) p > span{ color: #f72872; padding-left: .5em;}
.price-list dd:nth-child(n+3) > div:nth-child(1) p > span{ color: #333;}
.price-list dd > div:nth-child(2){border-left: 1px solid #ccc;}
.price-list dd > div:nth-child(2) p{ font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 4.5vw;}
.price-list dd > div:nth-child(2) p span{ color: #999; font-size: .75em; padding-left: .5em;}
.price-list dl.list01 dd > div:nth-child(1){ 
  width: 60%;
}
.price-list dl.list01 dd > div:nth-child(2){
   width: 40%;
}
.price-list dl.list02 dd > div{ width: 50%;}


/* 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: .8em .3em;
  line-height: 1.6;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc !important;
}
.price-list .st-price-list{
  border-bottom: none;
}
.st-price-list-grid dt{
  width: 60%;
  text-align: center;
  border-right: 1px solid #ccc;
  background: #f6f6f6;
}
/* .st-price-list-grid:last-child dt,
.st-price-list-grid:last-child dd{
  border-bottom: none !important;  
} */
.st-price-list-grid dd{
  width: 40%;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;
}

/*PRICE ATTENTION*/
.price-at{
   background: #efefef; box-sizing: border-box; padding: 1.2em 1em; font-size: 3vw; line-height: 1.4;
   overflow: hidden;
}
.price-at p{ 
  text-align: justify;
  padding: .2em 0 .2em 1.3em; 
  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%;
  /* border-bottom: 6px solid #fff;
  border-right: 6px solid #fff; */
  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="lockout"]:checked ~ .shop_price_selector_box .shop_price_selector[for="lockout"]{
  background-color: #000;
  color: #fff;
}

/* 0tab */
[data-page="ikebukuro-annex_price"] .shop-price-tab-item{
  display: none;
}
/* 2tab */
[data-page="yoyogi_price"] .shop-price-tab-item,
[data-page="shinjuku2_price"] .shop-price-tab-item,
[data-page="ebisu_price"] #price_app .shop-price-tab-item,
[data-page="ikejiri_price"] #price_app .shop-price-tab-item, 
[data-page="ginza_price"] #price_app .shop-price-tab-item,
[data-page="akasaka_price"] #price_app .shop-price-tab-item,
[data-page="denenchofu_price"] .shop-price-tab-item{
  width: 50%;
}
[data-page="yoyogi_price"] .shop-price-tab-item[for="morning"],
[data-page="yoyogi_price"] .shop-price-tab-item[for="night"],
[data-page="yoyogi_price"] .shop-price-tab-item[for="lockout"],
[data-page="shinjuku2_price"] .shop-price-tab-item[for="morning"],
[data-page="shinjuku2_price"] .shop-price-tab-item[for="day"],
[data-page="shinjuku2_price"] .shop-price-tab-item[for="lockout"]{
  display: none;
}
/* 3tab */
[data-page="ikejiri_price"] .shop-price-tab-item,
[data-page="gakudai_price"] .shop-price-tab-item,
[data-page="fudomae_price"] .shop-price-tab-item,
[data-page="jiyugaoka_price"] .shop-price-tab-item,
[data-page="ginza_price"] .shop-price-tab-item,
[data-page="akasaka_price"] .shop-price-tab-item,
[data-page="denenchofu_price"] #price_app .shop-price-tab-item{
  width: 33.33%;
}
[data-page="akasaka_price"] .shop-price-tab-item[for="night"],
[data-page="akasaka_price"] .shop-price-tab-item[for="lockout"],
[data-page="ginza_price"] .shop-price-tab-item[for="night"],
[data-page="ginza_price"] .shop-price-tab-item[for="lockout"],
[data-page="fudomae_price"] .shop-price-tab-item[for="night"],
[data-page="fudomae_price"] .shop-price-tab-item[for="lockout"],
[data-page="gakudai_price"] .shop-price-tab-item[for="morning"],
[data-page="gakudai_price"] .shop-price-tab-item[for="day"],
[data-page="jiyugaoka_price"] .shop-price-tab-item[for="morning"],
[data-page="jiyugaoka_price"] .shop-price-tab-item[for="night"],
[data-page="ikejiri_price"] .shop-price-tab-item[for="morning"],
[data-page="ikejiri_price"] .shop-price-tab-item[for="lockout"]{
  display: none;
}

/* 通常料金 モーニング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-day_timespan="6"] thead td:nth-of-type(n + 5),
[data-day_timespan="6"] tbody td:nth-of-type(n + 5),
[data-day_timespan="7"] thead td:nth-of-type(n + 6),
[data-day_timespan="7"] tbody td:nth-of-type(n + 6),
[data-day_timespan="8"] thead td:nth-of-type(n + 7),
[data-day_timespan="8"] tbody td:nth-of-type(n + 7),
[data-day_timespan="9"] thead td:nth-of-type(n + 8),
[data-day_timespan="9"] tbody td:nth-of-type(n + 8){
  display: none;
}
/* デイパック料金表調整 スタジオ*/
[data-day_timespan="6"] .st-price-list-grid:nth-of-type(n + 5) ,
[data-day_timespan="7"] .st-price-list-grid:nth-of-type(n + 6) ,
[data-day_timespan="8"] .st-price-list-grid:nth-of-type(n + 7) ,
[data-day_timespan="9"] .st-price-list-grid:nth-of-type(n + 8) {
  display: none;
}
/* 池尻 Booth調整 */
[data-page="ikejiri_price"] #price_app .normal-price-table [room-id="2961"] {
  display: none; 
}
/* 不動前 Booth調整 */
[data-page="fudomae_price"] #price_app .normal-price-table [room-id="2921"] {
  display: none; 
}
/* 学芸大 手動用 */
[data-page="gakudai_price"] .shop_price_selector[for="morning"],
[data-page="gakudai_price"] .shop_price_selector[for="day"]{
  display: none;
}

@media (min-width:769px){
  .price-list .st-price-list{
    border-bottom: 1px solid #ccc ;
  }
  .shop_price_selector_box{
    padding-top: 1.5em;
  }
  .shop_price_selector{
    font-size: 18px;
    padding: 1em 0;
  }
}/*  */

/* studiomap
========================================================================== */
.studiomap-wrap{padding:6em 0.5em 2em; background-color:#222; background: url(../images/studio/studiomap-bk.jpg) center/ cover;}

.studiomap-wrap h1,.studiomap-wrap h2{margin: 0 0 10px; font-size: 7vw; text-align: center; font-family: 'Lato', sans-serif; font-weight: 900;text-shadow: 0 0 0 black; color:#fff !important;}
.studiomap-wrap h1 span,.studiomap-wrap h2 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:#fff !important;}

.studioalllist-wrap{padding:2em 1.5em;}
.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;}
/* .studioalllist-wrap table th a{color:#f72872;} */
.studioalllist-wrap table td{border-right: 1px solid #ccc;}
.studioalllist-wrap table td.tel{
  padding:1em .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;} 

.studioalllist_hakone_box{
  display: block;
  width: fit-content;
  padding: 0 0 6em;
  margin: auto;
  max-width: 30em;
}

/* 渋谷本店・箱根 OPENまで非表示 */
/* [data-store="shibuya"] {
  display: none !important;
} */
/* [data-store="hakone"] {
  display: none !important;
} */

/* 数合わせ用 */
/* [data-store="user_guide"] {
  display: none !important;
} */


@media (min-width:769px){
  .studioalllist_hakone_box{
    padding: 0 0 10em;
  }  
}/* min-width:769px */

/* user guide
========================================================================== */
.userduide-wrap{padding:2em 1em 0;}
.userduide-wrap h2{font-size:5vw; text-align:center;}
.userduide-wrap h2 span{font-size:4vw;}

.userduide-wrap .inner{padding:0 .5em;}
.userduide-wrap ul{border-top:1px solid #ccc; padding:1em 0;}
.userduide-wrap li h3{font-size:4.75vw; margin-bottom:1em;}
.userduide-wrap li p{font-size:3.75vw; line-height:1.6; margin-bottom:2em;}
.userduide-wrap li img{width:90%; display:block; margin:0 auto;}

.userguide_other{padding:2em 1em; background-color:#f6f6f6;}
.userguide_other li{margin-bottom:1em; font-size:3.75vw; line-height:1.6;}
.userguide_other li a{color: #f72872;}
.userguide_other li .userguide-kiyaku{margin:1em auto 1em; text-align:center; width:90%;}

.userguide-kiyaku {background-color: rgba(86,196,176)!important;margin:0 auto 1em; text-align:center; border:none; padding:.7em; width:100%; color:#f72872 !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:#fff !important; 
  font-size:3.75vw; 
  display:block;
  font-weight: bold;
}
.userguide-kiyaku > input:nth-child(1) + label i{
  /* color:#f72872 !important;  */
  color:#fff !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; overflow: hidden;}

@media print, screen and (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%; padding: 1em;}
.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; font-size:4.75vw; font-weight: bold;}
.userguide-kiyaku .modalMain {color:#222; text-align: left; font-size:3.75vw; line-height:1.6; position:relative;backgroun:#fff;z-index:4;}
.userguide-kiyaku .modalMain ul{border-top:none; padding:0em 0;}
.userguide-kiyaku .modalMain li{width:100%;}
.userguide-kiyaku .modalMain ul span{ font-size:4vw; font-weight:bold; line-height:1.8;}
.userguide-kiyaku .modalMain ul span.under-l{ font-size:4vw; font-weight:bold; line-height:1.8; text-decoration:underline #f72872; color:#f72872;}

.recruit-in .userguide-kiyaku {margin:0 auto 0; border:none;text-align:center;padding:0;}
.recruit-in .userguide-kiyaku > input:nth-child(1) + label {
  position: fixed;
  top: 7.5em;
  right: 0.3em;
  cursor: pointer;
  color: #fff !important;
  background-color: rgba(86,196,176,0.6);
  display: block;
  width: 5.5em;
  height: 5.5em;
  border-radius: 6em;
  z-index: 101;
  padding-top: 1.7em;
  font-weight: bold;
  font-size: 3.25vw;
  line-height: 1.3;
}
.recruit-in .userguide-kiyaku .modalTitle{border-bottom:none;}
.recruit-in .userguide-kiyaku .modalMain{padding:0;}
.recruit-in .userguide-kiyaku .modalMain table {width: 100%; font-size: 3.25vw; line-height:1.4; border-top: 1px solid #ccc; border-left: 1px solid #bbb;}
.recruit-in .userguide-kiyaku .modalMain table th,.recruit-in .userguide-kiyaku .modalMain table td {padding: 10px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #bbb;display:block;}
.recruit-in .userguide-kiyaku .modalMain table th{background:#f6f6f6;}
.recruit-in .userguide-kiyaku .modalMain table td {text-align: left;}

@media (max-width:768px){
.no_header_bg .userguide-kiyaku .modalMain table th{text-align: center; display: block;}
.no_header_bg .userguide-kiyaku .modalMain table td{display: block;}
}
.no_header_bg .userguide-kiyaku .modalMain table th{text-align: center;}


/* 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;
}
.st_terms_sub{
  font-weight: bold;
  display: block;
  line-height: 2;
}
.popup-btn.rule-btn{
  border: none;
  margin: 1em auto;
  max-width: 22em;
  color: #fff !important;
  background-color: rgba(86,196,176)!important;
}
.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;
  }
  /* .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 */


/* faq
========================================================================== */
.qa-box{padding:2em 1em;}
.qa-lede-copy{font-weight:bold;font-size: 4.5vw;text-align:center;padding-bottom:1em; line-height:1.1;}
.qa-lede-copy span{display:block; font-size: 4.5vw; font-weight:bold;}
.qa-text-box{padding:2em 0;border-top:1px solid #DDDDDD;text-align:left;font-size: 4vw;}
.qa-text-box h3{font-weight:normal;}
.qa-text-box h3.q{font-size: 4vw;color:#f72872;padding-bottom:1rem;}
.qa-text-box i{font-size: 5vw;padding-right:0.5rem;color:#f72872;}


/* 211030--御茶ノ水----11/12 9:00 OPEN！！-----
========================================================================== */
.ochanomizu-open{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    margin-bottom: 5.5em;
    font-size: 0.9em;
}

/* storage
========================================================================== */
.storage-lede{padding:2em 1em;}
.storage-lede-copy{font-weight:bold; font-size: 5.5vw;text-align:center; line-height:1.3;}
.storage-lede p{font-size: 3.5vw; line-height:1.6;}
.storage-box{padding:0 1em; margin-bottom:2em;}
.storage-box .ico-img img,.locker-box .ico-img img{width:30%; margin:0 auto 1em; display:block;}
.storage-box h3,.locker-box h3{font-size: 5.5vw; font-weight:bold; margin-bottom:1.5em; text-align:center;}
.storage-box ul,.locker-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.storage-box li{width:49%; border:2px solid #000; padding:.75em; margin-bottom:1em;}
.storage-box li p,.locker-box li p{font-size: 5vw; width:100%; text-align:center; font-weight:bold; }
.storage-box li p span,.locker-box li p span{font-size: 4vw; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; letter-spacing:1px; display:block; padding-top:.2em;}
.storage-box .storage-img{width:70px; height:70px; margin:0 auto .5em; overflow:hidden;}
.storage-box .storage-img img{height:100%; width:auto; border-radius:70px; }

.locker-box{padding:2em 1em; background:#f6f6f6; margin-bottom:1em;}
.locker-box li{width:100%; border:2px solid #000; padding:.75em; margin-bottom:1em; display: flex; flex-wrap: wrap; justify-content: space-between; }
.locker-box li p{vertical-align:middle;}

.locker-box li .st-name{width:45%;}
.locker-box li .st-name p{margin-top:.1em;}
.locker-box li .st-name p span{padding-top:.1em;}
.locker-box li .locker-price{width:55%; border:4px solid #FC247C; padding:.6em 0 .2em; border-radius:4px;}
.locker-box li .locker-price p{font-size: 7vw; font-family: "Roboto", "メイリオ", sans-serif; color:#FC247C;}
.locker-box li .locker-price p span{font-size: 3.5vw; display:inline; padding-top:0; color:#FC247C !important; padding-left:.2em;  letter-spacing:0;}
.locker-box li .locker-price p span:last-child{padding-left:.3em; margin-left:.5em; border-left:1px solid #FC247C;}

.storage-box p.caution,.locker-box p.caution{font-size: 3.5vw; line-height:1.4; text-align:center;}
.locker-box p.caution span{font-size: 4vw; display:block; padding-top:.3em; font-weight:bold;}
.locker-txt{font-size: 4vw; line-height:1.4; text-align:center; margin-top:2em;}


/* MAIL MAGAZINE
========================================================================== */
.mailmagazine-lead{padding:5.5em 0 .5em; text-align:center; margin-bottom:1em;}
.mailmagazine-lead .mm-ico{margin:0 auto .75em; background:#FC247C; width:100px; height:100px; border-radius:100px; position:relative;}
.mailmagazine-lead .mm-ico i{font-size:14vw; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.mailmagazine-lead h1{font-size: 7.5vw; font-family: 'Lato', sans-serif; font-weight: 900; color:#FC247C; margin-bottom:.5em;}
.mailmagazine-lead h1 span{font-family: "Roboto", "メイリオ", sans-serif; font-size: 3.5vw; font-weight:normal; color:#FC247C; display:block; letter-spacing:0; padding-top:.2em;}
.mailmagazine-lead p{font-size:5vw; font-weight:bold;}

.mailmagazine-lead2{padding:1.5em 0 .5em; text-align:center; margin-bottom:1em;}
.mailmagazine-lead2 .mm-ico{margin:0 auto .75em; background:#FC247C; width:100px; height:100px; border-radius:100px; position:relative;}
.mailmagazine-lead2 .mm-ico i{font-size:14vw; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.mailmagazine-lead2 h2{font-size: 7.5vw; font-family: 'Lato', sans-serif; font-weight: 900; color:#FC247C; margin-bottom:.5em;}
.mailmagazine-lead2 h2 span{font-family: "Roboto", "メイリオ", sans-serif; font-size: 3.5vw; font-weight:normal; color:#FC247C; display:block; letter-spacing:0; padding-top:.2em;}
.mailmagazine-lead2 p{font-size:5vw; font-weight:bold;}
.mailmagazine-lead2 i{font-size:7vw;display:block;margin-bottom:.2em;}

.mailmagazine-tokuten{background:#f6f6f6; padding:2em 1em 1em;}
.mailmagazine-tokuten ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.mailmagazine-tokuten li{width:100%; background:#fff; text-align:center; padding:1em .75em; position:relative; border:0px solid #000; margin-bottom:1em; box-shadow: 0 0 5px rgba(120,120,120,0.3); }
.mailmagazine-tokuten li:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #000 transparent transparent transparent; position:absolute; top:0; left:0;}
.mailmagazine-tokuten .mm-num{color:#fff !important; position:absolute; top:2px; left:7px; font-size: 4.5vw; font-weight:bold; font-family: "Oswald";}
.mailmagazine-tokuten li i{font-size:12vw; color:#FC247C; margin-bottom:.3em;}
.mailmagazine-tokuten li p{font-size:4.5vw; line-height:1.3; font-weight:bold;}

.mailmagazine-touroku{padding:1em 0 1em;}
.mailmagazine-touroku img{margin-bottom:2.5em;}
.mailmagazine-touroku h2{color:#FC247C; font-size: 6vw; font-weight:bold;}
.mailmagazine-touroku p{font-size: 3.75vw; text-align:center; margin-bottom:1em;}
.mm-exe{font-weight:bold;margin-top:2em;}
.mm-form-bt a{background:#FC247C; padding:1em; font-size: 5vw; font-weight:bold; text-align:center; margin:0 auto 1.5em; width:80%; color:#fff; display:block;}
.mm-form-bt2 a{background:#000; padding:1em; font-size: 5vw; font-weight:bold; text-align:center; margin:0 auto 1em; width:80%; color:#fff; display:block;}
.mm-oubo-txt{padding:0 1.5em; text-align:left !important; font-size: 4vw;}
.mm-oubo-txt span{border-bottom: 1px solid #FC247C; padding-bottom: 2px;font-weight:bold;}
.meil-x-ico {
  display: block;
  width: 100%;
  height: 2em;
}

/* NIGHT PACK
========================================================================== */
.nightpack-lead{padding:2em 1em 1em; text-align:left;}
.nightpack-lead p{font-size: 3.75vw; line-height:1.6;}
.nightpack-box ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:0em; padding:0 1em;}
.nightpack-box li{width:100%; background:#f6f6f6; padding:2em 0 0; margin-bottom:2em}
.nightpack-box li:last-child{padding:2em 0 1em;}
.nightpack-box li h2{color:#FC247C; font-size: 6vw; font-weight:bold; margin-bottom:1em;}
.nightpack-box li h3{font-size: 5vw; margin-bottom:1em; text-align:center;}
.nightpack-box li h3 span{display:block; font-size: 3vw; font-weight:normal;}
.nightpack-box li:last-child img{width:80% !Important; margin:2em auto 1em;}
.nightpack-box li p{text-align:center; font-size: 5vw; margin:1em auto 1em; width:40px; height:40px; border-radius:40px; background:#aaa; color:#fff; padding-top:.4em;}
.nightpack-caution{padding:0 1em;}
.nightpack-caution p{color:#FC247C; border:1px solid #FC247C; font-size: 4vw; line-height:1.6; padding:1em;}
.about-yoshisoba{padding:2em 1em;}
.about-yoshisoba img{display:block; width:40%; margin:0 auto 1em;}
.about-yoshisoba p{font-size: 3.75vw; line-height:1.6; margin-bottom:1em;}
.about-yoshisoba .yoshi-link{text-align:center; width:100%;  margin-bottom:1em;}
.about-yoshisoba .yoshi-link a{border:1px solid #333; font-size: 4vw; font-weight:bold; padding:.75em 1em;}


/* PERMIT
========================================================================== */
.permit-lead{padding:5.5em 1em .5em; text-align:center; margin-bottom:1em;}
.permit-lead .permit-ico{margin:0 auto 1em; width:80px;}
.permit-lead h1{font-size:5vw; font-weight:bold; margin-bottom:1em;}
.permit-lead p{font-size:3.75vw; line-height:1.6; text-align:left;}

.permit-wrap{background:#f6f6f6; padding:2em 1em 1em;}
.permit-box {background:#fff; padding:1.5em 1em;}
.permit-box h2{font-size:4.5vw; font-weight:bold; margin-bottom:1em;}
.permit-box p{font-size:3.75vw; line-height:1.6; text-align:left;}
.permit-box ul{padding:1em 0 0 1em;}
.permit-box li{list-style-type: decimal; margin-bottom:1em;}
.permit-box li h3{font-size:4vw; font-weight:bold;}

.permit-pdf{padding:2em 0;}
.permit-pdf p{text-align:center; margin-bottom:1em; font-size:4vw; font-weight:bold;}
.permit-pdf .access-pdf{ width: 90%; margin: 0vw auto 6vw; border: 2px solid #FC247C;}
.permit-pdf .access-pdf p { background: #fff; padding:1em 1em 0; font-size: 4.5vw; text-align: center; margin-bottom:0em; color:#FC247C; font-weight:normal;}
.permit-pdf .access-pdf p::after {font-size: 5.5vw; font-weight:normal; color:#FC247C;}

	
/* DJ
========================================================================== */
.dj-wrap{margin-top:-3em !important; padding:0em 1em 3em; background:#4d4d4d;background:-moz-linear-gradient(top, #000000 0%, #222222 100%);background:-webkit-linear-gradient(top, #000000 0%,#222222 100%);background:linear-gradient(to bottom, #000000 0%,#222222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222',GradientType=0); color:#fff; margin:0;}

.dj-wrap h2{text-align:center; color:#fff; font-size:6vw; margin-bottom:.5em;}
.dj-store{position:relative; padding-top:3em;}
.dj-night-p a{position:absolute; right:0; top:2.75em; font-size:4vw; font-family: "Oswald"; border:1px solid #93e7ee; color:#93e7ee; padding:.3em .5em; border-radius:3px;}
.dj-store-wrap {border:1px solid #666; padding:0 0; display: flex; flex-wrap: wrap;}
.dj-store-box p{background:#444; color:#ccc; padding:.5em; text-align:center; font-size:3.5vw}
.dj-store-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.dj-store-box li{width:50%; padding:1.2em; border-bottom:1px solid #444; min-height: 200px;}
.dj-store-box li:nth-child(odd){border-right:1px solid #444;}
/*.dj-store-box li:nth-last-child(2),.dj-store-box li:last-child{border-bottom:0px solid #444;}*/
.dj-store-box li img{margin:0 auto .5em; width:100%; max-width: 120px;}
.dj-store-box li h3{color:#fff; font-size:4vw; line-height:1.3; text-align:center;}
.dj-store-box li h3 span{color:#fff; font-size:3.25vw; font-weight:normal; display:block; margin-top:.4em;}
.dj-half .dj-store-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.dj-half .dj-store-box{width:50%;}
.dj-half .dj-store-box p{font-size:3vw;}
.dj-half .dj-store-box li{width:100% !important;}
.dj-half .dj-full-box{width:100% !important;}
.dj-half .dj-full-box li{width:50% !important;}
.dj-analog{font-size:60% !important;}

.dj-store-box.dj-full-box.dj-100 li{width: 100% !important;}

.dj-one-box{width: 50%;}
.dj-one-box li{width: 100%;}

.dj-two-box{width:100%;}
.dj-two-box li img{max-width: 100%;}
.dj-two-box li{width:50%;}

.dj-sp-one-box{width: 100%;}
.dj-sp-one-box li{width: 100%;}

.dj-half-two-box{width: 50%;}
.dj-half-two-box li{width: 100%;}

.dj-sp-half-two-box{width: 100%;}
.dj-sp-half-two-box li{width: 100%;}

.dj-three-box{width: 50%;}
.dj-three-box li{width: 100%;}

.dj-sp-three-box{width: 100%;}
.dj-sp-three-box li{width: 100%;}

.dj-three-one-box{width: 50%;}
.dj-three-one-box li{width: 100%;}

.dj-sp-three-one-box{width: 100%;}
.dj-sp-three-one-box li{width: 100%;}

.dj-full-two-box{width: 50%;}
.dj-full-two-box{width: 100%;}


/* REC
========================================================================== */
.rec-wrap{padding: 5vw 0em 1vw;}
.rec-wrap p{font-size: 3.5vw; margin-bottom:1.5em; padding:0 1em; line-height:1.7;}

dl.rec-srv{display: flex; flex-wrap: wrap; margin-bottom:.5em;}
dl.rec-srv dd{width: 100%; position: relative; padding:10vw 2vw 6vw; box-sizing: border-box; margin-bottom:.5em;}
dl.rec-srv dd > img{ display: none;}
dl.rec-srv dd:nth-child(1){ background: url(../images/rec/rec-bk-1.jpg) center/ cover;}
dl.rec-srv dd:nth-child(2){ background: url(../images/rec/rec-bk-2.jpg) center/ cover;}

dl.rec-srv2{display: flex; flex-wrap: wrap; margin-bottom:.5em; padding:0 1.5em;}
dl.rec-srv2 dd{width: 100%; position: relative; padding:8vw 2vw 4vw; box-sizing: border-box; margin-bottom:1em;}
dl.rec-srv2 dd > img{ display: none;}
dl.rec-srv2 dd:nth-child(1){ background: url(../images/rec/rec-bk-3.jpg) center/ cover;}
dl.rec-srv2 dd:nth-child(2){ background: url(../images/rec/rec-bk-4.jpg) center/ cover;}
dl.rec-srv2 dd:nth-child(3){ background: url(../images/rec/rec-bk-5.jpg) center/ cover;}

.rec-srv-in h2,.rec-srv-in p{color: #fff; margin-bottom:.75em;}
h2.rec-srv-ttl{ font-family: 'Lato', sans-serif; font-weight: 900; text-align: center; font-size: 8vw; line-height:1.0; margin-bottom:.75em}
h2.rec-srv-ttl span{ font-size: 4vw; display: block; color: #fff; font-weight: 900;}
p.rec-srv-txt{ font-size: 3.25vw; line-height: 1.6;text-align: justify;text-justify: inter-ideograph;text-shadow:0px 0px 5px #000;}
p.rec-srv-store{color:#afedee; font-size: 3.5vw; text-align:center; font-weight: bold;}
	
.rec-wrap .userguide-kiyaku{margin-bottom:1em; width: 87%;}

.rec-wrap .conf{text-align: center;}
.rec-wrap .conf a{font-size: 3.75vw; color: #000; box-sizing: border-box; display:block; width: 87%; border: 1px solid #000; padding: 2.5vw 0 2.5vw 6vw; margin:0 auto 3em; position: relative;}
.rec-wrap .conf a:hover{background:#000; color:#fff;}
.rec-wrap .conf a:before{content: "\f017"; font-family: FontAwesome;position: absolute; left: 4vw; color: #000; font-size: 4vw; }
.rec-wrap .arts-conf a:before{content: "\f0c1";}

.rec-option-wrap{background:#E5E0DC; padding:2em 1.5em .5em;}
.rec-option-wrap ul{width:100%; background:#fff; margin-bottom:1.5em; box-shadow: 0 0 5px rgba(120,120,120,0.3); display: flex; flex-wrap: wrap; justify-content: space-between;}
.rec-option-wrap li{}
.rec-option-wrap li:last-child{padding:1em;}
.rec-option-wrap li h3{font-size: 4.5vw; text-align:center; margin-bottom:.5em;}
.rec-option-wrap li p{font-size: 3vw; line-height:1.5;}


/* REC2
========================================================================== */
.rec2-wrap{padding:5.5em 2em 0em; text-align:center; margin-bottom:1em;}
.rec2-wrap h1{ font-size: 3.5vw; font-weight: 900; line-height: 1.6; font-family: "メイリオ","ms pgothic", sans-serif;}
.rec2-wrap h1 i{display:block; font-size: 5vw; padding-top:.2em;}

.rec-band-wrap{padding: 3vw 1em 3vw;}
.rec-vocal-wrap{background:#E5E0DC; padding: 12vw 1em 3vw;}
.rec-ico-img{width:50%; margin:0 auto 1em;}
.rec-band-wrap h2{font-family: 'Lato', sans-serif; font-weight: 900; text-align: center; font-size: 11vw; line-height:1.0; margin-bottom:.5em; }
.rec-band-wrap h2 span{ font-size: 4vw; display: block; font-weight: 900;}
.rec-band-wrap h2 span.rec-ttl-store{ font-size: 3.5vw; display: block; font-weight: normal; color:#16d1c4;}
.rec-band-wrap p{font-size: 3.75vw; line-height:1.6; }
.rec-band-wrap p span{font-size: 4vw; font-weight:bold; line-height:1.6; }

.rec-chart-wrap{padding:1.5em 0;}
.rec-chart-wrap h3{font-size: 3.75vw; text-align:center; margin-bottom:.75em; line-height:1.5; font-weight: bold; }
.rec-chart-box{border:3px solid #000; padding:1.5em 1em 1em; position:relative; margin-bottom:.75em;}
.rec-chart-wrap i{margin:0 auto .75em; display:block; font-size: 5.5vw; text-align:center;}
.rec-chart-box:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #000 transparent transparent transparent; position:absolute; top:0; left:0;}
.rec-vocal-wrap .rec-chart-box:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 0px 0 0;}
.rec-chart-box .chart-number{color:#fff !important; position:absolute; top:0; left:5px; font-size: 4.5vw; font-weight:bold; font-family: "Oswald";}
.rec-chart-box .chart-ttl{font-size: 4.5vw; line-height:1.3;  font-weight:bold; margin-bottom:1em; text-align:center;}
.rec-chart-box .rec-chart-img{width:100%; margin-bottom:1em;}
.rec-chart-box .rec-chart-img2{width:80%; margin:0 auto 1em;}
.rec-chart-box .rec-chart-img3{width:90%; margin:0 auto 1em;}
.rec-chart-box .chart-price{margin-top:1em;color:#FC247C; font-size: 3.75vw; font-weight:bold; line-height:1.6;}
.rec-chart-box .chart-price span{font-weight:normal; color:#FC247C; display:block;}
.rec-vocal-wrap .chart-price span{display:inline;}

.rec-arts-box{padding:2em 2em 3em; text-align:center;}
.rec-arts-box p{font-size:4vw;}
.rec-arts-box p span{font-size: 5vw; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; font-weight:900; display:block; padding:.5em; border:2px solid #16d1c4; border-radius:20px; margin-top:.5em; color:#16d1c4;}
.rec-arts-box i{padding:0 .25em 0 .5em; color:#16d1c4;}


/* engineer
========================================================================== */
.engineer-wrap{padding: 5vw 0;}
.engineer-wrap p.e-s-lead{font-size: 3.75vw; line-height:1.6; margin-bottom:2em; padding:0 1em;}

.engineer-st ul{display: flex; flex-wrap: wrap; width:100%;}
.engineer-st li{width:33.3%; padding:0; position:relative; background:#000;  z-index:3;}
.engineer-st li img{width:100%; opacity:.7;}
.engineer-st li p{font-size: 3.25vw; font-weight:bold; line-height:1.3; text-align:center; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; width:100%; opacity:.9;}
.engineer-st li p span{font-size: 4vw; font-weight:normal; font-family: "Oswald"; display:block; color:#fff;}

.engineer-price{padding:0 1em;}
.e-s-price-ttl {font-size: 4vw; font-weight:bold; text-align:center; border:3px solid #000; padding:.5em .75em; width:70%; margin:-.75em auto 0; background:#fff; position:relative; z-index:4;}
.engineer-price p{text-align:center;}
.engineer-price ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:2em;}
.engineer-price li{width:48%; background:#FC247C; border:3px solid #FC247C; padding:.5em 0;}
.engineer-price li p{color:#fff; font-size: 4vw; font-weight:bold;}
.engineer-price li p span{color:#fff; font-size: 3vw; font-weight:normal;}
.engineer-price li p.e-s-price{color:#fff; font-size: 6vw; font-weight:bold;}
.engineer-price li p.e-s-price span{color:#fff; font-size: 4vw; font-weight:normal;}

.e-s-price-caution{color:#FC247C; font-size: 3.75vw; line-height:1.5; border:3px solid #FC247C; padding:.75em; text-align:left !important; margin-bottom:2em;}

.engineer-arts{background:#f6f6f6; padding:2em 1em 1em; font-size: 3.5vw; line-height:1.5; text-align:center; margin-bottom:1em;}
.engineer-arts i{padding-right:.5em;}
.engineer-arts p{margin-bottom:.5em;}
.engineer-arts .arts-ttl{font-size: 4.75vw; font-weight:bold; margin-bottom:1em;}
.engineer-arts .arts-tel{font-size: 5.5vw; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; font-weight:900;}
.engineer-arts .sub-ttl{font-size: 3vw; margin:1em 0;}
.engineer-arts img{width:100px; margin:0 auto 1.5em;}
.engineer-arts .arts-web,.engineer-arts .arts-mail{font-size: 4.5vw; font-weight:bold; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif;}


/* selfrec
========================================================================== */
.selfrec-wrap{padding: 6vw 1em; background:#111;}
.selfrec-wrap h2{font-size: 5.25vw; font-weight:bold; line-height:1.5; padding:0 1em; color:#fff !important;}
.selfrec-lead{font-size: 3.75vw; line-height:1.6; color:#fff !important; margin-bottom:2em; padding:0 .5em;}

.selfrec-st-box{border:1px solid #aaa; margin-bottom:2em;}
.selfrec-st-box .selfrec-ttl{position:relative;}
.selfrec-st-box .selfrec-ttl h3{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size: 7vw; line-height:1.3;font-weight:bold; color: #fff; background: rgba(0,0,0,0.3); width:100%; text-align:center;  font-family: "Oswald"; padding:0 0 .5em;}
.selfrec-st-box .selfrec-ttl h3 span{font-size: 4vw; margin:0 .2em; font-weight:normal; color: #fff;}
.selfrec-st-box ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:.4em; margin-bottom:1.5em;}
.selfrec-st-box ul:last-child{margin-bottom:0;}
.selfrec-st-box li{width:49.5%;}
.selfrec-st-box ul:last-child li{width:50%;}
.selfrec-st-box .selfrec-map img{width:60%; margin:.5em auto 1.5em; padding:0;}
.selfrec-st-box .selfrec-subttl{color:#fff; font-size: 4vw; line-height:1.4; font-weight:bold; padding:0 1.25em; margin-bottom:.5em;}
.selfrec-st-box .selfrec-desc{font-size: 3.5vw; line-height:1.6; color:#ccc !important; padding:0 1.25em; margin-bottom:1em;}
.selfrec-st-box i{color:#fff; padding-right:.2em;}
.selfrec-st-box .selfrec-tel{font-size: 5vw; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; font-weight:900; text-align:center; color:#fff !important; margin:.2em 0 1em; padding-left:.25em;}
.selfrec-st-box .selfrec-link{text-align:center; width:100%;  margin-bottom:1em;}
.selfrec-st-box .selfrec-link a{background:#777; color:#fff; font-size: 3vw; font-weight:bold; padding:.75em 1em;}
	

/* Narration
========================================================================== */
.narration-wrap{padding: 5vw 0em 1vw;}
.narration-wrap p{font-size: 3.5vw; margin-bottom:1.5em; padding:0 1em; line-height:1.7;}

.narration-ic img{width:100px; margin:0 auto 1em;}
.narration-ic h2{font-size: 6vw; font-family: "Roboto", "メイリオ","ms pgothic", sans-serif; font-weight:900; }
.narration-ic h2 span{display:inline; font-size: 5vw; font-weight:900;}
.narration-ic h2 i{padding:0 .25em 0 1em;}

.narration-st-box{margin-bottom:3em;}
.narration-st-box ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:.5em;}
.narration-st-box li:nth-child(1){width:100%;}
.narration-st-box li:nth-child(2),.narration-st-box li:nth-child(3){width:50%; padding:.5em;}
.narration-st-box li:nth-child(4){width:100%; padding:1em 1.5em; font-size: 3.75vw; line-height:1.5;}

.narration-st-box .price-list dl{ border: #ccc 1px solid; margin: .5em 0 1.5em;}

.narration-option-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.narration-price-option{width:48%; border:1px solid #ccc;}
.narration-price-option h3{font-size: 3.75vw; padding:.5em 0; background:#f6f6f6;}
.narration-price-option p {padding:.5em .75em 0;}
.narration-price-option p.price{font-size: 4.5vw; text-align:center; font-weight:bold; margin-bottom:.5em;}
.narration-price-option img{margin-bottom:.5em;}
.narration-price-option p.desc{font-size: 3vw; line-height:1.5;}
.narration-price-option p.link a{font-size: 3.5vw; text-align:center; border:1px solid #000; padding:.2em; display:block; margin-bottom:1em;}


/* livestream
========================================================================== */
.livestream-wrap{padding: 8vw 0 8vw;}
.livestream-wrap h2 span{font-size: 3.75vw;}

.livestream-wrap p.livestream-ttl{font-size: 4.5vw; font-weight:bold; margin:1em 0 1.5em; color:#16d1c4; padding:0 1em; text-align:center;}

.livestream-logo ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 2em;}
.livestream-logo li{width:50%; padding:0 .5em;}
.livestream-logo li img{width:90%; margin:0 auto 1em;}

.livestream-lead li img{margin-bottom:1em;}
.livestream-lead li:last-child{padding:0 1em;}
.livestream-lead p.livestream-m-ttl{font-size: 4vw; line-height:1.4; font-weight:bold; margin-bottom:1em;}
.livestream-lead p.livestream-desc{font-size: 3.75vw; line-height:1.5; margin-bottom:2em;}

.livestream-flow ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 2em;}
.livestream-flow li{width:100%; padding:1em; border:2px solid #000; position:relative; margin-bottom:2em;}
.livestream-flow li:after{content: "\f078"; font-family: FontAwesome; position: absolute; bottom:-2em; left: 50%; transform: translate(-50%,0%); color: #000; font-size: 4vw; }
.livestream-flow li:last-child:after{content: none; }
.livestream-flow li p.flow-img{width:15%; position:absolute; top:50%; left: .5em; transform: translate(0%,-50%); padding:.25em;}
.livestream-flow li p{width:100%; text-align:center; font-weight:bold;}

.livestream-price{padding:0 1em;}
.livestream-price h3{font-size: 5.5vw; font-weight:bold; font-family: "Oswald"; text-align:center; margin-bottom:.5em; color:#16d1c4;}

.livestream-price .price-box{border:1px solid #16d1c4;}
.livestream-price .price-ttl{background:#16d1c4; text-align:center; padding:1em 0;}
.livestream-price .price-ttl li:first-child{margin-bottom:.5em;}
.livestream-price .price-ttl li:first-child span{background:#fff; padding:.5em; border-radius:12px; color:#16d1c4 !important; font-size: 3.75vw; margin:0 .25em;}
.livestream-price .price-ttl li:last-child{font-size: 6.5vw; font-weight:bold; font-family: 'Roboto', sans-serif; color:#fff !important; margin-bottom:.2em;}
.livestream-price .price-ttl li:last-child span{font-size: 4vw; font-weight:normal; color:#fff !important;}
.livestream-price .price-ttl p{font-size: 2.75vw; line-height:1.5; color:#fff !important;}

.livestream-price .price-timebox p{font-size: 3.75vw; line-height:1.5; padding:1em;}
.livestream-price .price-timebox ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:.75em;}
.livestream-price .price-timebox li{width:47%;}
.livestream-price .price-timebox li p{font-size: 3.75vw; line-height:1.5;}
.livestream-price .price-timebox li table{border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.livestream-price .price-timebox li th{background:#efefef; padding:.5em; text-align:center; font-size: 3.5vw; font-weight:bold; border-bottom:1px solid #ccc;}
.livestream-price .price-timebox li td{padding:.5em; text-align:center; font-size: 3.5vw; line-height:1.3; font-weight:normal; border-bottom:1px solid #ccc;}

.demo-wrap{background:#E5E0DC;}
.demo-wrap-lead{padding:0em 1em 0em;}
.demo-wrap-lead p{font-size: 3.75vw; line-height:1.5; margin-bottom:.25em; text-align:center;}
.demo-wrap-lead img{margin:1.2em auto .5em; width:70%;}
.demo-wrap-lead a{font-size: 3.75vw; line-height:1.4; word-break:break-all; text-align:center !important; color:#cc0000;}
.demo-wrap-lead ul{margin-bottom:1em;}
.demo-wrap li iframe{width:90%; margin:0 auto .5em; display:block;}

.chromakey-wrap{padding:2em 1em .5em; background:#ecf5f4; }

.chromakey-about{padding:1em 0;  margin-bottom:1em;}
.chromakey-about h3{font-size: 4.5vw; font-weight:bold; text-align:center; margin-bottom:.5em;}
.chromakey-about p{font-size: 3.75vw; line-height:1.5; margin-bottom:1em;}
.chromakey-about li{position:relative; margin-bottom:2em; padding:0;}
.chromakey-about li:last-child{margin-bottom:0em;}
.chromakey-about li:first-child:after{content: "\f078"; font-family: FontAwesome; position: absolute; bottom:-2em; left: 50%; transform: translate(-50%,0%); color: #000; font-size: 4vw; }
.chromakey-about li p{position:absolute; bottom:-5px; left:50%; transform: translate(-50%,0%); font-size: 6vw; line-height:1.1; font-weight:bold; font-family: "Oswald"; color:#fff;}

.chromakey-st{text-align:center; }
.chromakey-st h3{font-size: 4vw; line-height:1.4; font-weight:bold; margin-bottom:1em;}
.chromakey-st-box {background:#fff; margin-bottom:1.5em; box-shadow: 0 0 6px rgba(120,120,120,0.2); padding-bottom:1.5em;}
.chromakey-st-box .c-st-ttl{position:relative; margin-bottom:.75em;}
.chromakey-st-box .c-st-ttl p{position:absolute; bottom:0; left:50%; transform: translate(-50%,0%); font-size: 7vw; font-weight:bold; color: #fff; background: rgba(0,0,0,0.3); width:100%; text-align:center;}
.chromakey-st-box .c-st-ttl p span{display:block; font-size: 4vw; font-weight:normal; color: #fff;}
.chromakey-st-box .c-st-price{color:#16d1c4; font-size: 5vw; font-weight:bold; line-height:1.6; font-family: 'Roboto', sans-serif; margin-bottom:0;}
.chromakey-st-box .c-st-price span{display:block; font-size: 3vw; font-weight:normal;line-height:1.4; color:#16d1c4; margin-bottom:.75em;}
.chromakey-st-box .c-st-caution{font-size: 3.75vw; line-height:1.5; margin-bottom:1em; color:#FC247C; padding:0 1em 0em;}
.chromakey-st-box .c-st-desc{font-size: 3.75vw; line-height:1.5; margin-bottom:1em; text-align:left; padding:0 1em .5em;}
.chromakey-st-box .c-st-desc span{display:block; font-weight:bold; text-align:center;}
.chromakey-st-box .c-st-table{padding:0 .75em 1.5em;}
.chromakey-st-box table{width:100%; font-size: 3vw; line-height:1.3; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.chromakey-st-box table span{display:block; font-size: 2.5vw;}
.chromakey-st-box th,.chromakey-st-box td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:.4em .2em; text-align:center; vertical-align:middle;}
.chromakey-st-box table thead th,.chromakey-st-box table thead td{background:#E5E0DC; font-weight:bold;}
.chromakey-st-box table tbody th{background:#f6f6f6;}
.chromakey-st-box table tbody td.price{font-family: 'Roboto', sans-serif; color:#16d1c4;font-size: 3.5vw;}
.chromakey-st-box .c-st-link a{border:1px solid #000; font-size: 3.75vw; padding:.5em 1.5em;}


/* RECRUIT
========================================================================== */
@media (max-width:767px){
  body.recruit-in {
    padding-top: 16vw;
  }
}
.recruit_top_yt_wrap{
  margin: 4em auto 1em;
  max-width: 700px;
}
.recruit-staff-wrap{padding:2em 1em;}

.recruit-bt-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:2em;}
.recruit-bt-box{width:23%; padding:.7em 0 .7em 0;}
.recruit-bt-box p {text-align:center; font-size: 3.8vw; font-family: "Oswald"; font-weight:bold; color:#fff; line-height:1.0;}
.recruit-bt-box a{color:#fff; display:block;}
.recruit-bt-box p span:last-child{font-size: 2.5vw; color:#fff; font-weight:normal;}
.recruit-bt-box p span:first-child{font-size: 3.2vw; color:#fff; font-weight:normal; display:block; padding-bottom:.1em;}
.recruit-bt-box.shinsotsu{background-color:#ee8190;}
.recruit-bt-box.chuto{background-color:#29c2cb;}
.recruit-bt-box.fulltime{background-color:#faaf3b;}
.recruit-bt-box.shorttime{background-color:#b1d715;}

.recruit-staff-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding:.5rem;}
.recruit-staff-wrap li{width:47%; margin-bottom:2em; position:relative; padding:0;}

.recruit-staff-wrap p{font-size: 3.5vw; line-height:1.5;}
.recruit-staff-wrap li p.recruit-st-name{text-align:right; color:#fff; font-size: 2.8vw; font-family: "Oswald"; position:absolute; bottom:0px; right:0px; background: rgba(0,0,0,0.4); width:100%; padding:5px; letter-spacing:1.5px; line-height:1.8;}
.recruit-staff-wrap li p.recruit-st-name span{font-size: 2.35vw;color:#fff;display:block;line-height:1.5;letter-spacing:0;}
.recruit-ico {
  position: absolute;
  bottom: 0.6em;
  left: 0.7em;
  width: 28%;
}
.recruit-staff-wrap li .recruit-staff-detail {display:none;}
	
.recruit-staff-tabs {padding-bottom: 3em; background-color: #fff; width: 100%; margin:1em 0 0; padding:0;}
.recruit-staff-tab-item {width: 20%; border-bottom: 6px solid #fff; border-right: 6px solid #fff; background-color: #efefef; line-height:1.3; padding:2em 0; font-size: 2vw; color: #000; display: block; float: left; text-align: center; font-weight: normal; transition: all 0.2s ease; }
.recruit-staff-tab-item span{font-weight:bold;display:block;font-size:2.5vw;}
.recruit25{width: 25%;}
.no-border{border-right: 0px solid #fff;}
.recruit-staff-tab-item:hover {opacity: 1;}
input[name="recruit-staff-tab-item"] {display: none;}
.recruit-staff-tab-content {padding:1em 1.3em; clear: both; overflow: hidden;}
/* #all:checked ~ #all_content,#shinsotsu:checked ~ #shinsotsu_content,#chuto:checked ~ #chuto_content,#fulltime:checked ~ #fulltime_content,#shorttime:checked ~ #shorttime_content,#band:checked ~ #band_content,#rec:checked ~ #rec_content,#dance:checked ~ #dance_content,#piano:checked ~ #piano_content{display: block;} */

.recruit-staff-tabs input:checked + .recruit-staff-tab-item,.recruit-staff-tabs input:checked + .recruit-staff-tab-item span {
  background-color: #000; color: #fff ;transition: all 0.2s ease;
}

.recruit-entry-tabs {padding-bottom: 3em; background-color: #fff; width: 100%; margin:3em 0 0; padding:0;}
.recruit-entry-tab-item {width: 50%; border-bottom: 6px solid #fff; border-right: 6px solid #fff; background-color: #efefef; line-height:1.3; padding:2em 0; font-size: 2.5vw; color: #000; display: block; float: left; text-align: center; font-weight: normal; transition: all 0.2s ease; }
.recruit-entry-tab-item span{font-weight:bold;display:inline;font-size:3vw;}
.no-border{border-right: 0px solid #fff;}
.recruit-entry-tab-item:hover {opacity: 1;}
input[name="recruit-entry-tab-item"] {display: none;}
.recruit-entry-tab-content {display: none; padding:.5em 0 1em; clear: both; overflow: hidden;}
#entry1:checked ~ #entry1_content,#entry2:checked ~ #entry2_content{display: block;}
.recruit-entry-tabs input:checked + .recruit-entry-tab-item,.recruit-entry-tabs input:checked + .recruit-entry-tab-item span {background-color: #000; color: #fff ;transition: all 0.2s ease;}

.recruit-link-wrap{background:#f6f6f6;margin:4em 0;}
.recruit-link-wrap .inner{display: flex; flex-wrap: wrap; justify-content: space-between; padding:2em 1em .5em;}
.recruit-link-wrap p{font-size: 3.75vw; line-height:1.5;}
.recruit-link-box{position:relative; margin-bottom:1.5em;}
.recruit-link-box p{position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#fff; text-align: center; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 6vw; width:100%;}
.recruit-link-box p span{font-family: "メイリオ","ms pgothic", sans-serif; font-size: 3vw; font-weight: normal; line-height: 1.4; color:#fff; display:block; padding-top:.4em;}

.recruit-ow-wrap{padding:0em 1.5em .5em;}
.recruit-ow-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.recruit-ow-wrap li{border:1px solid #000; margin-bottom:1.5em; position:relative;}
.recruit-ow-wrap li img{width:100%; height:auto;}
.recruit-ow-wrap li:after{content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #000 transparent; position:absolute; right:5px; bottom:5px;}
.recruit-ow-wrap h3{padding:.75em 1em .5em 1em; font-size: 4.5vw;}
.recruit-ow-wrap p{padding:0 1em 1.25em 1em; font-size: 3.75vw; line-height:1.5;}

.recruit-shinsotsu-wrap{background:#eee;}
.recruit-shinsotsu-wrap ul{padding:0 1em;}
.recruit-shinsotsu-wrap li{margin-bottom:1em;}
.recruit-shinsotsu-wrap li:last-child{margin-bottom:0;}
.recruit-shinsotsu-wrap li img{width:100%;margin:0 auto;}
.recruit-shinsotsu-wrap li p{font-size: 4.5vw;line-height:1.3;font-weight:bold;text-align:center;}

.recruit-blog-wrap{/* padding:2em 1em 2em; */ background:#f6f6f6;}
/* .recruit-blog-wrap li a{display: flex; flex-wrap: wrap; justify-content: space-between; background:#fff; padding:.75em; margin-bottom:1.5em;}
.recruit-blog-wrap li a .bloglistthumb{width:25%;}
.recruit-blog-wrap li a .bloglistthumb img{width:100%;}
.recruit-blog-wrap li a .bloglisttext{width:70%; padding-top:.25em;}
.recruit-blog-wrap li a .bloglisttext h3{font-size: 4vw; line-height:1.3; margin-bottom:.2em;}
.recruit-blog-wrap li a .bloglisttext p.recruit-entrydate{font-size: 3vw; color:#666;} */
.top-bt-bloglist a{font-size: 3.5vw; text-align:center; border:1px solid #666; padding:1em; display:block;}
/* .recruit-map-wrap{padding:2em 1em 2em;} */


#recForm,#recForm_part{
  display: none;
  padding-top: 6em;
}
.recruit_btn_wrap_ttl{
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem 0;
}
.recruit_btn_wrap{
  padding: 0 1.5em 0;
}
.recruit_btn{
  display: block;
  font-size: 4.5vw;
  font-weight: 600;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: .1em;
  width: 100%;
  max-width: 30rem;
  padding: 1.2em 1.2em;
  margin: 1.2em auto ;
  cursor: pointer;
}
.recruit_btn._line{
  background-color: #00B900;
}
.recruit_btn._line .txt{
  position: relative;
  padding-left: 3.4em;
  padding-right: 1em;
}
.recruit_btn._line .txt::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2.7em;
  background-image: url(/recruit/images/line-ico-w.svg);
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 3%;
  margin: auto;
}

.testw{	
  display:flex; 
  flex-direction: column;
  width: 80%;	
  margin: 3% auto;
}	
.modalMain th{	
  border: solid 1px #bbb!important;	
  padding: 3%!important;	
  /* background: #e6e6e6; */	
  background: #f6f6f6!important;	
  /* width: 25%!important; */
}	
.userguide-kiyaku{	
  background-color: rgba(86,196,176,0.6)important;	
  color: #fff !important;	
  border: noneimportant;
}	
.modalMain td{ 
  border: solid 1px #bbb!important;	
  padding: 3%!important;	
}

[value="all"]:checked ~ .targets [data-category] {
  display: block;
}
[value="new"]:checked ~ .targets .target:not([data-category~="new"]), 
[value="mid"]:checked ~ .targets .target:not([data-category~="mid"]), 
[value="shorttime"]:checked ~ .targets .target:not([data-category~="shorttime"]), 
[value="fulltime"]:checked ~ .targets .target:not([data-category~="fulltime"]), 
[value="sound"]:checked ~ .targets .target:not([data-category~="sound"]), 
[value="dance"]:checked ~ .targets .target:not([data-category~="dance"]), 
[value="piano"]:checked ~ .targets .target:not([data-category~="piano"]), 
[value="rec"]:checked ~ .targets .target:not([data-category~="rec"]) {
  display: none;
}


/* RECRUIT STAFF INTERVIEW
========================================================================== */
.staff-main .inner{padding:0; position:relative;}
.staff-main .staff-name-box{width:100%; background: rgba(0,0,0,0.4); position:absolute; bottom:0; right:0; padding:1em 1em 1em; }
.staff-main .recruit-interview-ico{position:absolute; bottom:15px; left:15px; width:10%;}
.staff-main .staff-name-box h1{font-family: "Oswald"; font-size: 8vw; color:rgba(255,255,255,0.4); text-align:right !important; line-height:1.1; margin-bottom:.6em;}
.staff-main .staff-name-box h1 span{ font-size: 3.5vw; display: block; font-weight: bold; font-family: "メイリオ","ms pgothic", sans-serif; color:rgba(0,0,0,0.9); padding-top:.2em;}
.staff-main .staff-name-box p {color:#fff; text-align:right !important;}
.staff-main .staff-name-box p.staff-prof{font-size: 3vw; line-height:1.5;}
.staff-main .staff-name-box h2{font-size: 3vw; font-weight:bold; color:#fff; text-align:right !important;line-height:1; margin-bottom:.5em;}
.staff-main .staff-name-box h2 span{color:#fff; font-size: 4.5vw; display: block;font-weight:bold;letter-spacing:1px;}
.staff-main .left-name p,.staff-main .left-name h1,.staff-main .left-name h2{text-align:left !important;}

.recruit-interview-box{padding:1.5em;}
.recruit-interview-box li{margin-bottom:1.5em;}
.recruit-interview-box h3{font-size:4.5vw; margin-bottom:.5em;}
.recruit-interview-box p{font-size:3.75vw; line-height:1.6;}

.daytime-wrap{background: #E5E0DC; padding:2em 0 1em;}
.daytime_list{width: 85%; margin: 20px auto 0px; box-sizing:border-box;}
.staff-day-img img{width:60%; margin:0 auto .5em;}
.staff-day-txt p{font-size:3.75vw; font-weight:bold; line-height:1.6; text-align:center; margin-bottom:.2em;}
.staff-day-txt p span{display:block; font-family: "Oswald"; font-size: 6vw; font-weight:bold; }
.staff-day-txt p.staff-day-txt-s{font-size:3vw !important; line-height:1.5; width:100%; text-align:center; font-weight:normal;padding:0 .5em;}
.daytime_list .slick-next:before{content: "\f105"; font-family: FontAwesome; color:#000; font-size: 10vw;}
.daytime_list .slick-prev:before{ content: "\f104"; font-family: FontAwesome; color:#000; font-size: 10vw;}


.recruit-intern-wrap{padding:0 1.5em 2em;margin-bottom:2.5em;border-bottom:1px dotted #aaa;}
.intern-baner{border:1px solid #56c4b0; margin-bottom:1.5em;}
.recruit-intern-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.recruit-intern-wrap li{border:1px solid #56c4b0; margin-bottom:1.5em; list-style:none;}
.recruit-intern-wrap li:last-child{border:0px solid #56c4b0;margin-bottom:0em;}
.recruit-intern-wrap li img{width:100%; height:auto;}
.recruit-intern-wrap li h3{padding:.75em 1em .5em 1em; font-size: 5vw; color:#56c4b0; text-align:center;}
.recruit-intern-wrap li h3 span{background:#FC247C; padding:.5em 1em; font-size:3vw; color:#fff; border-radius:15px;}
.recruit-intern-wrap li p{padding:0 1em 1.25em 1em; font-size: 3.75vw; line-height:1.5;}

.recruit-post-wrap{background-color:#efefef; padding:6em 1em 0em;}
.recruit-post-wrap .right_news_box{padding-top:0em;}
.recruit-post-box{background-color:#fff; padding:1.25em; position:relative; font-size:4vw; line-height:1.6; box-shadow: 0 0 3px rgba(120,120,120,0.3); margin-bottom:3em;word-break:break-all;}
.recruit-post-box .news-tag{position:absolute; right:-.1em; top:-.15em;}
.recruit-post-box .news-date{margin-bottom:.5em;}
.recruit-post-box h1{font-size:5vw; line-height:1.5; padding-bottom:.5em; text-align:left; border-bottom:1px dotted #ccc; margin-bottom:1em;}
.recruit-post-box h2{font-size:4.5vw; line-height:1.5; margin:1em 0; font-weight:bold; text-align:left;} 
.recruit-post-box img{max-width:100%; height:auto;}
.recruit-post-box a{color:#FC247C;}

.accordion-box {position: relative;margin-bottom:2em;}
.accordion-box label {height: 140px; /* グラデーションの高さ */cursor: pointer;text-align: center;font-size: 13px;position: absolute;bottom: 0;width: 100%;background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);}
.accordion-box input:checked + label {background: inherit; /* 開いた時には背景グラデーションを消す */}
.accordion-box label:after {content: "続きをよむ"; /* ラベルの文字 */letter-spacing: .05em;line-height: 2.5rem;position: absolute;bottom: 20px;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);color: #fff;background-color: #000;width: 18.75rem;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.accordion-box label:before {content: "↓";font-weight: 700;position: absolute;bottom: 30px;left: 50%;-webkit-transform: translate(-0px, 0);transform: translate(-140px, 0);background-color: #fff;z-index: 1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;}
.accordion-box input {display: none;}
.accordion-box .accordion-container {overflow: hidden;height: 850px; /* 開く前に見えている部分の高さ */-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
.accordion-box input:checked + label {display: none ; }
.accordion-box input:checked + label:after {content: "閉じる";}
.accordion-box input:checked + label:before {content: "↑";}
.accordion-box input:checked ~ .accordion-container {height: auto;padding-bottom: 0px; /* 閉じるボタンのbottomからの位置 */-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}

/* RECRUIT SESSION
========================================================================== */
.session_infobox{padding:2em 1em 0;}
.session_lead h2{font-size:4vw; font-weight:normal; line-height:1.4;margin-bottom:2em;}
.session_lead h2 span{font-size:5.5vw; font-weight:bold; line-height:1.4;padding-top:.5em;}

.session_infobox table{font-size:3.75vw;line-height:1.5;border-left:1px solid #ccc;border-top:1px solid #ccc;width:100%;margin-bottom:2em;}
.session_infobox td,th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:.75em;vertical-align:middle;}
.session_infobox th{background:#f6f6f6;width:15%;text-align:center;}
.session_infobox td ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.session_infobox td li{width:48%;}
.session_infobox table a{color:#FC247C;}
.session_infobox p{font-size:3.5vw;}


/* RECRUIT2024
========================================================================== */
.recruit_bloc{
  /* 320px : 10p */
  font-size: 3.125vw;
  font-family: "YakuHanJP",'Noto Sans JP',sans-serif;
}

.recruit_wide{
  max-width: 1200px;
  margin: auto;
}

/* KEY */

.recruit_top_key_sec{
  padding-bottom: 4em;
}

.recruit_top_key_box{
  position: relative;
  overflow: hidden;
}

.recruit_top_key_txtbox{
  color: #fff;
  position: absolute;
  z-index: 10;
  bottom: 14vw;
  left: 6vw;
}

.recruit_top_key_txt{
  font-size: 8vw;
  border-bottom: 1px #fff solid;
  width: 100vw;
  line-height: 1.2;
}

.recruit_top_key_subtxt{
  display: block;
  font-size: 3.5vw;
  padding-bottom: 2vw;
}

.recruit_top_key_phbox{
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruit_top_key_ttl{
  position: absolute;
  z-index: 1;
  width: 90%;
}


/* ABOUT */
.recruit_top_about_sec{
  padding: 1em 1em 5em 1.5em;
}

.recruit_top_about_box{
  position: relative;
  padding: 0 0 0 4em;
  border-left: 1px #000 solid;
  }

.recruit_top_left{
  position: absolute;
  top: 0;
  left: 1.5em;
  transform-origin: left top;
  transform: rotate(-270deg);
  font-size: 1em;
  font-weight: 600;
  color: #fff;
  text-shadow: .8px .8px 0 #000, -.8px -.8px 0 #000, -.8px .8px 0 #000, .8px -.8px 0 #000, 0px .8px 0 #000, 0 -.8px 0 #000, -.8px 0 0 #000, .8px 0 0 #000;
}

.recruit_top_left_sub{
  position: absolute;
  bottom: 6em;
  left: 1.5em;
  transform-origin: left top;
  transform: rotate( -270deg );
  font-size: .7em;
  font-weight: 600;
}

.recruit_top_left_sub span{
color: #e60000;
}

.recruit_top_about_txt{
  font-size: 1em;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
}

.recruit_top_about_txt span{
  position: relative;
}

.recruit_top_about_txt span::before{
  content: "";
  background-image: url(/recruit/images/recruit_top_key_line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
}

.recruit_top_type{
  padding: 4em 0 0;
}

.recruit_top_type_newbox{
  padding-bottom: 2.5em;
  position: relative;
}

/* .recruit_top_type_new{
  position: relative;
} */

.recruit_top_type_newsub{
  position: absolute;
  bottom: 3.5em;
  right: .5em;
  font-size: .8em;
  font-weight: 600;
  color: #2992c9;
}

.recruit_top_type_newcnt{
  border-bottom: 1px solid #2992c9;
  border-right: 1px solid #2992c9;
  padding: 0 1em 1em 0;
}

.recruit_top_type_newcnt p{
font-size: 1.2em;
font-weight: 600;
padding-right: 1em;
}

.recruit_top_type_newcnt span{
  font-size: .6em;
  display: block;
  }

.recruit_top_type_ph{
  width: 3.5em;
  }

.recruit_top_type_ph img{
width: 100%;
}

.recruit_top_type_newcnt{
  display: flex;
}

/* .recruit_top_type_mid{
  position: relative;
} */

.recruit_top_type_midbox{
  position: relative;
}

.recruit_top_type_midsub{
  position: absolute;
  bottom: .5em;
  right: .5em;
  font-size: .8em;
  font-weight: 600;
  color: #e60000;
}

.recruit_top_type_midcnt{
  border-bottom: 1px solid #e60000;
  border-right: 1px solid #e60000;
  padding: 0 1em 1em 0;
}

.recruit_top_type_midcnt p{
font-size: 1.2em;
font-weight: 600;
}

.recruit_top_type_midcnt span{
  font-size: .6em;
  display: block;
}


/* WORKS */
.recruit_top_works_sec{
  padding: 2em 0 5em 1.5em;
}

.recruit_top_works_box{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 0.5em;
}

.recruit_top_works_box p{
  position: absolute;
  left: 0.5em;
  bottom: 0.5em;
  color: #fff;
  font-weight: 600;
  font-size: 1.5em;
}

.recruit_top_works_box span{
display: block;
font-size: .5em;
}

/* STAFF */
.recruit-st-name {
  position: absolute;
  top: 0;
  right: 0.2rem;
  color: #fff;
  font-size: 0.6em;
  font-weight: 600;
  text-align: right;
}

.recruit-st-namesub {
  position: absolute;
  color: #fff;
  bottom: 0.7em;
  right: 0.7em;
  font-size: 0.5em;
  font-weight: 600;
  text-align: right;
}

.recruit-st-name span{
  position: relative;
  bottom: -18em;
  font-size: 1em;
  display: block;
}

.recruit_top_staff_other{
  padding: 4em 1em 2em 0;
}

.recruit_top_staff_otherbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background-color: #000;
  padding: 1.2em;
}

.recruit_top_staff_otherlogo {
  width: 6em;
}

.recruit_top_staff_otherbox p{
  font-size: 1.1em;
  font-weight: 600;
  }

.recruit_top_staff_otherbox span{
display: block;
font-size: .6em;
}

.arrow_circle {
  position: relative;
  display: inline-block;
  background-color: #fff;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  overflow: hidden;
}

.arrow_circle::before {
  content: "▶︎";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0.8em;
  height: 1.5em;
  color: #000;
  font-size: 1.2em;
}

.recruit_top_staff_txt{
  padding: 0 1em 0 0;
  font-size: 1em;
}

.recruit_top_join_ttl {
  font-size: 1em;
  font-weight: 900;
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: .8px .8px 0 #000, -.8px -.8px 0 #000, -.8px .8px 0 #000, .8px -.8px 0 #000, 0px .8px 0 #000, 0 -.8px 0 #000, -.8px 0 0 #000, .8px 0 0 #000;
  font-family: 'Lato', sans-serif;
}

/* RECRUIT2024 WORKS
========================================================================== */
.recruit_works_bg{
  background-color: #eee;
}

.recruit_works_key_phbox{
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruit_works_key_ttl {
  position: absolute;
  z-index: 1;
  width: 60%;
}

.recruit_works_key_subttl{
  color: #fff;
  text-align: center;
}

.recruit_works_key_subttl p{
  text-align: left;
  font-weight: 600;
  display: inline-block;
}

.recruit_works_key_txt {
  font-size: 7vw;
  width: 100vw;
  line-height: 1.2;
  color: #fff;
  border-bottom: 1px solid;
}

.recruit_works_key_txtbox {
  position: absolute;
  z-index: 10;
  bottom: 14vw;
  left: 6vw;
  mix-blend-mode: difference;
}

.recruit_works_cnt_scroll{
  text-align: center;
  padding-bottom: 2em;
}

.recruit_works_cnt_scroll::after{
  content:"";
  margin: 0 auto;
  display: block;
  width: 1em;
  height: 1em;
  border: 1px solid;
  border-color:  transparent transparent #000 #000;
  transform: rotate(-45deg);
}

.recruit_works_cnt{
  padding-bottom: 6em;
}

.recruit_works_cnt_box{
  padding: 2em;
}

.recruit_works_cnt_ttl{
  padding-bottom: 1em;
  font-size: 1.5em;
}

.recruit_works_cnt_ttl span{
color: #e60000;
}

.recruit_works_cnt_txt{
  padding-bottom: 2em;
}

.recruit_works_cnt_txt p{
  padding-bottom: 1.5em;
}

.recruit_works_cnt_deco{
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
}

.recruit_works_cnt_line{
  border-bottom: #000 1px solid;
  width: 90%;
  margin: 0 auto 0 0;
}

.recruit_works_cnt_num{
  position: absolute;
  bottom: -.6em;
  font-size: 2em;
  color: #eee;
  text-shadow: .8px .8px 0 #e60000, -.8px -.8px 0 #e60000, -.8px .8px 0 #e60000, .8px -.8px 0 #e60000, 0px .8px 0 #e60000, 0 -.8px 0 #e60000, -.8px 0 0 #e60000, .8px 0 0 #e60000;
}


/* RECRUIT2024 CAREER
========================================================================== */

.recruit_career_key_txt {
  font-size: 10vw;
  line-height: 1.2;
  color: #fff;
  position: absolute;
  z-index: 10;
  left: 6vw;
}

.recruit_career_key_phbox{
  display: flex;
  align-items: center;
}

.recruit_career_about_sec{
  padding: 4em 2em 6em;
  overflow: hidden;
}

.recruit_career_about_ttl{
  font-size: 2em;
  text-shadow: .5px .5px 0 #000, -.5px -.5px 0 #000, -.5px .5px 0 #000, .5px -.5px 0 #000, 0px .5px 0 #000, 0 -.5px 0 #000, -.5px 0 0 #000, .5px 0 0 #000;
  color: #fff;
  padding-bottom: 1em;
}

.recruit_career_about_ttl span{
  padding-left: .5em;
  font-weight: 600;
  font-size: .5em;
  text-shadow: none;
  color: #000;
}

.recruit_career_about_txt {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.7;
  padding-bottom: 2em;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}

.recruit_career_about_txt span {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.8;
  display: block;
  padding-bottom: 1.5em;
  letter-spacing: 0.01em;
}

.recruit_career_about_ph{
margin: 0 auto;
}

.recruit_career_entry_cond{
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  padding-top: 1em;
}

.recruit_career_entry_cond span{
  font-size: 1em;
  font-weight: 400;
  display: block;
  padding: 1em 0 0;
  line-height: 2;
}




/* TOP BANNER
========================================================================== */
.wrapper {
overflow: hidden
}

.top-banner .swiper-container-2 .swiper-wrapper-2 {
    transition-timing-function: linear !important;
}


/* GEAR
========================================================================== */
.gear-cat-wrap{padding:0 0;}
.gear-cat-postwrap{padding:0 0 2em;}

.gear_all_list {background-color:#efefef;}
.gear_all_list .inner{padding:1em 1em 2em;}
.gear_all_list h2{text-align:center; font-size:6.5vw;line-height:1.4;padding-top:.2em;margin-bottom:1em;}
.gear_all_list h2 span{font-size:3.5vw;}

.right_gear_box{padding-top:.5em;}
.right_gear_box li{box-shadow: 0 0 3px rgba(120,120,120,0.2);background-color:#fff;padding:1em .75em .75em;margin-bottom:1em;}
.right_gear_box li .gear-kind{font-size: 3vw;color:#999;line-height:1.2;margin-bottom:.5em;}
.right_gear_box li h3{font-size:5vw;margin-bottom:.4em;}
.right_gear_box li h3 span{color:#FC247C;font-size:3.5vw;font-weight:normal;font-family: "Oswald";}
.right_gear_box li .categories{font-size: 3vw;line-height:1.3;background:#f6f6f6;padding:.75em;}
.right_gear_box li .categories a{color:#56c4b0;}
.right_gear_box li.gear-posttxt{font-size:3.75vw;line-heighnt:1.5;padding:1em;}
.right_gear_box li.gear-posttxt img{max-width:100%;height:auto;}

.left_gear_box{width:100%; }
.left_gear_box ul{display: flex; justify-content: space-between; width:100%; flex-wrap: wrap;background:#fff;padding:.75em .75em .25em;border-left:3px solid #efefef;border-right:3px solid #efefef;}
.left_gear_box li{width:100%;}
.left_gear_box li h3{font-size:3.75vw;padding:.25em 0; text-align:center;border-top: solid 1px #f6f6f6;border-bottom: solid 1px #f6f6f6;background:#f6f6f6;}
.left_gear_box li a{display:block;line-height:1.3;font-size:3.5vw; padding:1em 0;text-align:center;border-bottom: dotted 1px #ccc;margin-bottom:-1px;}
.left_gear_box li:last-child a{border-bottom:none;}

.gear-tabs {width: 100%;}
.gear-tab-item {width: 50%;background-color: #ddd; border-left:3px solid #efefef;border-right:3px solid #efefef;line-height:1.3; padding:1em 0; font-size: 4vw; color: #efefef; display: block; float: left; text-align: center; font-weight: bold; transition: all 0s ease;}
.gear-tab-item:hover {opacity: 1;}
input[name="gear-tab-item"] {display: none;}
.gear-tab-content {display: none; clear: both; overflow: hidden;}
#josetsu:checked ~ #josetsu_content,#option:checked ~ #option_content{display: block;}
.gear-tabs input:checked + .gear-tab-item,.gear-tabs input:checked + .gear-tab-item span {background-color: #fff; color: #56c4b0;}


/* TOP BBANNER
========================================================================== */
.gear-cat-wrap{padding:0 0;}
.gear-cat-postwrap{padding:0 0 2em;}


/* ABOUT STUDIO
========================================================================== */
.aboutstudio-wrap{padding:2em 1em 0em;}
.aboutstudio-wrap p{font-size:4vw; line-height:1.6; margin-bottom:2em;}
.aboutstudio-wrap li{font-size:4vw; line-height:1.6; margin-bottom:2.5em; }
.aboutstudio-wrap li img{width:80%; margin:0 auto 1em; display:block; }
.aboutstudio-wrap li h2{font-size:5vw; line-height:1.6; text-align:center;}

.varietystudio-wrap{padding:3em 1em 0em;}
.varietystudio-wrap li{font-size:4vw; line-height:1.6; border-bottom:1px solid #aaa; padding-bottom:2.5em; margin-bottom:2.5em;}
.varietystudio-wrap li:last-child{border-bottom:none; padding-bottom:0;}
.varietystudio-wrap li img{width:80%; margin:0 auto 1em; display:block; }
.varietystudio-wrap li h2{font-size:5vw; line-height:1.6; text-align:center;}
.varietystudio-wrap li p{font-size:4vw; line-height:1.6;}

.aboutstudio-bt-wrap {padding:1em 0;background: #E5E0DC;}
.aboutstudio-bt-wrap ul{width:100%; padding:0 0; }
.aboutstudio-bt-wrap li{width:100%; margin-bottom:1em; position:relative;}
.aboutstudio-bt-wrap li:last-child{margin-bottom:0em;}
.aboutstudio-bt-wrap li img{width:100%;}
.aboutstudio-bt-wrap li h3{width:100%; position:absolute; top: 50%; left:50%;transform: translate(-50%,-50%); font-size:4.5vw; color:#fff; text-align:center;}

/* COMPANY
========================================================================== */
.form-wrap{margin-bottom:3em;}
.nomain-form-wrap{padding-top:6em;}
.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 !important;
  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;
    display: flex;
    flex-wrap: wrap;}
.pickupbox li{ width: 46%;
    margin-bottom: 2em;
    float: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    position: relative;
    padding: 0em 0em 3.5em;
    margin: 2% 2% 3%;}
/*.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;margin-bottom:1em;}
body.notfound h1 span{font-size:6vw;font-weight:bold;display:block;}
body.notfound .notfound-wrap{font-size:3.75vw;padding:1em 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;}

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

.instrument_id_67904,.instrument_id_69626,.instrument_id_69662,.instrument_id_69663,.instrument_id_44457,.instrument_id_44558,.instrument_id_44537,.instrument_id_44479,.instrument_id_44480,.instrument_id_44483,.instrument_id_44484,.instrument_id_62592,.instrument_id_64978,.instrument_id_66152,.instrument_id_66936,.instrument_id_45182,.instrument_id_45172,.instrument_id_67532,.instrument_id_64103,.instrument_id_67661,.instrument_id_64731,.instrument_id_66450,.instrument_id_43832,.instrument_id_43754,.instrument_id_67614,.instrument_id_67614,.instrument_id_43804,.instrument_id_43806,.instrument_id_63298,.instrument_id_63299,.instrument_id_65498,.instrument_id_67903,.instrument_id_68897,.instrument_id_69024,.instrument_id_69568,.instrument_id_43915,.instrument_id_43866,.instrument_id_65204,.instrument_id_43867,.instrument_id_61782,.instrument_id_66568,.instrument_id_66948,.instrument_id_64732,.instrument_id_67612,.instrument_id_64875,.instrument_id_66558,.instrument_id_69714{display:none;}


/* NEWS BLOG用 追加
========================================================================== */
a.live-entry-button {
color: #f00;
font-size: 1.2em;
font-weight: bold;
padding: 1em;
border: 1px solid #f00;
display: block;
margin: 1em 0;
transition: hover .5s;
max-width:500px;
text-align: center;
}
a.live-entry-button.center {
margin: 1em auto;
}
a.live-entry-button:hover {
color: #fff;
background-color:#f00;
}


/* NEW OPEN 追加
========================================================================== */
/*
.new-nakano{
  display: none !important;
}
*/
.new-nakano .studio-eq h3::before {
    content: "NEW";
    color: #f72872;
    padding: 0.01em 0.2em;
    margin-right: 0.4em;
    border: 1px solid;
    font-size: .6em;
    vertical-align: top;
    line-height: 1.25;
}
.new_opne_st {
  position: absolute;
  bottom: .9em;
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  text-align: center;
  color: #ff2929;
  font-weight: 600;
}
.new-nakano-acc-ttl{
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 1.5em;
  background-color: #eee;
  padding: .5em .5em .4em;
}
/*
#page.nakano-st .keyin .store-line-bt {
  position: absolute;
  top: 23%;
  right: 3%;
}
*/
#page.nakano-st .keyin p {
  font-size: 5.5vw;
}
#page.nakano-st .keyin p.shop-time {
  font-size: 3.5vw;
  margin: .2em 0 1em;
}
.new-nakano-ttl-top{
  font-weight: 600;
  display: inline-block;
}
.new-nakano-wrap a{
  display: inline-block;
}

@media (min-width:768px){
  .new-nakano-wrap a{
    padding-top: .6em;
  }
  .new-nakano-ttl-top{
    font-size: 20px;
  }
  .new-nakano-head{
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #page.nakano-st .keyin p {
    font-size: 30px;
    line-height: 1;
  }
  #page.nakano-st .keyin p.shop-time {
    font-size: 20px;
/*
    margin: 0;
    padding-bottom: 0.25em;
    padding-left: 0.5em;
*/
    line-height: 1.3;
    margin: 0.5em 0 0.5em;
  }
  .new_opne_st {
    bottom: .7em;
  } 
}/*  */