/* はしわたし：SWELL のヘッダー・フッターと子テーマのテンプレートを見本（mock）に合わせる。
   色・文字の正本は design-system.md。本文の部品は hw-scope.css（見本の style.css を閉じ込めたもの）。 */
:root {
  --hw-ink: #1C2633; --hw-ai: #24405E; --hw-ai-deep: #1A3049; --hw-nezu: #EDF0EF; --hw-sabi: #9A3B2B; --hw-rule: #CBD2D6; --hw-note: #56616D;
  --hw-mincho: "Shippori Mincho B1", "Hiragino Mincho ProN", serif;
  --hw-gothic: "BIZ UDPGothic", "Hiragino Sans", "Noto Sans JP", sans-serif;
}

/* 境界（SWELL からの継承を断つ）は hw-base.css。ここに .zoroya-scope 自体の指定を書くと見本の本文の指定を消すので書かない */

body { font-family: var(--hw-gothic); color: var(--hw-ink); word-break: auto-phrase; }

/* 子テーマのテンプレート（コラム・解決事例）を全幅に（zoroya-page と同じ処理） */
.hw-full #content, .hw-full .l-content { max-width: none; width: 100%; padding: 0; margin: 0; overflow: visible; display: block; }
.hw-full #sidebar, .hw-full .l-sidebar, .hw-full .l-topTitleArea { display: none; }

/* パンくずは見本のもの（本文の先頭）を見せる。SWELL のものは構造化データのためだけに残す */
#breadcrumb, .p-breadcrumb { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* お知らせ帯 */
.hw-notice .notice { margin: 0; }

/* ---------- ヘッダー ---------- */
.l-header { border-bottom: 1px solid var(--hw-rule); box-shadow: none; }
.l-header__inner { width: min(1320px, 100% - 48px); max-width: none; padding: 0; margin-inline: auto; min-height: 76px; gap: 24px; }
.l-header__logo { margin-right: auto; padding: 0; display: flex; flex-direction: column; line-height: 1.25; }
.c-headLogo { margin: 0; line-height: 1.25; }
.hw-head-box .btn { white-space: nowrap; }
.hw-head-box .head-tel a { font-size: 21px; line-height: 1.3; }
.hw-head-box .head-tel small { font-size: 11px; line-height: 1.3; }
.w-header .c-widget, .w-header__inner { font-size: inherit; line-height: 1.3; }
.c-headLogo__link, .l-header__logo .c-headLogo { font-family: var(--hw-mincho); font-size: 24px; letter-spacing: .04em; color: var(--hw-ink); }
.l-header__logo .c-catchphrase { font-size: 12px; color: var(--hw-note); padding: 0; }
.c-gnav > .menu-item > a { font-size: 15px; color: var(--hw-ink); padding: 0 11px; }
.c-gnav > .menu-item > a:hover, .c-gnav > .current-menu-item > a, .c-gnav > .current_page_parent > a { color: var(--hw-ai); text-decoration: underline; text-underline-offset: 3px; }
.c-gnav > .menu-item > a::after { display: none; }
.w-header { margin-left: 12px; }
.hw-head-box { display: flex; align-items: center; gap: 20px; }

/* ---------- フッター ---------- */
.l-footer { background: var(--hw-ink); }
.l-footer__widgetArea { padding: 0; }
.l-footer__widgetArea .l-container { max-width: none; padding: 0; }
.l-footer .w-footer { display: block; }
.l-footer .w-footer__box { width: 100%; padding: 0; }
.hw-foot-box .site-footer { padding-top: 64px; }
/* 著作権表示・下のリンクは見本のフッター（ウィジェット）が持つので、SWELL の下の帯と「先頭へ」ボタンは出さない */
.l-footer__foot, #pagetop, .p-fixBtnWrap { display: none; }
.hw-foot-box .site-footer a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- スマホ ---------- */
@media (max-width: 959px) {
  .w-header.pc_ { display: none; }
  .l-header__inner { min-height: 64px; }
  .l-header__logo .c-catchphrase { display: block; font-size: 11px; }
  .c-headLogo__link { font-size: 20px; }
  /* 見本と同じ並び：ロゴが左、「メニュー」の四角いボタンが右 */
  .l-header__inner { display: flex; align-items: center; }
  .l-header__logo { order: 1; position: static; transform: none; margin: 0 auto 0 0; }
  .l-header__menuBtn { order: 3; width: auto; }
  .l-header__customBtn { display: none; }
  .l-header__menuBtn .c-iconBtn { border: 1px solid var(--hw-rule); border-radius: 0; padding: 8px 14px; width: auto; height: auto; flex-direction: row; }
  .l-header__menuBtn .c-iconBtn__icon { display: none; }
  .l-header__menuBtn .c-iconBtn__label { font-size: 15px; color: var(--hw-ink); position: static; transform: none; }
}
/* 固定の相談ボタンぶん、ページの下に余白 */
@media (max-width: 768px) {
  body:not(.page-template-zoroya-lp) .l-footer { padding-bottom: 72px; }
}

/* コラムの表：ブロックエディタは表を figure で包む。見本（div.table-scroll）と同じく余白なし */
.zoroya-scope figure.wp-block-table { margin: 0; }