/* =====================================================================
 * ichi-antenna.com ブランドスキン
 * SANGOテーマの構造（パンくず/目次/関連記事/SEO）はそのまま使い、
 * 見た目だけ front-page.php（トップ）の配色・フォント・タイポに揃える。
 * トップは front-page.php の Tailwind で独立描画されるため、ここでの
 * .header / .entry-content 指定はトップに影響しない（クラスが異なる）。
 * ---------------------------------------------------------------------
 * 配色: trust-blue #126488 / action-orange #F39800 / primary #004b69
 * フォント: Noto Sans（本文） / Rubik（英数見出し）
 * ===================================================================== */

:root {
  --trust-blue: #126488;
  --action-orange: #F39800;
  --ink-primary: #004b69;
  --surface: #F4F7F8;
}

/* ---- フォント -------------------------------------------------------- */
body,
.entry-content,
.article-header .article-title {
  font-family: "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* ---- サイトヘッダー帯（トップの trust-blue バーに完全に寄せる）------ */
.header,
.header #inner-header,
#inner-header.inner-header {
  background: var(--trust-blue) !important;
  background-color: var(--trust-blue) !important;
}
.header {
  box-shadow: none;
  border: none;
}
/* インナーをトップと同じ「左ロゴ・右検索」の1行レイアウトに */
.header .inner-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 960px;
  min-height: 56px;
  padding: 0 20px;
}
/* ヘッダーのサイト名（このサイトはロゴ画像なし＝テキストロゴ）。
   旧CSSでリンクごと display:none にしてサイト名まで消えていたため、白文字で表示に戻す（2026-07-20）。 */
.header #logo,
.header #logo.logo {
  margin: 0;
  padding: 0;
}
.header #logo .header-logo__link,
.header .header-logo__link {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: .02em;
  text-decoration: none;
  white-space: nowrap;
}
.header #logo .header-logo__link:hover,
.header .header-logo__link:hover { opacity: .9; color: #ffffff !important; }
@media (max-width: 480px) {
  .header #logo .header-logo__link,
  .header .header-logo__link { font-size: 15px; }
}
/* 古いウイスキー時代のカテゴリnavはトップに存在しないので隠す（右は検索のみ） */
.header .desktop-nav {
  display: none;
}
/* 検索アイコンを白に */
.header .searchform__submit,
.header .header-search .fas,
.header .header-search__input + label,
.header .header-search .fa-search {
  color: #ffffff;
}
.header .header-search__modal .searchform__input { color: #333; }

/* ---- 告知バー＋PR帯（トップと同じ帯をJSで .header 直後に注入）------- */
.ichi-anno-bar {
  display: block;
  background: #ffddba;          /* secondary-fixed */
  color: #875200;              /* secondary */
  text-align: center;
  font-weight: 700;
  font-size: 14px;              /* トップの告知バーに一致（15px→14px で改行位置を揃える） */
  line-height: 24px;           /* トップと同じ行高。「モバイル保険」が途中で割れないように */
  padding: 12px 20px;
  text-decoration: none;
  word-break: normal;
  overflow-wrap: anywhere;
}
.ichi-anno-bar:hover { opacity: .9; }
.ichi-pr-bar {
  background: #f0eded;          /* surface-container */
  color: #9ca3af;
  text-align: center;
  font-size: 13px;
  padding: 10px 20px;
}

/* ---- 記事本文タイポグラフィ（.entry-content 内）--------------------- */
.entry-content {
  font-size: 17px;
  line-height: 2;
  color: #333;
}

/* H2: 左寄せ＋オレンジ下線（トップの見出しアクセント） */
.entry-content h2 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ink-primary);
  margin: 2.2em 0 1em;
  padding: 0 0 12px;
  border: none;
  background: none;
}
.entry-content h2::before { display: none; }
.entry-content h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  border-radius: 2px;
  background: var(--action-orange);
}

/* H3: trust-blue 文字＋オレンジ左罫 */
.entry-content h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--trust-blue);
  margin: 1.8em 0 .8em;
  padding: 2px 0 2px 12px;
  border: none;
  border-left: 5px solid var(--action-orange);
  background: none;
}

/* 強調（マーカー）＝ CV導線の「ここ重要／見逃すな」を全記事で目立たせる。
   著者が既に <strong> を付けた核心文に、トップと同じ下線マーカー（action-orange）を敷く。
   個別記事を触らずとも、全記事の重要文が自動でマーカー化される。 */
.entry-content strong {
  color: var(--ink-primary);
  font-weight: 700;
  background: linear-gradient(transparent 60%, rgba(243, 152, 0, .30) 60%);
  padding: 0 .06em;
}
/* コールアウト内・見出し内の strong はマーカー二重掛けを避ける */
.entry-content .ichi-point strong,
.entry-content h2 strong,
.entry-content h3 strong { background: none; padding: 0; }
.entry-content a {
  color: var(--trust-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.entry-content a:hover { opacity: .8; }

/* リスト（マーカーをオレンジに） */
.entry-content ul { list-style: disc; padding-left: 1.4em; }
.entry-content ul li::marker { color: var(--action-orange); }
.entry-content ol { padding-left: 1.4em; }

/* 引用・囲みカード（トップの simplebox 風） */
.entry-content blockquote {
  background: var(--surface);
  border: none;
  border-left: 5px solid var(--trust-blue);
  border-radius: 12px;
  padding: 18px 20px;
  margin: 1.6em 0;
  color: #333;
}

/* テーブル（見出し行 trust-blue・横スクロール対応） */
.entry-content .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.entry-content table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #d8e2e6;
  padding: 10px 12px;
  text-align: left;
}
.entry-content table thead th,
.entry-content table th {
  background: var(--trust-blue);
  color: #ffffff;
  font-weight: 700;
}
.entry-content table tbody tr:nth-child(even) td { background: #fafcfd; }

/* 記事タイトル（article-header）を primary 色に */
.article-header .article-title,
.entry-header .article-title {
  color: var(--ink-primary);
}

/* =====================================================================
 * ナルセ 吹き出し（再利用コンポーネント）
 * front-page.php の .bubble ＋アバターを .entry-content 用のプレーンCSSに移植。
 * 記事側は中の文章だけ差し替えて使い回す（毎回作らない）。
 * 使い方:
 *  <div class="ichi-fukidashi"><div class="ichi-fukidashi__avatar"></div><div class="ichi-fukidashi__body"><div class="ichi-fukidashi__name">ナルセ</div><div class="ichi-fukidashi__text">…コメント…</div></div></div>
 * アバターは img ではなく div の背景画像で描く（img だと wpautop が余計な
 * </p> を挿入して崩れるため。ナルセ画像は固定なので CSS に直書きする）。
 * ===================================================================== */
.entry-content .ichi-fukidashi {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 1.8em 0;
}
.entry-content .ichi-fukidashi__avatar {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #ffffff url('optimized/naruse-128.webp') center/cover no-repeat;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  margin: 0;
}
.entry-content .ichi-fukidashi__body {
  position: relative;
  flex: 1 1 auto;
  background: #ffffff;
  border: 1px solid #eae7e7;
  border-radius: 14px;
  padding: 14px 18px;
}
/* 左向きの吹き出しのしっぽ（アバター側を指す） */
.entry-content .ichi-fukidashi__body::before,
.entry-content .ichi-fukidashi__body::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.entry-content .ichi-fukidashi__body::before {
  border-width: 8px 10px 8px 0;
  border-color: transparent #eae7e7 transparent transparent;
}
.entry-content .ichi-fukidashi__body::after {
  border-width: 7px 9px 7px 0;
  border-color: transparent #ffffff transparent transparent;
  margin-right: -1px;
}
.entry-content .ichi-fukidashi__name {
  font-weight: 700;
  color: var(--trust-blue);
  font-size: 14px;
  margin: 0 0 4px;
  line-height: 1.4;
}
.entry-content .ichi-fukidashi__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

/* =====================================================================
 * 著者プロフィールカード（再利用コンポーネント）
 * front-page.php の Profile カードを .entry-content 用に移植。
 * 「この記事を書いた人」見出しの直下に置く。中の氏名・紹介文だけ差し替える。
 * ===================================================================== */
.entry-content .ichi-profile {
  border: 1px solid #d9e0e3;
  border-radius: 16px;
  padding: 22px 24px;
  margin: 1.4em 0 2em;
  background: #ffffff;
}
.entry-content .ichi-profile__head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.entry-content .ichi-profile__avatar {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #ffffff url('optimized/naruse-128.webp') center/cover no-repeat;
  margin: 0;
}
.entry-content .ichi-profile__label {
  font-family: "Rubik", "Noto Sans", sans-serif;
  font-style: italic;
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.2;
}
.entry-content .ichi-profile__name {
  font-weight: 700;
  color: var(--ink-primary);
  font-size: 19px;
  line-height: 1.3;
}
.entry-content .ichi-profile__bio {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}
.entry-content .ichi-profile__bio p { margin: 0 0 .8em; }
.entry-content .ichi-profile__bio p:last-child { margin-bottom: 0; }

/* =====================================================================
 * SANGOデフォルトのオレンジchrome（#DD9933 / #FFB36B）を
 * トップページ（front-page.php）の trust-blue #126488 / action-orange #F39800
 * に統一する。サイドバー・フッター・検索・カテゴリ見出し等、記事本文の
 * 外側に残っていたオレンジを全部つぶす。デザイン統一の総ざらい。
 * 記事本文（.entry-content）の見出しは別ルールで上書き済みなので影響しない。
 * ===================================================================== */

/* ウィジェット見出しバー（サイドバー「カテゴリー」等）＝ trust-blue 帯 */
.widgettitle,
.widget-title,
.widget_block .wp-block-heading,
#sidebar .wp-block-heading,
.normal-sidebar .wp-block-heading,
.main-inside .widget_block .wp-block-heading,
.footer .wp-block-heading {
  background: var(--trust-blue) !important;
  color: #ffffff !important;
  border-color: var(--trust-blue) !important;
}

/* 検索ボタン（ブロック検索・ヘッダー検索送信）＝ trust-blue */
.wp-block-search__button,
.wp-block-search__button.wp-element-button,
.searchform__submit,
button.searchform__submit,
.searchsubmit {
  background: var(--trust-blue) !important;
  background-color: var(--trust-blue) !important;
  border-color: var(--trust-blue) !important;
  color: #ffffff !important;
}
.wp-block-search__button:hover,
.searchform__submit:hover { opacity: .9; }

/* フッターのオレンジ帯（#footer-menu）＝ trust-blue（トップのフッターと同色） */
#footer-menu {
  background: var(--trust-blue) !important;
  background-color: var(--trust-blue) !important;
}
#footer-menu a,
#footer-menu .footer-menu__btn,
#footer-menu .dfont,
.footer-menu__btn {
  color: #ffffff !important;
}

/* accent系ボタン（「ホームに戻る」等の #FFB36B サーモン）＝ action-orange */
.btn.raised.accent-bc,
.btn.accent-bc,
a.accent-bc,
.accent-bc {
  background: var(--action-orange) !important;
  background-color: var(--action-orange) !important;
  border-color: var(--action-orange) !important;
  color: #ffffff !important;
}
.btn.accent-bc:hover,
a.accent-bc:hover { opacity: .9; }

/* 各所に散る検索アイコン（虫眼鏡）のオレンジ＝ trust-blue に寄せる
   （ヘッダー内は既存ルールで白のまま。ヘッダー外のみ trust-blue） */
.fa-search,
.fas.fa-search {
  color: var(--trust-blue);
}
.header .fa-search,
.header .fas.fa-search { color: #ffffff; }

/* 検索結果タイトルの虫眼鏡アイコン（サーモン丸 #FFB36B）＝ trust-blue 丸＋白アイコン */
.search-title .fa-search,
.search-title .fas.fa-search,
h1.search-title .fa-search {
  background: var(--trust-blue) !important;
  color: #ffffff !important;
}

/* 404/検索0件ページのカテゴリ見出し（クラスなし span のオレンジ帯）＝ trust-blue */
.withtag_list span,
.nofound-contents .withtag_list span {
  background: var(--trust-blue) !important;
  color: #ffffff !important;
}

/* SNSシェアボタン（SANGOの「SHARE」帯＋tw/fb/hatebu/lineボタン）を非表示。
   記事上下2箇所の .sns-btn ブロックごと消す（オレンジのシェアアイコンも消える）。 */
.sns-btn,
.entry-content + .sns-btn,
.article-body .sns-btn {
  display: none !important;
}

/* ============================================================
   記事内の「ここが重要／見逃すな」を強調するコンポーネント
   目的: 読者をCTA（CV）へ導く核心部分を、トップと同じトーンで際立たせる
   ============================================================ */

/* 手動マーカー（strong を使わず一部だけ引きたい時） */
.entry-content .ichi-marker {
  background: linear-gradient(transparent 60%, rgba(243, 152, 0, .30) 60%);
  font-weight: 700;
  padding: 0 .06em;
}
.entry-content .ichi-marker--blue {
  background: linear-gradient(transparent 60%, rgba(18, 100, 136, .22) 60%);
}

/* ここが重要 コールアウトbox（CV直前の核心メッセージを囲う） */
.entry-content .ichi-point {
  position: relative;
  margin: 1.9em 0;
  padding: 22px 22px 18px;
  background: #fff7ec;
  border: 1px solid #f6d9a8;
  border-radius: 14px;
}
.entry-content .ichi-point::before {
  content: "ここが重要";
  position: absolute;
  top: -13px;
  left: 18px;
  display: inline-block;
  background: var(--action-orange);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 4px 14px;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(243, 152, 0, .30);
}
.entry-content .ichi-point[data-label]::before { content: attr(data-label); }
.entry-content .ichi-point > :first-child { margin-top: 0; }
.entry-content .ichi-point > :last-child { margin-bottom: 0; }

/* ============================================================
   スマホ限定 追従フッターCTA（2026-07-20 ユーザー依頼）
   競合と同様、モバイルのみ画面下部に固定するCTAバー。
   functions.php の ichi_inject_sticky_cta() がJSで body 直前に注入する。
   PCでは非表示。本文には一切書かない（テーマ管理）。
   ============================================================ */
.ichi-sticky-cta { display: none; }
@media (max-width: 782px) {
  .ichi-sticky-cta {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--action-orange, #f39800);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .18);
    text-decoration: none;
  }
  .ichi-sticky-cta__icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background: no-repeat center/contain
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.3l.9-4.5V3c0-.4-.2-.8-.4-1.1L14 1 7.6 7.4C7.2 7.8 7 8.3 7 8.8V19c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7c.1-.3.2-.5.2-.8v-2z"/></svg>');
  }
  .ichi-sticky-cta__text {
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
  }
  .ichi-sticky-cta__arrow {
    flex: 0 0 auto;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
  }
  /* 追従フッターが本文末尾を隠さないよう下部に余白を確保 */
  body.single .site,
  body.page .site { padding-bottom: 64px; }
}

/* ============================================================
   ヘッダーをトップに完全統一：ロゴ名の前に盾アイコン（トップの verified_user）を付与（2026-07-20）
   サイト名テキストは変更せず（SEO/schema維持）、見た目だけトップに揃える。
   Material Symbols は functions.php で全ページ読み込み済み。
   ============================================================ */
.header .header-logo__link::before {
  font-family: 'Material Symbols Outlined';
  content: 'verified_user';
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  margin-right: 8px;
  color: #ffffff;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  flex: 0 0 auto;
}
@media (max-width: 480px) {
  .header .header-logo__link::before { font-size: 20px; margin-right: 6px; }
}

/* ============================================================
   3アイコン クイックナビ（2026-07-20 ユーザー依頼）
   競合と同じ横並び配置。トップ（front-page.php）はヘッダー直後に直書き、
   記事/固定ページは functions.php の ichi_inject_quick_nav() がJSで注入。
   行き先はトップの3バナーと同一リンク。ブランドカラー trust-blue を維持。
   ============================================================ */
.ichi-quick-nav {
  display: flex;
  background: #ffffff;
  border-bottom: 1px solid #e3e8ec;
}
.ichi-quick-nav__item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 6px;
  text-decoration: none;
  border-right: 1px solid #eef2f5;
  transition: background .15s ease;
}
.ichi-quick-nav__item:last-child { border-right: none; }
.ichi-quick-nav__item:hover { background: #f4f8fb; }
.ichi-quick-nav__item .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
  color: var(--trust-blue, #126488);
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.ichi-quick-nav__label {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: #1b2b33;
  letter-spacing: .01em;
  white-space: nowrap;
}
@media (max-width: 360px) {
  .ichi-quick-nav__label { font-size: 11px; }
  .ichi-quick-nav__item .material-symbols-outlined { font-size: 24px; }
}

/* ============================================================
   ハンバーガーメニュー（競合と同じくヘッダー右・検索の隣）（2026-07-20）
   トップは front-page.php に直書き、記事/固定ページは functions.php が注入。
   パネルはヘッダー直後にアコーディオン式（display none/block）で開閉。
   ============================================================ */
.ichi-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  margin-left: 12px;
  cursor: pointer;
  color: #ffffff;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}
.ichi-menu-btn .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
  color: #ffffff;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* SANGOの検索アイコンと高さを揃える（記事側） */
.header .ichi-menu-btn { opacity: .95; }
.header .ichi-menu-btn:hover { opacity: 1; }

/* ============================================================
   記事・固定ページの右アイコンクラスタ（トップと完全一致させる）
   トップ(front-page.php)は <div class="flex gap-1"> に
   [🔍 24px opacity.8 箱なし] + [☰] を右端20pxで密集配置している。
   SANGO純正の .header-search（48px・箱付き）は隠し、同型を再現する。
   ============================================================ */
.header { position: relative; }
.ichi-hdr-icons {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 5;
}
.ichi-hdr-icons .ichi-hdr-search {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  opacity: .8;
  cursor: pointer;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.ichi-hdr-icons .ichi-hdr-search:hover { opacity: 1; }
/* クラスタ内はgapで間隔を制御するのでボタンの左マージンは相殺 */
.ichi-hdr-icons .ichi-menu-btn { margin-left: 0; padding: 0; }
/* 純正検索は視覚的に隠す（checkbox/modalはDOM温存で検索機能を維持） */
.header-search.ichi-native-search-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ichi-menu-panel {
  display: none;
  background: #ffffff;
  border-bottom: 1px solid #e3e8ec;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
.ichi-menu-panel.is-open { display: block; }
.ichi-menu-panel a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2b33;
  text-decoration: none;
  border-bottom: 1px solid #eef2f5;
}
.ichi-menu-panel a:last-child { border-bottom: none; }
.ichi-menu-panel a:hover { background: #f4f8fb; }
.ichi-menu-panel a .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-size: 22px;
  color: var(--trust-blue, #126488);
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  flex: 0 0 auto;
}

/* PCは通常ナビゲーションを使うため、ハンバーガーと展開パネルを表示しない。 */
@media (min-width: 769px) {
  .ichi-menu-btn,
  .ichi-menu-panel { display: none !important; }
}

/* 記事・固定ページ：タイトル文字列は functions.php でトップと同じ短い表記に統一済み。
   SANGO の #logo(display:table) はロゴを中央寄せするため、リンク左に約46pxの無駄な余白ができ、
   狭い端末(360px以下)でタイトル右端が検索アイコンに重なっていた。
   #logo を左寄せにして右側に空きを作り、16px のままアイコン（🔍→☰）と重ならないようにする。
   max-width はビューポート相対にして、320px 級の極狭端末でもはみ出さない保険。
   トップページは front-page.php の専用マークアップ（.header ではない）のため影響なし */
@media (max-width: 480px) {
  /* ロゴをトップ(front-page.php)のテキストspanと同一メトリクスに揃える:
     18px / weight700 / line-height28px / letter-spacing0.45px / white-space normal(折り返す)。
     max-width は link 側に inline-block で掛けて、右アイコンクラスタ手前で折り返させる。
     基準: トップのロゴ自然幅=約235px。実機幅360では1行維持、狭幅では重ならず2行折返し。
     calc(100vw - 123px): 360→237(1行) / 345→222(2行) / 320→197(2行)。いずれもアイコンと重ならない。 */
  /* 縦位置：SANGO の #logo::before(height:62px の左フロート)がロゴ文字を
     ヘッダーバー上端に貼り付け、トップ(front-page.php)より約10px 高い位置に浮かせていた。
     #logo を display:flex + align-items:center にすると、フロートは flex 子に効かず
     0 幅の flex アイテムに退化し、リンクがバー中央に正しく縦センターされる。
     max-width はビューポート相対で右アイコンクラスタ手前にボックスを収める保険。 */
  .header #logo {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    max-width: calc(100vw - 110px) !important;
  }
  .header .header-logo__link {
    display: inline-block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    letter-spacing: 0.45px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: calc(100vw - 123px) !important;
  }
}

/* 320px 級の極狭端末のみ：トップ(front-page.php)と全く同じ2行折返しに揃える。
   トップは 320px でロゴ親幅=206px、1行目=「スマホ保証 見直し診」/2行目=「断所」で割れる。
   ブログ側は #logo が display:table で縮小挙動をするため、幅を 200px に固定し link を block 化すると
   同じフォントのまま同一位置(「見直し診」)で折り返す。
   200px: 1行目実グリフ右端=230.8px / #logo ボックス右端=232.8px ＜ アイコン左端234px（非干渉）。
   本ブロックは max-width:340px に限定するため、1行で収まる 360px/390px には一切適用されず現状維持。 */
@media (max-width: 340px) {
  /* display:flex は 480px ブロックから継承（縦センター維持）。ここでは幅だけ 200px に絞り、
     link を block 化してトップと同じ「見直し診」で2行に割る。 */
  .header #logo {
    width: 200px !important;
    max-width: 200px !important;
  }
  .header .header-logo__link {
    display: block !important;
    max-width: none !important;
  }
}

/* ============================================================
   記事下エリアを競合（うざい広告撲滅ブログ）と同じ構成に揃える
   ・前の記事/次の記事（.prnx_box）を非表示。
     ＝カテゴリ下に出るサムネ付きカード（SANGO既定の波サムネ）もこれで消える。
   ・SANGO標準の関連記事スライダー（.related-posts）も非表示。
     ＝JS/AJAXで後から挿入される波サムネ付きカードもこれで消える。
   ・代わりにトップページ（front-page.php）と同じCTAバナー3枚を設置
     （画像リンクは functions.php の ichi_inject_below_banners で server-render）。
   ============================================================ */
.prnx_box { display: none !important; }
.related-posts { display: none !important; }

.ichi-belowbanners {
  max-width: 800px;
  margin: 40px auto 8px;
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ichi-belowbanners__item {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}
.ichi-belowbanners__item:hover {
  box-shadow: 0 8px 22px rgba(18,100,136,.18);
  transform: translateY(-2px);
}
.ichi-belowbanners__item img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .ichi-belowbanners { gap: 20px; }
}