@charset "utf-8";
/* こどもページ本文専用。既存のヘッダ・フッタは変更しない。 */
.kids-page { position:relative;isolation:isolate;width:100%;overflow:hidden;background:#fff9df;color:#302f2c;font-family:"Noto Sans JP",sans-serif; }
.kids-page::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:radial-gradient(#e8d78d 1px,transparent 1px);background-size:26px 26px;pointer-events:none; }
.kids-page,.kids-page * { box-sizing:border-box; }
.kids-page__inner { position:relative;max-width:1180px;margin:0 auto;padding:3.5em 2em 6.5em; }
.kids-page__title { display:flex;justify-content:center;align-items:center;gap:1em;width:max-content;max-width:100%;margin:0 auto 2.3em;font-size:1em;line-height:1.3; }
.kids-page__title::before,.kids-page__title::after { content:"";display:block;flex:none;width:1.5em;height:1.9em;border-radius:100% 0 100% 0;background:#9fca77;transform:rotate(-32deg); }
.kids-page__title::after { transform:scaleX(-1) rotate(-32deg); }
.kids-page__title-letters { display:flex;gap:.2em;white-space:nowrap; }
.kids-page__title-letters span { display:grid;place-items:center;width:2.15em;height:2.15em;border-radius:50%;background:#c0e9cd;color:#416137;font-size:1.55em;font-weight:700; }
.kids-page__title-letters span:nth-child(3n) { background:#fbe28d; }
.kids-page__title-letters span:nth-child(4n) { background:#b3dfd9; }
.kids-page__title-letters span:nth-child(5n) { background:#f7c6a5; }
.kids-page__links { display:grid;grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:2.5em;padding:0;margin:0;list-style:none; }
.kids-page__links > li { min-width:0;margin:0;padding:0;list-style:none; }
.kids-page__links > li::before { content:none; }
.kids-page__link { display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;aspect-ratio:1;border:6px solid #fff;border-radius:50%;box-shadow:0 8px 0 #776f4930;color:#26392f;text-decoration:none;text-align:center;font-size:1.25em;font-weight:700;line-height:1.35;transition:transform .2s,box-shadow .2s; }
.kids-page__link:hover,.kids-page__link:focus-visible { transform:translateY(-4px);box-shadow:0 12px 0 #776f4930; text-decoration: none;}
.kids-page__link:focus-visible { outline:3px solid #316b55;outline-offset:4px; }
.kids-page__link--guide { background:#c0ebd8; }
.kids-page__link--event { background:#ffe193; }
.kids-page__link--search { background:#ffd3b1; }
.kids-page__link > img { display:block;width:4.2em;height:4.2em;max-width:40%;margin:0 0 .45em;object-fit:contain; }
.kids-page__arrow { display:block;margin-top:.25em;color:#5b8c68;font-size:1.45em;line-height:1; }
.kids-page__characters { position:absolute;right:1.8em;bottom:.4em;display:flex;align-items:flex-end;gap:.25em;pointer-events:none; }
.kids-page__characters img { display:block;height:auto;object-fit:contain; }
.kids-page__characters img:first-child { width:4em; }
.kids-page__characters img:last-child { width:5em; }
@media(max-width:900px) {
  .kids-page__links { grid-template-columns:repeat(2,minmax(0,230px));gap:2em; }
}
@media(max-width:550px) {
  .kids-page__inner { padding:2em 1em 6em; }
  .kids-page__title { gap:0;margin-bottom:2em; }
  .kids-page__title::before,.kids-page__title::after { display:none; }
  .kids-page__title-letters { gap:0; }
  .kids-page__title-letters span { width:1.78em;height:2em;font-size:1.15em; }
  .kids-page__links { grid-template-columns:minmax(0,230px);gap:1.25em; }
  .kids-page__links > li:last-child { grid-column:auto; }
  .kids-page__link { font-size:1.18em; }
  .kids-page__characters { right:.75em; }
}