@charset "UTF-8";
/*
 * KONUX Custom CSS — 日本総合園芸(nseテーマ)上書き用
 * ------------------------------------------------------------
 * 管理: KONUX  /  読込: mu-plugins/konux-custom-css.php 経由（style.css の後）
 *
 * 運用ルール:
 *  - contempo.jp様の style.css は直接編集しない。CSS修正はすべて本ファイルに追記する。
 *  - 上書きは「元と同じセレクタ構造」で書く（後読みでも詳細度が低いと勝てないため）。
 *  - !important は最終手段。使う場合は理由をコメントで残す。
 *  - 変更ごとに用途が分かる見出しコメントを付ける。
 * ------------------------------------------------------------ */

/* ここから上書きCSSを記述 */

/* 花コラムカード画像を横長(3:2)に変更（元: padding-bottom 140% = 縦長） */
.p-column-card__img { padding-bottom: 66.66%; }

/* TOP p-column-index の2カラムを上揃えに。
   元 style.css:2356 の .column { align-self:center } がコンテナのalign-itemsを上書きするため、
   列側の align-self を flex-start にして上端揃えにする。 */
.p-column-index .twocolumns .column { -webkit-align-self: flex-start; align-self: flex-start; }

/* コラム詳細ページ: メイン画像を上部フル幅の横長バナーに、本文を下にフル幅で配置
   （元: PCで画像40%縦長sticky左＋本文右の2カラム → 画像上・本文下の1カラムへ） */
.p-column-post__eyecatch { position: relative; top: auto; aspect-ratio: 3 / 1; border-radius: 16px; }
.p-column-post__eyecatch img { width: 100%; height: 100%; position: absolute; inset: 0; -o-object-fit: cover; object-fit: cover; }
@media screen and (min-width: 1024.1px) {
  .p-column-post { display: block; }
  .p-column-post__eyecatch { width: 100%; height: auto; margin-bottom: 2.5rem; }
  .p-column-post__main { width: 100%; }
  .p-column-post__main .l-container-first-block { padding-top: 3rem; }
}
/* SP(スマホ, ~782px)ではメイン画像を16:9に（PC/タブレットは3:1のまま） */
@media screen and (max-width: 782px) {
  .p-column-post__eyecatch { aspect-ratio: 16 / 9; }
}