/* brand.css — 東京犬の幼稚園ナビ（TPNプレイフル調踏襲・キャラメルブラウン・マスコット=親子柴犬）
 * サイト群のカラー体系: 東京プリスクール=オレンジ#FF7A3D / 関西=グリーン#2E9E5B / 神奈川=マリンブルー#1B6CA8 / TDKN=キャラメルブラウン#B4762F
 * ベースCSSはTPN（playful-preschoolスキン）の4系統をそのまま使用し、色とTWN期追加コンポーネントをここで補う。
 */

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

/* ヒーローの暖色グラデ → キャラメルグラデに */
.tpn-hero{background:radial-gradient(120% 80% at 50% 0%,#F8EEDD 0%,#F3E4C9 38%,var(--tpn-cream) 78%)!important}
.tpn-mascot svg,.tpn-mascot img{filter:drop-shadow(0 6px 10px rgba(180,118,47,.22))}
.tpn-sec-head::before{background:linear-gradient(180deg,#B4762F,#D89A55)}

/* ---- ファクトリー共通マークアップ互換（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)}

/* 条件バッジ（派生チップ） */
.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 #E3CBA4;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:#F8F1E4;color:#7A5A33;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 #E3CBA4;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,#B4762F,#D89A55);box-shadow:0 6px 16px rgba(180,118,47,.3)}
.tpn-submit button{background:linear-gradient(135deg,#B4762F,#D89A55);box-shadow:0 6px 16px rgba(180,118,47,.3)}
.tpn-form input:focus,.tpn-form textarea:focus{border-color:#B4762F}
.tpn-appbar .brand b{color:#B4762F}