@charset "Shift_JIS";
/* Updated 2026/10/22.T */

/* ============================================================
   gnav.css - SECONDARY NAV COLOR VARIANT FOR LOWER PAGES
   Base styles live in common.css. This file only overrides colors.
   ============================================================ */

/* design tokens (Figma: SMBC Wealth / header)
============================ */
:root {
  --gnav-color-green01: #2A3910;
}

/* Variant: -dark01 (dark text on the light lower page background)
============================ */
.gnav.-dark01 > .inner::before {
  background-color: rgba(42, 57, 16, 0.15);
}
.gnav.-dark01 > .inner > .links > .item > a {
  opacity: 0.5;
  color: var(--gnav-color-green01);
}
.gnav.-dark01 > .inner > .links > .item > a:visited {
  color: var(--gnav-color-green01);
}
.gnav.-dark01 > .inner > .links > .item > a:hover {
  opacity: 0.75;
  color: var(--gnav-color-green01);
}
/* 現在地は色を濃く（不透明度100%）表示する */
.gnav.-dark01 > .inner > .links > .item > a[aria-current="page"] {
  opacity: 1;
}
.gnav.-dark01 > .inner > .links > .dot > .icon {
  background-color: rgba(42, 57, 16, 0.5);
}
.gnav.-dark01 > .inner > .menuBtn {
  background-color: var(--gnav-color-green01);
}