/* =========================================================
   スシニギル — 2026-10 リニューアル（スシエイゴと同じ見た目）
   白地・海苔黒・イエロー。赤は握りの絵だけ。
   トップはこのファイルとページ内の <style> で組む。下層ページは site.css の後に
   読み込み、色・書体・ヘッダー・フッターを上書きする。
   ========================================================= */
:root{
  --nori:#1B1B1D; --accent:#F7C325; --on:#1B1B1D; --lg:#EFEDE8; --mut:#8B8A86;
  --en:'Lexend',sans-serif; --jpn:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;
  /* site.css のトークンを塗り替える（下層ページ用） */
  --ink:#1B1B1D; --coral:#F7C325; --line:#EFEDE8;
  --display:'Lexend','Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;
}
svg.s{display:block;overflow:visible}
.mark{background:var(--accent);color:var(--on);border-radius:.22em;padding:0 .24em;margin-left:.08em}

/* ---- header ---- */
.rn-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--lg);font-family:var(--jpn)}
.rn-nav-in{display:flex;align-items:center;gap:20px;height:64px;max-width:1040px;margin:0 auto;padding:0 24px}
.rn-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:.04em;color:var(--nori);line-height:1.6}
.rn-brand svg{width:44px;height:26px}
.rn-links{margin-left:auto;display:flex;gap:22px}
.rn-links a{font-family:var(--en),var(--jpn);font-weight:700;font-size:14px;text-decoration:none;color:var(--nori)}
.rn-links a:hover{box-shadow:inset 0 -.5em 0 var(--accent)}

/* ---- footer ---- */
.rn-foot{border-top:2px solid var(--lg);padding:38px 0 54px;margin-top:72px;font-family:var(--jpn)}
.rn-foot-in{max-width:1040px;margin:0 auto;padding:0 24px}
.rn-foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0}
.rn-foot-links a{font-size:14px;font-weight:700;text-decoration:none;color:var(--nori)}
.rn-foot-links a:hover{box-shadow:inset 0 -.5em 0 var(--accent)}
.rn-copy{font-family:var(--en);font-size:13px;color:var(--mut);margin:0}

/* ---- 下層ページ：コーラルの文字色だった所を、黄色のマーカーと海苔黒へ ---- */
.c{color:inherit}
a:focus-visible,button:focus-visible{outline-color:var(--nori)}
.doc a:hover,.legal-dl a:hover,.work-title a:hover{color:inherit;box-shadow:inset 0 -.5em 0 var(--accent)}
.field .req{color:var(--on);background:var(--accent);border-radius:4px;padding:1px 6px}
.timer{color:var(--nori)}
.btn.pop .arw{color:inherit}

@media (max-width:760px){
  .rn-links{gap:14px}
  .rn-links a{font-size:12px}
  .rn-brand{font-size:17px}
  .rn-brand svg{width:36px;height:22px}
}