/* 口コミ＆ヒメ割 */
.top_flex{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}
.top_flex > div{
width:33%;
}
@media screen and (max-width: 640px) {
.top_flex{
display:block;
padding:0 10px;
margin-bottom:15px;
}
.top_flex > div{
width:100%;
}
.top_flex > div:first-child,
.top_flex > div:nth-child(2){
margin-bottom:15px;
}
.top_diary{
padding:0 10px;
margin-bottom:15px;
}
}
/* 出勤予定ページ */
.switchB{
display:none;
}
#list li{
overflow:visible;
margin-top:5px;
background-image: url(/upload/pub/list_back.png);
background-repeat: no-repeat;
}
#schedule ul li .ph{
margin:13px;
width:235px;
left:-3px;
top:-2px;
}
.list_new{
width:58px;
}
#todayssche .list_new{
width:58px;
top:0px;
left:0px;
}
.list_today{
top:auto;
width: 65px;
top: 200px;
right: 10px;
}
#topbox .list_new{
top:4px;
left:4px;
width:150px;
}
#topbox .list_today{
top:610px;
}
#daynavi li a.current{
background: rgb(231, 0, 0);
color: #fff;
}
#todayssche ul li .ph{
padding-top: 149.333%;
}
@media screen and (max-width: 768px) {
#list li{
overflow:visible;
margin-top:5px;
background-image: none;
}
#todayssche ul li .ph, #cast ul li .ph, #schedule ul li .ph, #waiting ul li .ph{
margin:auto;
width:auto;
left:0;
top:0;
}
#todayssche ul li .ph{
padding-top: 133.333%;
}
#topbox .list_today{
top:370px;
}
}
@media screen and (max-width: 640px) {
.list_new{
width:58px;
left:-2px;
}
#todayssche ul li .ph{
height: 32px;
}
}
/* ヘッダーとフッター */
#toppage .top_crumb{
display:none;
}
#toppage #wrap{
padding-top:10px;
}
#wrap{
background-image:url(/upload/pub/bg_main.png);
}
#wrap::after{
content:"";
display:block;
clear:both;
width:1080px;
height:368px;
background:url(/upload/pub/img_footer.png) no-repeat;
}
@media screen and (max-width: 768px) {
#wrap::after{
height:150px;
width:100%;
background-size:contain;
background-position:center bottom;
}
}
.topfooter{
margin-right:-324px;
}
@media screen and (max-width: 768px) {
.topfooter{
margin-right:0;
}
}
#footer nav{
display:none;
}
#footer .copyright2{
padding:1% 5%;
}
@media screen and (max-width: 768px) {
#footer .copyright2{
text-align:center;
}
}
/* 右カラムグループ店バナー */
.right_shop{
margin-bottom:15px;
}
.right_shop img{
max-width:100%;
}
.right_shop dt{
padding:10px;
font-size:19px;
font-weight:bold;
color:#fff;
background:#fd67cd;
margin-bottom:5px;
font-family:
'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
text-shadow:1px 1px 1px #666;
}
.block2 .right_shop:first-of-type dt{
background:#fd67cd;
}
.block2 .right_shop:nth-of-type(2) dt{
background:#ff0;
color:#ff7a12;
text-shadow:1px 1px 1px #fbb278;
}
.block2 .right_shop:nth-of-type(4) dt{
background:#ff0101;
}
.block2 .right_shop:nth-of-type(6) dt{
background:#ff8809;
}
@media screen and (max-width: 640px) {
.right_shop dt{
margin-bottom:0;
}
.right_shop dd{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:0 5px;
}
.right_shop dd > a{
display:block;
width:49%;
margin-top:5px;
}

}

/* イベントページ */
#event .topiclist li .ph{
width:100%;
float:none;
margin:0;
}
#event .topiclist li article{
display:none;
}
@media screen and (max-width: 640px) {
#event .topiclist{
padding:0 10px;
}
}
/* TOPの動画 */
.top_video video{
width:756px;
}
@media screen and (max-width: 640px) {
.top_video{
text-align: center;
}
.top_video video{
width:380px;
}
}

/* メルマガページ */
#magazine #wrap article .sec01{
padding:20px;
background:#29d7c6;
border:7px solid #dfdfdf;
color:#fff;
box-sizing:border-box;
}
#magazine #wrap article .sec01 h3,
#magazine #wrap article .sec01 h4{
color:#ff0;
}
#magazine #wrap article .sec01 .submit{
color:#fff;
}
.magazine_button{
  text-align: center;
}
.magazine_send{
padding: 20px 0;
  text-align: center;
  font-weight: bold;
}
.sendBtn {
  padding: 0 !important;
  border-radius: 100px;
  overflow: hidden;
  border-color: #ccc;
  width: 50%;
  margin: 0 auto 15px;
}
.sendBtn a{
background: #9de8e0;
  color: #0d685f;
  font-size: 1rem;
  font-weight: bold;
padding: 10px;
  display: block;
}
.magazine_kochira{
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  color: #ff0;
}
#wrap article .sec01 form {
  text-align: center;
  margin: 10px auto;
}

/* TOP新人情報　新人マーク */
.block1 .subcont li .ajph::before{
content:"";
display:block;
width:58px;
height:67px;
background:url(/upload/pub/icon_fresh.gif);
background-size:58px 67px;
position:absolute;
top:0;
left:0;
}
@media screen and (max-width: 640px) {
.block1 .subcont li .ajph::before{
width:58px;
height:67px;
background-size:58px 67px;
}
}
/* TOP出勤情報 */
#todayssche li article {
  bottom: 25px;
  height: 40px;
  position: absolute;
  width: 100%;
  padding-top: 5px;
  box-sizing: border-box;
}
#todayssche li article {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgb(255, 255, 255));
}
#main_con ul li article h3{
color: #000;
}
#todayssche li article h3, #todayssche li article .body{
color: #000;
}
/* メニュー内とTOPの見出し帯 */
.pagetitle{
background:url(/upload/pub/bg_pagetitle.png);
color:#fff;
}
.pagetitle text{
background-color:#000;
}
.pagetitle span{
color:#fff;
}
.subtitle{
background:url(/upload/pub/bg_title.png);
color:#fff;
}
.subtitle span{
color:#fff;
}

@media screen and (max-width: 768px) {
.pagetitle{
background:url(/upload/pub/bg_title_sp.png);
color:#fff;
width:768px;
}
.pagetitle text{
background-color:#000;
}
.pagetitle span{
color:#fff;
}
.subtitle{
background:url(/upload/pub/bg_title_sp.png);
color:#fff;
width:768px;
}
.subtitle span{
color:#fff;
}
}

/* PC版ヘッダーナビ */
#gnav{
box-shadow:none;
}
.upside{
background:none;
/* background:url(/upload/pub/bg_navi.png) 0 0 / 33px 33px; */
}
#gnav li,
#gnav ul li:hover{
background:none;
}

#gnav.upside ul{
display:flex;
justify-content:space-between;
overflow:visible;
margin-bottom:10px;
padding:10px;
background:url(/upload/pub/bg_navi.png) 0 0 / 33px 33px;
border-radius:0 0 6px 6px;
overflow:hidden;
}
#gnav.upside ul.clearfix::after{
display:none;
}
#gnav.upside ul li.gli{
width:130px;
height:63px;
float:none;
}
#gnav ul li.gli a.gbtn{
display:block;
height:63px;
}
#gnav ul li.gli a.gbtn div{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#gnav ul li.gli a:hover{
position:relative;
top:2px;
}
#gnav ul li.gli.current_top a{
background:url(/upload/pub/navi_top.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_cast a{
background:url(/upload/pub/navi_cast.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_schedule a{
background:url(/upload/pub/navi_sch.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_free1 a{
background:url(/upload/pub/navi_blog.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_event a{
background:url(/upload/pub/navi_event.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_system a{
background:url(/upload/pub/navi_system.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_magazine a{
background:url(/upload/pub/navi_magazine.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_recruit a{
background:url(/upload/pub/navi_recruit.png) 0 0 / 130px 63px no-repeat;
}
#gnav ul li.gli.current_recruit a{
background:url(/upload/pub/navi_recruit.png) 0 0 / 130px 63px no-repeat;
}
/* スマホヘッダーナビ */
#top_navi{
background:url(/upload/pub/bg_navi.png) 0 0 / 33px 33px;
}
#top_navi > ul{
display:none;
}
#top_navi ul li a{
font-size:.7rem;
line-height:1.3;
padding:3px 0 6px;
color:#fff;
}
#top_navi a::before{
font-weight:normal;
font-family: "Font Awesome 5 Free";
content:"\f004";
display:block;
font-size:1.8rem;
color:#fff;
}
#top_navi li:nth-of-type(2) a::before{
content:"\f017";
}
#top_navi li:nth-of-type(3) a::before{
content:"\f073";
}
#top_navi li:nth-of-type(4) a::before{
content:"\f044";
}
#top_navi li:nth-of-type(5) a::before{
content:"\f3d1";
}
@media screen and (max-width: 768px) {
#header .logo{
height:65px;
box-sizing:border-box;
padding:5px;
}
#btn_menu_sp{
top:5px;
}
#top_navi{
top:65px;
border-top:1px solid #000;
}
#header-open{
display:none;
}
#header{
height:65px;
}
#wrap{
margin-top:117.25px !important;
}
}
/* スマホメニューの背景 */
@media screen and (max-width: 768px) {
#gnav_sp{
background:url(/upload/pub/haikei_sp.jpg) repeat top center rgba(255,255,255,0.9);
}
}
/* スマホヘッダー（PC共通） */
@media screen and (max-width: 768px) {
#header .logo a{
height:58px;
}
#gnav{
display:block;
}
#gnav.upside ul{
padding:0;
margin:0;
border-radius:0;
border-top:1px solid #000;
}
#gnav.upside ul li.gli{
width:20%;
height:51.25px;
}
#gnav ul li.gli a.gbtn{
height:51.25px;
position:relative;
}
#gnav ul li.gli a.gbtn::after{
content:"";
display:block;
height:70%;
width:2px;
border-left:2px dotted #000;
position:absolute;
top:15%;
left:0;
z-index:2;
box-sizing:border-box;
}
#gnav ul li.gli.current_top a.gbtn::after{
display:none;
}
#gnav.upside ul li.gli a{
background:none;
}
#gnav.upside ul li.current_event,
#gnav.upside ul li.current_magazine,
#gnav.upside ul li.current_recruit{
display:none;
}
#gnav ul li.gli a.gbtn div{
text-indent:0;
}
#gnav ul li.gli a.gbtn .en{
display:none;
}
#gnav ul li.gli a.gbtn,
#gnav ul li.gli a.gbtn .jp{
color:#000;
font-weight:bold;
}
#gnav ul li.gli a.gbtn.current, #gnav ul li.gli a.gbtn.current .jp, #top_navi ul li a.current{
color:#ff3d54;
}
#gnav ul li.gli a.gbtn .jp::before{
font-weight:normal;
font-family: "Font Awesome 5 Free";
content:"\f699";
display:block;
font-size:1.6rem;
color:#000;
font-weight:bold;
}
#gnav ul li.gli.current_cast a.gbtn .jp::before{
content:"\f004";
}
#gnav ul li.gli.current_schedule a.gbtn .jp::before{
content:"\f017";
}
#gnav ul li.gli.current_free1 a.gbtn .jp::before{
content:"\f044";
}
#gnav ul li.gli.current_system a.gbtn .jp::before{
content:"\f3d1";
}
}
/* 認証ページバナー */
.index_bnr_wrap{
width:720px;
margin:30px auto 0;
}
.index_bnr{
margin-bottom:20px;
}
.index_bnr dd{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.index_bnr dd a{
display:block;
width:49.5%;
margin-top:7px;
}
.index_bnr_wrap .index_bnr:last-of-type dd a{
width:100%
}
#main .index_bnr dt img,
#main .index_bnr dd img{
max-width:100%;
}
.index_heaven01{
margin: 10px 30px;
}
.index_heaven{
margin: 10px;
}
@media screen and (max-width: 640px) {
.index_bnr_wrap{
width:100%;
}
.index_bnr{
margin-bottom:10px;
}
.index_bnr dd{
padding:0 5px;
}
#main .index_bnr dt img{
vertical-align:bottom;
}
}
/* ヘッダーナビ */
#header .inner{
max-width:1120px;
box-sizing:border-box;
background:url(/upload/pub/bg_navi.png) 0 0 / 33px 33px;
}
#header .header_info{
margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
#header{
padding:0;
}
#header .inner{
padding:0 2%;
background:url(/upload/pub/bg_navi_sp.png) 0 0 / 33px 33px;
}
#btn_menu_sp span{
background:#000;
}
}
/* 在籍ページ */
.sns .sns01{
background:#3990e4;
}
.sns{
display: none;
}
.switchB{
display:none;
}
.gallist li{
overflow:visible;
margin-top:5px;
background-image: url(/upload/pub/list_back.png);
background-repeat: no-repeat;
}
.gallist li a .ph{
margin:13px;
width:235px;
overflow:none;
}
.list_new{
width:58px;
}
#schedule ul li .ph{
top:0px;
left:0px;
}
.list_today{
width: 130px;
top: 300px;
right: 20px;
display: none;
}
#topbox .list_new{
top:4px;
left:4px;
width:150px;
}
#topbox .list_today{
top:610px;
}
#cast ul li .ph{
width: auto;
}
@media screen and (max-width: 768px) {
#cast ul li .ph{
height: 32px;
}
#schedule ul li .ph{
height: 32px;
}
.gallist li{
overflow:visible;
margin-top:5px;
background-image: none;
}
.gallist li a .ph{
margin:auto;
width:auto;
left:0;
top:0;
}
#topbox .list_today{
top:370px;
}
}
.gallist li article, #list li article {
background:linear-gradient(to bottom, rgb(217, 8, 29) , rgb(255, 255, 255));
}
.gallist li article .catch{
color: #000;
}
#topbox #photodata #mainImage img{
max-width: 426px;
}
@media screen and (max-width: 640px) {
.list_new{
width:58px;
left:-2px;
}
.list_today{
width: 100px;
top: 200px;
right: 10px;
display: none;
}
#list li article{
padding-top: 7px;
}
}
/* プロフページ */
#topbox #photodata .list_new{
width:80px;
}
#topbox #photodata .list_today{
width:200px;
}

#topbox #profdata{
background:url(/upload/pub/bg_cork.png);
font-family: "MS Pゴシック" ;
}
#topbox #profdata h3{
color:#f51f3b;
}
#schebox > ul{
background:#50d9cc;
border:4px solid #dfdfdf;
box-sizing:border-box;
}
#schebox > ul li .days,
#schebox > ul li .time{
color:#fff;
}
#schebox .sp{
background:#50d9cc;
box-sizing:border-box;
border:4px solid #dfdfdf;
}
#schebox .sp dt,
#schebox .sp dd{
color:#fff;
}
#topbox #profdata .type li{
border:1px solid #DECDA0;
background:#DECDA0;
color:#fff;
font-size:1.1rem;
font-weight:bold;
}
#topbox #profdata .catch, #event .slick-dots li.slick-active button::before, .slick-dots li.slick-active button::before {
color:#000;
}
#topbox #profdata dd{
font-weight:bold;
}
@media screen and (max-width: 768px) {
#topbox #profdata{
font-family: "MS Pゴシック" ;
}
#schebox{
padding:0 10px;
}
#topbox #photodata .list_new{
width:58px;
}
.ph2{
height: 460px;
}
}
/* TOP　GIFバナー */
.gif_banner{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom:15px;
}
.gif_banner a{
display: block;
width: 49.5%;
}

/* アクセス&マップ（料金表）*/
.system_map {
text-align: center;
margin-bottom: 20px;
width:850px;
height: auto;
margin: auto;
}
.system_map img {
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.system_map{
width:auto;
}
}
.systemlist .comment{
padding: 0;
}
@media screen and (max-width: 768px) {
.system_map iframe{
height: 50%;
}
}
/* スマホフッターナビ */
#bottomNavi li i{
display:none;
}
#bottomNavi li span::before{
font-family: "Font Awesome 5 Free";
font-weight:bold;
content:"\f095";
display:block;
font-size:2rem;
margin-bottom:.3rem;
}
#bottomNavi li:nth-of-type(2) span::before{
content:"\f0e0";
}
#bottomNavi li:nth-of-type(3) span::before{
content:"\f044";
}
#bottomNavi li:nth-of-type(4) span::before{
content:"\f03d";
}
#bottomNavi li:nth-of-type(5) span::before{
content:"\f007";
}
#bottomNavi li:nth-of-type(6) span::before{
content:"\f35b";
}

/* TOPの動画 */
.top_movie{
width:756px;
}
@media screen and (max-width: 640px) {
.top_movie{
text-align: center;
width:auto;
}
}