/* ============================================
   Header — TikTok専用
   全面ピンク (#FE2C55)
   ============================================ */

.header::before {
    background: #FE2C55 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 20px rgba(254, 44, 85, 0.3) !important;
}
.header::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent) !important;
}
.header.scrolled::before {
    background: #e0264c !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 32px rgba(254, 44, 85, 0.3) !important;
}

.nav-link-cta {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}
.nav-link-cta::before { display: none !important; }
.nav-link-cta:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}
.header.scrolled .nav-link-cta {
    background: #fff !important;
    border-color: #fff !important;
    color: #FE2C55 !important;
}
.header.scrolled .nav-link-cta:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

/* ── ハンバーガー TikTokピンク ── */
.hamburger {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.hamburger:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* ── モバイルメニュー TikTokピンク ── */
.nav-mobile {
    background: rgba(224, 38, 76, 0.97) !important;
    border-top-color: rgba(255, 255, 255, 0.15) !important;
}
.nav-dropdown-menu {
    background: rgba(200, 30, 65, 0.97) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}
.nav-mobile-list li:last-child .nav-mobile-link {
    background: white !important;
    color: #FE2C55 !important;
}
.nav-mobile-list li:last-child .nav-mobile-link:hover {
    background: #ffe8ed !important;
}
.nav-mobile-sub-toggle {
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.nav-mobile-sub-toggle:hover,
.nav-mobile-sub-toggle.open {
    background: rgba(255, 255, 255, 0.15) !important;
}
.nav-mobile-submenu a:hover {
    border-left-color: white !important;
}