.wp-block-navigation {
	/* メニュー毎の動作 */
	&[aria-label*="global-01"] {
		.wp-block-navigation__container {
			/* 共通 */
			.wp-block-navigation-item {
				flex: 1;
				.wp-block-navigation-item__content {
					line-height: 1;
					font-size: 1.15em;
					display: flex;
					flex: 1;
					gap: 0.5rem;
					padding-block: var(--wp--preset--spacing--30);
					padding-inline: var(--wp--preset--spacing--40);
					transition: all 0.3s var(--transition-easeout-quint);
				}

				ion-icon {
					font-size: var(--wp--preset--font-size--large);
					transition: rotate 0.3s var(--transition-easeout-quint);
				}
			}

			/* 最上位 */
			> .wp-block-navigation-item {
				> .wp-block-navigation-item__content {
					display: flex;
					justify-content: center;
					align-items: center;
				}
				&:hover {
					> .wp-block-navigation-item__content {
						background-color: var(--wp--preset--color--primary);
						color: var(--wp--preset--color--light-01);
						ion-icon {
							rotate: 180deg;
						}
					}

					/* サブメニューへの影響 */
					.wp-block-navigation__submenu-container {
						translate: 0 0;
					}
				}
				+ .wp-block-navigation-item {
					border-inline-start: 1px solid var(--wp--preset--color--alto-10);
				}
			}

			/* サブメニュー */
			.wp-block-navigation__submenu-container {
				border: 0px;
				min-width: 100% !important;
				left: 0px;
				box-shadow: var(--wp--preset--shadow--default);
				opacity: 0;
				transition: opacity 0.3s ease, translate 0.3s ease;
				translate: 0 -10px;
				> .wp-block-navigation-item {
					> .wp-block-navigation-item__content {
						display: flex;
						align-items: center;
						background-color: var(--wp--preset--color--alto-03);
					}
					&:hover {
						> .wp-block-navigation-item__content {
							background-color: var(--wp--preset--color--primary);
							color: var(--wp--preset--color--light-01);
						}
					}
				}
			}
		}

		@media (width <= 767px) {
			display: none;
		}
	}

	&[aria-label*="global-02"] {
		padding-top: var(--wp--preset--spacing--30);
		padding-right: var(--wp--preset--spacing--50);
		padding-bottom: var(--wp--preset--spacing--30);
		padding-left: var(--wp--preset--spacing--50);
		background-color: var(--wp--preset--color--alto-03) !important;
		border-radius: 0.5rem;

		.wp-block-navigation__container {
			.wp-block-navigation-item {
				+ .wp-block-navigation-item {
					border-left: 1px solid var(--wp--preset--color--alto-10);
				}
			}

			.wp-block-navigation-item__content {
				transition: opacity 0.3s var(--transition-easeout-quint);
				padding-inline: var(--wp--preset--spacing--40);

				&:hover {
					opacity: 0.5;
				}
			}
		}

		@media (width <= 767px) {
			display: none;
		}
	}

	&[aria-label*="global-03"] {
		@media (width <= 767px) {
			display: none;
		}
	}

	&[aria-label*="slide-01"] {
		display: none;
		@media (width <= 767px) {
			display: block;
		}
	}

	&[aria-label*="footer-01"],
	&[aria-label*="footer-02"],
	&[aria-label*="footer-03"] {
		.wp-block-navigation-item__content {
			display: inline-flex;
			align-items: center;
			transition: opacity 0.3s var(--transition-easeout-quint);

			&:hover {
				opacity: 0.5;
			}
		}
	}
}
