/* brand.css — 東京アフタースクールナビ（TPNプレイフル調・ランドセルレッド・マスコット=ランドセル）
 * サイト群のカラー体系: 東京プリスクール=オレンジ#FF7A3D / 関西=グリーン#2E9E5B / 神奈川=マリンブルー#1B6CA8 / TWN=ワイン#7B1E3B / TAN=ランドセルレッド#D6484F
 * ★style.css はサーバー側を温存する運用（deploy.shが除外）のため、ブランド上書きは必ずこのファイルに書く。
 * ベースCSSはTPNの4系統をそのまま使用し、色とTWN期追加コンポーネントをここで補う。
 */

/* ---- ブランド色トークン（TPN CSSの var を上書き） ---- */
:root{
	--tpn-orange:#D6484F;   /* 検索UI アクセント */
	--tpn-accent:#D6484F;
	--orange:#D6484F;       /* 記事・施設ページ アクセント */
	/* フォントをプリスクール系（KNPN）に合わせる: 見出しの明朝(--tpn-serif=元TWNワイン用)を
	   ゴシックに上書き。KNPNは全面 Hiragino Sans / Noto Sans JP のプレイフル調 */
	--tpn-serif:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
}
/* ヘッダー(appbar)のブランド名も明朝→ゴシックへ（tpn-ui.cssの直書きを上書き） */
.tpn-appbar{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}

/* ヒーローの暖色グラデ → ランドセルレッドの暖色グラデに */
.tpn-hero{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#FDEFEE 0%,#FAE1DF 38%,var(--tpn-cream) 78%)!important}
.tpn-mascot svg,.tpn-mascot img{filter:drop-shadow(0 6px 10px rgba(214,72,79,.22))}
.tpn-sec-head::before{background:linear-gradient(180deg,#D6484F,#E8756B)}

/* ---- ヒーローの浮遊ドゥードル（.dood）の配置【重要・style.css非依存でここに集約】 ----
 *  TANの tpn-search.css には .dood の配置CSSが無く（tpn-facility.cssにしか無い＝トップ未読込）、
 *  星/波/ハート/丸が各379pxの原寸で縦に並ぶ崩れが出ていた。KNPN準拠の小サイズ＋絶対配置をここで確定する。 */
.dood{position:absolute;pointer-events:none}
.dood.d-star{width:22px;top:18px;left:24px;transform:rotate(-12deg)}
.dood.d-squiggle{width:46px;top:30px;right:18px}
.dood.d-heart{width:20px;bottom:64px;left:18px;transform:rotate(10deg)}
.dood.d-dot1{width:9px;top:96px;right:34px}
.dood.d-dot2{width:7px;bottom:40px;right:48px}

/* ---- ファクトリー共通マークアップ互換（TWN期に追加されたコンポーネント） ---- */
/* 見出しの英字ラベル（TPNスキンでは絵文字運用のため非表示） */
.tpn-sec-head .en{display:none}

/* 一覧カードのロゴ画像対応 */
.tpn-fac-card .ph.is-logo{background-size:contain;background-color:#fff;background-origin:content-box;padding:6px;border:1px solid var(--tpn-line,#ECE5D8);box-sizing:border-box}
.gallery img.is-logo{object-fit:contain;background:#fff;padding:36px 28px;height:200px;border-bottom:1px solid var(--line,#ECE5D8)}

/* 条件バッジ（EC/資料請求等の派生チップ） */
.badges .b-ec{display:inline-block;font-style:normal;font-size:.7rem;font-weight:600;letter-spacing:.04em;
	color:var(--tpn-accent);background:#fff;border:1px solid #F2C3C4;border-radius:8px;padding:1px 8px;margin:2px 4px 0 0}

/* ホーム下部の注意書き */
.tpn-legal-note{max-width:480px;margin:40px auto 8px;padding:16px 14px 0;font-size:.74rem;line-height:1.8;
	letter-spacing:.04em;text-align:center;color:var(--tpn-muted,#8A8275);border-top:1px solid var(--tpn-line,#ECE5D8)}

/* 関連施設カード（施設詳細の回遊導線） */
.tpn-rel-list{display:flex;flex-direction:column;gap:12px}
.tpn-rel-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line,#ECE5D8);
	border-radius:14px;padding:12px;text-decoration:none;color:var(--ink,#2B2B2B);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.tpn-rel-card .ph{flex:none;width:64px;height:64px;border-radius:10px;background:#EFEBE2 center/cover no-repeat}
.tpn-rel-card .ph.is-logo{background-size:contain;background-color:#fff;background-origin:content-box;padding:5px;border:1px solid var(--line,#ECE5D8);box-sizing:border-box}
.tpn-rel-card .t{display:flex;flex-direction:column;min-width:0;gap:3px}
.tpn-rel-card .t b{font-size:.95rem;font-weight:700;line-height:1.4}
.tpn-rel-card .t small{font-size:.79rem;color:var(--muted,#8A8275)}
.tpn-rel-card .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.tpn-rel-card .tags i{font-style:normal;font-size:.66rem;font-weight:600;letter-spacing:.04em;
	border:1px solid var(--line,#ECE5D8);background:#FBF0F0;color:#8A4E52;border-radius:8px;padding:2px 7px}
.tpn-rel-more{text-align:center;margin:16px 0 0}
.tpn-rel-more a{color:var(--orange);font-weight:700;font-size:.9rem;letter-spacing:.08em;text-decoration:none;
	border-bottom:2px solid #F2C3C4;padding-bottom:2px}

/* 施設CTAの第3ボタン（オンライン/資料請求） */
.cta .ec{background:#fff;color:var(--orange);border:1px solid var(--orange);flex:1;text-align:center;text-decoration:none;
	font-weight:700;letter-spacing:.1em;border-radius:12px;padding:14px 6px;font-size:.9rem;white-space:nowrap}

/* ---- TPN CSSのオレンジ直書き分をランドセルレッドへ ---- */
.tpn-bigbtn.primary{background:linear-gradient(135deg,#D6484F,#E8756B);box-shadow:0 6px 16px rgba(214,72,79,.3)}
.tpn-submit button{background:linear-gradient(135deg,#D6484F,#E8756B);box-shadow:0 6px 16px rgba(214,72,79,.3)}
.tpn-form input:focus,.tpn-form textarea:focus{border-color:#D6484F}
.tpn-appbar .brand b{color:#D6484F}