/* コンテナを1カラムにする */
#main_con .block1,#main_con .block2{
display:block;
width:100%;
}
#main_con .block2{/*rightbox*/
padding-left:0%;
}

/* トピックステキスト */
.block1 .subcont li article .comment{height:auto;}

.topiclist li .ph{position:relative;z-index:1;}

/* システムページ */
@media screen and (min-width: 769px){
.systemlist{width:70%;}
}
.systemlist li{margin-bottom:2%;}

/* イベントページ */
@media screen and (min-width: 769px){
.topiclist li:not([id*="news"]) img.ph{width:40%;}
.topiclist li article[id*="event"]{width:58%;float:right;}
}

/* キャスト詳細オプション */
@media screen and (min-width: 769px){
#option_box li{width:19%;}
}

/* 求人ページ */

@media screen and (min-width: 769px){
.rec_img{width:70%;margin:0 auto;}

.rec_line{width:10%;position:fixed;z-index:100;bottom:70px;right:0;}
}
@media screen and (max-width: 768px){
.rec_line{width:40%;position:fixed;z-index:100;bottom:70px;right:5px;}
}

.rec_img img{width:100%;height:auto;}


#bannerarea {
    width: min(80%, 1000px);
    margin: 30px auto 20px;
}

#bannerarea > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px;
}

.bannerlist_l {
    max-width: calc((100% - 8px) / 2);
    display: inline-block;
    margin: 2px;
    text-align: center;
    line-height: 0.5em;
}

.bannerlist {
    max-width: calc((100% - 12px) / 3);
    display: inline-block;
    margin: 2px;
    text-align: center;
    line-height: 0.5em;
}

.bannerlist img, .bannerlist_l img {
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
    display: block;
}