@charset "UTF-8";

/* ----------------------------------------------------
en
---------------------------------------------------- */
.club-social-list {
	display: flex;
	flex-wrap: wrap;
	gap: 26px 23px;
	max-width: 800px;
	margin-top: 28px;
}

.event-show-title span {
	font-size: min(2.5rem, 1.83vw);
}

.restaurant-card h4 .italic {
	font-size: min(2.2rem, 1.611vw);
	font-style: italic;
}

.restaurant-links .box {
	display: inline;
	gap: 0;
}

.restaurant-links .italic {
	display: inline;
	font-style: italic;
}

@media screen and (min-width: 769px) {
	.event-cards {
		row-gap: 0;
	}

	.event-cards > .event-card {
		display: grid;
		grid-row: span 7;
		grid-template-rows: subgrid;
		row-gap: 0;
		margin-bottom: 70px;
	}

	.event-cards > .event-card:last-child {
		margin-bottom: 0;
	}

	.event-cards > .event-card > .event-card-img {
		grid-row: 1;
	}

	.event-cards > .event-card > .event-title {
		grid-row: 2;
	}

	.event-cards > .event-card > .event-period {
		grid-row: 3;
	}

	.event-cards > .event-card > .event-details {
		grid-row: 4;
	}

	.event-cards > .event-card > .event-text {
		grid-row: 5;
	}

	.event-cards > .event-card > .event-link {
		grid-row: 6;
	}

	.event-cards > .event-card > .event-note {
		grid-row: 7;
	}
}

@media screen and (max-width: 768px) {
	.event-show-title span {
		display: block;
		font-size: min(1.9rem, 5.026vw);
	}

	.restaurant-card h4 .italic {
		font-size: min(1.6rem, 4.267vw);
	}
}