/* brand.css — 神奈川プリスクールナビ（TPNデザイン踏襲・マリンブルー・マスコット=イルカ）
 * サイト群のカラー体系: 東京=オレンジ#FF7A3D / 関西=グリーン#1B6CA8 / 神奈川=マリンブルー#1B6CA8
 * ベースCSSはTPN（tokyo-preschool-navi）の4系統をそのまま使用し、色とTWN期追加コンポーネントをここで補う。
 */

/* ---- ブランド色トークン（TPN CSSの var を上書き） ---- */
:root{
	--tpn-orange:#1B6CA8;   /* 検索UI アクセント */
	--tpn-accent:#1B6CA8;
	--orange:#1B6CA8;       /* 記事・施設ページ アクセント */
}

/* ヒーローの暖色グラデ → マリンブルーグラデに */
.tpn-hero{background:radial-gradient(120% 80% at 50% 0%,#EAF3FA 0%,#DCEDF9 38%,var(--tpn-cream) 78%)!important}
.tpn-mascot svg,.tpn-mascot img{filter:drop-shadow(0 6px 10px rgba(27,108,168,.22))}
.tpn-sec-head::before{background:linear-gradient(180deg,#1B6CA8,#4A97CE)}

/* ---- ファクトリー共通マークアップ互換（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 #B9D8EE;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:#F0F6FB;color:#4E6E8A;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 #B9D8EE;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,#1B6CA8,#4A97CE);box-shadow:0 6px 16px rgba(27,108,168,.3)}
.tpn-submit button{background:linear-gradient(135deg,#1B6CA8,#4A97CE);box-shadow:0 6px 16px rgba(27,108,168,.3)}
.tpn-form input:focus,.tpn-form textarea:focus{border-color:#1B6CA8}
.tpn-appbar .brand b{color:#1B6CA8}