/* ============================================================
   トップ（index.html）と、プライバシーポリシー・送信完了・404
   参考：福岡女学院「DISCOVER JO GAKUIN」。明るいグレーの地に、白い角丸の窓を置き、
   ふちは濃紺の細い線。差し色は Penguin-LAB の濃紺 #0F1A2E だけ（2026-09-24 中村氏）
   ============================================================ */
body.th-top{
  --c-bg:#E8E9EC;--c-ink:#151B27;--c-muted:#5A6272;--c-line:rgba(15,26,46,.16);
  --c-acc:#0F1A2E;--c-acc-ink:#FFFFFF;
  --c-hd:rgba(232,233,236,.92);--c-ft:#0F1A2E;--c-ft-ink:#E8E9EC;--c-ft-logo:brightness(0) invert(1);
  --f-jp:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  --f-en:"Outfit","Noto Sans JP",sans-serif;
  --sticker:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)
            drop-shadow(1.5px 0 0 #0F1A2E) drop-shadow(-1.5px 0 0 #0F1A2E) drop-shadow(0 1.5px 0 #0F1A2E) drop-shadow(0 -1.5px 0 #0F1A2E)}

/* ---------- トップの1画面：白い角丸の窓 ---------- */
.th-top main{padding:calc(var(--hd-h) - 10px) clamp(10px,2.4vw,32px) clamp(10px,1.6vw,20px);row-gap:clamp(8px,1.2vw,14px)}
.th-top .hero{background:#fff;border:1.5px solid var(--pl-navy);border-radius:clamp(22px,3vw,40px)}
.th-top .hero::before,.th-top .hero::after{display:none}
.th-top .float img{filter:var(--sticker)}
.th-top .float:hover img,.th-top .float:focus-visible img{transform:scale(1.05) rotate(-2deg)}
.th-top .float:focus-visible{outline-color:var(--pl-navy)}
.th-top .tag{background:var(--pl-navy);color:#fff;font-weight:500;letter-spacing:.06em}
.th-top .tag::before{background:#fff}
.th-top .penguin::after{background:rgba(15,26,46,.12)}

/* お知らせ（PC のみ表示）：窓の下に、白地＋濃紺の線のカードを3枚 */
@media(min-width:900px){
  .th-top .topics{background:transparent;padding:0 6px 2px}
  .th-top .topics-head{margin-bottom:8px}
  .th-top .topics-head h2{color:var(--pl-navy)}
  .th-top .topics-head h2::before{background:var(--pl-navy);width:22px;height:8px}
  .th-top .topics-head .all{color:var(--pl-navy)}
  .th-top .topic{background:#fff;border:1.5px solid var(--pl-navy);border-radius:18px;box-shadow:none}
  .th-top .topic .thumb{background:#DCDEE3}
  .th-top .topic time{color:var(--pl-navy)}
}
.th-top .topic{border-radius:14px}
.th-top .topic time{color:var(--pl-navy)}

/* パネル */
.th-top .backdrop{background:rgba(15,26,46,.42)}
.th-top .panel{border-left:1.5px solid var(--pl-navy)}
.th-top .panel-stripe{background:var(--pl-navy);width:6px}
.th-top .panel-vis img{filter:var(--sticker)}
.th-top .panel-txt h2{color:var(--pl-navy)}
.th-top .panel-txt h2::before{background:var(--pl-navy);width:22px;height:8px}

/* ---------- プライバシーポリシー・送信完了・404 ---------- */
.th-top .pg-hero h1{color:var(--pl-navy)}
.th-top .sec-head::before{background:var(--pl-navy);width:22px;height:8px}
.th-top .sec-head .en,.th-top .pg-hero .en{color:var(--pl-navy)}
.th-top .card{background:#fff;border:1.5px solid var(--pl-navy);border-radius:22px}
.th-top .card h3{color:var(--pl-navy)}
.th-top .tbl{border:1.5px solid var(--pl-navy);border-radius:22px}
.th-top .tbl th{background:rgba(15,26,46,.06)}
.th-top .card a,.th-top .tbl td a{color:var(--pl-navy)}