@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
トップページ
-------------------------------------------------------------*/

/* メインビジュアル
------------------------------------------------------------ */
.main_visual{ background: #fff; padding: 40px 0 50px;}
.main_visual .top_movie{ width: 695px;}
.main_visual .top_movie .top_movie_inner{ width: 695px; height: 390px;}
.main_visual .top_movie .btn_more{ color: #c79d6e; text-align: right; padding-top: 5px;}
.main_visual .top_movie .btn_more i{ padding-right: 4px;}
.main_visual .top_movie .btn_more a{ color: #c79d6e;}

.main_visual .top_event{ width: 695px;}
.main_visual .top_event .slick-dots{ width: 486px; left: 100px; bottom: -25px;}
.main_visual .top_event .slick-dots li{ width: 16px;}
.main_visual .top_event .btn_more{ color: #c79d6e; text-align: right; padding-top: 5px;}
.main_visual .top_event .btn_more i{ padding-right: 4px;}
.main_visual .top_event .btn_more a{ color: #c79d6e;}

/* 本日の出勤情報
------------------------------------------------------------ */
.schedule_today{ margin: 0 auto; padding: 30px 0 100px; text-align: center; background: url(../images_design/common/maincontents_bg.jpg) center top no-repeat #000; background-size: 100% auto;}
.schedule_today .count_wrap{ margin-bottom: 10px; text-align: right; color: #fff; font-size: 20px;}
.schedule_today .count_wrap span{ color: #c79d6e;}
.schedule_today .count_wrap span:nth-child(1),
.schedule_today .count_wrap span:nth-child(3){ font-size: 30px; font-weight: bold; padding-left: 6px; color: #c79d6e;}
.schedule_today .count_wrap span:nth-child(2){ padding-right: 7px;}

/* リアルタイム
------------------------------------------------------------ */
.top_wrap1{ height: 690px; background: url(../images_design/top/cont_bg.jpg) center top repeat-y #fff; background-size: 100% auto; border-bottom: 1px solid #EFBB7F;}

.top_realtime{ width: 600px;}
.top_realtime ul{ border-top: 1px solid #e6e6e6;}
.top_realtime li{ height: 83px; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center; line-height: 1.4;}
.top_realtime li div{ width: 100%;}
.top_realtime li div .time{ color: #c79d6e; font-size: 13px; margin-bottom: 2px;}
.top_realtime li div .time i{ padding-right: 4px;}
.top_realtime li div .tit{ padding-left: 12px;}
.top_realtime .btn_more{ color: #c79d6e; text-align: right; padding-top: 5px;}
.top_realtime .btn_more i{ padding-right: 4px;}
.top_realtime .btn_more a{ color: #c79d6e;}

/* ランキング
------------------------------------------------------------ */
.top_ranking{ width: 100%; /*width: 770px;*/}
.top_ranking .top_ranking_inner{ box-sizing: border-box;width: 100%; /*width: 770px;*/ height: 420px; background: #f5f5f5; border: 1px solid #e6e6e6; position: relative; padding: 10px 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.top_ranking .common_tit span{ right: -75px;}

.top_ranking .top_ranking_wrap{ width: 1200px; /*width: 300px;*/ height: 400px; overflow: hidden;}
.top_ranking .top_ranking_wrap li{ width: 300px; height: 400px; position: relative;}
.top_ranking .top_ranking_wrap li .name{ box-sizing: border-box; width: 300px; height: 35px; line-height: 35px; padding-left: 12px; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0; left: 0;}
.top_ranking .top_ranking_wrap li .name a{ color: #fff;}
.top_ranking .top_ranking_wrap li .name span{ font-size: 12px; padding-left: 5px;}
.top_ranking .top_ranking_wrap li .icon{ box-sizing: border-box; width: 100px; height: 100px; background: url(../images_design/girl/icon_ranking_bg.png) no-repeat; background-size: 100px 100px; text-align: center; padding-top: 20px; position: absolute; right: 10px; bottom: 10px;}
.top_ranking .top_ranking_wrap li .icon .tit{ font-size: 15px; line-height: 1; color: #fff; margin-bottom: 4px;}
.top_ranking .top_ranking_wrap li .icon .tit span{ display: block; font-size: 12px; padding-top: 3px;}
.top_ranking .top_ranking_wrap li .icon .num{ font-size: 24px; line-height: 1; color: #F2CCA1;}
.top_ranking .top_ranking_wrap li .icon .num span{ font-size: 32px; font-weight: bold;}
.top_ranking .btn_more{ color: #c79d6e; text-align: right; padding: 5px 188px 0 0;}
.top_ranking .btn_more i{ padding-right: 4px;}
.top_ranking .btn_more a{ color: #c79d6e;}

/*WEB予約*/
.top_ranking .btn_list{ width: 170px; height: 400px;}
.top_ranking .btn_list p img{ width: 100%; height: 400px;}

/* 写メ日記
------------------------------------------------------------ */
.top_wrap2{ background: #fff; padding-bottom: 80px;}

.top_photodiary{ width: 770px;}
.top_photodiary .common_tit span{ right: -60px;}
.top_photodiary .top_photodiary_inner{ box-sizing: border-box; width: 770px; height: 511px; background: #f5f5f5; border: 1px solid #e6e6e6; position: relative; padding: 10px 10px 0;}

/* 割引情報
------------------------------------------------------------ */
.top_discount{ width: 620px;}
.top_discount .top_discount_slide_wrap{ box-sizing: border-box; width: 620px; height: 345px; background: #f5f5f5; border: 1px solid #e6e6e6; position: relative; padding: 10px 10px 0; margin-bottom: 11px;}
.top_discount .top_discount_slide_wrap ul li img{ width: 600px; height: 300px;}
.top_discount .top_discount_slide_wrap .btn_more{ color: #c79d6e; text-align: right; padding: 5px 5px 0 0;}
.top_discount .top_discount_slide_wrap .btn_more i{ padding-right: 4px;}
.top_discount .top_discount_slide_wrap .btn_more a{ color: #c79d6e;}