@charset "utf-8";
/***************************************************
information
  filename : dezpt_temp_dark.css;
***************************************************/

/* ** dezpt_temp_dark start ** */
/*************************** サイトカラー・スタイル共通設定 ***************************/

/*********** ブランドカラー設定 ***********/

/*** ダークモード ***/
html[data-theme="dark"] {
	/* === Surface / 背景 === */
	--surface-base: #111111;        /* 全体背景 */
	--surface-panel: #1b1b1b;       /* パネル背景 */
	--surface-contrast: #ffffff;    /* 濃い面・反転面 */
	--surface-header: inherit;    /* ヘッダー背景 */
	--surface-footer: #1a1a1a;    /* フッター背景 */
	--surface-no-img: #d5d5d5;    /* 写真無し時の背景 */
	--surface-spinner: #f3f3f3;    /* 写真呼び出し時アイコン背景 */
	--surface-spinner-accent: #3498db;    /* 写真呼び出し時アイコンアクセント背景 */

	/* === Text / 文字 === */
	--text-on-base: #e4e4e4;        /* base上の文字 */
	--text-on-soft: #d4d4d4;        /* base上の文字(若干薄い文字) */
	--text-on-panel: #e4e4e4;       /* panel上の文字 */
	--text-on-contrast: #111111;    /* contrast上の文字 */
	--text-on-header: #e4e4e4;    /* headert上の文字 */
	--text-on-footer: #9e9e9e;    /* footer上の文字 */
	--text-muted: #9e9e9e;          /* 補助文字 */

	/* === Text / フォント太さ === */
	--fw-base: 400;
	--fw-ui: 400;
	--fw-bt: 500;
	--fw-heading: 500;
	--fw-strong: 600;

	/* === Border / 線 === */
	--border-strong: #555555;       /* 濃い線 */
	--border-soft: #333333;         /* 薄い線 */

	/* === Shadow / 影 === */
	--shadow-strong: 0 0 0.35rem rgba(255,255,255,0.12), 0 0.25rem 0.8rem rgba(0,0,0,0.40);
	--shadow-soft: 0 0 0.25rem rgba(255,255,255,0.08), 0 0.15rem 0.6rem rgba(0,0,0,0.28);

	/* === Brand / ブランド === */
	--brand-primary: #2f8fc5;
	--brand-primary-soft: #b0bec1;
	--text-brand-primary: #fcfcfc;
	--text-brand-primary-soft: #171717;

	--brand-primary-dkm: #f2f2f2;         /* ライトプライマリー・ダーク白系 */

	--brand-primary-sso: #008c9d;
	--brand-primary-soft-sso: #e5f1f4;
	--text-brand-primary-sso: #f2f2f2;
	--text-brand-primary-soft-sso: #171717;

	--brand-primary-matching: #008c9d;
	--brand-primary-soft-matching: #e5f1f4;
	--text-brand-primary-matching: #f2f2f2;
	--text-brand-primary-soft-matching: #171717;

	--colorbox-bg: #111111;        /* インラインポップアップ背景 */
	--colorbox-text: #111111;        /* インラインポップテキスト・アイコン */
	--colorbox-brd: 1px solid #555555;   /* インラインポップボーダー */
	--colorbox-sd: 0 0 0.35rem rgba(255,255,255,0.12), 0 0.25rem 0.8rem rgba(0,0,0,0.40);   /* インラインポップ影 */

}
/*********** サイト個別設定 ***********/

/*** ダークモード ***/
html[data-theme="dark"] {
/********** custom_color **********/

/* === ヘッダーパーツ ============ */
	/* === ヘッダーナビ共通 === */
	--color-bg-inn-nav: #000;/* ヘッダー枠背景色 */
	--color-cl-inn-nav: #f2f2f2;/* ヘッダー基本色 */
	--color-clr-inn-nav: #f2f2f2;/* ヘッダー基本色反転 */
	--color-cl-inn-nav-crt: #e60012;/* ヘッダーカレント色 */
	--color-cl-inn-dpnav: #111111;/* ドロップダウン背景色 */
	--color-clr-inn-dpnav: #f2f2f2;/* ドロップダウンテキスト色 */
	--color-brd-inn-drawer-w: 1px dotted #333;/* ドロワー内背景（ドロワー内のメニューの罫線）白 */
	--color-brd-inn-drawer-b: 1px dotted #a3a3a3;/* ドロワー内背景黒（ドロワー内のメニューの罫線） */

/* === フッターパーツ ============ */
	/* === フッターナビ共通 === */
	--color-cl-inn-fnav: #f2f2f2;/* フッター基本色 */

	/* === コピーライト共通 === */
	--color-bg-copy: #171717;/* 背景色 */
	--color-text-copy: #f2f2f2;/* テキスト色 */

/* === ボックスパーツ ============ */

	/* === ボックス（ライトグレー背景・ダーク透過） === */
	--custom-bg-baseBdBox: inherit; /* 背景色 */
	--custom-brd-baseBdBox: 1px solid var(--border-strong); /* ボーダー色 */

	/* === ボックス・下ナビ色 === */
	--custom-bg-EditBtArea: #000; /* 背景色(デフォルト背景) */
	--custom-brd-EditBtArea: 1px solid var(--border-strong); /* ボーダー色(デフォルト背景) */

	/* === ボックス内各種アクセント色 === */
	--color-bg-pay-line: #1a1a1a;/* 各種行に対して金額表示等する際の背景色 */
	--color-bg-fc-line: #2a291f;/* 各種行に対して目立たせる際の背景色 */
	--color-bg-actv-line: #1f2a2f;/* 各種行に対してキャンセル・済等の要素の背景色 */

	/* === 2分割内背景色 === */
	--custom-bg-hlf-a: inherit; /* 背景色(2分割内背景色上) */
	--custom-bg-hlf-b: inherit; /* 背景色(2分割内背景色下) */

	/* === ログイン者情報表示 === */
	--color-bg-memInfo: #262626;/* 背景色(会員情報表示枠) */
	--color-brd-memInfo: 1px solid #595959;/* ボーダー色(会員情報表示枠) */
	--color-text-memInfo: #f2f2f2;/* テキスト色(会員情報表示枠) */

	--color-bg-memberinfopd: #1c1c1c;/* 背景色(ドロップダウンメニュー) */
	--color-brd-memberinfopd: 1px dotted #6f6f6f;/* ボーダー色(ドロップダウンメニュー) */
	--color-text-memberinfopd: #f2f2f2;/* テキスト色(ドロップダウンメニュー) */

	/* === 各種アラート操作ボックス表示 === */
	--custom-bg-updateInfoBox: #3d3b34; /* 背景色 */
	--custom-brd-updateInfoBox: 1px solid #4b483e; /* ボーダー色 */

	/* === ログイン・新規会員登録・リマインダー枠処理 === */
	--custom-bg-authBox: #111111; /* 外枠背景色 */
	--custom-bg-authBox-inn: #181d1e; /* 内枠背景色 */
	--custom-text-authBox: #e4e4e4; /* テキスト色 */
	--custom-bg-authBox-SysBox: #242424; /* ID/PASS枠背景色 */

/* === 時間枠枠ボックス表示 === */

	/* === ヘルプ基本背景色 === */
	--custom-bg-timeframeHelp: inherit; /* 背景色 */
	--custom-bg-timeframeHelp01: inherit; /* 背景色 */
	--custom-bg-timeframeHelp02: inherit; /* 背景色 */
	--custom-bg-timeframeHelp03: inherit; /* 背景色 */

	/* === ヘルプお金説明背景色 === */
	--custom-bg-payDetDlBox01: inherit; /* 背景色 */
	--custom-bg-payDetDlBox02: inherit; /* 背景色 */

	/* === ヘルプ矢印背景色 === */
	--custom-bg-HelpDetArw: #00649d; /* 背景色 */

/* === フォーム関連 ============ */
	--color-bg-form: var(--surface-base);/* フォーム背景色 */
	--color-bg-form-fc: #091922;/* フォームfocus背景色 */
	--color-bg-form-dis: #eaeaea;/* フォームdisable背景色 */
	--color-brd-form: 1px solid #5d5d5d;/* フォームボーダー色 */
	--color-brd-form-dis: 1px solid #e2e2e2;/* フォームdisableボーダー色 */
	--color-text-form: #fff;/* フォームテキスト色 */
	--color-text-form-dis: #3f3f3f;/* フォームdisableテキスト色 */
	--color-ico-form: #fff;/* ラジオ・チェックアイコン色 */
	--color-ico-form-bg: #000;/* ラジオ・チェック背景色 */
	--color-ico-form-dis: #e2e2e2;/* ラジオ・チェックdisableアイコン色 */

/* === ボタン ============ */
	/* === ベース背景色 === */
	--color-bg-btWH: linear-gradient(180deg, #111111, #0f0f0f);/* 白色★ */
	--color-bg-btBL: linear-gradient(180deg, #3a7fa8, #346f93);/* 青色★★ */
	--color-bg-btGR: linear-gradient(180deg, #3a7f73, #346f64);/* 緑色★★★ */
	--color-bg-btOR: linear-gradient(180deg, #d47f45, #bf6f3a);/* 橙色★★★★ */
	--color-bg-btRD: linear-gradient(180deg, #c35a5a, #a84c4c);/* 赤色★★★★★ */
	--color-bg-btBK: linear-gradient(180deg, #262b2f, #1f2428);/* 黒色★★★★★★ */
	--color-bg-btYL: linear-gradient(180deg, #c7aa4f, #b39a45);/* 黄色★★★★★★★ */

	--color-bg-btSC: var(--brand-primary);/* セレクト・タブ背景色（カレント） */
	--color-bg-btSCSB: inherit;/* セレクト・タブ背景色 */

	/* === ボーダー色 === */
	--color-brd-btWH: 1px solid #5c5c5c;/* 白色▲ */
	--color-brd-btBL: 1px solid #2f7aa5;/* 青色▲▲ */
	--color-brd-btGR: 1px solid #2f786a;/* 緑色▲▲▲ */
	--color-brd-btOR: 1px solid #c95f2a;/* 橙色▲▲▲▲ */
	--color-brd-btRD: 1px solid #b84343;/* 赤色▲▲▲▲▲ */
	--color-brd-btBK: 1px solid #5c5c5c;/* 黒色▲▲▲▲▲▲ */
	--color-brd-btYL: 1px solid #bfa33a;/* 黄色▲▲▲▲▲▲▲ */

	--color-brd-btSC: 1px solid var(--brand-primary);/* セレクト・タブボーダー色（カレント） */
	--color-brd-btSCSB: 1px solid var(--border-strong);/* セレクト・タブボーダー色 */

	/* === 影色 === */
	--color-sd-btWH: var(--shadow-soft);/* 白色▲ */
	--color-sd-btBL: var(--shadow-soft);/* 青色▲▲ */
	--color-sd-btGR: var(--shadow-soft);/* 緑色▲▲▲ */
	--color-sd-btOR: var(--shadow-soft);/* 橙色▲▲▲▲ */
	--color-sd-btRD: var(--shadow-soft);/* 赤色▲▲▲▲▲ */
	--color-sd-btBK: var(--shadow-soft);/* 黒色▲▲▲▲▲▲ */
	--color-sd-btYL: var(--shadow-soft);/* 黒色▲▲▲▲▲▲▲ */

	--color-sd-btSC: var(--shadow-soft);/* セレクト・タブ影色（カレント） */
	--color-sd-btSCSB: var(--shadow-soft);/* セレクト・タブ影色 */

	/* === テキスト色 === */
	--color-text-btWH: var(--text-on-base);/* 白色● */
	--color-text-btBL: var(--text-on-base);/* 青色●● */
	--color-text-btGR: var(--text-on-base);/* 緑色●●● */
	--color-text-btOR: var(--text-on-base);/* 橙色●●●● */
	--color-text-btRD: var(--text-on-base);/* 赤色●●●●● */
	--color-text-btBK: var(--text-on-base);/* 黒色●●●●●● */
	--color-text-btYL: var(--text-on-base);/* 黒色●●●●●●● */

	--color-text-btSC: var(--text-brand-primary);/* セレクト・タブテキスト色（カレント） */
	--color-text-btSCSB: var(--text-brand-primary);/* セレクト・タブテキスト色 */

/* === マイページナビの指定色 ============ */

	--color-bg-mnavi: #1a1a1a;
	--color-brd-mnavi: 1px solid #4b4b4b;
	--color-sd-mnavi: var(--shadow-soft);
	--color-text-mnavi: #f2f2f2;

	--color-text-mnavi-cl: #f2f2f2;

	/* === HOME === */
	--color-text-mnavi-homebtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-homebtn: #254b5a;
	--color-brd-mnavi-homebtn: 1px solid #1b4251;

	/* === ログイン === */
	--color-text-mnavi-loginbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-loginbtn: #3072a9;
	--color-brd-mnavi-loginbtn: 1px solid #286497;

	/* === ログアウト === */
	--color-text-mnavi-logoutbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-logoutbtn: #a53883;
	--color-brd-mnavi-logoutbtn: 1px solid #973177;

	/* === マイページ === */
	--color-text-mnavi-mypagebtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-mypagebtn: #3072a9;
	--color-brd-mnavi-mypagebtn: 1px solid #286497;

	/* === 新規会員登録 === */
	--color-text-mnavi-newregbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-newregbtn: #39a789;
	--color-brd-mnavi-newregbtn: 1px solid #36967c;

	/* === お知らせ === */
	--color-text-mnavi-conbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-conbtn: #468180;
	--color-brd-mnavi-conbtn: 1px solid #3c7473;

	/* === セミナー === */
	--color-text-mnavi-sembtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-sembtn: #5a743c;
	--color-brd-mnavi-sembtn: 1px solid #4b6131;

	/* === カート === */
	--color-text-mnavi-cartbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-cartbtn: #703c3c;
	--color-brd-mnavi-cartbtn: 1px solid #623232;

	/* === お問い合わせ === */
	--color-text-mnavi-contactbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-contactbtn: #4c5a94;
	--color-brd-mnavi-contactbtn: 1px solid #47548d;

	/* === 手配管理 === */
	--color-text-mnavi-dispatchbtn: var(--color-text-mnavi-cl);
	--color-bg-mnavi-dispatchbtn: #295c65;
	--color-brd-mnavi-dispatchbtn: 1px solid #214d55;

	/* === 管理者メニュー === */
	--color-text-mnavi-dispatch-admin: var(--color-text-mnavi-cl);
	--color-bg-mnavi-dispatch-admin: #1a5d44;
	--color-brd-mnavi-dispatch-admin: 1px solid #16523c;

/* === タイトルや注意書きの指定色 ============ */
	/* === ベース背景色 === */
	--color-bg-clART: none;/* 注意書背景色 *//* 残席・在庫僅か */
	--color-bg-clWH: none;/* 白色 */
	--color-bg-clGY: #121a1f;/* 灰色 *//* 会員登録訴求枠 */
	--color-bg-clPL: none;/* 紫色 */
	--color-bg-clGR: none;/* 緑色 *//* 空き・在庫余裕あり */
	--color-bg-clBL: none;/* 青色 *//* 残席・在庫ありません *//* 他の時間帯で既に申し込みされている */
	--color-bg-clRD: none;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている */
	--color-bg-clYL: none;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない */

	/* === ボーダー色 === */
	--color-brd-clART: 1px solid #f28739;/* 注意書ボーダー色 *//* 残席・在庫僅か */
	--color-brd-clWH: 1px solid #9b9b9b;/* 白色 */
	--color-brd-clGY: 1px solid #15242d;/* 灰色 *//* 会員登録訴求枠 */
	--color-brd-clPL: 1px solid #835fd6;/* 紫色 */
	--color-brd-clGR: 1px solid #30d120;/* 緑色 *//* 空き・在庫余裕あり */
	--color-brd-clBL: 1px solid #38a0c5;/* 青色 *//* 残席・在庫ありません */
	--color-brd-clRD: 1px solid #d54040;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている */
	--color-brd-clYL: 1px solid #d9b629;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない */

	/* === 影色 === */
	--color-sd-clART: inherit;/* 注意書影指定 *//* 残席・在庫僅か */
	--color-sd-clWH: inherit;/* 白色 */
	--color-sd-clGY: inherit;/* 灰色 *//* 会員登録訴求枠 */
	--color-sd-clPL: inherit;/* 紫色 */
	--color-sd-clGR: inherit;/* 緑色 *//* 空き・在庫余裕あり */
	--color-sd-clBL: inherit;/* 青色 *//* 残席・在庫ありません */
	--color-sd-clRD: inherit;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている */
	--color-sd-clYL: inherit;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない */

	/* === テキスト色 === */
	--color-text-clART: #f28739;/* 注意書テキスト色 *//* 残席・在庫僅か */
	--color-text-clWH: #9b9b9b;/* 白色 */
	--color-text-clGY: #c6cfd4;/* 灰色 *//* 会員登録訴求枠 *//* マークアップ */
	--color-text-clPL: #835fd6;/* 紫色 */
	--color-text-clGR: #30d120;/* 緑色 *//* 空き・在庫余裕あり *//* マークアップ */
	--color-text-clBL: #38a0c5;/* 青色 *//* 残席・在庫ありません *//* マークアップ */
	--color-text-clRD: #d54040;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている *//* マークアップ */
	--color-text-clYL: #d9b629;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない *//* マークアップ */
	--color-text-clOR: #f79b38;/* 橙色 *//* マークアップ */

	/* === ボタン共通（背景透過ボタン） === */
	--color-bg-trans-crt: #474636;/* 透過時カレント */

/* === ナビ関係の指定色 ============ */

	/* === カテゴリナビ色 === */
	--custom-bg-detnav: inherit; /* 背景色(メイン背景) */
	--custom-bg-detnav-fc: var(--brand-primary); /* 背景色(フォーカス背景) */
	--custom-text-detnav: var(--text-brand-primary); /* テキスト色(メイン) */
	--custom-text-detnav-fc: var(--text-brand-primary); /* テキスト色(フォーカス) */
	--custom-brd-detnav: var(--brand-primary-soft); /* ボーダー色(メイン背景) */
	--custom-brd-detnav-fc: var(--brand-primary); /* ボーダー色(フォーカス背景) */

	/* === セレクトナビ色共通 === */
	--custom-bg-select-def: #535353; /* 背景色(デフォルト背景) */
	--custom-bg-select-unp: var(--brand-primary); /* 背景色(未承認・済み) */
	--custom-bg-select-app: #32912d; /* 背景色(承認) */
	--custom-text-select-def: #ededed; /* テキスト色(デフォルト) */
	--custom-text-select-unp: #fff; /* テキスト色(未承認・済み) */
	--custom-text-select-app: #fff; /* テキスト色(承認) */

	--custom-bg-cr-select-def: #e8e8e8; /* 背景色（通常） */
	--custom-bg-cr-select-no: #cccccc; /* 背景色（NO） */
	--custom-bg-cr-select-on: var(--brand-primary); /* 背景色（ON） */
	--custom-bg-cr-select-off: #d14019; /* 背景色（NO） */
	--custom-bg-cr-select-neit: #1da21a; /* 背景色（どちらでもない） */
	--custom-text-cr-select-def: #808080; /* テキスト色（通常） */
	--custom-text-cr-select-no: #808080; /* テキスト色（NO） */
	--custom-text-cr-select-on: #fff; /* テキスト色（ON） */
	--custom-text-cr-select-off: #fff; /* テキスト色（NO） */
	--custom-text-cr-select-neit: #fff; /* テキスト色（どちらでもない） */

/* === オープンクローズ帯型パーツ ============ */
	--color-bg-OpenCloseBt: inherit;/* 枠背景色 */
	--color-text-OpenCloseBt: var(--text-on-base);/* 枠テキスト色 */
	--color-brd-OpenCloseBt: 1px solid var(--border-strong);/* 枠ボーダー指定★ */

/* === カテゴリナビパーツ（主にコンテンツ関係） ============ */
	--color-bg-inn-catenav-box: inherit;/* カテゴリナビ枠背景色 */
	--color-bg-inn-catenav-base: inherit;/* カテゴリナビ背景色 */
	--color-bg-inn-catenav-base-crt: #00649d;/* カテゴリナビカレント背景色 */
	--color-cl-inn-catenav-base: #f2f2f2;/* カテゴリナビ基本色 */
	--color-clr-inn-catenav-base: #f2f2f2;/* カテゴリナビ基本色反転 */
	--color-cl-inn-catenav-ti: #00649d;/* カテゴリナビタイトル基本色 */
	--color-clr-inn-catenav-ti: #fcfcfc;/* カテゴリナビタイトル基本色反転 */
	--icon-arrow-down: url(../../../core_sys/common/images/sys/arw_down_wh.png);
	--icon-arrow-up: url(../../../core_sys/common/images/sys/arw_up_wh.png);

/* === ドロワーナビパーツ ============ */
	--color-bg-drawer: var(--color-bg-drawer-dark); /* スライドメニュー背景 */
	--color-brd-drawer: var(--color-brd-drawer-dark); /* スライドメニューボーダー */

/* === ページナンバーナビ ============ */
	--color-bg-inn-pagenum: inherit;/* 背景色 */
	--color-bg-inn-pagenum-crt: var(--brand-primary);/* 背景色 */
	--color-brd-inn-pagenum: 2px solid var(--brand-primary);/* ボーダー指定 */
	--color-txt-inn-pagenum: var(--brand-primary);/* テキスト色 */
	--color-txt-inn-pagenum-crt: var(--text-brand-primary);/* テキスト色カレント */

/* === リスト関係の指定色 ============ */

	/* === リスト基本装飾 === */
	--color-bg-list-card: #121212; /* リストカード背景色 */
	--color-brd-list-card: 1px solid var(--border-soft); /* リストカード枠線 */
	--color-sd-list-card: var(--shadow-soft); /* リストカード影 */
	--color-brd-list-divider: 1px dotted var(--border-strong); /* リスト区切り線 */

	--color-text-list-title: var(--text-on-base); /* リストタイトル文字色 */
	--color-text-list-desc: var(--text-on-base); /* リスト説明文文字色 */
	--color-text-list-meta: var(--text-muted); /* リスト日付・メタ情報文字色 */

	--color-text-list-rankIco: #fff; /* リストランキングテキスト色 */
	--color-bg-list-rankIco: #c00808; /* リストランキング背景色 */

	/* その他リスト要素背景色 */
	--color-bg-list-card-accent: #000000; /* リストカードアクセント */
	--color-bg-list-card-endState: #37372e; /* リストカード状態（処理終了等） */
	--color-bg-list-card-artState: #253124; /* リストカード状態（アラート喚起等） */
	--color-bg-list-card-trlState: #1a2f37; /* リストカード状態（合計等） */

	/* === リスト画像ホバー処理（ホバー時の各種アニメーション処理） === */
	--color-bg-figure: var(--surface-no-img); /* リストカード画像ベース背景色 */
	--color-brd-figure: 1px solid var(--border-strong); /* リストカード画像ベースボーダー色 */
	--color-text-figcaption: var(--surface-no-img); /* アニメーション内テキスト色 */
	--color-bg-figcaption: rgba(0,0,0,.8); /* アニメーション内背景色 */
	--color-brd-figcaption: 1px solid var(--border-strong); /* アニメーション内ボーダー色 */

	/* === リストボタン処理 === */
	--color-bg-ListLinkBt: var(--brand-primary); /* ボタン背景色 */
	--color-brd-ListLinkBt: 1px solid var(--brand-primary); /* ボタンボーダー色 */
	--color-sd-ListLinkBt: inherit; /* ボタン影色 */
	--color-text-ListLinkBt: var(--text-brand-primary); /* ボタンテキスト色 */

/* === テーブル関係の指定色 ============ */

	/* === テーブル基本装飾 === */
	--color-bg-TableBox-th: var(--surface-panel); /* 背景色 */
	--color-brd-TableBox-th: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-TableBox-th: var(--text-on-base); /* テキスト色 */

	--color-bg-TableBox-td: var(--surface-base); /* 背景色 */
	--color-brd-TableBox-td: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-TableBox-td: var(--text-on-base); /* テキスト色 */

	/* === テーブルTD色装飾 === */
	--color-bg-TableBox-td-w: rgba(0, 0, 0, 0.40); /* td背景色(白色) */
	--color-bg-TableBox-td-y: rgba(66, 66, 57, 0.40); /* td背景色(黄色) */
	--color-bg-TableBox-td-r: rgba(64, 12, 12, 0.8); /* td背景色(赤色) */
	--color-bg-TableBox-td-b: rgba(21, 29, 34, 0.8); /* td背景色(青色) */
	--color-bg-TableBox-td-g: rgba(30, 50, 29, 0.8); /* td背景色(緑色) */
	--color-bg-TableBox-td-h: rgba(26, 26, 26, 0.8); /* td背景色(グレー色) */

	/* === 受注状況サマリ指定色 === */
	--color-text-possiblei: var(--text-on-base);      /* サマリテキスト色 */
	--color-bg-possible-kakutei: rgba(14, 56, 65, 0.40);
	--color-bg-possible-mikaku: rgba(74, 50, 28, 0.40);
	--color-bg-possible-ordtotal: rgba(71, 70, 23, 0.40);
	--color-bg-possible-kanou: rgba(21, 51, 32, 0.40);
	--color-bg-possible-miwaritsuke: rgba(54, 25, 24, 0.40);
	--color-bg-possible-waritsukezumi: rgba(52, 54, 47, 0.40);
	--color-bg-possible-artflt: rgba(59, 59, 59, 0.40);
	--color-bg-possible-artno: rgba(21, 36, 50, 0.40);
	--color-bg-possible-art: rgba(56, 36, 14, 0.40);

/* === SSOナビパーツ ============ */

	/* === SSOリンク指定色 === */
	--color-bg-ssoLinkBox: var(--surface-base); /* 背景色 */
	--color-brd-ssoLinkBox: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-ssoLinkBox: var(--text-on-base); /* テキスト色 */

	--color-bg-ssoLink: #141411; /* 背景色 */
	--color-brd-ssoLink: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-ssoLink: var(--text-on-base); /* テキスト色 */

/* === 手配アプリ専用：時間枠設定 ============ */

	/* === 時間枠設定色共通 === */
	--custom-bg-frameSet-dt-def: none; /* 見出し背景色(Off時) */
	--custom-bg-frameSet-dt-on: #3c525b; /* 見出し背景色(On時) */
	--custom-bg-frameSet-dd-def: none; /* データ部背景色(Off時) */
	--custom-bg-frameSet-dd-on: #d9e7ed; /* データ部背景色(On時) */
	--custom-bg-frameSet-bt-def: none; /* ボタン部背景色(Off時) */
	--custom-bg-frameSet-bt-on: #ff8a00; /* ボタン部背景色(On時) */
	--custom-bg-frameSet-bt-num: inherit; /* ボタン部背景色(数字入力) */

	--custom-text-frameSelectTi: var(--text-on-base); /* 見出しテキスト色(枠タイトル) */
	--custom-text-frameSet-dt-def: #8e8e8e; /* 見出しテキスト色(Off時) */
	--custom-text-frameSet-dt-on: #fff; /* 見出しテキスト色(On時) */
	--custom-text-frameSet-dd-def: #8e8e8e; /* データ部テキスト色(Off時) */
	--custom-text-frameSet-dd-on: #282828; /* データ部テキスト色(On時) */
	--custom-text-frameSet-bt-def: #fff; /* ボタン部テキスト色 */

	--custom-brd-frameSet-dt-def: 1px solid var(--custom-text-frameSet-dt-def); /* 見出し背景色(Off時) */
	--custom-brd-frameSet-dt-on: 1px solid var(--custom-bg-frameSet-dt-on); /* 見出し背景色(On時) */
	--custom-brd-frameSet-dd-def: 1px solid var(--custom-text-frameSet-dd-def); /* データ部背景色(Off時) */
	--custom-brd-frameSet-dd-on: 1px solid var(--custom-bg-frameSet-dd-on); /* データ部背景色(On時) */
	--custom-brd-frameSet-bt-def: 1px solid var(--custom-text-frameSet-dt-def); /* ボタン部背景色(Off時) */
	--custom-brd-frameSet-bt-on: 1px solid var(--custom-bg-frameSet-bt-on); /* ボタン部背景色(On時) */
	--custom-brd-frameSet-dd-num: inherit; /* ボタン部背景色(数字入力) */

/* === 手配アプリ専用：各種状態アイコンの設定 ============ */

/* staf: スタッフや従業員・会員 */
/* suppliers: 取引先をグルーピングするデータ */
/* constructions: 現場・プロジェクトをグルーピングするデータ */
/* project: 案件・具体的にスタッフが割り付けられるデータ */

	/* === ステータス状態指定色 === */
	--color-bg-ico-done: #1b7f88; /* 済 */
	--color-bg-ico-not: #733d47; /* 未 */
	--color-bg-ico-middle: #ac9704; /* 途中 */
	--color-bg-ico-nothing: #626262; /* 無 */
	--color-bg-ico-published: #018bcc; /* 公開 */
	--color-bg-ico-private: #2f9211; /* 非公開 */
	--color-bg-ico-portion: #c7c537; /* 日時公開 */
	--color-bg-ico-confirm: #3575d4; /* 確定済 */
	--color-bg-ico-unconfirmed: #e63737; /* 未確定 */
	--color-bg-ico-selfico: #01adc1; /* 自身 */
	--color-bg-ico-requestico: #ff6a6a; /* 依頼 */

/* === 手配アプリ専用：案件手配設定 ============ */

	/* === 案件情報表示外枠（基本情報サマリ内） === */
	--color-bg-shareBox: inherit;      /* 背景色 */
	--color-brd-shareBox: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-shareBox: var(--text-on-base); /* テキスト色 */

	/* === 表示内枠 === */
	--color-bg-shareBox-inn: inherit;      /* 背景色 */
	--color-brd-shareBox-inn: 1px solid var(--border-soft); /* ボーダー色 */
	--color-text-shareBox-inn: var(--text-on-base); /* テキスト色 */

	/* === 日付表示（基本情報サマリ内） === */
	--color-text-shareAdBoxTi: var(--brand-primary); /* テキスト色 */

	/* === 詳細枠 === */
	--color-bg-shareBox-inn-act: var(--surface-panel);      /* 必要人数 */
	--color-bg-shareBox-inn-arg: inherit;      /* 手配状況 */

	/* === 案件専用タイトル === */
	--color-bg-arrangeTi: #242424;      /* 背景色(メイン) */
	--color-bg-arrangeTi-sub: #303030;      /* 背景色(サブ) */
	--color-text-arrangeTi: var(--text-on-base); /* テキスト色 */

/* === カレンダー設定 ============ */

	/* === カレンダー色 === */
	--size-spacing: 0.3rem 0.3rem;/* テーブルスペース設定※ダークモードでボーダー余白を取る為の処理 */
	--color-text-calendarTable-sun: #a56969; /* テキスト色(日曜日) */
	--color-text-calendarTable-sut: #5491be; /* テキスト色(土曜日) */
	--color-text-calendarTable-day: #fff; /* テキスト色(平日) */
	--color-text-calendarTable-sun-no: #e1b0b0; /* テキスト色(日曜日・前翌月) */
	--color-text-calendarTable-sut-no: #92b8d8; /* テキスト色(土曜日・前翌月) */
	--color-text-calendarTable-day-no: #d8d8d8; /* テキスト色(平日・前翌月) */
	--color-bg-calendarTable-sun: rgba(51, 0, 0, 0.8); /* 背景色(日曜日) */
	--color-bg-calendarTable-sut: rgba(3, 22, 52, 0.8); /* 背景色(土曜日) */
	--color-bg-calendarTable-cln: rgba(26, 26, 26, 0.8); /* 背景色(前翌月) */
	--color-bg-calendarTable-hld: rgba(68, 59, 0, 0.8); /* 背景色(当日) */
	--color-bg-calendarTable-art: rgba(68, 59, 0, 0.8); /* 背景色(注意喚起用) */
	--color-text-calendarTable-theday: #fff; /* テキスト色(当日・アイコン) */
	--color-bg-calendarTable-theday: #f57300; /* 背景色(当日・アイコン) */

	/* === 時間枠色 === */
	--color-bg-attdBt-attdOn: #51e4ff; /* 背景色(時間枠on) */
	--color-bg-attdBt-attdOff: #000; /* 背景色(時間枠off) */
	--color-bg-attdBt-attdArt: #ff9999; /* 背景色(時間枠art) */
	--color-text-attdBt-attdOn: #171717; /* テキスト色(時間枠on) */
	--color-text-attdBt-attdOff: #b8b8b8; /* テキスト色(時間枠off) */
	--color-text-attdBt-attdArt: #171717; /* テキスト色(時間枠art) */

	--color-bg-attdBt-attd01: #87d6ed; /* 背景色(通常予定) */
	--color-bg-attdBt-attd02: #92e585; /* 背景色(タスク) */
	--color-text-attdBt-attd01: #171717; /* テキスト色(通常予定) */
	--color-text-attdBt-attd02: #171717; /* テキスト色(タスク) */

/* === 手配アプリ専用：メッセージ処理パーツ ============ */

	/* === メッセージアプリ色 === */
	--custom-bg-mes: #769ece; /* 背景色(メイン) */
	--custom-bg-mes-pt: #fff; /* 背景色(相手) */
	--custom-bg-mes-my: #7adc40; /* 背景色(自身) */
	--custom-brd-mes: #718368; /* ボーダー色(引用) */
	--custom-text-mes: #171717; /* テキスト色(メイン) */
	--color-bg-mes-a: #f1f7f9;/* メッセージエリア背景色（相手） */
	--color-bg-mes-hgl: #f9f8f2;/* メッセージエリア背景色（特定要素） */

/* === デザインパーツ ============ */

	/* === データコピーボタン状態色 === */
	--custom-bg-situation-def: #333; /* 背景色(デフォルト背景) */
	--custom-bg-situation-suc: #2463b6; /* 背景色(成功) */
	--custom-bg-situation-err: #a72a26; /* 背景色(失敗) */
	--custom-text-situation: #fff; /* テキスト色 */

	/* === 基本ボックスだけど枠を目立たせる場合に利用 === */
	--custom-bg-hgl: #fff; /* 背景色(ハイライト)■■■ */
	--custom-sd-hgl: 0 0 1.0rem #cdcdcd; /* 影色(ハイライト)■■■ */
	--custom-brd-hgl: 4px solid #eee; /* ボーダー色(ハイライト)■■■ */
	--custom-text-hgl: #171717; /* テキスト色(ハイライト)■■■ */

/* ==================================================
	サイドナビで使用するアイコン処理
================================================== */

/******************** myp_color_color ********************/
/*** マイページナビアイコン指定 ***/
	--app-mypagetop-ico: var(--app-mypagetop-ico-w); /* マイページトップ */
	--app-mypageprof-ico: var(--app-mypageprof-ico-w); /* 基本情報の編集 */
	--app-mypagepassword-ico: var(--app-mypagepassword-ico-w); /* パスワード変更 */
	--app-mypagesvs-ico: var(--app-mypagesvs-ico-w); /* サービス購入履歴 */
	--app-mypageservice-ico: var(--app-mypageservice-ico-w); /* その他のサービス */
	--app-mypagepush-ico: var(--app-mypagepush-ico-w); /* 通知一覧 */
	--app-mypageconpost-ico: var(--app-mypageconpost-ico-w); /* コンテンツいいね・投稿履歴 */
	--app-mypagesms-ico: var(--app-mypagesms-ico-w); /* セミナー申込履歴 */
	--app-mypageseminar-ico: var(--app-mypageseminar-ico-w); /* その他のセミナー */
	--app-mypageproduct-ico: var(--app-mypageproduct-ico-w); /* 商品購入履歴 */
	--app-mypagecart-ico: var(--app-mypagecart-ico-w); /* カート */
	--app-mypageprdpost-ico: var(--app-mypageprdpost-ico-w); /* 商品いいね・投稿履歴 */
	--app-mypagecontact-ico: var(--app-mypagecontact-ico-w); /* お問合せ履歴 */
	--app-mypagework-ico: var(--app-mypagework-ico-w); /* 採点フォーム回答履歴 */
	--app-mypagebbspost-ico: var(--app-mypagebbspost-ico-w); /* 掲示板いいね・投稿履歴 */
	--app-mypagebbscomment-ico: var(--app-mypagebbscomment-ico-w); /* 掲示板コメント投稿履歴 */
	--app-mypagefavorite-ico: var(--app-mypagefavorite-ico-w); /* お気に入り一覧 */
	--app-mypagebenefits-ico: var(--app-mypagebenefits-ico-w); /* 会員特典 */
	--app-mypageaffiliate-ico: var(--app-mypageaffiliate-ico-w); /* 紹介制度 */
	--app-mypageinfo-ico: var(--app-mypageinfo-ico-w); /* お知らせ */
	--app-mypagesignage-ico: var(--app-mypagesignage-ico-w); /* サイネージ管理 */
	--app-mypageact-ico: var(--app-mypageact-ico-w); /* マイページ */
	--app-mypagemessage-ico: var(--app-mypagemessage-ico-w); /* メッセージ */
	--app-mypagedispatch-ico: var(--app-mypagedispatch-ico-w); /* 手配管理 */
	--app-mypageschedule-ico: var(--app-mypageschedule-ico-w); /* スケジュール管理 */
	--app-mypagecamera-ico: var(--app-mypagecamera-ico-w); /* 写真管理 */
	--app-mypagemovie-ico: var(--app-mypagemovie-ico-w); /* 動画管理 */

/******************** dispatch_color_color ********************/
/****** 手配管理サイドナビボタン ******/
	--app-mypagechange-ico: var(--app-mypagechange-ico-w); /* 切替ナビ */
	--app-mypagedashboard-ico: var(--app-mypagedashboard-ico-w); /* ダッシュボード */
	--app-mypagepossible-ico: var(--app-mypagepossible-ico-w); /* 受注状況検索 */
	--app-mypagematching-ico: var(--app-mypagematching-ico-w); /* マッチング検索 */
	--app-mypageshare-ico: var(--app-mypageshare-ico-w); /* シェア検索 */
	--app-mypagestaff-ico: var(--app-mypagestaff-ico-w); /* スタッフ情報 */
	--app-mypagestaff-employment-ico: var(--app-mypagestaff-employment-ico-w); /* スタッフ情報(雇用設定) */
	--app-mypagestaff-payment-ico: var(--app-mypagestaff-payment-ico-w); /* スタッフ情報(支払設定)  */
	--app-mypageattendance-ico: var(--app-mypageattendance-ico-w); /* 案件対応可能日 */
	--app-mypagetimecard-ico: var(--app-mypagetimecard-ico-w); /* タイムカード */
	--app-mypagesuppliers-ico: var(--app-mypagesuppliers-ico-w); /* 取引先情報 */
	--app-mypageconstructionsite-ico: var(--app-mypageconstructionsite-ico-w); /* 現場情報 */
	--app-mypagetask-ico: var(--app-mypagetask-ico-w); /* タスク情報 */
	--app-mypageproject-ico: var(--app-mypageproject-ico-w); /* 案件情報 */
	--app-mypagereport-ico: var(--app-mypagereport-ico-w); /* 日報未承認一覧 */
	--app-mypageconstructionsiteord-ico: var(--app-mypageconstructionsiteord-ico-w); /* 仕事発注 */
	--app-mypagefriendlist-ico: var(--app-mypagefriendlist-ico-w); /* 応援要請案件 */
	--app-mypageunread-ico: var(--app-mypageunread-ico-w); /* 更新情報 */
	--app-mypageclaim-ico: var(--app-mypageclaim-ico-w); /* 支払い情報 */
	--app-mypageincome-ico: var(--app-mypageincome-ico-w); /* 受注金額情報 */
	--app-mypagebank-ico: var(--app-mypagebank-ico-w); /* 振込先情報 */
	--app-mypageconditions-ico: var(--app-mypageconditions-ico-w); /* 支払条件情報 */
	--app-mypagesetting-ico: var(--app-mypagesetting-ico-w); /* 環境設定 */
	--app-mypagemaster-ico: var(--app-mypagemaster-ico-w); /* マスターデータ */

/******************** matching_color_color ********************/
/****** マッチング管理サイドナビボタン ******/
	--app-matchingtop-ico: var(--app-matchingtop-ico-w); /* マッチングトップ */
	--app-matchingbizsearh-ico: var(--app-matchingbizsearh-ico-w); /* BIZ会員検索 */
	--app-matchingcstsearh-ico: var(--app-matchingcstsearh-ico-w); /* 現場・プロジェクト検索 */
	--app-matchingappsearh-ico: var(--app-matchingappsearh-ico-w); /* APP会員検索 */
	--app-matchingcomusearh-ico: var(--app-matchingcomusearh-ico-w); /* コミュニティ検索 */
	--app-matchingfriend-ico: var(--app-matchingfriend-ico-w); /* 友達管理 */
	--app-matchingcommunitypart-ico: var(--app-matchingcommunitypart-ico-w); /* 参加コミュニティ */
	--app-matchingcommunityreg-ico: var(--app-matchingcommunityreg-ico-w); /* 登録コミュニティ */

/* ==================================================
	領収書等の帳票で使用するカラー処理
================================================== */

/******************** myp_pay_color_color ********************/
/*** 領収書（請求書）帳票表示枠 ***/
	--custom-bg-ReportPrint: #eee; /* 帳票印刷画面背景色 */
	--custom-bg-ReportPrintHead: #191919; /* 帳票印刷ヘッダー背景色 */

/* カラーバリエーション背景 */
	--custom-bg-ivkd: #303030;/* 濃黒 */
	--custom-bg-ivkb: #222a5b;/* 濃青 */
	--custom-bg-ivkr: #222a5b;/* 濃赤 */
	--custom-bg-ivkg: #295b53;/* 濃緑 */
	--custom-bg-ivky: #5c6219;/* 濃黄 */
	--custom-bg-ivud: #e8e8e8;/* 薄黒 */
	--custom-bg-ivub: #c7dee3;/* 薄青 */
	--custom-bg-ivur: #f0e1e0;/* 薄赤 */
	--custom-bg-ivug: #d6e4d5;/* 薄緑 */
	--custom-bg-ivuy: #eeeccb;/* 薄黄 */

/* カラーバリエーションボーダー */
	--custom-brd-ivkd: #757575;/* 濃黒 */
	--custom-brd-ivkb: #6b6d7c;/* 濃青 */
	--custom-brd-ivkr: #7b6868;/* 濃赤 */
	--custom-brd-ivkg: #6b7977;/* 濃緑 */
	--custom-brd-ivky: #7b7d68;/* 濃黄 */
	--custom-brd-ivud: #b5b5b5;/* 薄黒 */
	--custom-brd-ivub: #aab3b5;/* 薄青 */
	--custom-brd-ivur: #988c8b;/* 薄赤 */
	--custom-brd-ivug: #889687;/* 薄緑 */
	--custom-brd-ivuy: #afae96;/* 薄黄 */

}
/* カレンダー対応（ダークモード） */
html[data-theme="dark"] .calendarTable td {
	border: var(--app-calendarTable-td-brd);
}
/* ** dezpt_temp_dark end ** */