@charset "utf-8";

/* articleWrap */
.sec.articleWrap {
	margin-top: var(--20px);
	padding: var(--30px) 0 var(--35px);
}
/* articleTtlWrap */
.articleTtlWrap {
	padding-bottom: var(--15px);
	border-bottom: 1px solid var(--grayBorderColor);
}
.articleTtlWrap .iconWrap {
	display: none;
	line-height: 1;
	margin-bottom: var(--8px);
}
.articleTtlWrap .iconWrap.block {
	display: block;
}
.articleTtlWrap .iconWrap span {
	font-weight: 500;
	display: inline-block;
	font-size: var(--10px);
	line-height: 1;
	padding: var(--3px) 0.5em;
	min-width: 5.5em;
	text-align: center;
	color: #fff;
	border: 1px solid #ee1b20;
	background: #ee1b20;
}
.articleTtlWrap .articleTtl {
	font-size: var(--19px);
	font-weight: 600;
	text-align: left;
	margin-bottom: 0;
}
.articleTtlWrap .ttlDays {
	font-size: var(--12px);
	color: #666;
	margin-top: var(--8px);
}

/* articleContent */
.articleContent {
	padding-bottom: var(--25px);
}
.articleContent div {
	margin-top: var(--23px);
	text-align: center;
}
.articleContent h3 {
	margin-top: var(--20px);
	font-size: var(--15px);
	font-weight: 600;
}
.articleContent p {
	margin-top: var(--20px);
	font-size: var(--14px);
	line-height: 1.7;
}
.articleContent p a {
	text-decoration: underline;
}
.articleContent .pic {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.articleContent .pic img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* locationWrap */
.locationWrap {
	padding-top: var(--20px);
	border-top: 1px solid var(--grayBorderColor);
}
.locationWrap .placeWrap,
.locationWrap .dateWrap {
	display: flex;
	margin-top: var(--6px);
}
.locationWrap .placeWrap dt,
.locationWrap .dateWrap dt {
	width: 5.2em;
	font-size: var(--14px);
	font-weight: 600;
	line-height: 1.7;
}
.locationWrap .placeWrap dd,
.locationWrap .dateWrap dd {
	width: calc(100% - 5.2em);
	font-size: var(--14px);
	line-height: 1.7;
}

/* othersWrap */
.sec.othersWrap h2 {
	font-size: var(--18px);
	font-weight: bold;
	margin-bottom: var(--22px);
}
.othersWrap .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
}
.othersWrap .swiper-slide {
	padding-bottom: var(--18px);
	margin-top: 0 !important;
}
.othersWrap .swiper-slide a {
	display: block;
}
.othersWrap .swiper-slide a .pic {
	display: flex;
	aspect-ratio: 1 / 1;
}
.othersWrap .swiper-slide a .txt {
	font-size: var(--14px);
	margin-top: var(--8px);
}
.othersWrap .swiper:not(.swiper-initialized) .swiper-wrapper {
	gap: 0 var(--12px);
}
.othersWrap .swiper:not(.swiper-initialized) .swiper-slide {
	margin: 0 auto;
}

.moreBtn {
	margin-top: var(--40px);;
}