/* ============================================================
   chrome.css — ヘッダー / フッター（全ページ）
   ============================================================ */
.prbar{background:var(--ice);color:var(--mute);font-size:11px;text-align:center;padding:7px 12px;letter-spacing:.05em}

/* ---- ヘッダー ---- */
.hd{background:#fff;border-bottom:1px solid #EDF4F5;position:sticky;top:0;z-index:50}
.hd__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}

.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;flex:none}
.brand:hover{text-decoration:none}
.brand__mark{color:var(--teal)}
.brand__name{display:block;font-family:var(--round);font-size:19px;font-weight:700;letter-spacing:.06em}
.brand__sub{display:block;font-size:10px;color:var(--mute);margin-top:2px}

.gnav__list{display:flex;gap:26px;align-items:center;list-style:none}
.gnav__link{font-size:13.5px;color:#5B6F76;background:none;border:0;padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-family:inherit}
.gnav__link:hover{color:var(--teal-ink);text-decoration:none}
.gnav__item--mega .gnav__link{font-weight:700;color:var(--teal-ink)}
.gnav__toggle[aria-expanded="true"]{border-bottom:2px solid var(--teal)}

.searchbtn{width:38px;height:38px;border:0;background:transparent;color:var(--teal);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%}
.searchbtn:hover{background:var(--ice)}
.navbtn{display:none}

/* メガメニュー */
.mega{background:var(--ice);border-top:1px solid #EDF4F5;border-bottom:1px solid #EDF4F5}
.mega__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:24px}
.mega__h{margin:0 0 12px;font-size:11px;font-weight:700;color:var(--teal-ink);letter-spacing:.08em}
.mega__list{list-style:none;display:flex;flex-direction:column;gap:9px}
.mega__list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mega__list a{font-size:13px}

.sitesearch{background:var(--ice);border-bottom:1px solid #EDF4F5;padding-block:16px}

/* ---- フッター ---- */
.ft{background:#fff;border-top:1px solid #EDF4F5;margin-top:56px}
.ft__in{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:22px;padding-top:48px}
.ft__brand .brand{margin-bottom:14px}
.ft__desc{margin:0;font-size:12px;line-height:1.95;color:var(--sub)}
.ft__h{font-size:12px;font-weight:700;margin:0 0 14px;font-family:var(--round)}
.ft__col ul{list-style:none;font-size:12px;line-height:2.3}
.ft__note{font-size:11px;line-height:2;color:var(--mute);border-top:1px solid #EDF4F5;margin:32px 0 0;padding:20px 0 24px}
.ft__bar{background:var(--teal);color:#fff;padding:13px 0}
.ft__bar-in{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;flex-wrap:wrap}
.ft__bar a{color:#fff}
.ft__bar-links a+a{margin-left:14px}

@media (max-width:980px){
  .gnav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);display:none;box-shadow:var(--shadow)}
  .gnav.is-open{display:block}
  .gnav__list{flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px}
  .gnav__list>li{border-bottom:1px solid #F2F7F8}
  .gnav__link{display:flex;width:100%;padding:14px 0;font-size:15px}
  .navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;order:3}
  .navbtn span{display:block;width:20px;height:2px;background:var(--teal);border-radius:2px}
  .navbtn em{font-style:normal;font-size:9px;color:var(--mute);margin-top:2px}
  .hd__in{position:relative}
  .mega__in{grid-template-columns:1fr;gap:18px}
  .ft__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .ft__in{grid-template-columns:1fr}
  .brand__sub{display:none}
}