@charset "UTF-8";
/* お子さまの薬・子育て世帯の方へ /kids/ (2026-10-20 新設) refill.css の .rf-* を流用し、FV画像と細部だけ上書き */
.kids #fv .fv_top .fv_image { background: url(../images/common/access_img01.webp) no-repeat center center / cover; }
.kids #fv .fv_top .left .fv_lead { max-width: 392px; }
.kids .rf-steps li > div { flex: 1; }
.kids .rf-note a { color: #004092; text-decoration: underline; }
.kids .rf-callout a { color: #004092; text-decoration: underline; }
.kids .rf-notice-box a { color: #004092; text-decoration: underline; }
.kids .rf-card { min-height: 0; }

/* 写真ギャラリー */
.kids-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1000px; margin: 28px auto 0; }
.kids-gallery--tools { grid-template-columns: repeat(4, 1fr); max-width: 820px; }
.kg-item { margin: 0; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,64,146,.08); }
.kg-item img { display: block; width: 100%; height: 200px; object-fit: cover; }
.kg-item figcaption { font-size: 12px; line-height: 1.6; color: #555; padding: 10px 12px; }
@media screen and (max-width: 767px) {
  .kids-gallery, .kids-gallery--tools { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .kg-item img { height: 150px; }
  .kg-item figcaption { font-size: 11px; padding: 8px 10px; }
}