/* ヘッダーとフッター */
#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;
}
}
/* ヘッダーナビ */
#header .inner{
max-width:1120px;
box-sizing:border-box;
background:url(/upload/pub/bg_navi.png) 0 0 / 33px 33px;
}
#header .header_info .shop, #header .header_info .time,#header .header_info .tel{
color:#fff;
text-shadow:2px 2px 5px #0856c2;
}
@media screen and (max-width: 768px) {
#header{
padding:0;
}
#header .inner{
padding:0 2%;
}
#btn_menu_sp span{
background:#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:115px;
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 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_newface a{
background:url(/upload/pub/navi_newface.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_cast a{
background:url(/upload/pub/navi_cast.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_schedule a{
background:url(/upload/pub/navi_sch.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_event a{
background:url(/upload/pub/navi_event.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_system a{
background:url(/upload/pub/navi_system.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_free1 a{
background:url(/upload/pub/navi_blog.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_magazine a{
background:url(/upload/pub/navi_magazine.png) 0 0 / 115px 63px no-repeat;
}
#gnav ul li.gli.current_recruit a{
background:url(/upload/pub/navi_recruit.png) 0 0 / 115px 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:#ff0;
}
#top_navi li:nth-of-type(2) a::before{
content:"\f017";
}
#top_navi li:nth-of-type(3) a::before{
content:"/f005";
}
#top_navi li:nth-of-type(4) a::before{
content:"\f073";
}
#top_navi li:nth-of-type(5) a::before{
content:"\f044";
}
#top_navi li:nth-of-type(6) 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 #fff;
}
#header-open{
display:none;
}
#header{
height:65px;
}
#wrap{
margin-top:117.25px !important;
}
}
/* スマホヘッダー（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 #fff;
}
#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 #fff;
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:#fff;
font-weight:bold;
}
#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:#ff0;
font-weight:bold;
height:30px;
}
#gnav ul li.gli.current_cast a.gbtn .jp::before{
content:"\f004";
}
#gnav ul li.gli.current_newface a.gbtn .jp::before{
content:"";
background:url(/upload/pub/beginner.png) center .3rem no-repeat;
background-size:1.8rem auto;
}
#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";
}
}
/* スマホフッターナビ */
#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";
}
/* テキスト白 */
#main_con ul li article h3, #main_con ul li article p, .listbox ul li article h5{
color:#fff;
text-shadow: 
2px  2px 3px #2382d8,
-2px  2px 3px #2382d8,
2px -2px 3px #2382d8,
-2px -2px 3px #2382d8,
2px  0px 3px #2382d8,
0px  2px 3px #2382d8,
-2px  0px 3px #2382d8,
0px -2px 3px #2382d8; 
}
#todayssche li article .body{
color:#fff;
}
/* 右カラムグループ店バナー */
.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;
}
}
/* 在籍ページ */
.switchB{
display:none;
}
.gallist li{
overflow:visible;
margin-top:5px;
}
.list_new{
width:65px;
top:-5px;
left:-5px;
}
#todayssche .list_new{
width:50px;
top:0px;
left:0px;
}
.list_today{
width:75px;
top:190px;
bottom:18%;
right:-5px;
}
#topbox .list_new{
top:4px;
left:4px;
}
#topbox .list_today{
top:400px;
}
@media screen and (max-width: 768px) {
#topbox .list_today{
top:250px;
}
}
.sns .sns01{
background:#3990e4;
}
@media screen and (max-width: 640px) {
.list_new{
width:50px;
left:-2px;
}
.list_today{
width:65px;
bottom:21%;
right:-2px;
top: 129px;
}
}
/* プロフページ */
#topbox #profdata{
background:url(/upload/pub/bg_cork.png);
}
#topbox #profdata h3{
color:#773f36;
}
#schebox > ul{
background:#26866a;
border:4px solid #c28d57;
box-sizing:border-box;
}
#schebox > ul li .days,
#schebox > ul li .time{
color:#fff;
}
#schebox .sp{
background:#26866a;
box-sizing:border-box;
border:4px solid #c28d57;
}
#schebox .sp dt,
#schebox .sp dd{
color:#fff;
}
#topbox #profdata .type li{
border:1px solid #773f36;
background:#773f36;
color:#fff;
font-size:1.1rem;
font-weight:bold;
}
#topbox #profdata dd{
font-weight:bold;
}
@media screen and (max-width: 640px) {
#schebox{
padding:0 10px;
}
}
/* 口コミ＆ヒメ割 */
.top_flex{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}
.top_flex > div{
width:49%;
}
@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{
margin-bottom:15px;
}
.top_diary{
padding:0 10px;
margin-bottom:15px;
}
}
/* イベントページ */
#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;
}
}
/* システムページ */
#system .systemlist > li > h3{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height:211px;
background:url(/upload/pub/title_system.png) no-repeat;
background-size:cover;
}
.system_map,
.system_txt_sv,
.system_btn{
margin-bottom:2.6%;
}
.system_txt_sv{
display:flex;
justify-content:space-between;
}
.system_txt_sv > div{
width:49%;
box-sizing:border-box;
}
.system_txt_sv .system_txt{
padding:20px;
background:#fff;
font-size:14px;
}
.system_txt_sv .system_txt strong{
font-size:24px;
fpnt-weight:bold;
display:block;
margin:15px 0;
}
.system_btn{
display:flex;
justify-content:center;
}
.system_btn a{
display:block;
}
.system_btn a:first-of-type{
margin-right:2%;
}
@media screen and (max-width: 640px) {
#system .systemlist > li > h3{
background-size:contain;
height:90px;
}
.system_txt_sv,
.system_btn{
display:block;
}
.system_txt_sv > div{
width:100%;
margin-bottom:1%;
}
.system_btn a{
margin-bottom:1.5%;
}
.system_btn a:first-of-type{
margin-right:0;
}
}
/* メルマガページ メールマガジン*/
#magazine #wrap article .sec01{
padding:20px;
background:#268669;
border:7px solid #c28d57;
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: #68b09b;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
padding: 10px;
  display: block;
}
.magazine_kochira{
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  color: #ffb5fe;
}
#wrap article .sec01 form{
text-align: center;
  margin: 10px auto;
}
/* ブログ＆動画 */
.blogmovie li:first-of-type{
margin-bottom:20px;
}
/* グレイアウト */
.grayout{
backgground:#none;
}
.grayout img{
opacity:1;
}
.grayout .ph img{
opacity:1;
}
#todayssche li.grayout .time{
background:#f33;
color:#fff;
}
/* 認証ページバナー */
.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;
}
#main .index_bnr dt img,
#main .index_bnr dd img{
max-width:100%;
}
.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;
}
.index_happyhellowork{
width: 200px;
margin: auto;
}
}
/* 新人情報 */
#newface .gallist > li{
background: rgba(218, 244, 255, 0.7);
}
/* TOPの動画 */
.top_video video{
width:756px;
}
@media screen and (max-width: 640px) {
.top_video{
text-align: center;
}
.top_video video{
width:380px;
}
}
