/* =========================================================
   サイト全体を明るくする（2026-10-04）
   トップ以外のページは濃紺を基調に個別に作られているため、
   明暗を反転して「白い背景・濃い文字」にそろえる。
   写真・動画・ロゴ・地図などは二重に反転して元の色に戻す。
   ページごとに作り直すまでの共通の仕組み。外すときは各ページのこのファイルの読み込みを消す。
   ========================================================= */
html {
    background: #0b0f1e;
    filter: invert(1) hue-rotate(180deg);
}
/* 元の色に戻すもの */
img,
video,
picture,
iframe,
canvas,
object,
embed,
.video-container,
.bright-keep {
    filter: invert(1) hue-rotate(180deg);
}
/* 二重反転の入れ子を防ぐ */
picture img,
.video-container iframe,
.video-container video,
.bright-keep img,
.bright-keep video,
.bright-keep iframe {
    filter: none;
}

/* スクロール後のヘッダー：白い背景は反転で黒になるため、反転前の色を濃紺にしておく（反転後は白） */
.header.scrolled {
    background: rgba(10, 14, 39, .96) !important;
    box-shadow: 0 2px 12px rgba(255, 255, 255, .06);
}
.header.scrolled .nav-link { color: rgba(255, 255, 255, .92); }
.header.scrolled .nav-link.btn-contact { color: #fff; }
.header.scrolled .hamburger span { background: rgba(255, 255, 255, .92); }

/* ロゴを大きく（2026-10-04 グリーン×ゴールド） */
.header .logo img, body.corp .logo img { height: 52px !important; max-width: min(240px, 50vw) !important; }
.footer-logo img { height: 56px; width: auto; }
@media (max-width: 768px) { .header .logo img, body.corp .logo img { height: 40px !important; } }

/* 2026-10-04：お問い合わせを金色に／「兆円」を金色に */
.nav-menu .nav-link.btn-contact, body.corp .btn-contact, body.corp .header .nav-link.btn-contact {
    background: linear-gradient(135deg, #f3d77a 0%, #d4af37 45%, #b8860b 100%) !important;
    color: #2a1d00 !important;
    box-shadow: 0 4px 14px rgba(196, 150, 40, .35) !important;
    border: 0 !important;
}
.nav-menu .nav-link.btn-contact:hover, body.corp .btn-contact:hover { filter: brightness(1.06); }
body.corp .vb-unit {
    background: linear-gradient(180deg, #f6dc8a 0%, #d4af37 50%, #a87b12 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    filter: drop-shadow(0 2px 6px rgba(196, 150, 40, .3));
}

/* 金色のボタン（2026-10-04） */
.contact-form button[type="submit"], .contact-form .btn-submit, .contact-form .submit-button, .cb-btn, .rp-contact .btn-primary {
    background: linear-gradient(135deg, #f3d77a 0%, #d4af37 45%, #b8860b 100%) !important;
    color: #2a1d00 !important;
    box-shadow: 0 6px 18px rgba(196, 150, 40, .35) !important;
    border: 0 !important;
}

.nav-menu .nav-link.btn-contact, .contact-form button[type="submit"], .contact-form .submit-button { filter: invert(1) hue-rotate(180deg); }

/* NEWS の見出しをシルバーに（2026-10-04） */
.news-section .section-badge, .news-section .section-title, .news-hero h1 {
    background: linear-gradient(180deg, #f4f6f9 0%, #b9c0cb 45%, #8a929f 55%, #d9dde3 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    filter: drop-shadow(0 1px 1px rgba(40, 50, 70, .35));
}
.news-hero h1 { filter: invert(1) hue-rotate(180deg) drop-shadow(0 1px 1px rgba(40,50,70,.35)); }

/* ロゴ（エンブレム＋RSK、2026-10-04 統一版） */
.header .logo img, body.corp .logo img { height: 46px !important; width: auto !important; max-width: 200px !important; }
.footer-logo img { height: 52px !important; width: auto; }
@media (max-width: 768px) { .header .logo img, body.corp .logo img { height: 36px !important; } }

/* メニュー文字：表示が「黒→押すとゴールド／お問い合わせはレインボー」になるよう反転前の色を指定（2026-10-05） */
html body .header .nav-menu .nav-link:not(.btn-contact) { color: #fff !important; }
html body html body .header .nav-menu .nav-link:not(.btn-contact):active {
    background: linear-gradient(90deg, #a37115, #623400 40%, #371b00 60%, #9b5c00) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html body .header .nav-link.btn-contact:hover, html body .header .nav-link.btn-contact:active {
    background: linear-gradient(90deg, #ff6282, #a44400, #422300, #007012, #006aa2, #5f7fff, #a760f4, #ff6282) !important; background-size: 300% 100% !important; }

/* 2026-10-05 フッターのロゴ：反転を打ち消して、ヘッダーと同じシルバーのロゴに */
html .footer .footer-logo img, html body .footer-logo img { filter: invert(1) hue-rotate(180deg) drop-shadow(0 0 8px rgba(120, 170, 255, .35)) !important; }

/* 色統一（2026-10-06）：統一色で指定したボタン類は反転を戻して、本来の色（ミッドナイトブルー・シアン）で見せる */
html body .btn-primary, html body .product-cat, html body .gradient-text { filter: invert(1) hue-rotate(180deg); }

/* 2026-10-06 ヘッダーのロゴ（水色の輪）：反転の中でも本来の色で見せる */
.header .rsk-anim { filter: invert(1) hue-rotate(180deg) !important; }
.header .rsk-anim img { filter: none !important; }
html body .mx-tabs { filter: invert(1) hue-rotate(180deg); }

/* 2026-10-06 金文字をやめる：反転している帯（ヘッダー下の見出し・フッター）の中の文字 */
.article-header .article-subtitle, .footer .footer-tagline, .footer .footer-column h4 { color: #f4f7fb !important; -webkit-text-fill-color: #f4f7fb !important; background: none !important; }
.news-category, .news-category.release, .news-category.update { color: #f4f7fb !important; border-color: rgba(244, 247, 251, .5) !important; background: rgba(255, 255, 255, .06) !important; }
/* 2026-10-06 オレンジをやめる：反転を戻して、本来の色（白・シルバー・黒・ティール）で見せる */
html body .no-sales, html body .filter-btn, html body .page-btn { filter: invert(1) hue-rotate(180deg); }
html body .no-sales { background: #f4f7fa !important; border-color: #cfd6e4 !important; color: #0b1638 !important; }
html body .filter-btn, html body .page-btn { background: #fff !important; border: 1px solid #cfd6e4 !important; color: #0b1638 !important; box-shadow: none !important; }
html body .filter-btn:hover, html body .filter-btn.active, html body .page-btn:hover, html body .page-btn.active { background: #0b1638 !important; border-color: #0b1638 !important; color: #fff !important; }