/* Onbit 2026-09-17: わきあいあいキッズルーム仏生山 本文（page-kids.php）。デザイン改修案（v3-astra/kids.html）の作りを、現行の文言・写真・イラストで組み直したもの。
   さわ承認（2026-09-17）: A1 紹介スライド / A2 お知らせを下へ / A3 「どんなときに」をスマホで横長カード / A5 動画を利用方法の直下へ /
   B6 手順を番号+絵+文 / B7 詳細表をスマホで縦積み / B8 持ち物をカードに / B9 地図を横並び + Google MAP を目立たせる / B10 Q&A 開閉式 + 出口のカード。
   特徴は写真のまま・一日のようすは写真つき時間割のまま（Astra 版の線画/GIF 置換は採用しない）。旧 kids/css/style.css は読まない（このファイルで完結）。 */
.wg-k { font-family: var(--wk-sans); color: var(--wk-ink); line-height: 1.9; font-size: 16px; background: url(img/paper-light.png) repeat; overflow-x: clip; }
.wg-k * { box-sizing: border-box; }
.wg-k img { max-width: 100%; height: auto; vertical-align: top; }
.wg-k a, .wg-k a:link, .wg-k a:visited { color: var(--wk-gold-dark); text-decoration: none; }
.wg-k p a, .wg-k .wg-k-sub a { text-decoration: underline; text-underline-offset: 3px; }
.wg-k a.wg-k-btn, .wg-k a.wg-k-btn:link, .wg-k a.wg-k-btn:visited, .wg-k a.wg-k-btn:hover { color: #fff; text-decoration: none; }
.wg-k a.wg-k-btn--ghost, .wg-k a.wg-k-btn--ghost:link, .wg-k a.wg-k-btn--ghost:visited, .wg-k a.wg-k-btn--ghost:hover { color: var(--wk-gold-dark); }
.wg-k .wg-k-news a, .wg-k .wg-k-news a:link, .wg-k .wg-k-news a:visited, .wg-k .wg-k-links a, .wg-k .wg-k-links a:link, .wg-k .wg-k-links a:visited { color: var(--wk-ink); text-decoration: none; }
.wg-k a:hover { opacity: .85; }
.wg-k a:hover img { opacity: 1; }
:where(.wg-k) :is(h2, h3, p, ul, ol, dl) { margin: 0; } /* 2026-09-17: 詳細度 (0,0,1) に弱めた。以前の .wg-k h2 (0,1,1) が .wg-k-h2 等の margin をすべて打ち消し、見出しと本文の間が 0 になっていた（さわ「つばめの挿絵と下のコンテンツの隙間が少なすぎる」） */
.wg-k ul, .wg-k ol { padding: 0; list-style: none; }
.wg-k-wrap { width: min(100% - 38px, 1120px); margin-inline: auto; }
.wg-k-sec { padding: clamp(52px, 7vw, 92px) 0; }
.wg-k-sec--tight { padding: clamp(36px, 5vw, 60px) 0; }
.wg-k-deep { background: url(img/paper-deep.png) repeat; }
.wg-k-dune { display: block; width: 100%; height: clamp(30px, 5vw, 62px); background: url(img/dune.png) no-repeat bottom / 100% 100%; }
.wg-k-dune--flip { transform: scaleY(-1); }
/* 見出し: 文字 + つばめの下線（Astra 版） */
.wg-k-h2 { margin: 0 0 clamp(28px, 4vw, 44px); text-align: center; font-size: clamp(24px, 3.2vw, 38px); font-weight: 500; letter-spacing: .04em; line-height: 1.55; color: var(--wk-gold-dark); }
.wg-k-h2 .wg-k-u { display: block; width: 190px; margin: 14px auto 0; }
.wg-k-h2--left { text-align: left; }
.wg-k-h2--left .wg-k-u { margin-left: 0; }
.wg-pc-br { display: none; }
@media (min-width: 901px) { .wg-pc-br { display: inline; } }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.wg-k-lead--feat { margin: -8px auto 36px; }
.wg-k-lead { max-width: 36em; margin: 0 auto; text-align: center; font-size: 16px; line-height: 2.1; color: var(--wk-ink-soft); }
/* ── ヒーロー（現行のメインビジュアルをそのまま）+ 紹介文 ── */
.wg-k-hero { text-align: center; padding: clamp(10px, 2vw, 24px) 0 0; }
.wg-k-hero h1 { margin: 0; line-height: 0; }
.wg-k-hero h1 img { width: min(100%, 980px); }
.wg-k-hero .wg-k-lead { margin: clamp(18px, 3vw, 32px) auto 0; padding: 0 19px; }
/* ── 紹介スライド（横スクロール + 点 + 6 秒送り。JS が無くても横スクロールで見られる） ── */
.wg-k-slider { padding: clamp(24px, 4vw, 40px) 0 8px; }
.wg-k-track { display: flex; gap: 28px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-inline: max(19px, calc((100vw - 1120px) / 2)); }
.wg-k-track::-webkit-scrollbar { display: none; }
.wg-k-slide { flex: 0 0 min(780px, 82%); scroll-snap-align: center; }
.wg-k-slide > a, .wg-k-slide > div { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 36px 8px 36px 8px; background: #fff; text-decoration: none; color: var(--wk-ink); }
.wg-k-slide .wg-k-ph { width: 100%; flex: 1 1 auto; min-height: clamp(210px, 28vw, 330px); max-height: 380px; object-fit: cover; }
.wg-k-slide .wg-k-tx { position: absolute; inset: auto 0 0 0; padding: 22px 26px 24px; background: linear-gradient(to top, rgba(75,54,18,.88) 30%, rgba(75,54,18,.55) 70%, rgba(75,54,18,0)); }
.wg-k-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wg-k-chip { background: #fff; color: var(--wk-gold-dark); font-weight: 700; font-size: 12.5px; padding: 3px 11px; border-radius: 999px; line-height: 1.6; }
.wg-k-slide .wg-k-big { margin: 6px 0 0; color: #fff; font-weight: 700; font-size: clamp(19px, 2.3vw, 29px); line-height: 1.55; text-wrap: balance; }
.wg-k-slide .wg-k-sub { margin: 4px 0 0; color: rgba(255,255,255,.92); font-size: 14.5px; line-height: 1.8; }
.wg-k-slide--art > div { background: #fff; }
.wg-k-slide--art .wg-k-tx { position: static; background: none; display: flex; align-items: center; justify-content: center; gap: clamp(16px, 3vw, 32px); min-height: clamp(210px, 28vw, 330px); padding: 26px 30px; }
.wg-k-slide--art .wg-k-sp { width: clamp(100px, 13vw, 150px); flex: none; }
.wg-k-slide--art .wg-k-big { color: var(--wk-gold-dark); }
.wg-k-slide--art .wg-k-sub { color: var(--wk-ink-soft); }
.wg-k-slide--art .wg-k-chip { background: var(--wk-gold); color: #fff; }
.wg-k-dots { display: flex; justify-content: center; gap: 0; margin-top: 6px; }
.wg-k-dots a { display: grid; place-items: center; width: 44px; height: 44px; }
.wg-k-dots a::before { content: ""; width: 9px; height: 9px; border: 1px solid var(--wk-gold-dark); border-radius: 50%; }
.wg-k-dots a[aria-current]::before { background: var(--wk-gold-dark); }
.wg-k-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* ── どんなときに利用できるの？（PC 3 つの丸 / スマホ 横長カード） ── */
.wg-k-when { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 32px; }
.wg-k-when .wg-k-o { width: clamp(200px, 24vw, 280px); aspect-ratio: 1; border-radius: 46% 54% 51% 49%; background: #fff; display: grid; place-items: center; padding: 26px; text-align: center; font-size: 16px; line-height: 1.9; }
.wg-k-when .wg-k-o:nth-child(2) { margin-top: -26px; }
.wg-k-when-bird { display: block; width: clamp(140px, 18vw, 210px); margin: 20px auto 0; }
/* ── 特徴（写真 + 見出し + 文。破線で区切る） ── */
.wg-k-feats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 32px; }
.wg-k-feat { display: flex; flex-direction: column; gap: 10px; padding: 0 0 22px; border-bottom: 1px dashed #aa8a46; }
.wg-k-feat img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 14px; background: #fff; }
.wg-k-feat h3 { font-size: 17.5px; font-weight: 700; color: var(--wk-gold-dark); line-height: 1.5; }
.wg-k-feat p { font-size: 14.5px; line-height: 1.85; color: var(--wk-ink-soft); }
/* ── キッズルームのようす（間取り図 + GIF アニメ 6 本。位置は旧 CSS の px を % に換算） ── */
.wg-k-axono { position: relative; width: min(100%, 980px); margin: 0 auto; }
.wg-k-axono > img, .wg-k-axono > picture > img { width: 100%; display: block; }
.wg-k-axono .wg-k-an { position: absolute; margin: 0; }
.wg-k-axono .wg-k-an img { width: 100%; }
.wg-k-axono .wg-k-an1 { width: 6.1%; top: 38.6%; left: 43.9%; }
.wg-k-axono .wg-k-an2 { width: 12.2%; bottom: 30.7%; right: 14.3%; }
.wg-k-axono .wg-k-an3 { width: 12.2%; bottom: 18.2%; left: 30.6%; }
.wg-k-axono .wg-k-an4 { width: 13.3%; top: 31.8%; left: 31.1%; z-index: 2; }
.wg-k-axono .wg-k-an5 { width: 7.1%; top: 13.4%; right: 45.9%; }
.wg-k-axono .wg-k-an6 { width: 13.5%; top: 41.4%; left: 20.4%; }
/* ── 一日のようす（写真つき時間割 → 6 枚のカード） ── */
.wg-k-day { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 28px; }
.wg-k-day .wg-k-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 0 18px; border-bottom: 1px dashed #aa8a46; }
.wg-k-day .wg-k-t { font-size: 15px; letter-spacing: .06em; color: var(--wk-ink-soft); font-variant-numeric: tabular-nums; margin-bottom: 8px; }
.wg-k-day img { width: min(100%, 230px); border-radius: 12px; }
.wg-k-day p { margin-top: 10px; font-size: 15.5px; line-height: 1.8; font-weight: 700; color: var(--wk-gold-dark); }
.wg-k-note { margin-top: 18px; text-align: center; font-size: 14px; color: var(--wk-ink-soft); }
/* ── ご利用方法（番号 + 絵 + 文） ── */
.wg-k-steps { display: grid; gap: 26px; }
.wg-k-step { display: grid; grid-template-columns: minmax(200px, 300px) 1fr; gap: 40px; align-items: center; padding: 0 0 26px; border-bottom: 1px dashed #aa8a46; }
.wg-k-step img { width: 100%; border-radius: 12px; }
.wg-k-step h3 { display: flex; align-items: flex-start; gap: 10px; font-size: 19px; font-weight: 700; line-height: 1.7; color: var(--wk-gold-dark); margin-bottom: 8px; }
.wg-k-step .wg-k-n { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--wk-gold); color: #fff; font-size: 16px; display: grid; place-items: center; }
.wg-k-step p { font-size: 15.5px; line-height: 1.9; color: var(--wk-ink-soft); }
.wg-k-step p + p { margin-top: 6px; }
.wg-k-step .wg-k-caution { color: #b7562f; font-size: 14.5px; }
.wg-k-movies { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; }
.wg-k-movies h3 { margin: 0 0 8px; font-size: 16.5px; font-weight: 700; color: var(--wk-gold-dark); text-align: center; }
.wg-k-yt { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; }
.wg-k-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* ボタン */
.wg-k-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 16px; margin-top: 32px; }
.wg-k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 12px 30px; border-radius: 999px; background: var(--wk-gold); color: #fff; text-decoration: none; font-weight: 700; font-size: 16.5px; box-shadow: 0 6px 16px -10px rgba(90,60,10,.6); }
.wg-k-btn svg { width: 1.05em; height: 1.05em; flex: none; }
.wg-k-btn--ghost { background: #fff; color: var(--wk-gold-dark); border: 1.5px solid var(--wk-gold); box-shadow: none; }
.wg-k-btn--green { background: var(--wk-green); }
.wg-k-btn:hover { opacity: .88; }
/* ── ご利用詳細（表。スマホは縦積み） ── */
.wg-k-detail { width: 100%; border-collapse: collapse; background: #fff; border-radius: 14px; overflow: hidden; border: 0; }
.wg-k-detail th, .wg-k-detail td { padding: 16px 18px; border: 1px solid var(--wk-line); font-size: 15.5px; text-align: left; vertical-align: top; line-height: 1.9; background: #fff; color: var(--wk-ink); font-weight: 400; }
.wg-k-detail th { width: 8.5em; background: var(--wk-gold-pale); color: var(--wk-gold-dark); font-weight: 700; white-space: nowrap; }
.wg-k-detail .wg-k-sub { display: block; font-size: 14px; color: var(--wk-ink-soft); margin-top: 4px; }
.wg-k-detail strong { color: var(--wk-gold-dark); }
/* ── ご利用時に必要なもの ── */
.wg-k-bring { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.wg-k-bring-box { background: #fff; border-radius: 18px; padding: 24px 28px 26px; }
.wg-k-bring-box h3 { font-size: 17px; font-weight: 700; margin-bottom: 12px; color: var(--wk-gold-dark); }
.wg-k-bring-box h3.wg-k-must { color: #d0452e; }
.wg-k-bring-box li { position: relative; padding-left: 26px; font-size: 15.5px; line-height: 1.8; margin-bottom: 8px; }
.wg-k-bring-box li::before { content: ""; position: absolute; left: 0; top: .5em; width: 14px; height: 14px; border: 1.5px solid var(--wk-gold); border-radius: 4px; background: #fff; }
.wg-k-bring-box li small { display: block; font-size: 13px; color: var(--wk-ink-soft); }
.wg-k-bring-box .wg-k-red { color: #d0452e; font-weight: 700; }
.wg-k-bring-box .wg-k-blue { color: #1f7ab3; }
.wg-k-bring-notes { margin-top: 18px; padding: 18px 22px; border-radius: 14px; background: rgba(255,255,255,.55); font-size: 14px; line-height: 1.9; color: var(--wk-ink-soft); }
.wg-k-bring-notes p + p { margin-top: 6px; }
/* ── 場所 ── */
.wg-k-maps { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.wg-k-maps figure { margin: 0; }
.wg-k-maps img { width: 100%; border-radius: 14px; background: #fff; }
.wg-k-maps figcaption { margin-top: 8px; text-align: center; font-size: 14px; color: var(--wk-ink-soft); }
.wg-k-addr { margin-top: 22px; text-align: center; font-size: 16px; line-height: 1.9; }
.wg-k-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }
.wg-k-links a { display: grid; grid-template-columns: 84px 1fr; gap: 18px; align-items: center; background: #fff; border-radius: 16px; padding: 16px 18px; text-decoration: none; color: var(--wk-ink); font-size: 14.5px; line-height: 1.8; }
.wg-k-links a img { width: 84px; height: 84px; object-fit: contain; }
.wg-k-links a strong { display: block; color: var(--wk-gold-dark); font-size: 15.5px; }
/* ── 帯（お知らせ / お問い合わせ） ── */
.wg-k-band { position: relative; }
.wg-k-band .wg-k-body { background: var(--bg); padding: clamp(24px, 3vw, 40px) 0 clamp(36px, 5vw, 56px); }
.wg-k-band .wg-k-wave { display: block; width: 100%; height: clamp(24px, 3.6vw, 42px); }
.wg-k-band .wg-k-wave path { fill: var(--bg); }
.wg-k-band .wg-k-wave--top { margin-bottom: -1px; }
.wg-k-band .wg-k-wave--bottom { margin-top: -1px; }
.wg-k-band--news { --bg: #FDF2D2; }
.wg-k-band--contact { --bg: #FFFBEF; }
.wg-k-band .wg-k-h2 { color: var(--wk-ink); }
.wg-k-news { max-width: 880px; margin: 0 auto; }
.wg-k-news li + li { border-top: 1px solid var(--wk-line); }
.wg-k-news a { display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap; padding: 16px 12px; text-decoration: none; color: var(--wk-ink); }
.wg-k-news a:hover { background: rgba(255,255,255,.6); }
.wg-k-news time { flex: none; font-size: 14px; color: var(--wk-ink-soft); font-variant-numeric: tabular-nums; }
.wg-k-news .wg-k-tt { flex: 1 1 16em; font-size: 15.5px; }
/* ── Q&A（開閉式） ── */
.wg-k-qa { max-width: 860px; margin: 0 auto; display: grid; gap: 12px; }
.wg-k-qa details { background: #fff; border-radius: 16px; padding: 0 22px; }
.wg-k-qa summary { list-style: none; cursor: pointer; display: flex; gap: 12px; align-items: flex-start; padding: 18px 0; font-size: 16.5px; font-weight: 700; color: var(--wk-gold-dark); line-height: 1.7; }
.wg-k-qa summary::-webkit-details-marker { display: none; }
.wg-k-qa summary::before { content: "Q"; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--wk-gold); color: #fff; display: grid; place-items: center; font-size: 15px; margin-top: 1px; }
.wg-k-qa summary::after { content: ""; flex: none; margin-left: auto; margin-top: 10px; width: 8px; height: 8px; border-right: 2px solid var(--wk-gold-dark); border-bottom: 2px solid var(--wk-gold-dark); transform: rotate(45deg); transition: transform .2s; }
.wg-k-qa details[open] summary::after { transform: rotate(225deg); margin-top: 14px; }
.wg-k-qa .wg-k-a { display: flex; gap: 12px; padding: 0 0 20px; font-size: 15.5px; line-height: 1.9; color: var(--wk-ink-soft); }
.wg-k-qa .wg-k-a::before { content: "A"; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--wk-gold-pale); color: var(--wk-gold-dark); display: grid; place-items: center; font-size: 15px; font-weight: 700; margin-top: 1px; }
/* ── お問い合わせ・ご予約 ── */
.wg-k-contact { max-width: 680px; margin: 0 auto; background: #fff; border-radius: 22px; padding: 28px 28px 30px; text-align: center; }
.wg-k-contact .wg-k-nm { font-size: 15px; color: var(--wk-ink-soft); }
.wg-k-contact .wg-k-no { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-size: clamp(26px, 4vw, 34px); font-weight: 700; color: var(--wk-gold-dark); text-decoration: none; line-height: 1.2; font-variant-numeric: tabular-nums; }
.wg-k-contact .wg-k-no svg { width: .9em; height: .9em; }
.wg-k-contact .wg-k-hint { margin-top: 6px; font-size: 14px; color: var(--wk-ink-soft); }
.wg-k-contact .wg-k-btns { margin-top: 20px; }
/* ── レスポンシブ ── */
@media (max-width: 900px) {
  .wg-k-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wg-k-day { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .wg-k { font-size: 15px; }
  .wg-k-wrap { width: calc(100% - 32px); }
  .wg-k-slider { padding-top: 20px; }
  .wg-k-track { gap: 14px; padding-inline: 16px; }
  .wg-k-slide { flex-basis: 88%; }
  .wg-k-slide .wg-k-ph { flex: none; height: 190px; min-height: 0; }
  .wg-k-slide .wg-k-tx { position: static; background: var(--wk-gold-dark); padding: 14px 18px 16px; }
  .wg-k-h2 .wg-k-u { width: 160px; margin-top: 12px; }
  .wg-k-lead--feat { margin: -4px auto 28px; text-align: left; }
  .wg-k-slide--art .wg-k-tx { flex-direction: column; text-align: center; gap: 12px; padding: 22px 18px; background: #fff; }
  .wg-k-slide--art .wg-k-sp { width: 96px; }
  .wg-k-slide--art .wg-k-chips { justify-content: center; }
  .wg-k-when { gap: 14px; }
  .wg-k-when .wg-k-o { width: 100%; aspect-ratio: auto; border-radius: 45px 8px; padding: 20px 22px; font-size: 15.5px; }
  .wg-k-when .wg-k-o:nth-child(2) { margin-top: 0; }
  .wg-k-when .wg-k-o br { display: none; }
  .wg-k-feats { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .wg-k-day { gap: 18px 14px; }
  .wg-k-day p { font-size: 14.5px; }
  .wg-k-step { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .wg-k-step > img { max-width: 280px; margin-inline: auto; }
  .wg-k-step h3 { font-size: 17px; }
  .wg-k-movies { grid-template-columns: 1fr; }
  .wg-k-detail, .wg-k-detail tbody, .wg-k-detail tr, .wg-k-detail th, .wg-k-detail td { display: block; width: 100%; }
  .wg-k-detail th { border-bottom: 0; padding: 10px 16px; white-space: normal; }
  .wg-k-detail td { padding: 12px 16px 16px; border-top: 0; }
  .wg-k-detail tr + tr th { border-top: 0; }
  .wg-k-bring, .wg-k-maps, .wg-k-links { grid-template-columns: 1fr; }
  .wg-k-bring-box { padding: 20px 20px 22px; }
  .wg-k-links a { grid-template-columns: 64px 1fr; gap: 14px; }
  .wg-k-links a img { width: 64px; height: 64px; }
  .wg-k-btn { width: 100%; max-width: 360px; }
  .wg-k-qa details { padding: 0 16px; }
  .wg-k-qa summary { font-size: 15.5px; }
  .wg-k-contact { padding: 22px 18px 24px; }
}
@media (prefers-reduced-motion: reduce) { .wg-k-track { scroll-behavior: auto; } .wg-k * { transition: none !important; } }

/* ── 読みやすさの手入れ（さわ 2026-09-17「読みやすく。改行意識。余白を大切に」）── */
.wg-sp-br { display: none; }
.wg-k-nw { white-space: nowrap; }
.wg-k-h2, .wg-k-big, .wg-k-when .wg-k-o, .wg-k-step h3, .wg-k-feat h3, .wg-k-qa summary, .wg-k-links strong { text-wrap: balance; }
.wg-k p, .wg-k li, .wg-k td { text-wrap: pretty; }
.wg-k-lead--feat { max-width: 40em; margin: -8px auto 36px; text-align: left; line-height: 2.1; } /* margin は .wg-k-lead {margin:0 auto} より後ろで上書き（前は打ち消されて特徴カードとの間が 0 だった） */
.wg-k-step > div { max-width: 40em; }
.wg-k-detail { max-width: 920px; margin-inline: auto; }
.wg-k-bring-notes { max-width: 46em; margin-inline: auto; }
.wg-k-feat p { line-height: 1.95; }
.wg-k-feats { gap: 36px 36px; }
.wg-k-steps { gap: 32px; }
.wg-k-step { padding-bottom: 32px; }
.wg-k-qa summary { padding: 20px 0; }
.wg-k-qa .wg-k-a { padding-bottom: 22px; }
@media (max-width: 640px) {
  .wg-sp-br { display: inline; }
  .wg-k-sec { padding: 60px 0; }
  .wg-k-h2 { margin-bottom: 30px; }
  .wg-k-lead--feat { text-align: left; }
  .wg-k-feats { gap: 30px; }
  .wg-k-feat { padding-bottom: 26px; gap: 12px; }
  .wg-k-steps { gap: 30px; }
  .wg-k-step { padding-bottom: 30px; }
  .wg-k-detail th { padding: 12px 18px 6px; }
  .wg-k-detail td { padding: 10px 18px 18px; }
  .wg-k-bring-box { padding: 22px 20px 24px; }
  .wg-k-bring-box li { margin-bottom: 10px; }
  .wg-k-news a { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 2px; padding: 16px 8px; }
  .wg-k-news .wg-k-tt { flex: none; width: 100%; } /* 縦積みでは flex-basis 16em が高さに効いて 1 件が 250px になっていた */
  .wg-k-news time { font-size: 13px; }
  .wg-k-qa summary { padding: 18px 0; }
  .wg-k-qa .wg-k-a { padding-bottom: 20px; }
  .wg-k-contact { padding: 26px 18px 28px; }
}
@media (max-width: 360px) { .wg-k-h2 { font-size: 21.5px; } .wg-k-big { font-size: 16.5px; } .wg-k-btn { padding-inline: 18px; } }
/* ── 再レビュー（2026-09-17 夜）: 短い文の孤立行・語の分断 ── */
.wg-k .wg-k-note, .wg-k .wg-k-hint, .wg-k .wg-k-caution, .wg-k .wg-k-addr, .wg-k .wg-k-links strong { text-wrap: balance; } /* .wg-k p {pretty} (0,1,1) より強くするため .wg-k を前置 */
.wg-k-page-tx { text-wrap: pretty; }
.wg-xs-br { display: none; }
@media (max-width: 360px) { .wg-xs-br { display: inline; } .wg-not-xs { display: none !important; } .wg-k-qa summary { font-size: 15.5px; } }

/* ── ご利用方法・一日のようす を別ページに（2026-09-17 さわ）: トップの案内カード ── */
.wg-k-pages { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; margin: 0 auto; }
.wg-k a.wg-k-page, .wg-k a.wg-k-page:link, .wg-k a.wg-k-page:visited { color: var(--wk-ink); text-decoration: none; }
.wg-k a.wg-k-page { display: grid; grid-template-columns: 150px 1fr; gap: 22px; align-items: center; background: #fff; border-radius: 18px; padding: 22px 26px; box-shadow: 0 6px 18px rgba(120, 90, 30, .10); transition: box-shadow .2s, transform .2s; } /* 配置は :link 無しの規則に（下のスマホ用の上書きが勝つように） */
.wg-k a.wg-k-page:hover { opacity: 1; box-shadow: 0 10px 26px rgba(120, 90, 30, .16); transform: translateY(-2px); }
.wg-k-page img { width: 100%; max-height: 150px; object-fit: contain; }
.wg-k-page-tx { display: flex; flex-direction: column; gap: 6px; font-size: 14.5px; line-height: 1.85; color: var(--wk-ink-soft); }
.wg-k-page-tx strong { font-size: 19px; color: var(--wk-gold-dark); line-height: 1.5; }
.wg-k-page-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-weight: 700; color: var(--wk-gold-dark); }
.wg-k-page-more::after { content: "→"; }
@media (max-width: 900px) { .wg-k-pages { grid-template-columns: 1fr; max-width: 640px; } }
@media (max-width: 640px) { .wg-k a.wg-k-page { grid-template-columns: 92px 1fr; gap: 14px; padding: 16px 16px; border-radius: 14px; } .wg-k-page img { max-height: 96px; } .wg-k-page-tx { font-size: 13.5px; line-height: 1.8; } .wg-k-page-tx strong { font-size: 17px; } .wg-k-day .wg-k-t { white-space: nowrap; font-size: 13.5px; letter-spacing: .02em; } }
@media (max-width: 360px) { .wg-k-day .wg-k-t { font-size: 12.5px; } }

/* ── 下層ページ（page-kids-sub.php: ご利用方法 / 一日のようす）── */
.wg-k-sub-head { padding-top: clamp(26px, 4vw, 44px); }
.wg-k-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 13px; color: var(--wk-ink-faint); }
.wg-k .wg-k-crumb a { color: var(--wk-gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.wg-k-h1 { font-size: clamp(26px, 3.6vw, 40px); }
.wg-k-subnav { margin-top: clamp(40px, 6vw, 64px); padding-top: 28px; border-top: 1px dashed #aa8a46; text-align: center; }
.wg-k-subnav-t { font-size: 14px; color: var(--wk-ink-soft); margin-bottom: 12px; }
.wg-k-subnav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; }
.wg-k .wg-k-subnav a { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid var(--wk-gold); background: #fff; color: var(--wk-gold-dark); font-size: 14.5px; text-decoration: none; }
.wg-k .wg-k-subnav a:hover { background: var(--wk-gold-pale); opacity: 1; }
@media (max-width: 640px) { .wg-k-subnav ul { flex-direction: column; align-items: stretch; } .wg-k .wg-k-subnav a { justify-content: center; } }
/* 案内カードは 374px 以下で 1 列（絵を上に）。案内カードの ≤640 規則より後ろに置く（同じ詳細度なので順序で勝たせる） */
@media (max-width: 374px) { .wg-k a.wg-k-page { grid-template-columns: 1fr; gap: 10px; } .wg-k-page img { max-height: 84px; width: auto; margin: 0 auto; } }

/* ── おしらせ一覧 / 記事（category-kids_n.php / single-kids.php・2026-09-19）── */
.wg-k-newspage .wg-k-news--all { max-width: 880px; margin: 0 auto; }
.wg-k-newspage .wg-k-news--all li:first-child { border-top: 1px solid var(--wk-line); }
.wg-k-newspage .wg-k-news--all li { border-bottom: 1px solid var(--wk-line); }
.wg-k-newspage .wg-k-news--all li + li { border-top: 0; }
.wg-k-pager { margin-top: 34px; }
.wg-k-pager ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wg-k .wg-k-pager li > .page-numbers { /* paginate_links(type=list) は ul 自体にも page-numbers が付くので li の子だけに当てる */ display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 0 12px; border-radius: 999px; border: 1.5px solid var(--wk-gold); background: #fff; color: var(--wk-gold-dark); font-size: 14.5px; font-weight: 700; text-decoration: none; font-variant-numeric: tabular-nums; }
.wg-k .wg-k-pager li > .page-numbers.current { background: var(--wk-gold); color: #fff; }
.wg-k .wg-k-pager li > .page-numbers.dots { border: 0; background: transparent; color: var(--wk-ink-faint); }
.wg-k .wg-k-pager li > a.page-numbers:hover { background: var(--wk-gold-pale); opacity: 1; }
.wg-k-article { max-width: 820px; margin: 0 auto; }
.wg-k-article-head { text-align: center; margin: 0 0 clamp(26px, 4vw, 40px); }
.wg-k-article-date { display: block; font-size: 14px; letter-spacing: .06em; color: var(--wk-ink-soft); font-variant-numeric: tabular-nums; margin-bottom: 8px; }
.wg-k-article-title { margin: 0; font-size: clamp(21px, 2.6vw, 30px); font-weight: 700; line-height: 1.6; color: var(--wk-gold-dark); text-wrap: balance; }
.wg-k-article-head .wg-k-u { display: block; width: 160px; margin: 12px auto 0; }
.wg-k-article-body { background: #fff; border-radius: 18px; padding: clamp(22px, 4vw, 40px) clamp(18px, 4vw, 44px); font-size: 16px; line-height: 2; color: var(--wk-ink); overflow-wrap: anywhere; }
/* WordPress の本文（wpautop あり）向け */
.wg-k-article-body p { margin: 0 0 1.2em; }
.wg-k-article-body p:last-child { margin-bottom: 0; }
.wg-k-article-body h2, .wg-k-article-body h3, .wg-k-article-body h4 { margin: 1.6em 0 .6em; font-weight: 700; color: var(--wk-gold-dark); line-height: 1.6; }
.wg-k-article-body h2 { font-size: 20px; } .wg-k-article-body h3 { font-size: 18px; } .wg-k-article-body h4 { font-size: 16.5px; }
.wg-k-article-body ul, .wg-k-article-body ol { margin: 0 0 1.2em 1.4em; padding: 0; }
.wg-k-article-body ul { list-style: disc; } .wg-k-article-body ol { list-style: decimal; }
.wg-k-article-body li { margin: .2em 0; }
.wg-k-article-body img { max-width: 100%; height: auto; border-radius: 12px; }
.wg-k-article-body figure { margin: 0 0 1.4em; } .wg-k-article-body figcaption { font-size: 13px; color: var(--wk-ink-soft); text-align: center; margin-top: 6px; }
.wg-k-article-body a { color: var(--wk-gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.wg-k-article-body table { border-collapse: collapse; width: 100%; margin: 0 0 1.4em; font-size: 15px; }
.wg-k-article-body th, .wg-k-article-body td { border: 1px solid var(--wk-line); padding: 8px 10px; text-align: left; vertical-align: top; }
.wg-k-article-body th { background: var(--wk-gold-pale); }
.wg-k-article-body blockquote { margin: 0 0 1.4em; padding: 12px 18px; border-left: 4px solid var(--wk-gold); background: var(--wk-gold-pale); }
.wg-k-article-body iframe { max-width: 100%; }
.wg-k-postnav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; max-width: 820px; margin: 30px auto 0; }
.wg-k-postnav-prev { text-align: left; } .wg-k-postnav-next { text-align: right; }
.wg-k .wg-k-postnav a:not(.wg-k-btn) { color: var(--wk-gold-dark); font-size: 14.5px; font-weight: 700; text-decoration: none; }
.wg-k .wg-k-postnav a:not(.wg-k-btn):hover { text-decoration: underline; opacity: 1; }
@media (max-width: 640px) {
  .wg-k-article-body { font-size: 15px; line-height: 1.95; border-radius: 14px; }
  .wg-k-postnav { grid-template-columns: 1fr 1fr; }
  .wg-k-postnav .wg-k-btn { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .wg-k .wg-k-pager li > .page-numbers { min-width: 38px; min-height: 38px; padding: 0 10px; font-size: 13.5px; }
}