/* ===============================
   menu-notes: ページ末尾の注記
   =============================== */

.menu-page .menu-notes {
	padding-block: var(--space-6) var(--space-9);
	background: transparent;
}

.menu-page.is-menu-enhanced .menu-tabs__panel:not(.is-active),
/* 閉じるアニメーションの完了後にJSが付けるhiddenで非表示にする。 */
.menu-page.is-menu-enhanced .menu-accordion__panel[hidden] {
	display: none;
}

@media (min-width: 768px) {
	.menu-page.is-menu-enhanced .menu-accordion__panel {
		display: block;
	}
}

.menu-page .menu-notes__list {
	padding: var(--space-4);
	border: 1px solid var(--color-main);
	color: var(--color-sub);
	font-size: var(--fs-body);
	letter-spacing: 0.03em;
	line-height: var(--lh-body);
}

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

	.menu-page .menu-notes__list {
		display: flex;
		/* 1行に収まらないときは項目ごと折り返す。項目の途中で改行させない。 */
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--space-2);
		padding-block: var(--space-5);
		border-width: 1px 0 0;
		font-size: var(--fs-body-pc);
		letter-spacing: 0.08em;
	}

	.menu-page .menu-notes__list li {
		flex: none;
	}

	.menu-page .menu-notes__list li + li::before {
		content: " ";
	}
}