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

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

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

/*** ライトモード ***/
:root {
	/* === Surface / 背景 === */
	--surface-base: #ffffff;        /* 全体背景 */
	--surface-panel: #ecf4f5;       /* パネル背景 */
	--surface-contrast: #171717;    /* 濃い面・反転面 */
	--surface-header: inherit;    /* ヘッダー背景 */
	--surface-footer: #f6f6f6;    /* フッター背景 */
	--surface-no-img: #d5d5d5;    /* 写真無し時の背景 */
	--surface-spinner: #f3f3f3;    /* 写真呼び出し時アイコン背景 */
	--surface-spinner-accent: #3498db;    /* 写真呼び出し時アイコンアクセント背景 */

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

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

	/* === Border / 線 === */
	--border-strong: #cdcdcd;       /* 濃い線 */
	--border-soft: #e5e5e5;         /* 薄い線 */

	/* === Shadow / 影 === */
	--shadow-strong: 0 0 0.4rem rgba(0,0,0,0.2);
	--shadow-soft: 0 0 0.2rem rgba(0,0,0,0.05);

	/* === Brand / ブランド === */
	--brand-primary: #00649d;
	--brand-primary-soft: #e5f1f4;
	--text-brand-primary: #fcfcfc;
	--text-brand-primary-soft: #171717;

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

	--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: #ffffff;        /* インラインポップアップ背景 */
	--colorbox-text: #ffffff;        /* インラインポップテキスト・アイコン */
	--colorbox-brd: 1px solid #cdcdcd;   /* インラインポップボーダー */
	--colorbox-sd: 0 0 0.4rem rgba(0,0,0,0.2);   /* インラインポップ影 */
}
/*********** サイト個別設定 ***********/

/*** ライトモード ***/
:root {
/********** custom_color **********/

/* === ヘッダーパーツ ============ */
	/* === ヘッダーナビ共通 === */
	--color-bg-inn-nav: #fff;/* ヘッダー枠背景色 */
	--color-cl-inn-nav: #171717;/* ヘッダー基本色 */
	--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: #171717;/* フッター基本色 */

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

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

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

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

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

	/* === 2分割内背景色 === */
	--custom-bg-hlf-a: var(--surface-panel); /* 背景色(2分割内背景色上) */
	--custom-bg-hlf-b: #fff; /* 背景色(2分割内背景色下) */

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

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

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

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

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

	/* === ヘルプ基本背景色 === */
	--custom-bg-timeframeHelp: #d1dde4; /* 背景色 */
	--custom-bg-timeframeHelp01: #deeedc; /* 背景色 */
	--custom-bg-timeframeHelp02: #fff; /* 背景色 */
	--custom-bg-timeframeHelp03: #f0f0f0; /* 背景色 */

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

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

/*********************************************
	説明書きボックス設定
	※主に登録画面におけるプロフ画面でのワンポイントガイドのような表示です
************************************************/

	--color-bg-FulfillmentBox: var(--surface-panel);/* 背景色 */
	--color-brd-FulfillmentBox: 1px solid var(--border-strong);/* ボーダー色 */
	--color-sd-FulfillmentBox: inherit;/* 影色 */

/* === フォーム関連 ============ */
	--color-bg-form: #fafaf4;/* フォーム背景色 */
	--color-bg-form-fc: #fffbd7;/* フォームfocus背景色 */
	--color-bg-form-dis: #eaeaea;/* フォームdisable背景色 */
	--color-brd-form: 1px solid #cdcdcd;/* フォームボーダー色 */
	--color-brd-form-dis: 1px solid #e2e2e2;/* フォームdisableボーダー色 */
	--color-text-form: #434343;/* フォームテキスト色 */
	--color-text-form-dis: #cdcdcd;/* フォームdisableテキスト色 */
	--color-ico-form: #202020;/* ラジオ・チェックアイコン色 */
	--color-ico-form-bg: #fff;/* ラジオ・チェック背景色 */
	--color-ico-form-dis: #e2e2e2;/* ラジオ・チェックdisableアイコン色 */

/* === ボタン ============ */
	/* === ベース背景色 === */
	--color-bg-btWH: linear-gradient(180deg, #fff, #fafafa);/* 白色★ */
	--color-bg-btBL: linear-gradient(180deg, #00649d, #005e93);/* 青色★★ */
	--color-bg-btGR: linear-gradient(180deg, #2e8c7d, #1d8172);/* 緑色★★★ */
	--color-bg-btOR: linear-gradient(180deg, #ef7125, #ef5a00);/* 橙色★★★★ */
	--color-bg-btRD: linear-gradient(180deg, #d83838, #c82929);/* 赤色★★★★★ */
	--color-bg-btBK: linear-gradient(180deg, #313438, #1d2225);/* 黒色★★★★★★ */
	--color-bg-btYL: linear-gradient(180deg, #edc113, #e8bc0f);/* 黄色★★★★★★★ */

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

	/* === ボーダー色 === */
	--color-brd-btWH: 1px solid #b6b6b6;/* 白色▲ */
	--color-brd-btBL: 1px solid #04527d;/* 青色▲▲ */
	--color-brd-btGR: 1px solid #107667;/* 緑色▲▲▲ */
	--color-brd-btOR: 1px solid #d1570e;/* 橙色▲▲▲▲ */
	--color-brd-btRD: 1px solid #b81818;/* 赤色▲▲▲▲▲ */
	--color-brd-btBK: 1px solid #0f1518;/* 黒色▲▲▲▲▲▲ */
	--color-brd-btYL: 1px solid #d6ab00;/* 黄色▲▲▲▲▲▲▲ */

	--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: #171717;/* 白色● */
	--color-text-btBL: #fff;/* 青色●● */
	--color-text-btGR: #fff;/* 緑色●●● */
	--color-text-btOR: #fff;/* 橙色●●●● */
	--color-text-btRD: #fff;/* 赤色●●●●● */
	--color-text-btBK: #fff;/* 黒色●●●●●● */
	--color-text-btYL: #fff;/* 黒色●●●●●●● */

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

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

	/* === ダークモード・ライトモード切替ボタン === */
	--color-bg-dkbt: #f6f6f6;
	--color-bg-dkbt-dk: #242424;
	--color-text-dkbt: #171717;
	--color-text-dkbt-dk: #f2f2f2;

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

	/* === デフォルト色 === */
	--color-bg-mnavi: #ffffff;
	--color-brd-mnavi: 1px solid #d3d3d3;
	--color-sd-mnavi: var(--custom-sd-base-sub);
	--color-text-mnavi: #171717;

	--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: #f2ebb8;/* 注意書背景色 *//* 残席・在庫僅か */
	--color-bg-clWH: #fff;/* 白色 */
	--color-bg-clGY: #f9f9f9;/* 灰色 *//* 会員登録訴求枠 */
	--color-bg-clPL: #e5e2ec;/* 紫色 */
	--color-bg-clGR: #d8edde;/* 緑色 *//* 空き・在庫余裕あり */
	--color-bg-clBL: #dfedf1;/* 青色 *//* 残席・在庫ありません *//* 他の時間帯で既に申し込みされている */
	--color-bg-clRD: #f3eaea;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている */
	--color-bg-clYL: #f2f0e7;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない */

	/* === ボーダー色 === */
	--color-brd-clART: 1px solid #af1b27;/* 注意書ボーダー色 *//* 残席・在庫僅か */
	--color-brd-clWH: 1px solid #d3d3d3;/* 白色 */
	--color-brd-clGY: 1px solid #c7c7c7;/* 灰色 *//* 会員登録訴求枠 */
	--color-brd-clPL: 1px solid #7e6baa;/* 紫色 */
	--color-brd-clGR: 1px solid #318a28;/* 緑色 *//* 空き・在庫余裕あり */
	--color-brd-clBL: 1px solid #277f9f;/* 青色 *//* 残席・在庫ありません */
	--color-brd-clRD: 1px solid #bb2121;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている */
	--color-brd-clYL: 1px solid #ba9c25;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない */

	/* === 影色 === */
	--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: #af1b27;/* 注意書テキスト色 *//* 残席・在庫僅か */
	--color-text-clWH: #333;/* 白色 */
	--color-text-clGY: #818181;/* 灰色 *//* 会員登録訴求枠 *//* マークアップ */
	--color-text-clPL: #563b97;/* 紫色 */
	--color-text-clGR: #207817;/* 緑色 *//* 空き・在庫余裕あり *//* マークアップ */
	--color-text-clBL: #277f9f;/* 青色 *//* 残席・在庫ありません *//* マークアップ */
	--color-text-clRD: #bb2121;/* 赤色 *//* 受付・購入売り切れ *//* 既に申込み・購入されている *//* マークアップ */
	--color-text-clYL: #ba9c25;/* 黄色 *//* 受付・購入終了 *//* 受付・購入できない *//* マークアップ */
	--color-text-clOR: #e27500;/* 橙色 *//* マークアップ */

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

	/* === カテゴリナビ色 === */
	--custom-bg-detnav: var(--brand-primary-soft); /* 背景色(メイン背景) */
	--custom-bg-detnav-fc: var(--brand-primary); /* 背景色(フォーカス背景) */
	--custom-text-detnav: var(--text-brand-primary-soft); /* テキスト色(メイン) */
	--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: #b8b8b8; /* 背景色(デフォルト背景) */
	--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: #e5f1f4;/* 枠背景色 */
	--color-text-OpenCloseBt: var(--text-on-base);/* 枠テキスト色 */
	--color-brd-OpenCloseBt: 1px solid var(--border-strong);/* 枠ボーダー指定★ */

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

/* === ドロワーナビパーツ ============ */

	/* バリエーション */
	--color-bg-drawer-light: rgba(255,255,255,0.92); /* 背景白 */
	--color-brd-drawer-light: 1px solid #989898; /* 白ボーダー */
	--color-bg-drawer-dark: rgba(20,20,20,0.92); /* 背景黒 */
	--color-brd-drawer-dark: 1px solid #171717; /* 黒ボーダー */

	/* テーマ標準 */
	--color-bg-drawer: var(--color-bg-drawer-light); /* スライドメニュー背景 */
	--color-brd-drawer: var(--color-brd-drawer-light); /* スライドメニューボーダー */

/* === ページナンバーナビ ============ */
	--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: transparent; /* リストカード背景色 */
	--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: #e5f1f4; /* リストカードアクセント */
	--color-bg-list-card-endState: #e3e4d6; /* リストカード状態（処理終了等） */
	--color-bg-list-card-artState: #eaf9e9; /* リストカード状態（アラート喚起等） */
	--color-bg-list-card-trlState: #d7e0e4; /* リストカード状態（合計等） */

	/* === リスト画像ホバー処理（ホバー時の各種アニメーション処理） === */
	--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,.6); /* アニメーション内背景色 */
	--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: #fff; /* td背景色(白色) */
	--color-bg-TableBox-td-y: #f7f7ed; /* td背景色(黄色) */
	--color-bg-TableBox-td-r: #f7eded; /* td背景色(赤色) */
	--color-bg-TableBox-td-b: #e9f2f8; /* td背景色(青色) */
	--color-bg-TableBox-td-g: #ebf9ea; /* td背景色(緑色) */
	--color-bg-TableBox-td-h: #f5f5f5; /* td背景色(グレー色) */
	--color-brd-TableBox-td-link: 1px solid #e59700; /* td内リンク色 formsLink */

	/* === 受注状況サマリ指定色 === */
	--color-text-possiblei: var(--text-on-base);      /* サマリテキスト色 */
	--color-bg-possible-kakutei: #e4f2f5;      /* 受注済み案件 */
	--color-bg-possible-mikaku: #faf1e8;       /* 未受注案件 */
	--color-bg-possible-ordtotal: #f4f5e0;     /* 必要人数合計数 */
	--color-bg-possible-kanou: #e7f7eb;        /* 出勤可能数 */
	--color-bg-possible-miwaritsuke: #f7eeed;  /* 案件人数に対して未割付がある場合 */
	--color-bg-possible-waritsukezumi: #f5f6ea;/* 案件人数に対して割付が足りている場合 */
	--color-bg-possible-artflt: #fff;          /* 案件全体合計と出勤可能数が同じ場合 */
	--color-bg-possible-artno: #e1e7ec;        /* 案件全体合計に対して出勤可能数が多く余裕がある場合 */
	--color-bg-possible-art: #f2eadf;          /* 案件全体合計に対して出勤可能数が少なく足りない場合 */

/* === 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: #f8f6ea; /* 背景色 */
	--color-brd-ssoLink: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-ssoLink: var(--text-on-base); /* テキスト色 */

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

	/* === 時間枠設定色共通 === */
	--custom-bg-frameSet-dt-def: #a0a0a0; /* 見出し背景色(Off時) */
	--custom-bg-frameSet-dt-on: #3c525b; /* 見出し背景色(On時) */
	--custom-bg-frameSet-dd-def: #d5d5d5; /* データ部背景色(Off時) */
	--custom-bg-frameSet-dd-on: #d9e7ed; /* データ部背景色(On時) */
	--custom-bg-frameSet-bt-def: #54595d; /* ボタン部背景色(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: #fff; /* 見出しテキスト色(Off時) */
	--custom-text-frameSet-dt-on: #fff; /* 見出しテキスト色(On時) */
	--custom-text-frameSet-dd-def: #a3a3a3; /* データ部テキスト色(Off時) */
	--custom-text-frameSet-dd-on: #282828; /* データ部テキスト色(On時) */
	--custom-text-frameSet-bt-def: #fff; /* ボタン部テキスト色 */

	--custom-brd-frameSet-dt-def: 1px solid var(--custom-bg-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-bg-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-bg-frameSet-bt-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: #adf9ff; /* 済 */
	--color-bg-ico-not: #ffc8d2; /* 未 */
	--color-bg-ico-middle: #ffef81; /* 途中 */
	--color-bg-ico-nothing: #eee; /* 無 */
	--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: #f9f9f9;      /* 背景色(メイン) */
	--color-bg-arrangeTi-sub: #eee;      /* 背景色(サブ) */
	--color-text-arrangeTi: var(--text-on-base); /* テキスト色 */

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

	/* === カレンダー色 === */
	--size-spacing: 0.3rem 0;/* テーブルスペース設定※ダークモードでボーダー余白を取る為の処理 */
	--color-text-calendarTable-sun: #ca0909; /* テキスト色(日曜日) */
	--color-text-calendarTable-sut: #2258b2; /* テキスト色(土曜日) */
	--color-text-calendarTable-day: #757575; /* テキスト色(平日) */
	--color-text-calendarTable-sun-no: #e1b0b0; /* テキスト色(日曜日・前翌月) */
	--color-text-calendarTable-sut-no: #92b8d8; /* テキスト色(土曜日・前翌月) */
	--color-text-calendarTable-day-no: #d8d8d8; /* テキスト色(平日・前翌月) */
	--color-bg-calendarTable-sun: #faecec; /* 背景色(日曜日) */
	--color-bg-calendarTable-sut: #f1f9ff; /* 背景色(土曜日) */
	--color-bg-calendarTable-cln: #f6f6f6; /* 背景色(前翌月) */
	--color-bg-calendarTable-hld: #d2ebe5; /* 背景色(当日) */
	--color-bg-calendarTable-art: #fff4cc; /* 背景色(注意喚起用) */
	--color-text-calendarTable-theday: #fff; /* テキスト色(当日・アイコン) */
	--color-bg-calendarTable-theday: #2e2e2e; /* 背景色(当日・アイコン) */

	/* === 時間枠色 === */
	--color-bg-attdBt-attdOn: #51e4ff; /* 背景色(時間枠on) */
	--color-bg-attdBt-attdOff: #f4f4f4; /* 背景色(時間枠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: #9cc0ca; /* 背景色(通常予定) */
	--color-bg-attdBt-attd02: #90cb87; /* 背景色(タスク) */
	--color-text-attdBt-attd01: #171717; /* テキスト色(通常予定) */
	--color-text-attdBt-attd02f: #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-b); /* マイページトップ */
	--app-mypageprof-ico: var(--app-mypageprof-ico-b); /* 基本情報の編集 */
	--app-mypagepassword-ico: var(--app-mypagepassword-ico-b); /* パスワード変更 */
	--app-mypagesvs-ico: var(--app-mypagesvs-ico-b); /* サービス購入履歴 */
	--app-mypageservice-ico: var(--app-mypageservice-ico-b); /* その他のサービス */
	--app-mypagepush-ico: var(--app-mypagepush-ico-b); /* 通知一覧 */
	--app-mypageconpost-ico: var(--app-mypageconpost-ico-b); /* コンテンツいいね・投稿履歴 */
	--app-mypagesms-ico: var(--app-mypagesms-ico-b); /* セミナー申込履歴 */
	--app-mypageseminar-ico: var(--app-mypageseminar-ico-b); /* その他のセミナー */
	--app-mypageproduct-ico: var(--app-mypageproduct-ico-b); /* 商品購入履歴 */
	--app-mypagecart-ico: var(--app-mypagecart-ico-b); /* カート */
	--app-mypageprdpost-ico: var(--app-mypageprdpost-ico-b); /* 商品いいね・投稿履歴 */
	--app-mypagecontact-ico: var(--app-mypagecontact-ico-b); /* お問合せ履歴 */
	--app-mypagework-ico: var(--app-mypagework-ico-b); /* 採点フォーム回答履歴 */
	--app-mypagebbspost-ico: var(--app-mypagebbspost-ico-b); /* 掲示板いいね・投稿履歴 */
	--app-mypagebbscomment-ico: var(--app-mypagebbscomment-ico-b); /* 掲示板コメント投稿履歴 */
	--app-mypagefavorite-ico: var(--app-mypagefavorite-ico-b); /* お気に入り一覧 */
	--app-mypagebenefits-ico: var(--app-mypagebenefits-ico-b); /* 会員特典 */
	--app-mypageaffiliate-ico: var(--app-mypageaffiliate-ico-b); /* 紹介制度 */
	--app-mypageinfo-ico: var(--app-mypageinfo-ico-b); /* お知らせ */
	--app-mypagesignage-ico: var(--app-mypagesignage-ico-b); /* サイネージ管理 */
	--app-mypageact-ico: var(--app-mypageact-ico-b); /* マイページ */
	--app-mypagemessage-ico: var(--app-mypagemessage-ico-b); /* メッセージ */
	--app-mypagedispatch-ico: var(--app-mypagedispatch-ico-b); /* 手配管理 */
	--app-mypageschedule-ico: var(--app-mypageschedule-ico-b); /* スケジュール管理 */
	--app-mypagecamera-ico: var(--app-mypagecamera-ico-b); /* 写真管理 */
	--app-mypagemovie-ico: var(--app-mypagemovie-ico-b); /* 動画管理 */

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

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

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

/******************** 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;/* 薄黄 */







}
/* ** dezpt_temp_def end ** */