@charset "utf-8";


.todays-event{
	border-radius: 10px;
	overflow: hidden;
	background: #FFF;
	height: 100%;
	min-height: 200px;
	position: relative;
}
.todays-event>dt{
	text-align: center;
	font-weight: 700;
	font-size: 112.5%;
	padding: 0.25em 0;
}
.main-theatre>dt{
	background: var(--wp--preset--color--arkb-hall-main-theatre);
}
.theatre>dt{
	background: var(--wp--preset--color--arkb-hall-theatre);
}
.sub-theatre>dt{
	background: var(--wp--preset--color--arkb-hall-sub-theatre);
}
.todays-event>dd{
	height: calc(100% - 41px);
}
.todays-event>dd>ul{
	height: 100%;
}
.todays-event ul{
	list-style: none;
	padding: 0;
}
.todays-event ul>li{
	margin: 0;
	padding: 0;
}
.todays-event .event{
	padding: 1em;
}
.todays-event .event>dt img{
	aspect-ratio: 290 / 185;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.todays-event .event>dd{
	display: flex;
	flex-direction: column;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 1.4285;
}
.todays-event .event>dd a{
	display:block;
	color:inherit;
	text-decoration:none;
	padding:0 2em 0 0;
	position:relative;
}
.todays-event .event>dd a::after{
	content:"";
	width:2em;
	height:2em;
	display:block;
	position:absolute;
	right:-0.5em;
	top:50%;
	transform:translateY(-50%);
  clip-path: polygon(0 7%, 7% 0, 57% 50%, 7% 100%, 0 93%, 43% 50%, 0 7%);
  aspect-ratio: 1;
  background-color: var(--ark-color--main);
}
.todays-event .event>dd span{
	display:block;
}
.todays-event .event .title{
	opacity: 1;
	text-align: left;
}
.todays-event .event .title strong{
	font-weight: 700;
	font-size: 128.5714%;
}
.todays-event .event .title small{
	display: block;
	opacity: 1;
}


.todays-event .top-text,
.todays-event .no-event{
  display: grid;
  place-content: center;
  height: 100%;
	width:100%;
}

.swiper-button-next, .swiper-button-prev {
    --swiper-navigation-size: 24px;
    color: var(--ark-color--main)!important;
}