/* ==========================================================================
   外装(ヘッダー/ナビ/フッター)と基本タイポグラフィ  (Xwrite 移植版)
   出自: _core/data/kaikei-tax-theme/css-src/chrome.css(154行)
   セレクタ対応(全て解析§3の実測DOM・推測なし):
     .entry-content            → .articleBody            (parts/single/post-content.php:10)
     #header-container         → .header                 (header.php:63)
     #header-in                → .header .container      (header.php:64)
     #header-in .logo-header   → .siteInfo__logo/__title (header.php:71-76)
     #header-in .tagline       → .siteInfo__desc         (header.php:79)
     #navi .navi-in > ul       → .gnav .gNavList         (lib/head.php:442 xw_header_menu)
     #footer                   → .footer                 (footer.php:28)
     #footer-in                → .footer .container      (parts/footer/footer-widget.php)
     #navi-footer .menu-footer → .siteNavList--footer    (footer.php:32)
     #content-in               → .contents > .container  (index.php:34 他)
     #main                     → .main                   (index.php:34 他)
     #sidebar                  → .side                   (sidebar.php:10)
     .breadcrumb               → .breadcrumbs            (lib/utils.php:107-109)
     .single .entry-title      → .articleHeader__title   (parts/single/post-header.php:21)
   削除(移植先で意味を失うCocoon固有DOM依存): .wrap / body.fz-18px /
     .mobile-header-menu-buttons 一式 / .navi-menu-content / .search-menu-content /
     .menu-drawer / .menu-close-button / .footer-bottom* / .footer-bottom-logo /
     body.no-sidebar 巻き添え防止2件(Xwriteはウィジェット空でsidebarが消えない=
     xw_show_sidebar()+theme_mod show_sidebar 制御のため不要)
   色・寸法の値は1つも変えていない。
   ========================================================================== */

/* --- 基本 ----------------------------------------------------------------- */
body{ background:var(--kt-bg); color:var(--kt-ink); font-size:16px; }
.articleBody{ font-size:15px; line-height:2; color:var(--kt-text); }
.articleBody > p{ font-size:15px; line-height:2; color:var(--kt-text); }
.articleBody a{ color:var(--kt-link); }
.contents{ padding-top:0; }

/* --- ヘッダー -------------------------------------------------------------
   版面幅(1240)は theme_mod site_content_width=1240 が :root --site-content-width で
   出すため、Cocoon 時代の .wrap{max-width:1240px} は不要になった(削除)。 */
.header{ background:var(--kt-deep); }
.header > .container{
  display:flex; flex-direction:row; align-items:center; justify-content:space-between;
  gap:20px; height:50px; padding:0;
}
.header .headerInfo{
  display:flex; flex-direction:row; align-items:center; justify-content:space-between;
  gap:20px; flex:1 1 auto; width:100%;
}
.header .siteInfo{
  order:1; display:flex; align-items:baseline; gap:16px; margin:0; padding:0; flex:1 1 auto;
}
.header .siteInfo__logo{ margin:0; padding:0; flex:0 0 auto; width:auto; text-align:left; }
.header .siteInfo__title{
  margin:0; font-size:20px; font-weight:600; letter-spacing:.22em; color:#fff;
}
.header .siteInfo__title a{ color:#fff; text-decoration:none; }
.header .siteInfo__desc{
  margin:0; padding:0; flex:1 1 auto; max-width:none;
  font-size:12px; line-height:1.4; letter-spacing:.04em; color:#9DB6A8; text-align:left;
}
.kt-headtools{ order:3; flex:0 0 auto; display:flex; align-items:center; gap:12px; }
.kt-headtools__rss{
  font:500 11px/1 var(--kt-mono); letter-spacing:.1em; color:#9DB6A8 !important; text-decoration:none;
}
.kt-headtools__rss:hover{ color:#fff !important; }
.kt-headtools form{ display:flex; align-items:center; margin:0; }
.kt-headtools input[type="search"], .kt-headtools input[type="text"]{
  width:214px; height:30px; padding:0 10px 0 26px; border:1px solid var(--kt-mid);
  background:#2C463B url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='5' cy='5' r='4' fill='none' stroke='%239DB6A8'/%3E%3Cpath d='M8 8l3 3' stroke='%239DB6A8'/%3E%3C/svg%3E") no-repeat 8px center;
  color:#fff; font-size:12px; border-radius:0;
}
.kt-headtools input::placeholder{ color:#7F9C8C; }

/* --- グローバルナビ ---------------------------------------------------------
   Xwrite は nav.gnav.navbar > .nav__drawers > ul.gNavList(lib/head.php:442)。
   Cocoon の #navi 帯(42px)相当をこの器で作る。 */
.gnav{ background:transparent; border:0; }
.gnav .gNavList{
  display:flex; justify-content:flex-start; height:42px; text-align:left;
  margin:0; padding:0; list-style:none;
}
.gnav .gNavList > li{ height:42px; }
.gnav .gNavList > li > a{
  display:block; height:42px; line-height:42px; padding:0 16px; font-size:14px;
  color:#C3D4C9; background:transparent; text-decoration:none;
}
.gnav .gNavList > li > a:hover{ background:var(--kt-mid); color:#fff; }
.gnav .gNavList > li.current-menu-item > a,
.gnav .gNavList > li.current-page-ancestor > a{
  color:#fff; box-shadow:inset 0 -2px 0 var(--kt-accent);
}
.gnav .gNavList > li > a .menu-item-title{ font-size:14px; }

/* --- フッター ------------------------------------------------------------- */
.footer{ background:#1A2B24; color:#B6CCBF; padding:12px 0; border:0; }
.footer a{ color:#C3D4C9 !important; }
.footer a:hover{ color:#fff !important; }
.kt-footnote{
  display:block; text-align:center; font-size:11px; line-height:1.7;
  color:#7F9C8C; padding:0 0 6px;
}
.siteNavList--footer .siteNavList{
  display:flex; justify-content:flex-start; text-align:left; flex-wrap:wrap;
  margin:0; padding:0; list-style:none;
}
.siteNavList--footer .siteNavList li{ border:0; }
.siteNavList--footer .siteNavList li a{ font-size:12px; padding:2px 18px 2px 0; border:0; text-decoration:none; }
.container-siteNavList{ margin:0; }
.footer .copyright{ font-size:11px; color:#7F9C8C; text-align:right; margin:0; font-style:normal; }
@media(max-width:834px){
  .footer .copyright{ text-align:left; }
}

/* --- 本文カラム幅（設計 main 874 / gap 14 / rail 352 = 1240）-----------------
   Xwrite は .sidebar-right .contents > .container が flex + space-between
   (site.css 実測)。874 + 352 = 1226 を 1240 の器に置くと space-between が
   ちょうど 14px を作るため、gap 指定ではなく幅の指定だけで版面が成立する。
   Cocoon 時代の #content-in{gap:24px} → 14px の調整(r2.css [G1])はここに統合。 */
@media (min-width:1024px){
  .main{ max-width:874px; flex:1 1 auto; }
  .sidebar-right .side, .side{ width:var(--kt-rail); flex:0 0 var(--kt-rail); margin-left:0; padding:0; background:transparent; }
}

/* --- モバイル（設計 MOBILE 390）-------------------------------------------- */
@media(max-width:834px){
  .kt-today{ padding:16px 18px; }
}

/* --- パンくず / 記事タイトルの設計値 ---------------------------------------- */
.breadcrumbs a, .breadcrumbs li{ color:#56645C; }
.articleHeader__title{ font-size:29px; font-weight:600; line-height:1.55; letter-spacing:.01em; }