/* LISH の共通部品（2026-10-22）：AIKATA・MIEKATA・URAKATA と会社サイトの行き来
   1) .lish-bar … ヘッダーの上の細い帯（グループバー）。スクロールすると上へ流れて消える
   2) .lish-grp … フッターのすぐ下の1行。地は透明（明るいフッターはそのまま続く）、URAKATA のような暗いフッターは --dark で同じ色にする
   class は lish- で始め、各ブランドの CSS とぶつからないよう色・文字はここで決め切る */

/* ---------- 1) 上の帯 ---------- */
.lish-bar{--lb-h:32px;position:relative;z-index:1001;height:var(--lb-h);background:#1b1e2b;color:rgba(255,255,255,.72);font:500 12px/1 "Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased}
.lish-bar *{box-sizing:border-box}
.lish-bar__in{height:100%;max-width:1440px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:0}
.lish-bar a{color:inherit;text-decoration:none}
.lish-bar__home{display:inline-flex;align-items:center;gap:8px;height:100%;padding-right:16px;margin-right:4px;border-right:1px solid rgba(255,255,255,.16);color:#fff;font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.14em}
.lish-bar__home small{font-family:"Noto Sans JP",sans-serif;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.72)}
.lish-bar__list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%;min-width:0;overflow-x:auto;scrollbar-width:none}
.lish-bar__list::-webkit-scrollbar{display:none}
.lish-bar__item{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 12px;white-space:nowrap;position:relative;transition:color .2s}
.lish-bar__item b{font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.08em;color:#fff}
.lish-bar__item span{color:rgba(255,255,255,.6)}
a.lish-bar__item:hover,a.lish-bar__home:hover small{color:#fff}
a.lish-bar__item:hover span{color:rgba(255,255,255,.85)}
.lish-bar__item[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#fff}
.lish-bar a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.lish-bar__end{margin-left:auto;padding-left:16px;white-space:nowrap}
.lish-bar__end:hover{color:#fff}
@media(max-width:820px){
  .lish-bar{--lb-h:30px;font-size:11px}
  .lish-bar__home small,.lish-bar__item span,.lish-bar__end{display:none}
  .lish-bar__home{padding-right:10px}
  .lish-bar__item{padding:0 10px}
  .lish-bar__item[aria-current]::after{left:10px;right:10px}
}
/* fixed のヘッダー（URAKATA）は帯の高さ分だけ下げ、スクロールで帯が消えると上に詰める。値は /lish/js/group-bar.js が入れる */
html.has-lish-bar .siteHeader,html.has-lish-bar .lish-bar-follow{top:var(--lish-bar-offset,0px)!important}

/* ---------- 2) フッターの下の1行 ---------- */
.lish-grp{--lg-bg:transparent;--lg-fg:#1b1e2b;--lg-sub:#5d6374;--lg-line:#e3e6ec;--lg-link:#0f64ae;background:var(--lg-bg);color:var(--lg-fg);font:400 12.5px/1.7 "Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}
.lish-grp--dark{--lg-bg:#2e2e2e;--lg-fg:#fff;--lg-sub:rgba(255,255,255,.62);--lg-line:rgba(255,255,255,.14);--lg-link:#fff}
.lish-grp *{box-sizing:border-box}
.lish-grp__in{width:min(1200px,calc(100% - 2 * max(16px,env(safe-area-inset-left,0px))));margin:0 auto;padding:14px 0 18px;border-top:1px solid var(--lg-line);display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.lish-grp__label{color:var(--lg-sub);white-space:nowrap}
.lish-grp__label a{color:inherit;text-decoration:none;font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.12em;margin-right:6px;color:var(--lg-fg)}
.lish-grp__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}.lish-grp__list li{margin:0;line-height:1.7}
.lish-grp__item{color:var(--lg-fg);text-decoration:none;white-space:nowrap}
.lish-grp__item b{font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.06em;margin-right:6px}
.lish-grp__item span{color:var(--lg-sub)}
a.lish-grp__item:hover b{color:var(--lg-link);text-decoration:underline;text-underline-offset:3px}
.lish-grp__item[aria-current] b{opacity:.55}
.lish-grp__links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}
.lish-grp__links a{color:var(--lg-sub);text-decoration:none}
.lish-grp__links a:hover{color:var(--lg-fg);text-decoration:underline}
.lish-grp a:focus-visible{outline:2px solid var(--lg-link);outline-offset:2px}
@media(max-width:720px){.lish-grp__list{flex-direction:column;gap:2px}.lish-grp__links{margin-left:0}}