/* ==========================================================================
   /top_redesign1/（page-id 2781）New Columns / News 一覧の横幅統一
   --------------------------------------------------------------------------
   「コラム更新中です!」下のバナー画像（content-size 1100px）に対し、

     - 「– News –」一覧（.news-list）  … パディング無しのflexグループ内 → 既に1100px
     - 「– New Columns –」一覧          … has-global-padding 付きグループ(G2)の内側
        にあり、左右に root padding（spacing--50 = min(6.5rem, 8vw)、最大約104px）が
        入るため一覧だけ約892pxに縮んでいた

   を、すべて 1100px 中央寄せにそろえて見た目を整える。

   ▼ 手法
     New Columns 一覧を内包するグループ G2 だけを `:has(> .news-list)` で特定し、
     左右パディングを除去して内側一覧を 1100px 幅に解放する。
     （同ページの has-global-padding グループは複数あるが、.news-list を直接子に
      持つのは G2 のみのため誤爆しない。）
   ========================================================================== */

/* New Columns グループ(G2)の左右パディングを除去し、内側一覧を 1100px 幅に */
.page-id-2781 .wp-block-group.has-global-padding:has(> .news-list) {
  padding-left: 0;
  padding-right: 0;
}

/* 全 news-list を content-size(1100px) 中央寄せで明示統一（保険） */
.page-id-2781 .news-list {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* --- コラムバナー画像を 1060px・中央寄せでそろえる（一覧の画像と端を一致させる）---
   News/New Columns 一覧は 1100px だが、.box の左右 padding:20px ぶん内側に画像が入る
   （実際の画像エリアは 20px〜1080px ＝ 幅 1060px）。バナーを 1060px・中央寄せにすると
   左端 20px・右端 1080px となり、各カードの画像の外縁とピッタリそろう。

   バナーには編集画面の縮小指定でインライン style="width:1024px" が付くため !important で上書き。
   ページ内の is-resized 画像は複数あるので、バナーの画像ID wp-image-3066 を限定指定。
   ※ バナーを再アップロードすると ID が変わるので、その際は wp-image-XXXX を差し替える。 */
.page-id-2781 img.wp-image-3066 {
  width: 1060px !important;    /* インライン 1024px を上書き。.box の padding:20px×2 ぶん控える */
  max-width: 100% !important;  /* モバイルではビューポート幅に収める */
  height: auto !important;
}