/* event-info.html 専用。style.css の .btn などと干渉しないよう .event-info-page 内に限定 */

.event-info-page .event-info__flyer-wrap {
	background-color: #f8f9fa;
	border-bottom: 1px solid #e9ecef;
}

.event-info-page .event-info__flyer {
	width: 50vw;
	max-width: 100%;
	height: auto;
}

@media (max-width: 575.98px) {
	.event-info-page .event-info__flyer {
		width: min(92vw, 100%);
	}
}

.event-info-page .event-info__table-outer {
	width: 100%;
}

.event-info-page .event-info__table th {
	width: 32%;
	font-weight: 600;
	background-color: #f8f9fa;
	vertical-align: middle;
}

.event-info-page .event-info__program-block h3 {
	font-size: 1.65rem;
	font-weight: 700;
	margin-top: 3.75rem;
	margin-bottom: 1.75rem;
	text-align: left;
}

.event-info-page .event-info__rule {
	border: 0;
	border-top: 1px solid #dee2e6;
	margin: 2rem 0;
}

.event-info-page .event-info__line-btn {
	width: 100%;
	max-width: 38rem;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	background-color: #06c755;
	border-color: #06c755;
	color: #fff;
	font-size: 2rem;
	padding-bottom: 1rem;
}

.event-info-page .event-info__line-btn::after {
	content: none;
}

.event-info-page .event-info__line-btn:hover,
.event-info-page .event-info__line-btn:focus {
	background-color: #05b34c;
	border-color: #05b34c;
	color: #fff;
}

.event-info-page .event-info__line-qr {
	width: 180px;
	max-width: 100%;
	height: auto;
}

.event-info-page .event-info__map-placeholder {
	min-height: 12rem;
}

.event-info-page .event-info__gallery figure img {
	width: 100%;
	height: auto;
}

.event-info-page .event-info__gallery figcaption {
	font-size: 1.45rem;
}

.event-info-page .event-info__special-box {
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 0.375rem;
	padding: 1.25rem 1.5rem;
	margin-bottom: 2rem;
}

.event-info-page .event-info__special-box h3 {
	margin-top: 1.5rem;
	font-size: 1.65rem;
	margin-bottom: 1.75rem;
}