@charset "UTF-8";
/* =========================================================
   renewal-b.css — デザイン案B（A案 + 落ち着いたゴールド基調の装飾）
   site.json の "design": "b" で有効になる
   ========================================================= */
@import url("renewal-a.css?v=202610231222");

:root {
	--gold: #b89a5a;          /* ロゴの金色に合わせたアクセント */
	--gold-light: #efe7d3;
	--navy: #23262d;
}

/* ヘッダー上部に細い金色ライン、ナビを濃紺に */
#Header { border-top: 4px solid var(--gold); }
#Gnavi { background-color: var(--navy) !important; }
#Top #TopArea #Gnavi { background-color: rgba(35, 38, 45, .72) !important; }

/* 見出し */
#MainContents h2.title em { color: var(--navy); }
#MainContents h2.title { border-left: 6px solid var(--gold); padding-left: 16px; }
#PageHeader { background-image: none; border-bottom: 1px solid var(--gold-light); }

/* カード・ボタン */
.columnWrap .column { border-radius: 6px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
a.btn, .btnContact { border-radius: 4px; }
a.btn.black { background: var(--navy); border-color: var(--navy); }

/* サイドナビ */
#SideContents ul li a { border-left: 3px solid transparent; }
#SideContents ul li.current a, #SideContents ul li a:hover { border-left-color: var(--gold); background: var(--gold-light); }

/* フッター */
#Footer { background: #fbfaf7; border-top: 1px solid var(--gold-light); }
#Footer #Copyright { background: var(--navy); }

/* お問い合わせ帯のボタンをゴールド縁取り */
#Top #ContactArea .ctaTel .lead { letter-spacing: .12em; }

@media screen and (max-width: 800px) {
	#Header { border-top-color: var(--gold); }
}