/* cpsp-readable.css（2026-11-04 株式会社ツヨシオカ）
   記事ページ（イベント・お知らせ）の文字とチラシを大きく、スマホのページの本文を読みやすく、ニュース一覧のチラシの小さな画像 */

/* 記事ページの本文（元は 15px） */
.singles.mf { font-size:17px; line-height:1.9em; letter-spacing:.04em; }

/* 記事のチラシの画像：パソコンは最大 640px で中央、スマホは画面の幅（元は幅 210px） */
.singles a > img { display:block; width:auto !important; max-width:min(100%, 640px) !important; height:auto !important; margin:0 auto; border:1px solid #d9deea; border-radius:6px; }
.singles p:has(> a > img) { text-align:center; }
.singles p:has(> a > img)::after { content:"画像を押すと大きく表示されます"; display:block; font-size:13px; color:#555; margin-top:.6em; letter-spacing:.02em; }

/* ニュース一覧：記事のチラシを小さく出すとき（全体が見えるように） */
.postlist .bgimg.is-flyer { background-color:#eef2f8; background-size:contain; }

@media only screen and (max-width:640px) {
  /* スマホのページの本文（元は 14px。ページ下のお問い合わせの帯・フッターは変えない） */
  main { font-size:16px; line-height:1.8em; }
  .mf { font-size:15px; line-height:1.8em; }
  .singles.mf { font-size:16px; line-height:1.85em; letter-spacing:.02em; }
  .singles a > img { max-width:100% !important; }
}

/* 2026-11-04 b：記事の【開催日】などの行を、項目名と中身の2列にそろえる（single.php が表示のときだけ cp-rows の形に組み替える。記事のデータは変えない） */
.singles .cp-rows { display:block; }
.singles .cp-row { display:grid; grid-template-columns:7.2em 1fr; column-gap:.3em; align-items:start; padding:.15em 0; }
.singles .cp-row .cp-label { white-space:nowrap; }
.singles .cp-row .cp-val { min-width:0; }
.singles .cp-row.cp-cont { padding-top:0; }
.singles .cp-plain { display:block; }
.singles .cp-nw { white-space:nowrap; }
/* ニュース一覧のチラシ：全体が見えるように（画像は読み込みのときに img として入る） */
.postlist .is-flyer .img img { width:auto !important; height:auto !important; max-width:100%; max-height:100%; }
@media only screen and (max-width:640px) {
  .singles .cp-row { grid-template-columns:6.6em 1fr; }
}