/* --当日の流れ */



.mono .schedule.swiper{
	position: relative;
	padding:0 40px 30px;
}
.mono .schedule.swiper .schedule.swiper-wrapper{
	
}
.mono .card-schedule .ph::before{
	content: '';
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 1;
	background:url(../../img/time01.png)no-repeat;
	background-size: contain;
	background-position: center top;
	width: 65%;
	height: 46px;
}
.i-tipoff.time-b3 .ph::before{
	background:url(../../img/time01.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-b2-3 .ph::before{
	background:url(../../img/time02.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-b90 .ph::before{
	background:url(../../img/time04.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-b40 .ph::before{
	background:url(../../img/time05.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-b5 .ph::before{
	background:url(../../img/time06.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-b0 .ph::before{
	background:url(../../img/time07.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-a1 .ph::before{
	background:url(../../img/time08.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-a2 .ph::before{
	background:url(../../img/time09.png)no-repeat;
	background-size: contain;
	background-position: center top;
}
.i-tipoff.time-a2-3 .ph::before{
	background:url(../../img/time10.png)no-repeat;
	background-size: contain;
	background-position: center top;
}

.mono .card-schedule::before{
	content:'1';
	font-family: "BLG Hudson";
	font-size: 24px;
	font-weight: bold;
	padding:6px 20px;

	background: var(--btn-main);
	border-radius: 0 10px 10px 0;
	color: var(--btn-white);

	position: absolute;
	left: 0;
	top: 42%;
	z-index: 1;
}
.mono .card-schedule.start::before{
	background: var(--btn-dark);
}

.mono .card-schedule.no02::before{
	content:'2';
}
.mono .card-schedule.no03::before{
	content:'3';
}
.mono .card-schedule.no04::before{
	content:'4';
}
.mono .card-schedule.no05::before{
	content:'5';
}
.mono .card-schedule.no06::before{
	content:'6';
}
.mono .card-schedule.no07::before{
	content:'7';
}
.mono .card-schedule.no08::before{
	content:'8';
}
.mono .card-schedule.no09::before{
	content:'9';
}
.mono .card-schedule.no10::before{
	content:'10';
}
.mono .card-schedule.no11::before{
	content:'11';
}
.mono .card-schedule.no12::before{
	content:'12';
}
.mono .card-schedule.no13::before{
	content:'13';
}
.mono .card-schedule.no14::before{
	content:'14';
}
.mono .card-schedule.no15::before{
	content:'15';
}


.mono .card-schedule{
	border:1px solid var(--btn-main);
	position: relative;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);


}
.mono .card-schedule .title{
	text-align: left;
	margin-bottom: 10px;
	font-size: clamp(18px, 1.1vw, 24px);
	font-weight: bold;
}
.mono .card-schedule .title small{
	font-size: clamp(10px, 0.9vw, 12px);
}
.mono .card-schedule .tx-main{
	font-size: clamp(10px, 0.8vw, 10px);
}

.mono .card-schedule .c-tx {
	padding:30px 20px 60px;
	position: relative;
	min-height: 6rem;
}
.mono .card-schedule .c-tx span{
	display:block;
}

.mono .card-schedule .icon.i-time{
  padding-left: 1.5rem;
  font-size:12px;
  color: var(--btn-main);
  font-weight: bold;
  position:absolute;
  bottom: 20px;
  left: 20px;
}
.mono .icon.i-time:before{
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background:url(../../img/i-time.svg)no-repeat;
  background-position: center;
  background-size: contain;

}



#schedule-sl .swiper--wrapper {
/* wrapperのサイズを調整 */
width: 100%;
}

#schedule-sl .swiper-slide {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
width: 100%;
height: 100%;
}




/**.card-seat のボタン******/
 .schedule.swiper-button-next, 
 .schedule.swiper-button-prev {
    position: absolute;
    top: 50%;
    width:40px;
    height:40px;
    background:var(--btn-main);
    border:1px solid var(--btn-main);
    border-radius:10px;
    left: 0px;
    z-index:1;
}
.schedule.swiper-button-next{
    right: 0px;
    left: auto;
}
.schedule.swiper-button-next:after, 
.schedule.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size:20px;
    color:var(--btn-white);
}

.schedule.swiper-pagination{
	position: absolute;
	bottom: -0px;
	z-index: 20;
}



@media screen and (max-width: 1179px) {

}
@media screen and (max-width: 1023px) {

}
@media screen and (max-width: 767px) {

	 .schedule.swiper-button-next, 
	 .schedule.swiper-button-prev {
	    left: 5px;
	}
	.schedule.swiper-button-next{
	    right: 5px;
	    left: auto;
	}


}
@media screen and (max-width: 460px) {

}