@charset "UTF-8";

/*===■ご予約ページ用===*/
.reserve_box{width:100%;padding-top:25px;}
.reserve_box p.info{width:100%;padding-top:15px;}

/*======*/
.cast_box{width:100%;padding-top:25px;
	display:grid;grid-template-columns:repeat(6,1fr);gap:15px;}
.cast_box div.cast{width:100%;min-width:0;border: 1px solid rgba(255,255,255,0.9);background:rgba(250,255,255,0.6);}
.cast_box div.cast div.img{width:100%;height:auto;position:relative;}
.cast_box div.cast p.img{width:100%;height:auto;}
.cast_box div.cast p.img img{width:100%;height:auto;line-height:0;}
.cast_box div.cast h3{width:100%;height:auto;padding:5px 0px 1px 0px;font-weight:bold;color:#d93679;}
.cast_box div.cast h3 a{color:#d93679;}
.cast_box div.cast h4{width:100%;height:auto;padding:5px 0px 1px 0px;font-weight:bold;color:#d93679;}
.cast_box div.cast h4 a{color:#d93679;}
.cast_box div.cast p.size{width:100%;height:auto;}
.cast_box div.cast p.size small{color:#d93679;}
.cast_box.schedule div.cast p.size , 
.cast_box.reservation div.cast p.size
	{padding-bottom:3px;}
.cast_box div.cast p.reviews{width:100%;height:auto;padding-bottom:2px;}
.cast_box.schedule div.cast p.reviews , 
.cast_box.reservation div.cast p.reviews
	{padding-top:4px;}
.cast_box div.cast p.reviews span{margin-right:5px;}
.cast_box div.cast p.reviews a{display:inline-block;position:relative;padding-left:20px;}
.cast_box div.cast p.reviews a::before {content: "";position:absolute;top:2px; left: 0px;width:15px;height:14px;background: url(../img/common/reviews.png) no-repeat;background-size:15px 14px;background-position:0px 0px;}
.cast_box div.cast p.in_day{width:100%;height:auto;background:#222222;color:#ffffff;padding:3px 0px 1px 0px;}
.cast_box div.cast p.schedule{width:calc(100% - 10px);height:auto;background:#d93679;color:#ffffff;padding:3px 0px 2px 0px;}
.cast_box div.cast p.schedule span{display:inline-block;width:auto;height:auto;color:#ffffff;position:relative;padding-left:19px;}
.cast_box div.cast p.schedule span::before {content: "";position:absolute;top:2px; left: 0px;width:14px;height:14px;background: url(../img/common/time.png) no-repeat;background-size:14px 14px;background-position:0px 0px;}
/*===■予約ボタン===*/
.cast_box.reservation p.reservation_bt{width:calc(100% - 10px);height:auto;margin-top:2px;padding:0px 0px 4px 0px;}
.cast_box.reservation p.reservation_bt a{display:block;width:100%;height:auto;background:#0bb2d7;padding:4px 0px 1px 0px;}
.cast_box.reservation p.reservation_bt a span{display:inline-block;line-height: 1.5;color:#ffffff;position: relative;padding-left: 18px;}
.cast_box.reservation p.reservation_bt a span::before {content: '';width: 13px;height: 15px;display: inline-block;background: url(/img/icon/reservation_active.png) no-repeat;background-size: 13px 15px;background-position: 0px 0px;position: absolute;top: 0px;left: 0px;}
	@media all and (max-width: 768px) {
		.cast_box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
	}

/*===■出勤日付表示===*/
.none_schedule{width:100%;padding-top:25px;}
ul.schedule_date_nav{width:100%;height:auto;padding:25px 0px 10px 0px;
	display:grid;grid-template-columns:repeat(7,110px);gap:8px;justify-content:center;}
ul.schedule_date_nav li{width:auto;height:auto;margin:0px;}
ul.schedule_date_nav li button{display:block;width:100%;height:auto;border: 1px solid rgba(255,255,255,0.9);background:rgba(250,255,255,0.6);padding:3px 10px 5px 10px;color:#191919;cursor:pointer;}
ul.schedule_date_nav li.active button{background: #03333e;border: 1px solid #03333e;color:#ffffff;}
ul.schedule_date_nav li .red{color:#f54a4e !important;}
ul.schedule_date_nav li .blue{color:#4abff5 !important;}
ul.schedule_date_nav li button .red{color:#f54a4e;}
ul.schedule_date_nav li button .blue{color:#4abff5;}
	@media all and (min-width: 1025px) {
		ul.schedule_date_nav li button:hover{background: #190a06;border: 1px solid #190a06;color:#ffffff;}
	}
	@media all and (max-width: 767px) {
		ul.schedule_date_nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-content:center;}
		ul.schedule_date_nav li{width:100%;}
	}
	@media all and (max-width: 375px) {
		ul.schedule_date_nav li button{font-size:11px;}
	}

/*===■出勤日表示===*/
h3.schedule_title{width:100%;height:auto;}
h3.schedule_title span{display: inline-block;width: auto;height: auto;margin: 0px auto;padding: 7px 40px 7px 40px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background: #03333e;color: #ffffff;line-height: 1;}

/*===■ご予約ページ出勤日付表示===*/
ul.reservation_date_nav{width:100%;height:auto;padding:15px 0px 10px 0px;
	display:grid;grid-template-columns:repeat(8,110px);gap:8px;justify-content:center;}
ul.reservation_date_nav li{width:auto;height:auto;margin:0px;}
ul.reservation_date_nav li a{display:block;width:100%;height:auto;border: 1px solid rgba(255,255,255,0.9);background:rgba(250,255,255,0.6);padding:7px 0px 8px 0px;color:#190a06;cursor:pointer;line-height: 1;}
ul.reservation_date_nav li.active a{background: #03333e;border: 1px solid #03333e;color:#ffffff;}
ul.reservation_date_nav li a .red{color:#f54a4e !important;}
ul.reservation_date_nav li a .blue{color:#4abff5 !important;}
	@media all and (min-width: 1025px) {
		ul.reservation_date_nav li a:hover{background: #03333e;border: 1px solid #03333e;color:#ffffff;}
	}
	@media all and (max-width: 776px) {
		ul.reservation_date_nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;}
	}