/* ヘッダーとフッター */
#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) {
#toppage #wrap{
padding-top:0px;
}
#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;
}
}
/* スマホメニューに「TOP」を増やす */
#top_navi ul{
display:flex;
}
#top_navi ul li{
/* width : calc(100% / 6) ; */
display:block;
float:none;
white-space:nowrap;
}
/*PC全体topの割合変える*/
#main_con .block2 {
width: 19%;
}
#main_con .block1{
width: 79%;
}
/*上部のメニュー名消す*/
#toppage .top_crumb,
#header-open{
  display: none;
}
@media screen and (max-width: 748px) {
#main_con .block1, #main_con .block2{
display: block;
width: 100%;
}
}
/*スマホメニューの背景画像かえる*/
#top_navi {
background: url("/upload/pub/bg_nav.jpg") repeat scroll bottom left;
}
/* 右カラムグループ店と男女求人バナー */
.right_shop{
margin-bottom:15px;
}
.right_shop img{
max-width:100%;
}
.group_rogo{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.group_rogo a{
display: block;
width: 100%;
margin-top: 5px;
}
.group_rogo a:first-of-type{
margin-top: 0px;
}
.group_rogo img{
max-width: 100%;
}
.right_shop dt{
padding:4px;
font-size:17px;
color:#fff;
background:#fd67cd;
margin-bottom:5px;
}
.block2 .right_shop:first-of-type dt{
background:#b9b198;
}
.block2 .right_shop:nth-of-type(2) dt{
background:#b5b5b5;
color:#fff;
}
.block2 .right_shop:nth-of-type(3) dt{
background:#d5abcc;
color:#fff;
}
.block2 .right_shop:nth-of-type(4) dt{
background:#9aacc8;
color:#fff;
}
@media screen and (max-width: 640px) {
.right_shop:first-of-type,
.right_shop:nth-child(2){
width:100%
}
.right_shop:nth-child(n+3){
display: inline-block;
}
.right_shop{
width:49%
}
.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;
margin-top:5px;
}
.group_rogo{
margin: 0px 10px;
}
.group_rogo a{
width: 49.4%;
}
.group_rogo a{
width: 49%;
}
.group_rogo a:first-of-type,
.group_rogo a:nth-child(2){
margin-top: 8px;
}
}

/* 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:183px;
height:52px;
float:none;
}
#gnav ul li.gli a.gbtn{
display:block;
height:52px;
}
#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 / 183px 52px no-repeat;
}
#gnav ul li.gli.current_cast a{
background:url(/upload/pub/navi_cast.png) 0 0 / 183px 52px no-repeat;
}
#gnav ul li.gli.current_schedule a{
background:url(/upload/pub/navi_schedule.png) 0 0 / 183px 52px no-repeat;
}
#gnav ul li.gli.current_system a{
background:url(/upload/pub/navi_system.png) 0 0 / 183px 52px no-repeat;
}
#gnav ul li.gli.current_free1 a{
background:url(/upload/pub/navi_blog.png) 0 0 / 183px 52px no-repeat;
}
#gnav ul li.gli.current_recruit a{
background:url(/upload/pub/navi_recruit.png) 0 0 / 183px 52px no-repeat;
}

/* メニュー内とTOPの見出し帯 */
.pagetitle{
background:url(/upload/pub/bg_pagetitle.png);
color:#fff;
}
.pagetitle text{
background-color:#000;
}
.pagetitle span{
color:#fff;
background-color:rgba(0, 0, 0, 0.5);
}
.subtitle{
background:url(/upload/pub/bg_title.png);
color:#fff;
}
.subtitle span{
color:#fff;
background-color:rgba(0, 0, 0, 0.5);
}

@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;
background-color:rgba(0, 0, 0, 0.5);
}
.subtitle{
background:url(/upload/pub/bg_title_sp.png);
color:#fff;
width:768px;
}
.subtitle span{
color:#fff;
background-color:rgba(0, 0, 0, 0.5);
}
}
/* 在籍ページ */
.switchB{
display:none;
}
#topbox #photodata .list_new{
width: 100px;
  left: 27px;
  top: 0px;
}
#topbox #photodata .list_today{
width:90px;
right: 30px;
}
#topbox #profdata{
background:url(/upload/pub/bg_cork.png);
font-family: "MS Pゴシック" ;
}
#topbox #profdata h3{
color:#BF5D68;
}
#schebox > ul{
background:#353535;
border:2px solid #8e8665;
box-sizing:border-box;
}
#schebox > ul li .days,
#schebox > ul li .time{
color:#fff;
}
#schebox .sp{
background:#353535;
box-sizing:border-box;
border:2px solid #8e8665;
}
#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:#BDB594;
font-size: 1.4rem;
}
#topbox #profdata dd{
font-weight:bold;
width: 100%;
}
#topbox #profdata dt{
width: 100%;
background-color: #8e8665;
color: #fff;
}
#topbox #photodata #mainImage{
margin-bottom: 10px;
}

/* TOPの動画 */
.top_movie{
width:auto;
}
@media screen and (max-width: 640px) {
.top_movie{
text-align: center;
width:auto;
}
}
/* 在籍ゆがみ調整 */
#topbox #photodata #mainImage img{
max-width: 426px;
}
.ph2 > img{
max-height: none;
}
@media screen and (max-width: 748px) {
#topbox #photodata .list_new{
width: 100px;
  left: 0px;
  top: 0px;
}
}

/*システム・英語メニューボタン*/
.english{
  text-align: center;
}
.english_menu {
display: inline-block;
  width: 100%;
  max-width: 40%;
  color: #000;
  border: 2px solid #C8B397;
  background: #5e282f;
  padding: 0.5em 1em;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}
.systemlist .comment{
padding: 0% 0 2.6%;
}
.systemlist li:first-child {
margin-bottom: 0%;
}
@media screen and (max-width: 768px) {
.systemlist li:first-child {
margin-bottom: 6%;
}
}
/*TOPの写メ日記*/
.top_diary{
  margin-bottom: 20px;
}
.mobile-only {
display: none; 
}
@media screen and (max-width: 768px) {
.pc-only {
display: none; 
}
.mobile-only {
display: block; 
}
}