/* 公開版で足した小さな部品（原本のデザイン言語＝紺の太線・黄/ピンクのずらし影・角丸の崩し に合わせる）。
   ビルド時に他のCSSと同じく .gakushikan-site 配下に限定される。 */

/* 通い方：はじめてのDG（入口講座の小さな案内） */
.gakushikan-site .gks-first-dg{margin:55px auto 0;max-width:1080px;display:grid;grid-template-columns:auto 1fr;gap:10px 40px;align-items:start;background:#fffdf3;border:3px solid var(--ink);border-radius:10px 46px 12px 34px;box-shadow:8px 9px 0 var(--yellow);padding:34px 40px 36px}
.gakushikan-site .gks-first-dg-label{grid-column:1/-1;justify-self:start;font-weight:900;font-size:13px;letter-spacing:.08em;background:var(--ink);color:#fff;padding:6px 16px;border-radius:4px 14px 5px 8px;transform:rotate(-2deg)}
.gakushikan-site .gks-first-dg h3{font:400 clamp(24px,2.6vw,34px)/1.55 var(--display);margin:6px 0 0}
.gakushikan-site .gks-first-dg h3 em{font-style:normal;color:var(--pink)}
.gakushikan-site .gks-first-dg-body p{font-size:15px;line-height:2;margin:8px 0 0}
.gakushikan-site .gks-first-dg-body .gks-first-dg-note{font-size:13px;font-weight:800}
.gakushikan-site .gks-first-dg-body .g-link{margin-top:16px}
@media(max-width:850px){.gakushikan-site .gks-first-dg{grid-template-columns:1fr;padding:28px 24px 30px;margin-top:40px}}
@media(max-width:560px){.gakushikan-site .gks-first-dg{box-shadow:5px 6px 0 var(--yellow);border-radius:8px 30px 8px 22px}.gakushikan-site .gks-first-dg h3{font-size:23px}.gakushikan-site .gks-first-dg-body p{font-size:14px}}

/* ボードゲーム：4年生以上のコースの小さな案内（DGボードゲーム教室への導線の直後） */
.gakushikan-site .gks-upper-note{margin:16px 0 0;font-size:13px;font-weight:800;opacity:.85}

/* TOP：教室の毎日（記事0件のときの案内） */
.gakushikan-site .gks-journal-empty{position:relative;max-width:760px;margin:10px 0 0;background:#fffdf3;border:3px solid var(--ink);border-radius:8px 40px 10px 30px;box-shadow:8px 9px 0 var(--blue);padding:30px 36px;transform:rotate(-1deg)}
.gakushikan-site .gks-journal-empty p{font-size:17px;font-weight:800;line-height:2;margin:0}
@media(max-width:560px){.gakushikan-site .gks-journal-empty{padding:22px 20px;box-shadow:5px 6px 0 var(--blue)}.gakushikan-site .gks-journal-empty p{font-size:15px}}

/* 教室の毎日：記事0件のときの案内（原本の .d-empty の見た目を使う） */
.gakushikan-site .gks-d-empty{--empty-color:var(--yellow)}

/* 投稿のアイキャッチが無いとき */
.gakushikan-site .gks-journal-noimage{object-fit:contain!important;background:#fffdf3;padding:12%}

/* 送信完了ページの補足 */
.gakushikan-site .gks-thanks-help{font-size:13px;font-weight:800}

/* TOP：親子イベントは3枚で完成する配置（PC＝3列の段違い／タブレット＝2枚＋中央に1枚／スマホ＝原本どおり縦並び） */
@media(min-width:1001px){.gakushikan-site .arena-lineup{grid-template-columns:repeat(3,1fr);gap:45px 48px}.gakushikan-site .arena-event{padding:25px 26px 28px}.gakushikan-site .arena-event h3{font-size:clamp(24px,2.1vw,30px)}.gakushikan-site .ae-1{margin-top:90px}.gakushikan-site .ae-2{margin-top:30px}}
@media(min-width:651px) and (max-width:1000px){.gakushikan-site .ae-2{grid-column:1/-1;justify-self:center;width:min(100%,460px);margin-top:10px}}

/* 通い方：教材の写真の下に小さく「※画像はイメージです。」 */
.gakushikan-site .g-material-photo .gks-img-note{position:absolute;right:2%;top:100%;margin-top:30px;font-size:11px;font-weight:800;color:#fff;opacity:.9}

/* 運営者・先生たち：人物イラスト4点（ページの紺の太枠＋ずらし影＋黄/ティールの地＋網点に合わせて額装）
   父・母：PCは名前・見出しの右に額／900px以下は名前の横に額・見出しは下に全幅
   櫻井・奥地：PC（901px以上）は父・母と同じく左にテキスト（名前・見出し・本文冒頭）、右に額。額は幅に合わせて伸縮（約28%）し見出しを折らない
   900px以下は名前の横に額・見出しは下に全幅 */
.gakushikan-site .p-parent-spread article,.gakushikan-site .p-adults-copy article{display:grid;grid-template-columns:minmax(0,1fr) 34%;column-gap:24px;align-items:start}
.gakushikan-site .p-parent-spread article>*,.gakushikan-site .p-adults-copy article>*{grid-column:1/-1}
.gakushikan-site .p-parent-spread article>.p-parent-role,.gakushikan-site .p-parent-spread article>h3,.gakushikan-site .p-adults-copy article>.p-label{grid-column:1}
.gakushikan-site .gks-portrait{grid-column:2!important;grid-row:1/span 2;position:relative;margin:0 0 18px;aspect-ratio:3/4;overflow:hidden;border:4px solid var(--ink);background:var(--yellow) radial-gradient(rgba(7,47,89,.16) 1.4px,transparent 1.8px) 0 0/11px 11px;box-shadow:7px 8px 0 var(--ink);transform:rotate(3deg)}
.gakushikan-site .gks-portrait img{position:absolute;left:0;right:0;bottom:0;width:100%;height:96%;object-fit:contain;object-position:50% 100%}
.gakushikan-site .gks-portrait--tagawa,.gakushikan-site .gks-portrait--okuji{background-color:var(--teal);transform:rotate(-3deg)}
.gakushikan-site .p-adults-copy article{grid-template-columns:minmax(0,1fr) 30%}
.gakushikan-site .p-adults-copy article>.p-label{align-self:end;margin-bottom:6px}
.gakushikan-site .p-adults-copy .gks-portrait{grid-row:1;margin-bottom:26px;box-shadow:7px 8px 0 var(--teal)}
.gakushikan-site .p-adults-copy .gks-portrait--okuji{box-shadow:7px 8px 0 var(--yellow)}
@media(min-width:901px){
.gakushikan-site .p-adults-copy article{grid-template-columns:minmax(0,1fr) 28%;column-gap:18px}
.gakushikan-site .p-adults-copy article>.p-label,.gakushikan-site .p-adults-copy article>h3,.gakushikan-site .p-adults-copy article>p:nth-of-type(2){grid-column:1}
.gakushikan-site .p-adults-copy article>.p-label{align-self:start;margin-bottom:0}
.gakushikan-site .p-adults-copy .gks-portrait{grid-row:1/span 3;margin:6px 0 18px}
}
@media(max-width:900px){
.gakushikan-site .p-parent-spread article{grid-template-columns:minmax(0,1fr) 40%;column-gap:16px}
.gakushikan-site .p-parent-spread article>h3{grid-column:1/-1}
.gakushikan-site .p-parent-spread article>.p-parent-role{align-self:end;margin-bottom:18px}
.gakushikan-site .p-parent-spread .gks-portrait{grid-row:1;margin-bottom:22px}
}
@media(max-width:700px){
.gakushikan-site .p-adults-copy article{grid-template-columns:minmax(0,1fr) 40%;column-gap:16px}
.gakushikan-site .gks-portrait{box-shadow:5px 6px 0 var(--ink)}
.gakushikan-site .p-adults-copy .gks-portrait{box-shadow:5px 6px 0 var(--teal)}
.gakushikan-site .p-adults-copy .gks-portrait--okuji{box-shadow:5px 6px 0 var(--yellow)}
}
@media(min-width:701px) and (max-width:900px){.gakushikan-site .p-adults-copy article{grid-template-columns:minmax(0,1fr) 110px}}
/* 櫻井・奥地（スマホ）：名前 → 見出し → 人物（独立した額・中央やや右）→ 本文 の1列 */
@media(max-width:700px){.gakushikan-site .p-adults-copy article{grid-template-columns:minmax(0,1fr)}.gakushikan-site .p-adults-copy article>*{grid-column:1}.gakushikan-site .p-adults-copy article>.p-label{align-self:start;margin-bottom:0}.gakushikan-site .p-adults-copy .gks-portrait{grid-column:1/-1!important;grid-row:auto;justify-self:center;width:150px;left:14px;margin:6px 0 34px}}