.wp-block-navigation {
	/* メニュー毎の動作 */
	&.is-style-global {
		@media (width < 1150px) {
			/* メニューを開いているとき */
			.has-modal-open & {
				/* スマートフォンメニュー内 */
				.wp-block-navigation__responsive-dialog {
					margin-block-start: 0;
					padding: var(--wp--preset--spacing--40);
					/* background-color: #000; */

					.wp-block-navigation-item__content {
						display: flex;
						gap: var(--wp--preset--spacing--20);
						align-items: center;
					}

					.wp-block-navigation-submenu {
						width: 100% !important;
						padding: 0;

						> .wp-block-navigation-item__content {
							display: flex;
							gap: var(--wp--preset--spacing--20);
							align-items: center;
							background-color: var(--wp--preset--color--alto-05);
						}

						.wp-block-navigation-submenu {
							padding-inline-start: var(--wp--preset--spacing--40);
						}

						.wp-block-navigation-item {
							font-size: var(--wp--preset--font-size--small);
						}
					}

					.wp-block-navigation__container {
						--navigation-layout-justification-setting: flex-start;
						gap: 0;
					}

					.wp-block-navigation {
						align-items: flex-start;
						width: 100%;

						.wp-block-navigation-item {
							width: 100%;
							.wp-block-navigation-item__content {
								width: 100%;
								display: flex;
								text-decoration: none;
								padding-block: var(--wp--preset--spacing--30);
								padding-inline: var(--wp--preset--spacing--30);
								font-size: var(--wp--preset--font-size--large);
							}

							.wp-block-navigation-item__label {
								width: 100%;
								text-align: center;
							}

							+ .wp-block-navigation-item {
								width: 100%;
								border-block-start: 1px solid var(--wp--preset--color--contrast-2);
							}
						}
					}
				}

				.wp-block-buttons {
					width: 100%;
					justify-content: center;
					margin-block-start: var(--wp--preset--spacing--30);
				}
			}
		}

		.wp-block-navigation__responsive-container {
			padding: 0;
			background-color: transparent;
		}

		.wp-block-navigation__responsive-container-close {
			padding: var(--wp--preset--spacing--30);
			background-color: var(--wp--preset--color--white);
		}
	}

	&.is-style-footer {
		.wp-block-navigation-item__content {
			display: inline-flex;
			align-items: center;
			transition: 0.3s ease opacity;

			&:hover {
				opacity: 0.5;
			}
		}
	}

	/* デフォルトのブレークポイント無効化. */
	@media (min-width: 600px) {
		/* メニューを非表示. */
		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
			.is-menu-open
		) {
			display: none;
		}

		/* Openボタン（ハンバーガーボタン）を表示. */
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: flex;
		}
	}

	/* 新しいブレークポイント設定. */
	@media (1150px < width) {
		/* ※ここの数値を設定したい値に変更する. */

		/* メニューを表示. */
		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
			.is-menu-open
		) {
			position: relative;
			z-index: auto;
			display: block;
			width: 100%;
			background-color: inherit;
		}

		/* Openボタン（ハンバーガーボタン）を非表示. */
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: none;
		}
	}
}