/* ===============================
   menu-alacarte: 一品料理
   =============================== */

.menu-page .menu-alacarte {
	scroll-margin-top: var(--space-13);
	padding-block: var(--space-6) var(--space-4);
	background: transparent;
}

.menu-page .menu-alacarte__tabs {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: var(--space-1);
}

.menu-page .menu-alacarte__layout {
	margin-top: var(--space-2);
}

.menu-page .menu-alacarte__photo {
	overflow: hidden;
}

.menu-page .menu-alacarte__photo img {
	width: 100%;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	object-position: center 50%;
}

.menu-page .menu-alacarte__photo[data-menu-image-key="specialty"] img {
	object-position: center 75%;
}

.menu-page .menu-alacarte__photo[data-menu-image-key="noodle-rice"] img,
.menu-page .menu-alacarte__photo[data-menu-image-key="dessert"] img {
	object-position: center 52%;
}

.menu-page .menu-alacarte__photo[data-menu-image-key="dimsum"] img {
	object-position: center 100%;
}

.menu-page .menu-alacarte__photo[data-menu-image-key="soup"] img {
	object-position: center 55%;
}

.menu-page .menu-alacarte__panels {
	margin-top: var(--space-2);
}

.menu-page .menu-alacarte__items {
	display: grid;
}

.menu-page .menu-alacarte__item {
	display: flex;
	min-width: 0;
	min-height: var(--space-6);
	align-items: baseline;
	gap: var(--space-2);
	padding-block: 0;
	color: var(--color-sub);
}

.menu-page .menu-alacarte__name {
	min-width: 0;
	font-size: var(--fs-body-pc);
	letter-spacing: 0.02em;
	line-height: var(--lh-tight);
}

.menu-page .menu-alacarte__leader {
	min-width: var(--space-3);
	flex: 1;
	border-bottom: 1px dotted var(--color-main);
}

.menu-page .menu-alacarte__price {
	flex: none;
	font-size: var(--fs-body-pc);
	letter-spacing: 0.03em;
	line-height: var(--lh-tight);
	white-space: nowrap;
}

.menu-page .menu-alacarte__item--special {
	color: var(--color-primary);
}

.menu-page .menu-alacarte__item--notice {
	flex-wrap: wrap;
}

.menu-page .menu-alacarte__item--notice .menu-alacarte__leader {
	display: none;
}

.menu-page .menu-alacarte__notice-content {
	flex-basis: 100%;
	font-size: var(--fs-body-sm);
	line-height: var(--lh-body);
}

.menu-page .menu-alacarte__empty {
	padding-block: var(--space-7);
	text-align: center;
}

@media (max-width: 767px) {
	.menu-page .menu-alacarte__notice-content {
		font-size: var(--fs-body-pc);
	}
}

@media (min-width: 768px) {
	.menu-page .menu-alacarte {
		padding-block: var(--space-7) var(--space-6);
	}

	.menu-page .menu-alacarte__tabs {
		margin-top: 0;
	}

	.menu-page .menu-alacarte__layout {
		display: grid;
		grid-template-columns: 5fr 7fr;
		align-items: start;
		gap: var(--space-9);
		margin-top: var(--space-6);
	}

	.menu-page .menu-alacarte__layout--without-photo {
		grid-template-columns: minmax(0, 1fr);
	}

	.menu-page .menu-alacarte__photo img {
		aspect-ratio: 4 / 3;
	}

	.menu-page .menu-alacarte__photo[data-menu-image-key="specialty"] img {
		object-position: center 85%;
	}

	.menu-page .menu-alacarte__panels {
		margin-top: 0;
	}

	.menu-page .menu-alacarte__item {
		min-height: var(--space-10);
		gap: var(--space-5);
		padding-block: var(--space-3);
	}

	.menu-page .menu-alacarte__name,
	.menu-page .menu-alacarte__price {
		font-size: var(--fs-page-lead);
		letter-spacing: 0.05em;
	}

}