/* ============================================================================
 * 房家 —— TROBZナレッジハブの型を、房家のサイトに寄せる上書き
 * （元：~/Sites/株式会社WALACAS/房家/preview/assets/css/bouya-trobz.css。プレビューと同じ見た目）
 *
 * 1. 色と書体
 * 2026-10-02 実測（https://www.bou-ya.com/blog の計算済みスタイル）
 *   墨   → #333333（サイトの濃灰）
 *   金   → #c2a876（サイトのボタンの金・装飾用） / 白文字を乗せる面は同系の #8c6f37（4.73:1。#c2a876 は 2.29:1 で読みにくい）
 *   淡い地 → #f9f7f0 / #eae4d2（ブログ一覧・パンくず帯）
 *   英字 → Roboto 900・字間広め（サイトの「Bouya store list」と同じ。TROBZは Futura）
 * ========================================================================== */
:root,
.ls,
.areaNewsDetail .detailContent #toc_container.kToc,
#content .kc,
.kcBar,
#content .wp,
.rl{
  --ink:#333333;
  --ink-rgb:51,51,51;
  --deep:#262626;
  --gold:#c2a876;
  --gold-dark:#8c6f37;
  --gold-pale:#ece3cf;
  --gold-light:#e3d3ae;
  --pale:#ece3cf;
  --soft:#f9f7f0;
  --line:#e4dfd2;
  --muted:#6d6a62;
  --en:"Roboto","Yu Gothic",YuGothic,sans-serif;
}

/* 房家の本文書体に合わせる（TROBZは Noto Sans JP） */
.tzBouya, .tzBouya .ls, .tzBouya .areaNewsDetail{
  font-family:"Noto Sans JP","游ゴシック体","Yu Gothic",YuGothic,sans-serif;
}
.tzBouya .inner{max-width:1100px;width:100%;padding:0 30px;margin:0 auto;box-sizing:border-box}
.tzBouya .areaList{background:#f9f7f0}
.tzBouya .areaNewsDetail{background:#f9f7f0;padding:70px 0 120px}
.tzBouya .areaNewsDetail .detailWrap{background:#fff}

/* 透かし番号・線の淡い金（TROBZ本体は #EFE4C9 を直書き） */
.areaNewsDetail .detailWrap .detailContent h2[data-no]::before{color:var(--pale);font-family:var(--en);font-weight:400}
.areaNewsDetail .detailWrap .detailContent h2::after{background:linear-gradient(90deg,var(--gold),var(--pale) 45%,var(--line))}
.areaNewsDetail .detailIntro .introCat li a{background:var(--gold-dark)}
.areaNewsDetail .detailWrap .detailContent p:not(:has(a)) b{text-decoration-color:#f3e6bf}

/* 房家の reset.css で消える部分を戻す */
.tzBouya .detailContent > p{margin:0 0 1.4em;line-height:2;font-size:15.5px;color:#333}
.tzBouya .detailContent > table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14.5px}
.tzBouya .detailContent > table caption{caption-side:top;text-align:left;font-weight:700;margin-bottom:8px;color:var(--ink)}
.tzBouya .detailContent > table th{background:var(--ink);color:#fff;padding:10px 14px;font-weight:500;text-align:left}
.tzBouya .detailContent > table td{border-bottom:1px solid var(--line);padding:10px 14px}

/* 監修企業：実績の数字は出さない（2026-10-02 決定）。会社情報だけを全幅で */
#content .wp .wpLogo{height:34px;width:auto}



.tzBouya .areaNewsDetail .detailWrap{padding:64px 72px}
@media (max-width:768px){.tzBouya .areaNewsDetail .detailWrap{padding:28px 18px}.tzBouya .inner{padding:0 16px}}

/* 透かし番号は「01」が並びそろう数字で（Cormorant の既定は上下に揺れる数字） */
.areaNewsDetail .detailWrap .detailContent h2[data-no]::before,
.areaNewsDetail .detailContent #toc_container.kToc .tNo,
#content .kc .d3dList .n{font-variant-numeric:lining-nums;font-feature-settings:"lnum"}

/* ロゴは画像ではなく文字で（房家のロゴは縦組みで、横長の枠に入れると潰れる） */
#content .kc .tzc-brand{display:inline-block;height:auto;width:auto;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:600;font-size:15px;letter-spacing:.14em;color:var(--ink);white-space:nowrap}
#content .kc .tzc-brand.is-w{color:#fff;font-size:13px;opacity:.85}

/* 1-A の右は写真を面いっぱいに（TROBZは切り抜きのイラスト） */
#content .kc .d1aArt{padding:0;overflow:hidden}
#content .kc .d1aArt img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}

/* ############################################################################
 * 房家のサイトに寄せる（2026-10-02 実測：トップ・/banquet・/blog・/kodawari）
 *   ・英字ラベル   Roboto 900・字間 6px・#222（「Bouya store list」）
 *   ・小見出し     金 #B29252・太字（「全てはお客様の一言から」）
 *   ・日付         金 #A58549（ブログ一覧）
 *   ・主ボタン     金の面・角丸10px・白の太字（「ネット予約フォーム」）
 *   ・副ボタン     白地・金の1px枠・角なし（「もっと見る」）
 *   ・囲み         ベージュ #EAE4D2・角丸10px（ご宴会の店舗の囲み）
 *   ・カテゴリー   ベージュの丸い札（ブログのCATEGORY）
 *   ・写真         角なし（店舗一覧・ブログのカード）／影なし
 * ######################################################################### */

/* ---- 英字ラベル ---- */
#content.tzBouya .lsLabel, #content.tzBouya .lsNav p, #content.tzBouya .lsNew, #content.tzBouya .rlLabel,
#content.tzBouya .kTocTitle, #content.tzBouya .wpLabel span, #content.tzBouya .kc .kEn, #content.tzBouya .kc .d2cLbl{
  font-family:"Roboto",sans-serif;font-weight:900;letter-spacing:.32em;color:#222}
#content.tzBouya .wpInk .wpLabel span{color:#c2a876}
#content.tzBouya .lsHead h2, #content.tzBouya .rlHead h3{font-weight:700;letter-spacing:.08em;color:#222}

/* ---- 記事の見出し ---- */
.tzBouya .areaNewsDetail .detailTitle{font-size:25px;font-weight:700;letter-spacing:.04em;color:#222;line-height:1.6}
.tzBouya .areaNewsDetail .detailWrap .detailContent h2{font-weight:700;color:#222;letter-spacing:.04em}
.tzBouya .areaNewsDetail .detailWrap .detailContent h2[data-no]::before{font-family:"Roboto",sans-serif;font-weight:900;font-size:96px;top:-8px;color:#eae4d2;letter-spacing:.02em}
.tzBouya .areaNewsDetail .detailWrap .detailContent h3{color:#b29252;font-weight:700;font-size:17.5px}
.tzBouya .areaNewsDetail .detailWrap .detailContent h3::after{background:#c2a876;width:28px;height:1px}
.areaNewsDetail .detailContent #toc_container.kToc .tNo{font-family:"Roboto",sans-serif;font-weight:900;color:#b29252}

/* カテゴリー札・日付 */
.tzBouya .areaNewsDetail .detailIntro .introCat li a{background:#eae4d2;color:#333;border-radius:20px;padding:4px 16px;font-weight:700}
.tzBouya .areaNewsDetail .detailIntro .introUpdate, .tzBouya .lsMeta .d, .tzBouya .rlMeta .d{color:#a58549}
.tzBouya .lsMeta .c, .tzBouya .rlMeta .c{color:#8c6f37;font-weight:700}

/* 記事の白い面：影なし・角丸10px（ブログ記事の白い題名の囲みと同じ） */
.tzBouya .areaNewsDetail .detailWrap{box-shadow:none;border-radius:10px}

/* ---- ボタン ---- */
#content.tzBouya .kBtn, #content.tzBouya .kBtn--gold{border-radius:10px;background:#8c6f37;color:#fff;font-weight:700;letter-spacing:.08em;padding:0 22px 0 28px;min-height:56px}
#content.tzBouya .kBtn::before{display:none}
#content.tzBouya .kBtn i, #content.tzBouya .kBtn--gold i{width:auto;height:auto;background:none;color:#fff}
#content.tzBouya .kBtn:hover, #content.tzBouya .kBtn--gold:hover{background:#6f5728}
#content.tzBouya .kBtn--sm{min-height:42px;padding:0 16px 0 20px;font-size:13px}
#content.tzBouya .kLink{padding:11px 26px;border:1px solid #c2a876;background:#fff;color:#222;font-weight:500;border-radius:0}
#content.tzBouya .kLink::after{border-color:#c2a876}
#content.tzBouya .kLink:hover{background:#c2a876;color:#fff}

/* ---- CTAの囲み：角丸10px。柔らかい面はベージュ ---- */
#content.tzBouya .kc .d1a, #content.tzBouya .kc .d2a, #content.tzBouya .kc .d2b, #content.tzBouya .kc .d2c,
#content.tzBouya .kc .d3d, #content.tzBouya .kc .kcLine{border-radius:10px}
#content.tzBouya .kc .d2c--pale, #content.tzBouya .kc .kcLine--cream{background:#eae4d2;border-color:#eae4d2}
#content.tzBouya .kc .d2b--soft{background:#f9f7f0;border-color:#eae4d2}
#content.tzBouya .kc .d1aArt img{border-radius:0}

/* ---- 一覧：白いカード（ブログ一覧と同じ）・写真は角なし ---- */
.tzBouya .ls .lsImg, .tzBouya .ls .lsPick .lsImg{border-radius:0}
.tzBouya .ls .lsGrid > li > a{display:block;height:100%;background:#fff;padding-bottom:20px}
.tzBouya .ls .lsGrid > li > a > div{padding:0 18px}
.tzBouya .ls .lsTitle{font-weight:700;color:#222}
.tzBouya .ls .lsMore{border:1px solid #c2a876;background:#fff;color:#222;height:52px;min-width:260px}
.tzBouya .ls .lsMore:hover{background:#c2a876;color:#fff}
.tzBouya .ls .lsMore:hover small{color:#fff}
.tzBouya .ls .lsNav ul{border-top-color:#c2a876}
@container ls (max-width: 600px){
  .tzBouya .ls .lsGrid > li > a{display:grid;padding:10px}
  .tzBouya .ls .lsGrid > li > a > div{padding:0}
}

/* ---- 関連記事・監修企業 ---- */
.tzBouya .rl .rlImg{border-radius:0}
.tzBouya .rl .rlAll{padding:14px 34px;border:1px solid #c2a876;background:#fff;color:#222}
.tzBouya .rl .rlAll:hover{background:#c2a876;color:#fff}
#content.tzBouya .wp .pA{border-radius:10px;overflow:hidden}
#content.tzBouya .wp .pACo{background:#f9f7f0;border-radius:10px}
#content.tzBouya .wp .wpGoItem small{color:#8c6f37;font-family:"Roboto",sans-serif;font-weight:900}

/* ---- スマホの画面下の帯 ---- */
.tzBouya .kcBar--ink .kcBarLink{border-radius:10px;background:#333}
.tzBouya .kcBar .kcBarBtn{border-radius:8px;background:#8c6f37;color:#fff}
.tzBouya .rl .rlBig a{border-radius:0}
.tzBouya .rl .rlBig .rlMeta .c{color:#e3d3ae}
.tzBouya .rl .rlBig .rlMeta .d{color:#e6e6e6}

/* 濃い面の上の英字ラベルは金に（#222 のままだと見えない） */
#content.tzBouya .kc .d3dSide .kEn, #content.tzBouya .kc .d1b .kEn, #content.tzBouya .kc [class*="--ink"] .kEn{color:#c2a876}