@charset "UTF-8";
/* =========================================================
   dark-theme.css — サイト全体を「黒地・白文字」にする配色レイヤー
   （2026-08-18 クライアント指示「全て黒背景の白文字に。グレーなど見にくいところも見やすい色に」）

   置きかたの約束:
   - 原本CSS（assets/original/）も抽出CSS（assets/css/original-sections/）も無改変。
     このファイルは全ページで**いちばん最後**に読み込む上書き専用レイヤー（inc/assets.php 優先度99）
   - 原本の詳細度が高いので指定は !important。1ブロックにつき「何を・なぜ」のコメントを付ける
   - 触るのは色だけ。余白・字送り・レイアウトには一切触れない（帯の高さを動かさないため）

   配色（黒地でのコントラスト比を括弧に併記。本文は 4.5:1 以上が必須）:
     地      #000000
     面1     #141414  カード・パネル・表の見出しセル（黒地との段差を残す）
     面2     #1a1a1a  画像プレースホルダ・フォーム入力
     本文    #ffffff  (21:1)
     補助    #c9c9c9  日付・メタ・プレースホルダ (12.6:1)
     罫線    rgba(255,255,255,.24)
     金      #d0a22d  (8.3:1) 原本のアクセント。黒地でも読めるので残す
     暗い金  #836806 → #d0a22d に置換（黒地では 1.6:1 で読めない）
   ========================================================= */

/* ---------------------------------------------------------
   [1] デザイントークンの反転
   クリーン版CSS（base.css / sections.css / pages.css）は色を var(--tz-*) で引いている。
   トークンを差し替えるだけで、そちら側の大半が黒地・白文字に揃う。
   --------------------------------------------------------- */
:root {
	--tz-ink: #fff;            /* 本文・見出し。黒→白 */
	--tz-ink-soft: #c9c9c9;    /* 補助テキスト。#333 は黒地で読めない */
	--tz-gray: #ffffff;        /* 英字見出し。#848383 は白地で 3.8:1 しか無く指摘対象だった */
	--tz-btn-gray: #ffffff;    /* ボタンの枠・文字。#858585 は黒地で 2.8:1 */
	--tz-white: #000;          /* 「地色」として使われているトークン。白→黒 */
	--tz-dark: #000;           /* ダーク帯も地と同じ黒に寄せる */
	--tz-header-bg: #000;
	--tz-placeholder: #1a1a1a; /* 画像の抜け（灰色の四角）*/
	--tz-line: rgba(255, 255, 255, 0.24);

	/* このレイヤーで使い回す面の色 */
	--tzd-surface-1: #141414;
	--tzd-surface-2: #1a1a1a;
	--tzd-line: rgba(255, 255, 255, 0.24);
	--tzd-line-strong: rgba(255, 255, 255, 0.42);
	/* いちばん薄い区切り線。黒地でぎりぎり見える濃さ（パンくずの上下＝client-tweaks.css [6]）。
	   2026-08-21 クライアント指示「パンくずは上と下のボーダーの色を薄くして」。
	   濃さを変えるならここ1か所（0.24 にすると他の区切り線と同じ濃さ） */
	--tzd-line-faint: rgba(255, 255, 255, 0.12);
	--tzd-muted: #c9c9c9;
	--tzd-gold: #d0a22d;
}

/* コアブロック版パーツ（patterns.css）は継承に頼らず .tz-p 配下に自前のトークンを持つ。
   そちらも同じ考え方で差し替える（concept / scatter / exphotos の写真枠が淡灰のままになるため）*/
.tz-p {
	--tz-p-gray: #fff;
	--tz-p-dark: #000;
	--tz-p-placeholder: var(--tzd-surface-2);
}

/* ---------------------------------------------------------
   [2] ページの地色
   原本テーマ（rikyu）が html/body/.l-container に白を敷いているので黒で上書きする。
   --------------------------------------------------------- */
html,
body,
.l-container,
.l-container__inner,
.l-main,
.l-contents,
main,
article,
.site,
.wp-site-blocks {
	background-color: #000 !important;
	color: #fff !important;
}

/* 自立パーツの帯クラス。original-fixes.css が .tz-bg--default に白を直値で持っている */
.tz-bg--default,
.tz-bg--alt,
.tz-bg--dark,
.tz-section {
	background-color: #000 !important;
}

/* FVスライダーの下地。原本は #999 で、読み込み中と余白部分に灰色が出る */
.p-fp-slider,
.p-fp-slider__item,
.p-fp-slider--type2 {
	background-color: #000 !important;
}

/* ---------------------------------------------------------
   [3] 文字色の既定を白にする
   原本Elementorは要素ごとに色を持っているため、まとめて白へ倒す。
   除外は svg の中身だけ（fill/stroke は currentColor 以外で塗られているものがある）。

   ★詳細度を上げすぎないこと。この指定は 0,0,3 に収めてある。
     クラス1個ぶん（0,1,0）より低いので、下の [7]〜[11] の
     「金のボタン」「補助テキスト」「エラーの赤」がちゃんと後から勝てる。
     ここに :not(.foo) のようなクラスを足すと 0,1,x に上がり、
     送信ボタンの黒文字などが白に戻ってしまう（実際に踏んだ）。
   原本側の指定は !important でないものがほとんどなので、この詳細度でも上書きできる。
   --------------------------------------------------------- */
body :not(svg):not(svg *) {
	color: #fff !important;
	-webkit-text-fill-color: currentColor !important; /* 原本に text-fill を使う見出しがある */
}

/* リンクは本文と同色。原本どおり下線は持たせない（ホバーで金に寄せる） */
body a:not(svg *) {
	color: #fff !important;
}

body a:hover:not(svg *),
body a:focus-visible:not(svg *) {
	color: var(--tzd-gold) !important;
}

/* ---------------------------------------------------------
   [4] 原本Elementorの帯（e-con / section）の地色
   background-color だけを黒にする。background-image には触らないので写真帯は残る。
   --------------------------------------------------------- */
.elementor-tzorig .e-con,
.elementor-tzorig .e-con-inner,
.elementor-tzorig .elementor-section,
.elementor-tzorig .elementor-container,
.elementor-tzorig .elementor-column,
.elementor-tzorig .elementor-column-wrap,
.elementor-tzorig .elementor-widget-wrap,
.elementor-tzorig .elementor-widget-container {
	background-color: transparent !important;
}

/* 帯そのものが持つ地色（写真の無い白帯）は黒にする。
   transparent ではなく黒を敷くのは、親に写真がある入れ子で透けないようにするため */
.elementor-tzorig > .e-con,
.elementor-tzorig > .elementor-section {
	background-color: #000 !important;
}

/* 写真の上に敷く「オーバーレイ」。原本は白90%で写真を白く飛ばしているので黒に反転する。
   （catch/extras-*: 781e7af = ページ見出し帯 / process: 22032df = 流れの帯）*/
.elementor-tzorig .elementor-element::before,
.elementor-tzorig .elementor-background-overlay {
	background-color: #000 !important;
}

/* 例外: 下層ページのヒーロー（pagehero / 586d750）。
   原本の暗幕は黒45%（#00000073。contact だけ暗幕なし）で、写真を見せるための膜。
   すぐ上の一括指定（黒 + --overlay-opacity:0.9）が当たると**写真が真っ黒に潰れる**ため、
   詳細度を1つ上げて（0,2,0 → 0,3,0）原本の値に戻す。
   実際の色はパーツが `--tz-pagehero-overlay` で渡す（編集画面の「写真の上の暗幕」）。
   2026-08-19: ヒーローをパーツ化したときに実WPで実測して発見（写真が見えていなかった）。 */
.elementor-tzorig .elementor-element.elementor-element-586d750::before {
	background-color: var(--tz-pagehero-overlay, #00000073) !important;
}

/* 例外: 画面右下に追従するSNSアイコン（LINE / Instagram / 862f612。TOPの band-25）。
   原本はこの入れ物に地色を持たず、アイコンだけが写真や本文の上に浮いていた。
   すぐ上の一括指定（`.elementor-tzorig > .e-con` に黒）が当たると
   130×70px の**黒い箱**が敷かれ、2つのアイコンに黒背景が付いて見える
   （2026-08-26 実測 / クライアント指示で撤去）。
   詳細度を1つ上げて（0,2,0 → 0,3,0）原本どおり透過に戻す。 */
.elementor-tzorig > .e-con.elementor-element-862f612 {
	background-color: transparent !important;
}

/* ---------------------------------------------------------
   [5] 面（カード・パネル・表・フォーム）
   黒一色だと構造が読めなくなるので、地よりわずかに明るい面と罫線で段差を残す。
   --------------------------------------------------------- */

/* 商品カード・お知らせカードの画像枠と「画像なし」の抜け */
.tz-card__image,
.tz-card__noimage,
.tz-card--pastwork,
.tz-catbanner__image {
	background-color: var(--tzd-surface-2) !important;
}

/* コアブロック版パーツの面（原本の淡灰・淡グレーの箱）。
   **事業紹介のカード（.tz-p-businesses__item）はここに入れない**。
   2026-08-24 クライアント指示「事業概要パーツの背景色は原本通り白で黒文字に」で
   面1（#141414）への反転をやめ、原本どおりの白いカードに戻した（下の [16]）。
   一覧に足し戻すと patterns.css の #fff を打ち消してカードが黒くなる */
.tz-p-recycle__card,
.tz-p-pagelink__text,
.tz-p-contactform__notice,
.tz-p-divider {
	background-color: var(--tzd-surface-1) !important;
}

/* 会社概要テーブル: 見出しセルだけ面1、本文セルは地のまま。罫線を白系に */
.tz-p-companyprofile__table th,
.tz-p-companyprofile .tz-p-companyprofile__table th {
	background-color: var(--tzd-surface-1) !important;
}

.tz-p-companyprofile__table td,
.tz-p-companyprofile .tz-p-companyprofile__table td {
	background-color: transparent !important;
}

.tz-p-companyprofile__table tr,
.tz-p-companyprofile .tz-p-companyprofile__table tr {
	border-color: var(--tzd-line) !important;
}

/* 原本テーマ側の表（rikyu の .p-body table）*/
body table th {
	background-color: var(--tzd-surface-1) !important;
}

body table td {
	background-color: transparent !important;
}

body table,
body table th,
body table td {
	border-color: var(--tzd-line) !important;
}

/* ---------------------------------------------------------
   [6] 罫線
   黒地では #000 / #333 系の枠が消える。白系の半透明に置き換える。
   --------------------------------------------------------- */
.tz-btn,
.tz-btn--underline,
.is-style-tz-pill .wp-block-button__link,
.is-style-tz-underline .wp-block-button__link,
.tz-card__more,
.tz-catbanner__more,
.tz-flow__step,
.tz-bg--dark .tz-flow__step {
	border-color: var(--tzd-line-strong) !important;
}

/* 原本Elementorのボタン枠（pagelink の黒枠ボタンなど）*/
.elementor-tzorig .elementor-button {
	border-color: var(--tzd-line-strong) !important;
}

/* ---------------------------------------------------------
   [7] ボタン
   白地×グレー文字（#858585 = 黒地で 2.8:1）だったものを、黒地×白文字＋白枠にする。
   ホバーは金地×黒文字（8.3:1）で「押せる」ことをはっきり出す。
   --------------------------------------------------------- */
.tz-btn,
.is-style-tz-pill .wp-block-button__link,
.elementor-tzorig .elementor-button,
.wp-block-button__link,
.wp-element-button {
	background-color: transparent !important;
	color: #fff !important;
	border-color: var(--tzd-line-strong) !important;
}

.tz-btn:hover,
.is-style-tz-pill .wp-block-button__link:hover,
.elementor-tzorig .elementor-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: var(--tzd-gold) !important;
	border-color: var(--tzd-gold) !important;
	color: #000 !important;
}

/* カードのホバーで出る「VIEW MORE」も同じ扱い */
.tz-card:hover .tz-card__more,
.tz-catbanner:hover .tz-catbanner__more {
	background-color: transparent !important;
	color: #fff !important;
	border-color: var(--tzd-line-strong) !important;
}

/* ---------------------------------------------------------
   [8] 補助テキスト（日付・メタ・場所）
   白のままだと本文と同じ強さになるので、読める範囲で落とす（#c9c9c9 = 12.6:1）。
   --------------------------------------------------------- */
.tz-card__date,
.tz-card__meta,
.tz-p-pastworks__place,
.tz-p-process__group > summary .tz-p-process__note,
figcaption,
.wp-element-caption {
	color: var(--tzd-muted) !important;
}

/* ---------------------------------------------------------
   [8-2] 原本で「白地に白文字」だった装飾を、うるさくしない
   recycle の大きな英字「Recycle」は原本ではカード（#f1f1f1）に白文字で乗っており、
   実質見えていない透かし。黒地にすると本文リード（処分に悩んでいる盆栽〜）に
   くっきり重なって読めなくなるので、透かしのまま残す。
   位置と字送りは原本のままなので帯の高さは動かない。
   検証（verify-dark-theme-wp.mjs）ではコントラスト対象外として明示的に除外している。
   --------------------------------------------------------- */
.tz-p-recycle .tz-p-recycle__en,
.tz-recycle__en {
	color: rgba(255, 255, 255, 0.1) !important;
}

/* ---------------------------------------------------------
   [8-3] OUR MISSION の帯だけは原本の配色のまま残す（2026-08-18 クライアント指示）
   「our missionセクションは前のままでいいです。白にしたことで見づらくなりました」。

   この帯の地は **background-image のグラデーション**（#f3f3f3 / #e0e0e0 の2色）で、
   このレイヤーは background-image に触らない方針のため、地は明るいまま文字だけが白になり
   読めなくなっていた。地を黒くするのではなく、**文字色を原本の値に戻す**ことで帯ごと元に戻す。

   詳細度は [3] の broad ルール（0,0,3）より高い 0,1,3 にしてある。
   色を戻すだけなので帯の高さ・余白は変わらない。
   純コアブロック版（.tz-p-mission）と第1段階の自立パーツ版（.tz-mission）の両方に当てる。
   --------------------------------------------------------- */
.tz-p-mission :not(svg):not(svg *),
.tz-mission :not(svg):not(svg *) {
	color: var(--tz-p-ink, #000) !important;
}

/* 英字見出し「OUR MISSION」と項目名は原本どおりの石灰グレー。
   項目名の中身は BudouX が <budoux-ja> で包むので、**子孫まで**指定しないと
   上の一括指定（黒）が中の要素に残る（実際に踏んだ） */
.tz-p-mission .tz-p-mission__en,
.tz-p-mission .tz-p-mission__en *,
.tz-p-mission .tz-p-mission__title,
.tz-p-mission .tz-p-mission__title *,
.tz-mission .tz-mission__en,
.tz-mission .tz-mission__en *,
.tz-mission .tz-mission__title,
.tz-mission .tz-mission__title * {
	color: var(--tz-p-stone, #848383) !important;
}

/* 見出し下・項目名下の罫線（疑似要素と空 span の両方の作りがある） */
.tz-p-mission .tz-p-mission__en::after,
.tz-p-mission .tz-p-mission__title::after {
	background: var(--tz-p-rule, #636363) !important;
}

.tz-mission .tz-mission__rule {
	border-color: var(--tz-p-rule, #636363) !important;
}

/* 帯の中のリンクも原本と同じ扱いに戻す（[3] の白リンク指定を上書き） */
.tz-p-mission a:not(svg *),
.tz-mission a:not(svg *) {
	color: var(--tz-p-ink, #000) !important;
}

/* ---------------------------------------------------------
   [9] アクセント色
   金は黒地でも 8.3:1 あるので残す。暗い金（#836806）だけ読める金に寄せる。
   --------------------------------------------------------- */
.tzd-gold,
.has-gold-color {
	color: var(--tzd-gold) !important;
}

/* ---------------------------------------------------------
   [10] ヘッダー・ドロワー・フッター
   ヘッダーは原本では「最上部は透過・スクロールで白」。白のままだと白文字が消えるので黒にする。
   --------------------------------------------------------- */
.l-header,
.l-header__inner,
.l-header--type2,
.p-drawer-menu,
.l-footer,
.tz-footer {
	background-color: #000 !important;
	color: #fff !important;
}

/* 【2026-08-20 撤去】最上部の透過をやめた。
   ここには
     .is-header-transparency .l-header:not(.is-fixed):not(.is-active){background-color:transparent!important}
   があり、「.is-header-transparency は原本が付けるクラスで、スクロールすると外れる」
   という前提でヒーローに重なる部分だけ透過を保つつもりだった。

   前提が2つとも間違っていた。
     ① `is-header-transparency` は **<body> に付いていて外れない**（実測: スクロール前後で
        body の class は同一）。つまり TOP のヘッダーは**常に**透過だった
     ② FV-1（2026-08-19）でヘッダーを流し込みに戻し、FVはその下から始まるようにしたので
        **そもそも重なっていない**。透過に意味が無い

   さらに 2026-08-20 の「ヘッダーは追従にして」で本文がヘッダーの背面を通るようになり、
   透過のままだと文字が重なって読めなくなる。`!important` 付きだったため
   client-tweaks.css [5] の `background:#000` は一度も勝てていなかった。 */

/* ロゴ帯（原本 #1b0d11 の暗赤）はそのまま暗いので黒に寄せるだけ */
.l-header__logo {
	background-color: #000 !important;
}

/* ハンバーガーの線は白 */
.tz-header__toggle span,
.p-menu-button__bar,
.p-drawer-button span {
	background-color: #fff !important;
}

/* ---------------------------------------------------------
   [11] フォーム（Contact Form 7）
   白地×黒文字の入力欄を黒地×白文字に。枠は白系にして「入力欄がある」ことを見せる。
   プレースホルダは #ccc（黒地で 12:1）→ 補助色に統一。
   --------------------------------------------------------- */
.wpcf7,
.wpcf7 form,
.tz-p-contactform {
	background-color: transparent !important;
}

body input[type="text"],
body input[type="tel"],
body input[type="email"],
body input[type="url"],
body input[type="number"],
body input[type="date"],
body input[type="search"],
body input[type="password"],
body select,
body textarea {
	background-color: var(--tzd-surface-2) !important;
	color: #fff !important;
	border-color: var(--tzd-line-strong) !important;
}

body input::placeholder,
body textarea::placeholder {
	color: var(--tzd-muted) !important;
	opacity: 1 !important; /* Firefox は既定で薄くするので戻す */
}

body input:focus,
body select:focus,
body textarea:focus {
	border-color: var(--tzd-gold) !important;
	outline-color: var(--tzd-gold) !important;
}

/* 送信ボタンは黒地で沈むので金地×黒文字にする（押せる場所を明示する） */
body input[type="submit"],
body button[type="submit"],
.wpcf7-submit {
	background-color: var(--tzd-gold) !important;
	color: #000 !important;
	border-color: var(--tzd-gold) !important;
}

body input[type="submit"]:hover,
body button[type="submit"]:hover,
.wpcf7-submit:hover {
	background-color: #e5b944 !important;
	color: #000 !important;
}

/* CF7 の応答メッセージ（エラー・送信完了）。原本の淡色枠は黒地で見えない */
.wpcf7 form .wpcf7-response-output {
	background-color: var(--tzd-surface-1) !important;
	color: #fff !important;
	border-color: var(--tzd-line-strong) !important;
}

.wpcf7-not-valid-tip {
	color: #ff9aa5 !important; /* 原本の赤（#b30024）は黒地で 2.2:1。明るい赤に上げる */
}

/* ---------------------------------------------------------
   [12] 選択範囲・スクロールバーなどブラウザUI
   黒地に合わせておかないと、選択したとたんに白帯が出る。
   --------------------------------------------------------- */
::selection {
	background-color: var(--tzd-gold);
	color: #000;
}

html {
	color-scheme: dark; /* フォームのネイティブ部品・スクロールバーを暗色系にする */
}

/* ---------------------------------------------------------
   [13] 画像そのものは触らない
   写真は作品の見せ場なので filter などは一切かけない。
   透過PNGのロゴだけ、白地前提のものが黒地で沈まないか個別に確認すること（現状は白抜きロゴでOK）。
   --------------------------------------------------------- */

/* ---------------------------------------------------------
   [14] COM-3 … 黒のまま残っていたアイコンを白に起こす（2026-08-19 / docs/11）

   「アイコン類を含め、黒のまま残っている要素をすべて洗い出して直す」。
   全ページ×2幅の実測（preview/verify-dark-theme-wp.mjs の塗り判定を
   SVG の fill / stroke まで広げて走査）で見つかったのは1種類だけだった。

   Elementor の SNSアイコン（works-history / 原本 band の
   `.elementor-social-icons-wrapper`）は **フォントではなくインラインSVG**で、
   Elementor が `fill: #000` を直接当てている。文字色（color）は白に直っていたが
   SVG の塗りは color を見ないので、**黒地に黒のアイコン**＝完全に不可視だった
   （実測: LINE と Instagram の 50×50px が2つとも背景と同色）。

   `currentColor` にすると、リンクの色（白）とホバー色にそのまま追従する。
   --------------------------------------------------------- */
.elementor-social-icon svg,
.elementor-social-icon svg *,
.elementor-icon svg,
.elementor-icon svg * {
	fill: currentColor !important;
}

.elementor-social-icon,
.elementor-icon {
	color: var(--tzd-ink, #fff) !important;
}


/* ---------------------------------------------------------
   [15] ORD-3 … 流れ図の●を白にする（2026-08-22 クライアント指示 / docs/11 §22）

   空間ディスプレイ・オーダーメイド帯（原本 band-11）の流れ図。原本は
   `background: #111` のベタ塗りで、黒地に置くと**ほぼ見えない**
   （#111 と地色 #000 のコントラストは 1.1:1）。COM-3「黒のまま残っている要素を
   すべて洗い出す」の取りこぼしで、クライアントから直接の指示が出た。

   ●を出しているのは帯の中に埋まっている `<style>`（原本DOMの一部なので改変しない）。
   body 側のインラインstyleは <head> のどのシートよりも後に来るため、
   詳細度が同じでは勝てない。`!important` で上書きする
   （原本の指定は横並び用とSP縦用の2か所にあり、どちらもこの1行で当たる）。

   --------------------------------------------------------- */
.flow li .dot {
	background: var(--tzd-ink, #fff) !important;
}

/* ●と●をつなぐ線（#ccc）も**黒地にしたときから一度も見えていなかった**（同日実測）。
   色ではなく重なり順の問題。原本は線を `z-index: -1` で敷いており、これは
   「いちばん近い重ね合わせコンテキストの背景より後ろ」に置くという意味になる。
   原本サイトでは帯に地色が無く、後ろが素の白だったので線が見えていた。
   [4] で帯に**不透明な黒**を敷いた結果、線はその黒の裏に回って消えた
   （帯の `position: relative` は `z-index: auto` なので重ね合わせコンテキストを作らず、
   線は帯の地色より後ろまで落ちる）。

   `auto` に戻すと、位置指定要素として帯の地色より前・●や文字と同じ層に出る。
   線は上端から2px（横並び）／左から2px（縦並び）にしかないので、文字には掛からない。
   縦並び（client-tweaks.css [12]）の線も同じ理由で `auto` にしてある。 */
.flow li:not(:last-child)::after,
.flow li:not(:first-child)::before {
	z-index: auto !important;
}


/* ---------------------------------------------------------
   [16] 事業概要のカードだけ原本どおり白地・黒文字にする
        （2026-08-24 クライアント指示「companyページの事業概要パーツの
         背景色は原本通り白で黒文字にして」）

   参照元 taizan-tokyo.com /company の実測（reference/taizan-tokyo-top/company）:
     [data-lib="43992"] .-w-contents        { background: #fff }
     [data-lib="43992"] .-w-content         { color: #313131 }
     [data-lib="43992"] .-w-contents h2/h3.-w-general { color: #313131 }
     [data-lib="43992"] .-w-more_btn a      { color: #000 }
     [data-lib="43992"] .-w-more_btn a span { border-color: #000 }
     [data-lib="43992"] .-w-more_btn a:hover / :active { color / border-color: #dfae21 }
   地色そのものは patterns.css の `.tz-p-businesses__item { background-color: #fff }` が
   持っている（[5] の一覧から外したので、そのまま出る）。ここが受け持つのは
   **このレイヤー自身が配った白文字を戻すこと**だけ。

   ★[3] の `body :not(svg):not(svg *)`（0,0,3 / !important）は
     継承ではなく**すべての要素へ直接**白を配るので、カードに色を置いても子は白のまま。
     同じ広さ（`* :not(svg)…`）で配り直して初めて戻る。詳細度は (0,2,2) で [3] に勝つ。
   ★[3] は `-webkit-text-fill-color: currentColor !important` も配るので、
     こちらも currentColor のまま（色は color に追従する）。
   --------------------------------------------------------- */
.tz-p-businesses .tz-p-businesses__item,
.tz-p-businesses .tz-p-businesses__item *:not(svg):not(svg *) {
	color: #313131 !important;
	-webkit-text-fill-color: currentColor !important;
}

/* 「詳細はコチラ」の下線リンク。patterns.css の is-style-tz-underline は
   #000 の文字＋#000 の下線だが、[6]（0,2,0）と [7]（0,1,0）が白へ倒すので
   (0,3,0) で原本の黒に戻す。border-color は4辺まとめて指定する
   （[6] が `border-color` の短縮形で4本とも白にしているため）*/
.tz-p-businesses .tz-p-businesses__item .wp-block-button__link {
	color: #000 !important;
	background-color: transparent !important;
	border-color: #000 !important;
}

/* ホバー・フォーカス。原本は金 #dfae21 だが、**白地に乗せると 1.9:1 で読めない**
   （原本は黒地の版の色をそのまま使い回しているだけ）。サイトの金トークン #d0a22d も
   白地では 2.3:1 にしかならない。2026-08-18 クライアント指示「見にくいところも見やすい色に」と
   このシートの約束（本文 4.5:1 以上）に合わせ、**原本の色相・彩度はそのままで明度だけ**
   落とした #8f6f15（白地で 4.72:1）を使う（HSV で h=44.5° / s=0.85 は #dfae21 と同値）。
   [3]/[7] の hover（0,1,3）に勝つよう (0,3,1) で置く */
.tz-p-businesses .tz-p-businesses__item .wp-block-button__link:hover,
.tz-p-businesses .tz-p-businesses__item .wp-block-button__link:focus-visible {
	color: #8f6f15 !important;
	border-color: #8f6f15 !important;
}


/* ---------------------------------------------------------
   [17] TOPの CONCEPT / PRODUCT 帯だけ地色を #1f2529 にする
        （2026-08-25 クライアント指示「topのconcept、productのパーツの
         background-color: rgb(31, 37, 41); にして」）

   色が出るのは2分割バナーの**文字側の列**（写真側は写真で埋まる）。
   [5] が `.tz-p-pagelink__text`（0,1,0 / !important）で面1 #141414 を配っているので、
   `:not(.tz-p-spot)` を足した (0,3,0) で勝たせる。

   ★ `:not(.tz-p-spot)` は GALLERY の拠点を外すため。拠点は
     `inc/section-patterns/galleryspots.php` が同じ `tz-p-pagelink*` のクラスを
     付けて2分割バナーを作っており（外枠は `tz-p tz-p-spot tz-p-pagelink`）、
     素直に `.tz-p-pagelink__text` へ置くと拠点まで一緒に変わる。
     今回の指示は「TOPの concept / product」なので拠点は面1 のまま。
   --------------------------------------------------------- */
.tz-p-pagelink:not(.tz-p-spot) > .tz-p-pagelink__text {
	background-color: rgb(31, 37, 41) !important;
}

/* ---------------------------------------------------------
   [17-B] 上の [17] の続き — タブレット以下（768px以下）は
          CONCEPT / PRODUCT が「写真の上に文字」になるので、面を**暗幕**にする
          （2026-08-26 クライアント指示「CONCEPT, PRODUCTパーツはタブレット以下の時は
            背景画像で表示させてその上にテキスト出して2列表示させたいです」/ docs/11 §49）

   組み方（float で横2列・写真を absolute で敷く）は patterns.css が持つ。
   ここは色だけ ─ [17] の不透明な rgb(31,37,41) がそのまま当たると
   **写真が完全に隠れて**「背景画像で表示」にならない。

   濃さは patterns.css の暗幕（黒55%）と同じ狙いで、**写真が真っ白でも**
   白文字が 4.5:1 を超える値にする。#1f2529 は黒より緑が明るいぶん薄まりやすく、
   62% では 4.46:1 で**わずかに足りなかった**（2026-08-26 実測）ので 66%
   ＝ 白 #fff の上で実効 rgb(107,111,114) → 白文字 5.06:1。色相は PC の面と同じ。

   セレクタは [17] と**完全に同じ**（0,3,0 / !important）なので、
   後に書いてあるこちらが 768px以下でだけ勝つ。片方のセレクタを直したら両方直す。
   --------------------------------------------------------- */
@media (max-width: 768px) {
	.tz-p-pagelink:not(.tz-p-spot) > .tz-p-pagelink__text {
		background-color: rgb(31 37 41 / 66%) !important;
	}
}


/* ---------------------------------------------------------
   [18] 空間ディスプレイ・オーダーメイド帯（コアブロック版 .tz-p-order）の区切り線
        （2026-08-28 / docs/11 §59）

   原本の区切り線は `--divider-color: #000`（黒い1px）で、黒地にしたときから
   一度も見えていなかった（tz/order の頃も同じ。[15] の流れ図の●と同じ取りこぼし）。
   コアブロック版では他の区切り線と同じ濃さ（--tzd-line）で出す。
   線の太さ・位置は patterns.css が持つ（ここは色だけ）。要らなければ本文の区切り線ブロックを消せばよい。
   --------------------------------------------------------- */
.tz-p-order .tz-p-order__rule {
	border-top-color: var(--tzd-line) !important;
}