/* 💡 ベースのヘッダー設定 */
    .favnode-header {
        position: sticky; top: 0; width: 100%; background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(0,0,0,0.05); z-index: 1000; transition: 0.3s;
    }
    .header-container {
        width: 100%; max-width: 1200px; min-width: 0; margin: 0 auto; padding: 15px 25px;
        display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;
    }
    
    /* 💡 ロゴ部分 */
    .header-logo { display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 50%; text-decoration: none; }
    .header-logo img { display: block; width: auto; max-width: 100%; object-fit: contain; border-radius: 8px; flex-shrink: 0; }
    .header-logo img:first-child { width: 32px; height: 32px; }
    .header-logo img:last-child { width: auto; height: 42px; }
    .header-logo span { font-size: 22px; color: #1a202c; font-weight: 900; letter-spacing: 1px; }

    /* 💡 PC用ナビゲーション */
    .header-pc-nav { display: flex; align-items: center; gap: 30px; }
    .header-links { display: flex; gap: 25px; }
    .header-links a { text-decoration: none; color: #4a5568; font-weight: 700; font-size: 14px; transition: 0.2s; white-space: nowrap; }
    .header-links a:hover { color: #00c9a7; }
    .header-divider { width: 1px; height: 24px; background: #e2e8f0; }
    .header-actions { display: flex; align-items: center; gap: 15px; }

    /* 💡 ボタン類 */
    .btn-login { text-decoration: none; color: #4a5568; font-weight: 800; font-size: 14px; transition: 0.2s; white-space: nowrap; }
    .btn-login:hover { color: #00c9a7; }
    .btn-signup { background: #1a202c; color: white; padding: 10px 24px; border-radius: 50px; font-weight: 800; font-size: 14px; text-decoration: none; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.1); white-space: nowrap; }
    .btn-signup:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); }
    .btn-dash { background: #00c9a7; color: white; padding: 10px 24px; border-radius: 50px; font-weight: 800; font-size: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(0,201,167,0.2); transition: 0.3s; white-space: nowrap; }
    .btn-dash:hover { transform: translateY(-2px); }

    /* 💡 スマホ用ハンバーガー＆ドロップダウン */
    .hamburger-btn { display: none; background: none; border: none; font-size: 26px; color: #1a202c; cursor: pointer; padding: 0; line-height: 1; }
    .mobile-menu { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255,255,255,0.98); border-bottom: 1px solid #edf2f7; padding: 10px 25px 25px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); box-sizing: border-box; }
    .mobile-menu.is-active { display: flex; }
    .mobile-menu a { padding: 15px 0; border-bottom: 1px dashed #edf2f7; font-weight: 800; color: #4a5568; text-decoration: none; font-size: 15px; display: block; }
    .mobile-menu a:last-child { border-bottom: none; }

    /* ===================================================
        📱 スマホの時はPCメニューを消してハンバーガーを出す
        =================================================== */
    @media (max-width: 768px) {
        .header-pc-nav { display: none !important; }
        .hamburger-btn { display: block !important; }
        .header-container { padding: 10px 16px; min-height: 60px; }
        .header-logo { max-width: calc(100% - 44px); gap: 7px; }
        .header-logo img { height: 35px; }
    }

.inline-f68107ff06 { color: #00c9a7; }