@charset "UTF-8";
/* ============================================================================
   士業のチカラ ブランド調整レイヤー
   ----------------------------------------------------------------------------
   うるチカラ側では Code Snippets（「リニューアル v21」「PCトップをスマホ寄せ」等）に
   分散していた装飾を、こちらでは子テーマ内の1ファイルに集約している。
   読み込み順は style.css → drawer.css → uc-unified.css → 本ファイル（最後）。
   配色は濃紺 × エンジ。
   ============================================================================ */

:root{
  --sgy-navy:      #0B2E4F;  /* 主色：見出し・カテゴリバッジ・フッター */
  --sgy-navy-deep: #071F36;
  --sgy-accent:      #7A1C1C;  /* 副色：リンク・ボタン・アクティブタブ */
  --sgy-accent-dark: #5E1414;
  --sgy-accent-soft: #F5EFEF;  /* 淡い背景 */
  --sgy-ink:       #1a1d26;  /* 本文 */
  --sgy-muted:     #6b7280;  /* 日付など */
  --sgy-line:      #e6ebf2;
  --sgy-gold:      #B8860B;  /* 装飾の細線のみ。面では使わない */

  /* 士業のチカラ 正式パレット名（上のエイリアス。今後はこちらを使う） */
  --navy:       #0B2E4F;
  --blue:       #1a5599;  /* 予備。現状どの要素にも塗っていない */
  --accent-red: #7A1C1C;
  --accent-gold:#B8860B;
}

/* ============================================================================
   1. ヘッダー
   ============================================================================ */
/* ------------------------------------------------------------------
   ロゴ幅とキャッチフレーズ。
   不動産のチカラ（Code Snippets 側で当てている値）と1:1で揃えてある。
   数値を触ると姉妹媒体とサイズ感がずれるので、変えるときは両媒体まとめて。
   ------------------------------------------------------------------ */
.site-header .site-title img,
.site-title img,
#masthead img[src*="top_logo"]{
  width:260px !important;
  max-width:60vw !important;
  height:auto !important;
  display:block !important;
}
.site-header .site-description,
.site-title .site-description,
.site-description{
  display:block !important;
  color:var(--sgy-muted);
  font-size:0.95rem !important;
  font-weight:500 !important;
  letter-spacing:0.06em !important;
  line-height:1.5 !important;
  margin-top:8px !important;
  padding:0 !important;
  /* 折り返すとロゴ下の帯（スマホの sticky 検索バー）に重なるため1行で固定する */
  white-space:nowrap !important;
}
@media (max-width:767px){
  .site-header .site-title img,
  .site-title img,
  #masthead img[src*="top_logo"]{
    width:220px !important;
    max-width:55vw !important;
  }
  .site-description{
    font-size:0.8rem !important;
    letter-spacing:0.04em !important;
    white-space:nowrap !important;
  }
}
@media (max-width:380px){
  .site-title img{ width:180px !important; }
  .site-description{ font-size:0.72rem !important; }
}
.site-header-main .primary-menu a{ color:var(--sgy-navy); font-weight:600; }
.site-header-main .primary-menu a:hover{ color:var(--sgy-accent); }
.sgy-icon-item img{ display:block; }

/* ------------------------------------------------------------------
   ハンバーガーボタンのクリック判定を確保する。
   - ロゴの <a> が横幅いっぱいに広がりボタンの上に重なってタップを奪っていた
   - uc-unified.css がスマホで z-index:5 まで下げるため、ドロワー(#g-nav,
     z-index:999)が開くとボタンが裏に隠れて閉じられなくなる
   どちらも「ボタンを最前面に出す」ことで解消する。
   ------------------------------------------------------------------ */
.openbtn1{ z-index:1000 !important; }
@media (max-width:767px){
  .openbtn1{ position:absolute !important; top:0 !important; right:0 !important; z-index:1000 !important; }
  /* ロゴのリンク領域をボタンの手前で止める */
  .site-header-main .site-title{ max-width:calc(100% - 62px); }
}

/* 親テーマは .primary-menu を justify-content:space-between にしており、
   うるチカラ（7項目）と違い当サイトはヘッダー3項目なので間延びする。右寄せに変更。 */
@media (min-width:768px){
  #site-header-menu .primary-menu{
    justify-content:flex-end !important;
    gap:34px;
    align-items:center;
  }
}

/* ------------------------------------------------------------------
   固定ヘッダー(.site-header-main は position:fixed / height:7.2vw)の
   ぶんだけトップの中身を押し下げる。
   うるチカラでは .header-wrapper（ヒーロースライダー）の margin-top が
   この役目を担っていたが、当サイトではそのブロックを撤去したため
   #top_page 側で明示的にオフセットを取る。
   ※スマホ(<=767px)では uc-unified.css が固定ヘッダーを解除するので不要。
   ------------------------------------------------------------------ */
@media (min-width:768px){
  #top_page{ padding-top:calc(7.2vw + 18px); }
}

/* ============================================================================
   2. 記事カード（カテゴリ／アーカイブ／検索の共通レイアウト）
      サムネはアスペクト比16:10に固定し、contain で見切れを防ぐ。
   ============================================================================ */
.entry-thumbnail,
.archiveWrap .entry-thumbnail,
figure.entry-thumbnail{
  background:var(--sgy-accent-soft) !important;
  overflow:hidden !important;
  aspect-ratio:16/10 !important;
  width:100% !important;
  height:auto !important;
  border-radius:8px !important;
  display:block !important;
  margin:0 !important;
}
.entry-thumbnail img,
.entry-thumbnail .wp-post-image,
figure.entry-thumbnail img{
  object-fit:contain !important;
  object-position:center !important;
  width:100% !important;
  height:100% !important;
  background:var(--sgy-accent-soft) !important;
  display:block !important;
}

/* カード全体を縦並び（カテゴリ → サムネ → 日付 → タイトル） */
.archiveWrap .archive .article-link{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  text-decoration:none !important;
  position:relative;
}
.archiveWrap .archive .cat{ order:1 !important; align-self:flex-start; }
.archiveWrap .archive .entry-thumbnail{ order:2 !important; }
.archiveWrap .archive .entry-content{ order:3 !important; }
.archiveWrap .archive .date{ font-size:13px; color:var(--sgy-muted); margin:0; }

/* カテゴリバッジ：画像に被らないよう通常フローに置く */
.cat,
.archive .cat,
.archiveWrap .archive .cat,
.newsWrap .cat{
  position:static !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  display:inline-block !important;
  font-size:14px !important;
  font-weight:700 !important;
  padding:6px 14px !important;
  border-radius:6px !important;
  background:var(--sgy-navy) !important;
  color:#fff !important;
  letter-spacing:.02em !important;
  margin:0 0 8px 0 !important;
  line-height:1.2 !important;
  z-index:auto !important;
}

/* 記事タイトルの字面を統一 */
.entry-title-new,
.archiveWrap .archive .entry-title-new,
p.entry-title-new{
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP","Hiragino Sans","Meiryo",sans-serif !important;
  font-weight:800 !important;
  color:var(--sgy-navy) !important;
  font-size:17px !important;
  line-height:1.55 !important;
  letter-spacing:.01em !important;
}

/* ============================================================================
   3. スマホ（<=640px）のカード：左サムネの行リストに切り替える
   ============================================================================ */
@media (max-width:640px){
  .archiveWrap{ display:flex; flex-direction:column; gap:18px; }
  .archiveWrap .archive{ list-style:none; }
  .archiveWrap .archive .article-link{
    display:grid !important;
    grid-template-columns:130px 1fr !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:"cat cat" "thumb content" !important;
    gap:6px 12px !important;
    align-items:start !important;
  }
  .archiveWrap .archive .cat{
    grid-area:cat !important;
    justify-self:start !important;
    width:auto !important;
    white-space:nowrap !important;
    margin:0 !important;
    font-size:13px !important;
    padding:5px 10px !important;
  }
  .archiveWrap .archive .entry-thumbnail{
    grid-area:thumb !important;
    width:130px !important;
    margin:0 !important;
    border-radius:8px !important;
  }
  .archiveWrap .archive .entry-thumbnail img{
    width:100% !important; height:90px !important;
    object-fit:contain !important; display:block !important;
    background:var(--sgy-accent-soft) !important;
  }
  .archiveWrap .archive .entry-content{ grid-area:content !important; min-width:0 !important; }
  .archiveWrap .archive .date{ font-size:12px; margin:2px 0 4px; }
  .archiveWrap .archive .entry-title-new{ font-size:15px !important; margin:0; word-break:break-word; }

  body, p, li{ font-size:16px; line-height:1.85; -webkit-text-size-adjust:100%; }
  h1{ font-size:26px !important; line-height:1.45 !important; }
  h2{ font-size:22px !important; line-height:1.45 !important; }
  h3{ font-size:19px !important; line-height:1.5 !important; }
  .entry-title{ font-size:22px !important; line-height:1.5 !important; }
}

/* ============================================================================
   4. トップページ（#top_page）を PC でも Yahoo!風に寄せる
      うるチカラのスニペット「PCトップをスマホ寄せ 2026-06-19」相当。
      - モバイル用の検索バーはPCでは隠し、カテゴリタブだけ常時表示
      - PC専用検索窓とタブの横幅を揃える（980px・中央寄せ）
   ============================================================================ */
@media (min-width:768px){
  #top_page .uc-mb{
    display:block !important;
    position:static !important;
    box-shadow:none !important;
    z-index:auto !important;
  }
  #top_page .uc-mb-search{ display:none !important; }
  #top_page .uc-mb-tabs{
    max-width:980px !important;
    margin:0 auto !important;
    justify-content:center;
  }
  #top_page .uc-pc-search{
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* PCのカテゴリタブ（黒文字の整った横並び。アクティブはライトブルーの下線） */
@media (min-width:768px){
  #top_page .uc-mb-tabs{
    display:flex !important; flex-wrap:nowrap; align-items:center;
    border-top:1px solid var(--sgy-line); border-bottom:1px solid var(--sgy-line);
    background:#fff; overflow-x:auto;
  }
  #top_page .uc-mb-tabs::-webkit-scrollbar{ display:none; }
  #top_page .uc-mb-tabs a{
    padding:9px 13px !important; font-size:14px !important; font-weight:600 !important;
    color:var(--sgy-ink) !important; white-space:nowrap; text-decoration:none;
    position:relative; flex:0 0 auto;
  }
  #top_page .uc-mb-tabs a::before{ display:none !important; }
  #top_page .uc-mb-tabs a:hover{ color:var(--sgy-accent) !important; }
  #top_page .uc-mb-tabs a.on{ color:var(--sgy-ink) !important; box-shadow:inset 0 -3px 0 var(--sgy-accent); }
}

/* ============================================================================
   4-b. トップの検索窓・ページ送り・PC 2列リスト
        （うるチカラでは post-top.php のインラインstyleにあったぶん）
   ============================================================================ */

/* PC専用検索窓はスマホでは隠す（スマホは .uc-mb 内の検索バーを使う） */
.uc-pc-search{ display:none; }

@media (max-width:767px){
  #top_page{ padding-top:0 !important; }
  #top_page .newsWrap{ margin:0 !important; }
}

@media (min-width:768px){
  .uc-pc-search{ display:block; max-width:600px; margin:28px auto 6px; padding:0 20px; }
  .uc-pc-search form{
    display:flex; align-items:center; height:50px; background:#f1f2f4;
    border:1px solid #e2e4e8; border-radius:10px; padding:0 6px 0 16px; margin:0;
  }
  .uc-pc-search .uc-mb-mag{ width:20px; height:20px; fill:#9aa1ad; flex:0 0 auto; }
  .uc-pc-search input[type="search"]{
    flex:1; min-width:0; border:0; outline:0; background:transparent;
    font-size:16px; margin-left:10px; color:#333; -webkit-appearance:none;
  }
  .uc-pc-search .uc-mb-go{
    flex:0 0 auto; border:0; background:var(--sgy-accent); color:#fff;
    font-size:14px; font-weight:700; padding:10px 22px; border-radius:8px; cursor:pointer;
  }

  /* 新着リストを2列のコンパクトな行リストに（1画面あたりの記事数を増やす） */
  #top_page .newsWrap > .archiveWrap{
    display:grid !important; grid-template-columns:1fr 1fr; column-gap:40px; row-gap:0;
    max-width:1120px; margin:20px auto 0 !important; padding:0 20px;
  }
  #top_page .newsWrap .archive{
    width:auto !important; margin:0 !important; padding:0 !important;
    border-bottom:1px solid #eee; background:#fff; list-style:none;
  }
  #top_page .newsWrap .archive .article-link{
    display:grid !important; grid-template-columns:124px 1fr !important;
    grid-template-areas:"cat cat" "thumb content" !important;
    column-gap:14px; align-items:start; padding:13px 2px; text-decoration:none;
  }
  #top_page .newsWrap .archive figure{
    grid-area:thumb !important; width:124px !important; height:78px !important;
    min-height:0 !important; margin:0 !important; border-radius:6px; overflow:hidden;
    aspect-ratio:auto !important;
    background-color:var(--sgy-accent-soft); background-size:cover !important;
    background-position:center !important; background-repeat:no-repeat;
  }
  #top_page .newsWrap .archive figure.uc-mb-thumb{ background-image:var(--uc-thumb) !important; }
  #top_page .newsWrap .archive figure img{ display:none !important; }
  /* トップの一覧ではカテゴリを塗りバッジではなくプレーンな文字にして縦幅を節約 */
  #top_page .newsWrap .archive .cat{
    grid-area:cat !important; justify-self:start; display:inline-block;
    margin:0 0 3px !important; padding:0 !important;
    background:transparent !important; background-color:transparent !important;
    color:var(--sgy-accent-dark) !important; font-size:12px !important;
    line-height:1.4 !important; font-weight:700; border-radius:0 !important;
  }
  #top_page .newsWrap .archive .entry-content{
    grid-area:content !important; display:flex; flex-direction:column; min-width:0; padding:0;
  }
  #top_page .newsWrap .archive .entry-content .entry-title-new{
    order:1; margin:0 !important; font-size:15px !important; line-height:1.5 !important;
    font-weight:600; color:var(--sgy-ink) !important;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  #top_page .newsWrap .archive .entry-content .date{
    order:2; margin:5px 0 0 !important; font-size:12px; color:#9aa1ad;
  }
}

/* 前/次ページ送り（PC・スマホ共通。PCは中央寄せ） */
.uc-mb-pager{ display:flex; justify-content:center; gap:12px; max-width:760px; margin:24px auto 40px; padding:0 16px; }
.uc-mb-more{
  flex:0 1 280px; padding:14px; text-align:center; background:var(--sgy-accent); color:#fff !important;
  font-size:15px; font-weight:700; text-decoration:none; border-radius:8px;
}
.uc-mb-more:hover,.uc-mb-more:active{ background:var(--sgy-accent-dark); opacity:1 !important; }
.uc-mb-more.uc-prev{ flex:0 1 160px; background:#fff; color:var(--sgy-accent) !important; border:1px solid var(--sgy-accent); }
@media (max-width:767px){
  .uc-mb-pager{ gap:10px; margin:16px 12px 28px; padding:0; max-width:none; }
  .uc-mb-more{ flex:1; padding:15px; }
  .uc-mb-more.uc-prev{ flex:0 0 38%; }
}

/* ============================================================================
   5. 記事末尾CTA（士業事務所向け）
   ============================================================================ */
.sgy-cta-block{
  margin:48px 0 16px;
  padding:28px 24px;
  background:var(--sgy-accent-soft);
  border-radius:12px;
  border-left:5px solid var(--sgy-accent);
}
.sgy-cta-block h3{
  font-size:20px; margin:0 0 12px; color:var(--sgy-navy);
  border-left:0 !important; padding-left:0 !important;
}
.sgy-cta-block p{ margin:0 0 16px; line-height:1.9; font-size:15px; color:#2d3748; }
.sgy-cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.sgy-cta-primary{
  display:inline-block; padding:13px 26px; background:var(--sgy-accent); color:#fff !important;
  text-decoration:none; border-radius:8px; font-weight:700; font-size:15px;
}
.sgy-cta-primary:hover{ background:var(--sgy-accent-dark); opacity:1 !important; }
.sgy-cta-note{ font-size:13px !important; color:var(--sgy-muted) !important; margin:14px 0 0 !important; }

/* ============================================================================
   6. フッター
   ============================================================================ */
.site-footer{ background:var(--sgy-navy) !important; color:#fff; padding-bottom:0 !important; }
.site-footer a{ color:#D6DEE7; }
.site-footer a:hover{ color:#fff; opacity:1 !important; }
.site-footer .container{ text-align:center !important; padding:36px 16px 28px; }
.footer-site-title{ text-align:center !important; margin:0 auto; }
.footer-site-title img{ max-width:260px; width:100%; height:auto; }
.sgy-footer-cats ul{
  list-style:none; margin:22px auto 0; padding:0; max-width:900px;
  display:flex; flex-wrap:wrap; gap:12px 22px; justify-content:center;
}
.sgy-footer-cats li{ margin:0; }
.sgy-footer-cats a{ font-size:14px; text-decoration:none; }
.sgy-footer-legal{
  margin:24px auto 0 !important; font-size:13px; line-height:1.9;
  color:#AFBECD !important; text-align:center !important; max-width:720px;
}
.footer-site-info{
  background:var(--sgy-navy-deep) !important; color:#9BAABA;
  font-size:12px; text-align:center; padding:14px 12px;
}

/* ============================================================================
   6-b. サイドバー(#secondary)
        Twenty Sixteen 標準のブロックウィジェットは見出しが巨大な明朝で出るため、
        本文下の落ち着いた帯として整える（うるチカラの #secondary と同じ扱い）。
   ============================================================================ */
#secondary.widget-area{
  background:#f7f9fc;
  border-top:1px solid var(--sgy-line);
  margin:56px calc(50% - 50vw) 0;
  padding:36px 16px 40px;
  width:100vw;
}
#secondary .widget{
  max-width:1120px; margin:0 auto 28px; padding:0; border:0; font-size:15px !important;
}
#secondary .widget:last-child{ margin-bottom:0; }
#secondary h2,
#secondary .wp-block-heading,
#secondary .widget-title{
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP","Hiragino Sans","Meiryo",sans-serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  color:var(--sgy-navy) !important;
  margin:0 0 12px !important;
  padding:0 0 8px !important;
  border-bottom:2px solid var(--sgy-accent);
  display:inline-block;
  line-height:1.4 !important;
}
#secondary ul,
#secondary ol{ list-style:none; margin:0; padding:0; }
#secondary li{ margin:0 0 8px; font-size:15px; line-height:1.7; }
#secondary a{ color:var(--sgy-accent-dark); text-decoration:none; }
#secondary a:hover{ text-decoration:underline; opacity:1 !important; }
#secondary .wp-block-search__label{
  font-size:17px !important; font-weight:800; color:var(--sgy-navy);
  display:inline-block; margin:0 0 12px; padding:0 0 8px; border-bottom:2px solid var(--sgy-accent);
}
/* 親テーマの .widget_search がフォームを中央寄せするため、他ウィジェットと左端を揃える */
#secondary .widget_search,
#secondary .widget_search form{ margin:0 auto 28px; padding:0; text-align:left; }
#secondary .wp-block-search__inside-wrapper{ max-width:520px; display:flex; }
#secondary .wp-block-search__input{
  flex:1; min-width:0;
  border:1px solid #d9dfe7; border-radius:8px 0 0 8px; padding:10px 12px; font-size:15px;
}
#secondary .wp-block-search__button{
  flex:0 0 auto; white-space:nowrap; width:auto; min-width:88px;
  background:var(--sgy-accent); color:#fff; border:0; border-radius:0 8px 8px 0;
  padding:10px 20px; font-weight:700; font-size:15px; cursor:pointer;
}
#secondary .wp-block-search__button:hover{ background:var(--sgy-accent-dark); }

/* ============================================================================
   7. 目次プラグイン(ez-toc)が横にはみ出すのを防ぐ
   ============================================================================ */
html body #ez-toc-container,
html body #ez-toc-container ul,
html body #ez-toc-container li,
html body #ez-toc-container a{
  max-width:100% !important; width:auto !important;
  white-space:normal !important; overflow-wrap:anywhere !important;
  box-sizing:border-box !important;
}
html body #ez-toc-container{ padding:12px !important; width:100% !important; }

/* ============================================================================
   8. 記事がまだ無いとき
   ============================================================================ */
.sgy-empty{ list-style:none; padding:48px 16px; text-align:center; color:var(--sgy-muted); }


/* ============================================================================
   9. 士業のチカラ 固有（金のヘアライン／カテゴリー一覧ページ）
   金 #B8860B は「線」だけに使う。面で使うと士業メディアとして下品になるため。
   ============================================================================ */
.site-header{ border-bottom:2px solid var(--sgy-navy); }
.uc-mb-go, .sgy-cta-primary{ letter-spacing:.04em; }

/* カテゴリー一覧ページ（[shigyo_categories] ショートコード） */
.sgy-cats-page{ margin:8px 0 40px; }
.sgy-cats-head{
  margin:32px 0 14px; padding:0 0 8px; font-size:19px; font-weight:700; color:var(--sgy-navy);
  border-bottom:2px solid var(--sgy-navy); position:relative;
}
.sgy-cats-head::after{ content:""; position:absolute; left:0; bottom:-2px; width:72px; height:2px; background:var(--sgy-gold); }
.sgy-cats-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.sgy-cat-card{ margin:0; padding:0; }
.sgy-cat-card a{
  display:flex; flex-direction:column; gap:5px; height:100%;
  padding:14px 16px; border:1px solid var(--sgy-line); border-left:4px solid var(--sgy-accent);
  border-radius:6px; background:#fff; text-decoration:none; transition:border-color .15s, box-shadow .15s;
}
.sgy-cat-card a:hover{ border-color:var(--sgy-accent); box-shadow:0 2px 10px rgba(11,46,79,.10); opacity:1; }
.sgy-cat-name{ font-size:15px; font-weight:700; color:var(--sgy-navy); line-height:1.5; }
.sgy-cat-desc{ font-size:12.5px; color:#5c626c; line-height:1.65; }
.sgy-cat-count{ margin-top:auto; font-size:11.5px; color:var(--sgy-muted); }

/* フッター：姉妹メディア等の静的リンク帯（.sgy-footer-cats と同じ体裁） */
.sgy-footer-static ul{
  list-style:none; margin:18px auto 0; padding:0; max-width:900px;
  display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:center;
}
.sgy-footer-static li{ margin:0; }
.sgy-footer-static a{ font-size:13px; text-decoration:none; }


/* ============================================================================
   10. スマホの本文カラム（不動産のチカラと同一サイズ）
   ----------------------------------------------------------------------------
   親テーマ Twenty Sixteen は .site-inner を max-width:96% にし、
   .entry-content に margin-left:23.0769% 相当（サイドバー前提の版面）を当てる。
   これを外さないと 375px 幅で本文が 128px しか残らない。
   不動産のチカラでは Code Snippets 側でこの打ち消しを当てていたが、
   士業のチカラでは子テーマに持たせる（スニペットに散らさない方針のため）。
   値は不動産のチカラと 1:1。片方だけ触らないこと。
   ============================================================================ */
@media (max-width:767px){
  body.single .site-inner, body.page .site-inner,
  body.single #main, body.page #main,
  body.single #primary, body.page #primary,
  body.single .site-content, body.page .site-content,
  body.single .site-main, body.page .site-main,
  body.single article, body.page article,
  body.single .content-area, body.page .content-area{
    margin-left:0 !important; margin-right:0 !important;
    padding-left:0 !important; padding-right:0 !important;
    max-width:100% !important; width:100% !important;
    box-sizing:border-box !important;
  }
  body.single .entry-header, body.page .entry-header,
  body.single .entry-content, body.page .entry-content{
    padding-left:8px !important; padding-right:8px !important;
    margin-left:0 !important; margin-right:0 !important;
    max-width:100% !important; box-sizing:border-box !important;
  }
  body.single .entry-content > *, body.page .entry-content > *,
  body.single .entry-content p, body.page .entry-content p,
  body.single .entry-content h2, body.page .entry-content h2,
  body.single .entry-content h3, body.page .entry-content h3,
  body.single .entry-content ul, body.page .entry-content ul,
  body.single .entry-content ol, body.page .entry-content ol,
  body.single .entry-content figure, body.page .entry-content figure,
  body.single .entry-content img, body.page .entry-content img{
    max-width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
    float:none !important;
    padding-left:0 !important; padding-right:0 !important;
  }
  body{ overflow-x:hidden; }
  body.single .entry-title, body.page .entry-title{
    padding-left:8px !important; padding-right:8px !important;
    max-width:100% !important;
    margin-top:8px !important; margin-bottom:24px !important;
    line-height:1.4 !important;
  }
  body.single .entry-header, body.page .entry-header{
    margin-bottom:24px !important; padding-bottom:8px !important;
  }
  body.single .entry-content figure, body.page .entry-content figure,
  body.single .entry-content img, body.page .entry-content img,
  body.single .post-thumbnail, body.page .post-thumbnail{
    margin-top:24px !important; margin-bottom:24px !important;
  }
  body.single .entry-content blockquote, body.page .entry-content blockquote{
    position:relative !important;
    padding:24px 16px 20px 60px !important;
    margin:24px 0 !important;
    box-sizing:border-box !important;
    background:#f7f7f7 !important;
    border-left:none !important;
  }
  body.single .entry-content blockquote p, body.page .entry-content blockquote p{
    padding-left:0 !important; margin-left:0 !important;
  }
  body.single .entry-content blockquote::before, body.page .entry-content blockquote::before{
    left:12px !important; top:16px !important;
  }
}

/* 本文カラムが痩せる原因だった body.no-sidebar は functions.php の
   sgy_remove_no_sidebar_body_class() で外している。CSS では打ち消さない
   （打ち消すと .entry-footer の float 幅まで不動産のチカラとずれるため）。 */

/* ============================================================================
   11. トップの版面幅（不動産のチカラと同一）
   ----------------------------------------------------------------------------
   不動産のチカラの front-page.php はコンテンツを
   <div id="content" class="site-content"> で包んでおり、親テーマの
       @media screen and (max-width:767px){ .site-content{ padding:0 4%; } }
   がスマホで左右 4% の内側余白を作る。
   士業のチカラの front-page.php にはこのラッパーが無く、記事リストが
   画面端まで広がって 375px 幅で 360px（不動産版は 331.2px）になっていた。
   同じ余白を #top_page に持たせて版面幅を1:1に揃える。
   PC(768px以上)は親テーマ側が padding:0 なので、こちらも当てない。
   値は不動産のチカラと 1:1。片方だけ触らないこと。
   ============================================================================ */
@media screen and (max-width:767px){
  #top_page{ padding-left:4%; padding-right:4%; }
}

/* ----------------------------------------------------------------------------
   記事リスト行の内側余白を不動産のチカラと揃える。
   Code Snippets「士業 モバイル1カラム化＋著者は本文下（緊急暫定）」が
   スマホで .entry-content 全部に padding:0 14px を !important で当てており、
   記事リスト行のタイトル列まで 14px 内側に寄って不動産版より狭くなる
   （不動産版はリスト行の .entry-content に padding を持たない）。
   単独記事・著者ボックス側の指定は触らず、リスト行だけ打ち消す。
   ※上記スニペットは no-sidebar を外す恒久対応が入った時点で不要。
     スニペットを止めてもこの指定は uc-unified.css と同値なので無害。
   ---------------------------------------------------------------------------- */
@media screen and (max-width:767px){
  #main li.archive .entry-content{ padding-left:0 !important; padding-right:0 !important; }
}