/* コメントアウトルール　2パターン */

/* =======
  親フレームのクラス名 :　セクションごと
   ======== */

/* 項目名（1行コメント固定） */

/* ブレークポイント：2個　：　（768 / 1024） */

@charset "UTF-8";

/* =======
  p-popular : 人気記事
   ======== */
.p-popular {
  padding-top: clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem);
}

/* グリッド */
.p-popular__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.75rem, 0.6rem + 0.6vw, 1.25rem);
}