/**
 * モバイルハンバーガーメニュースタイル
 */

/* ハンバーガーメニューコンテンツ */
#hamburger-menu-content {
    backdrop-filter: blur(4px);
}

/* ハンバーガーアイコンのトランジション */
.hamburger-line-1,
.hamburger-line-2,
.hamburger-line-3 {
    transform-origin: center;
}

/* メニューリンクのホバー効果 */
#hamburger-menu-content a {
    transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}

/* スクロール無効化 */
body.overflow-hidden {
    overflow: hidden;
}

/* メニューが開いている時のボタンスタイル */
#hamburger-menu.menu-open {
    position: relative;
    z-index: 50;
}

/* メニューが開いている時に×アイコンに変更 */
#hamburger-menu.menu-open .hamburger-line-1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#hamburger-menu.menu-open .hamburger-line-2 {
    opacity: 0;
    transform: translateY(-50%) scale(0);
}

#hamburger-menu.menu-open .hamburger-line-3 {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%) rotate(-45deg);
}