/* CSS Document */

.top_news .inner,
main.news .inner{
	border-radius: var(--radius-10);
	width:var(--size-inner-W);
	display: flex; flex-direction: column; align-items: center;
}
main.event .inner{width:var(--size-inner-W1100);}
main.news .inner,
main.event .inner{margin: auto;}
.top_news .inner{
	background-color: #FFF;
	flex-grow: 1;
	padding: 40px 25px 25px;
}
main.news .inner{	
	padding:min(30px,max(20px,calc(1vw * 20 / 3.75)))
					min(30px,max(13px,calc(1vw * 13 / 3.75)));
	padding-bottom:min(60px,max(30px,calc(1vw * 30 / 3.75)));
	background-color: var(--color-gray-F);
}
main.news.dt .inner{padding-bottom:min(50px,max(25px,calc(1vw * 25 / 3.75)));}
.top_news .inner .list,
main.news .inner .list{width:100%;}
.top_news .inner .list{flex-grow: 1; overflow-y: auto;}
.top_news .inner .list *,
main.news .inner .list *{text-box-trim: trim-both;/* ここはサイズにシビアなのでテキスト部分の上下をピッタリにする。 */}
.top_news .inner .list li,
main.news .inner .list li{border-bottom: dotted 1px var(--color-K); padding-bottom: 8px;
gap:4px var(--font-18-17); display: flex; flex-wrap: wrap; align-items: center;}
.top_news .inner .list li + li,
main.news .inner .list li + li{margin-top: 12px;}
.top_news .inner .list li time,
main.news .inner .list li time{line-height: 1em;}
.top_news .inner .list li a,
main.news .inner .list li a{
	font-size: var(--font-18-17); font-weight: 900; line-height: 24px;
	/*
	max-height: 24px; overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	*/
}
.top_news .inner .list li .t,
main.news .inner .list li .t{
	font-size: 13px; font-weight: normal; font-family: var(--font-hirago); line-height: 20px;
	width: 100%;
	max-height: calc(1.5em * 2); overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media screen and (max-width: 870px){
	.top_news .inner{padding: 20px 13px;}
}

.pageindex,
main.news .detail + .ovalbtn_box,
main.event .detail + .ovalbtn_box{margin-top:var(--size-backbtn-mgnT);}
.pageindex *{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageindex dl{
	font-size: var(--font-15-11);
	gap:0.6em;
}
.pageindex dl dd{}
.pageindex dl dd.current{}
.pageindex dl dd > *{
	background-color: #FFF;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	transition: background-color var(--transition-fast),
	color var(--transition-fast);
	border: solid 1px var(--color-K);
}
.pageindex dl dd > .arrow svg{width: 0.8em; height:1em;}
.pageindex dl .prev > .arrow svg{margin-left: -0.2em; transform: scaleX(-1);}
.pageindex dl .next > .arrow svg{margin-right: -0.2em;}
.pageindex dl dd > .arrow svg *{stroke: var(--color-K);}
.pageindex dl dd.current > *,
.pageindex dl dd > a:hover{
	background-color: var(--color-K);
	color:#FFF;
}
.pageindex dl dd > a.arrow:hover svg *{stroke: #FFF;}

main.news .detail{}
main.news .detail dt{
	padding-bottom: var(--font-18-17);
	margin-bottom: var(--font-18-17);
	border-bottom: dotted 1px var(--color-K);
}
main.news .detail dt h3{
	font-size: var(--font-18-17); font-weight: 700;
	margin-top: 1em;
}
main.news .detail dd{font-weight: normal; font-family: var(--font-hirago);}
main.news .detail dd figure:not(:last-child){margin-bottom:1em;}


:root{
--slick-event-W:min(260px,max(248px,calc(1vw * 248 / 3.75)));
--slick-event-pad:min(1em, calc(1vw * 10 / 3.75));
}
main.event .list{
	width:100%;
	gap:min(50px,max(25px,calc(1vw * 25 / 3.75))) min(25px,calc(1% * 25 / 11)); display: flex; flex-wrap: wrap;
}
.top_event .slide .slick-list li,
main.event .list li{
	max-width: 100%;
	background-color: var(--color-gray-F);
	border-radius: var(--radius-10); overflow: hidden;
	display: flex; flex-direction: column;
}
.top_event .slide .slick-list .slick-slide{width: var(--slick-event-W)!important; margin: 0 10px;}
.top_event .slide .slick-list .slick-slide li{
/* width:100%; */ max-width:var(--slick-event-W); height:var(--slick-event-W);
display: flex!important; flex-direction: column;}
main.event .list li{width:min(350px,calc(1% * 350 / 11));}
.top_event .slide .slick-list li > a,
main.event .list li > a{width:100%; display: block;}
.top_event .slide .slick-list li img,
main.event .list li img{width:100%;}
.top_event .slide .slick-list li *[nopic],
main.event .list li *[nopic]{border:none; background-color: rgba(0,0,0,0.5);}
.top_event .slide .slick-list li img{
	/* aspect-ratio:260 / 188; */
	aspect-ratio:260 / 173;
}
main.event .list li img{
	/* aspect-ratio:350 / 254; */
	aspect-ratio:350 / 233;
}
.top_event .slide .slick-list li > div,
main.event .list li > div{flex-grow: 1; padding: 0.5em 1em;
gap: 0.5em; display: flex; flex-direction: column; justify-content: center;}
.top_event .slide .slick-list li > div{font-size: 1em; padding: 0.5em var(--slick-event-pad); gap:calc(var(--slick-event-pad) / 2);}
main.event .list li > div{font-size: var(--font-18-16);}
.top_event .slide .slick-list li time + a,
main.event .list li time + a{gap:0.25em; display: flex; justify-content: space-between; align-items: center;}
.top_event .slide .slick-list li time + a svg *,
main.event .list li time + a svg *{stroke: var(--color-R);}
/*
@media screen and (min-width: 1101px) and (max-width: 1200px){
	main.event .list{gap:35px min(40px,calc(1% * 40 / 14.8));}
	main.event .list li{width:min(720px,calc(1% * 720 / 14.8));}
}
*/
@media screen and (max-width: 870px){
	main.event .list{flex-direction: column;}
	main.event .list li{width:100%;}
}

main.event.dt .inner{width:var(--size-inner-W750);}
main.event .detail dt{gap:min(4px,max(2px,calc(1vw * 2 / 3.75)));}
main.event .detail time{font-size:var(--font-15-14); margin-bottom: 0.2em;}
main.event .detail h3{font-size:var(--font-30-22); padding-bottom: 0.4em;}
main.event .detail .mainpic:not(:last-child){margin-bottom: 1em;}
main.event .detail .mainpic img{width:100%;
/* aspect-ratio: 750 / 540; */
aspect-ratio: 750 / 500;
}
@media screen and (max-width: 870px){
	main.event .detail .mainpic img{aspect-ratio: 320 / 214;}
}