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

/* ** dezpt_temp_opt start ** */
/*************************** サイトカラー・スタイル共通設定 ***************************/
:root {
/********** site_color サイト基調スタイル **********/
	--rod-box: 0.3rem;/* 枠角丸 */
	--rod-box2: 0.1rem;/* 枠角丸(メッセージやスケジュール等の複数要素での利用) */
	--rod-base: 0.3rem;/* パーツ角丸 */
	--rod-img: 0.3rem;/* スクエア時の写真角丸 */
	--rod-bt: 0.3rem;/* ボタン角丸(基本) */
	--rod-bt-sub: 0.3rem;/* ボタン角丸(用途違い) */

/* ヘッダー各種設定 */
	--size-hp-logo-w: 250px;/* ロゴ横幅サイズ(PC用) */
	--size-hp-logo-h: 40px;/* ロゴ高さサイズ(PC用) */
	--size-sp-logo-w: 220px;/* ロゴ横幅サイズ(SP用) */
	--size-sp-logo-h: 40px;/* ロゴ高さサイズ(SP用) */

/* ヘッダー高さ(メニュー箇所基本サイズ) */
	--size-pd-h-hp-menu-fix: 5.8rem;
	--size-pd-h-hp-menu-fixed: 5.8rem;
	--size-pd-h-sp-menu-fix: 5.6rem;
	--size-pd-h-sp-menu-fixed: 5.8rem;

/* ヘッダー高さ1段 */
	--size-pd-h-hp-menu-fix-01: var(--size-pd-h-hp-menu-fix);
	--size-pd-h-hp-box-fix-01: var(--size-pd-h-hp-menu-fix-01);
	--size-pd-h-hp-menu-fixed-01: var(--size-pd-h-hp-menu-fixed);
	--size-pd-h-hp-box-fixed-01: var(--size-pd-h-hp-menu-fixed-01);
	--size-pd-h-sp-menu-fix-01: var(--size-pd-h-sp-menu-fix);
	--size-pd-h-sp-box-fix-01: var(--size-pd-h-sp-menu-fix-01);
	--size-pd-h-sp-menu-fixed-01: var(--size-pd-h-sp-menu-fixed);
	--size-pd-h-sp-box-fixed-01: var(--size-pd-h-sp-menu-fixed-01);

/* ヘッダー高さ2段 */
	--size-pd-h-hp-menu-fix-02: var(--size-pd-h-hp-menu-fix);
	--size-pd-h-hp-box-fix-02: 9.6rem;
	--size-pd-h-hp-menu-fixed-02: var(--size-pd-h-hp-menu-fixed);
	--size-pd-h-hp-box-fixed-02: 11.5rem;
	--size-pd-h-sp-menu-fix-02: var(--size-pd-h-sp-menu-fix);
	--size-pd-h-sp-box-fix-02: 9.6rem;
	--size-pd-h-sp-menu-fixed-02: var(--size-pd-h-sp-menu-fixed);
	--size-pd-h-sp-box-fixed-02: 9.6rem;

/* ヘッダー高さ3段 */
	--size-pd-h-hp-menu-fix-03: var(--size-pd-h-hp-menu-fix);
	--size-pd-h-hp-box-fix-03: 9.6rem;
	--size-pd-h-hp-menu-fixed-03: var(--size-pd-h-hp-menu-fixed);
	--size-pd-h-hp-box-fixed-03: 11.5rem;
	--size-pd-h-sp-menu-fix-03: var(--size-pd-h-sp-menu-fix);
	--size-pd-h-sp-box-fix-03: 9.6rem;
	--size-pd-h-sp-menu-fixed-03: var(--size-pd-h-sp-menu-fixed);
	--size-pd-h-sp-box-fixed-03: 9.6rem;

/* ログイン・新規会員登録・リマインダー画面サイズ */
	--size-LoginArea: 40rem;
	--size-LoginBox: 100%;
	--size-ReminderArea: 40rem;
	--size-ReminderBox: 100%;
	--size-NewregArea: 80rem;
	--size-NewregBox: 100%;
	--size-NewregBt: 60%;
	--size-LoginAftBt: 40%;

/* マイページボタンサイズ */
	--size-mnavi-tp01-w: 9.0rem;
	--size-mnavi-tp01-h: 6.5rem;
	--size-mnavi-tp02-w: 14.0rem;
	--size-mnavi-tp03-w: 10.0rem;
	--size-mnavi-tp04-w: 5.5rem;
	--size-mnavi-tp04-h: 4.0rem;

/* マイページ写真単体 */
	--app-photoArea-size: 180px; /* 写真大きさ(横) */
	--app-photoAreah-size: 180px; /* 写真大きさ(縦) */
	--app-photoArea-sizeS: 100px; /* 写真大きさ(横) */
	--app-photoAreah-sizeS: 100px; /* 写真大きさ(縦) */
	--app-memInfo-size: 250px; /* ログイン者情報指定 */

/* カテゴリナビ・ボタンサイズ指定（メインナビとして利用頻度が多い為個別指定可能にしています。） */
	--size-DetSubBtArea: 100%;/* 横幅サイズ */
	--size-DetSubBt: 15.0rem;/* 横幅サイズ */
	--size-toggle: 4.5rem;/* 縦幅サイズ */

	--size-inductionBt-mk: 35rem;/* 横幅※基本ボタンにて中央配置で固定する際のボックスサイズ:max-width */
	--size-inductionBt-mkP: 85%;/* 横幅※基本ボタンにて中央配置で固定する際のボックスサイズ:max-width 比率 */
	--size-inductionBt-k: 16.0rem;/* 横幅※基本ボタンにて右配置で固定する際のボックスサイズ:width */
	--size-drawer: 60%;/* ドロワーサイズ */
	--size-modal: 60%;/* 検索ウィンドウサイズ */

/* フォントサイズ */
	--font-html: 62.5%; /* 基本フォント */
	--font-body: 1.6rem; /* bodyフォント */

	/* === ボタン === */
	--font-button-ssm: 1.0rem;      /* ボタン極小 */
	--font-button-sm: 1.2rem;      /* ボタン小 */
	--font-button: 1.4rem;      /* ボタン */
	--font-button-lg: 1.6rem;      /* ボタン大 */

	/* === テキスト === */
	--font-text: 1.4rem;        /* 本文 */
	--font-text-form: 1.4rem;   /* 本文 フォーム */
	--font-text-lg: 1.6rem;     /* 本文大きめ */
	--font-label: 1.2rem;       /* パーツ・ラベル */
	--font-note: 1.0rem;        /* 注釈 */

	--font-pay-s: 1.4rem;        /* 金額表記（小） */
	--font-pay-c: 1.8rem;        /* 金額表記（中） */
	--font-pay-m: 2.0rem;        /* 金額表記（大） */
	--font-pay-b: 2.4rem;        /* 金額表記（特大） */

	--font-cal-m: 4.0rem;        /* カレンダー月・年表記 */

	/* === 見出し === */
	--font-heading-sm: 1.3rem;     /* 小見出し普通 */
	--font-heading: 1.4rem;     /* 見出し普通 */
	--font-heading-em: 1.6rem;  /* 見出し目立たせる */
	--font-heading-lg: 1.8rem;  /* 見出し大きく目立たせる */

	/* === タイトル === */
	--font-title: 2.0rem;       /* タイトル */
	--font-main-title: 3.0rem;  /* 大タイトル */
	--font-sub-title: 2.4rem;   /* サブタイトル */
	--font-nav-title: 1.3rem;   /* サイドナビタイトル */

/* リストフォントサイズ */
	/* リストタイトル */
	--font-list-title-xl: clamp(2.0rem, 1.5vw, 2.6rem);
	--font-list-title-lg: clamp(1.75rem, 1.25vw, 2.2rem);
	--font-list-title-md: clamp(1.55rem, 1.05vw, 1.9rem);
	--font-list-title-sm: clamp(1.4rem, 0.9vw, 1.65rem);
	--font-list-title-xs: clamp(1.25rem, 0.75vw, 1.45rem);

	/* リスト本文 */
	--font-list-desc-lg: clamp(1.4rem, 0.95vw, 1.6rem);
	--font-list-desc-md: clamp(1.3rem, 0.85vw, 1.45rem);
	--font-list-desc-sm: clamp(1.15rem, 0.7vw, 1.3rem);

	/* リスト補足 */
	--font-list-meta-md: clamp(1.15rem, 0.7vw, 1.3rem);
	--font-list-meta-sm: clamp(1.0rem, 0.55vw, 1.15rem);

/* カテゴリタイトル指定 */
	--font-cate-title: 1.6rem;   /* カテゴリタイトル */
	--pd-cate-title: 2.0rem 0;   /* カテゴリタイトル（パディング） */

/* テーブル余白指定 */
	--size-TableBox-mg: 1.0rem auto; /* マージン（基本） */
	--size-TableBox-pd: 0; /* パディング（基本） */
	--size-TableBox-th-pd: 1.0rem; /* パディング（th） */
	--size-TableBox-td-pd: 1.0rem; /* パディング（td） */
	--size-TableBox-min: 80.0rem; /* スクロールテーブル最小サイズ */
}
@media screen and (max-width: 600px) {
	:root {
	/* マイページ写真単体 */
		--app-photoArea-sizeS: 60px; /* 写真大きさ(横) */
		--app-photoAreah-sizeS: 60px; /* 写真大きさ(縦) */
		--app-memInfo-size: 100%; /* ログイン者情報指定 */

	/* ログイン・新規会員登録・リマインダー画面サイズ */
		--size-LoginArea: 95%;
		--size-ReminderArea: 95%;
		--size-NewregArea: 95%;
		--size-NewregBt: 80%;
		--size-LoginAftBt: 80%;

	/* カテゴリナビ・ボタンサイズ指定 */
		--size-toggle: 3.5rem;/* 縦幅サイズ */
		--size-inductionBt-mk: 100%; /* 縦幅サイズ */
		--size-inductionBt-k: 100%; /* 縦幅サイズ */
		--size-drawer: 100%;/* ドロワーサイズ */
		--size-modal: 100%;/* 検索ウィンドウサイズ */

	/* フォントサイズ */
		--font-body: 1.5rem;

		/* === ボタン === */
		--font-button-ssm: 1.2rem;
		--font-button-sm: 1.3rem;
		--font-button: 1.5rem;
		--font-button-lg: 1.6rem;

		/* === テキスト === */
		--font-text: 1.4rem;
		--font-text-form: 1.6rem; /* ★重要：ズーム防止 */
		--font-text-lg: 1.5rem;
		--font-label: 1.2rem;
		--font-note: 1.1rem;
		--font-pay-b: 2.4rem;        /* 金額表記 */
		--font-cal-m: 4.0rem;        /* カレンダー月・年表記 */

		/* === 見出し === */
		--font-heading: 1.5rem;
		--font-heading-em: 1.7rem;
		--font-heading-lg: 1.9rem;

		/* === タイトル === */
		--font-title: 1.8rem;
		--font-main-title: 2.2rem;
		--font-sub-title: 1.8rem;
		--font-nav-title: 1.3rem;
	}
}
@media screen and (max-width: 960px) {
	:root {
	--size-DetSubBtArea: 100%;/* 横幅サイズ */
	}
}
/* ベースカラー指定 */
:root {
/********** basic_parts_color **********/
	/* === 基本色 === */
	--color-bg-body: var(--surface-base);/* body背景色★ */
	--color-bg-wrapper: inherit;/* wrapper背景色 */
	--color-bg-header: var(--surface-header);/* header・spheader背景色 */
	--color-bg-headerSub: inherit;/* headerSub背景色 */
	--color-bg-contents: inherit;/* contents背景色 */
	--color-bg-footerSub: inherit;/* footerSub背景色 */
	--color-bg-footer: var(--surface-footer);/* footer・spfooter背景色★★★ */
	--color-bg-mainCln: inherit;/* 2カラムmainCln背景色 */
	--color-bg-sideCln: inherit;/* 2カラムmainCln背景色 */

	--color-text-body: var(--text-on-base);/* bodyテキスト色★ */
	--color-text-header: var(--text-on-header);/* header・spheaderテキスト色★★ */
	--color-text-headerSub: inherit;/* headerSubテキスト色 */
	--color-text-contents: inherit;/* contentsテキスト色 */
	--color-text-footerSub: inherit;/* footerSubテキスト色 */
	--color-text-footer: var(--text-on-footer);/* footer・spfooterテキスト色★★★ */
	--color-text-link: inherit;/* テキスト色:link */
	--color-text-visited: inherit;/* テキスト色:visited */
	--color-text-hover: inherit;/* テキスト色:hover */
	--color-text-active: inherit;/* テキスト色:active */

/* === インラインポップアップ色 ============ */
	--color-bg-colorbox: var(--colorbox-bg);/* colorbox背景色 */
	--color-brd-colorbox: var(--colorbox-brd);/* colorbox枠ボーダー色 */
	--color-sd-colorbox: var(--colorbox-sd);/* colorbox枠影色 */
	--color-loading-colorbox: url(../../../core_sys/common/images/colorbox/type01/loading.gif);/* colorboxローディングアイコン指定 */
	--color-controls-colorbox: url(../../../core_sys/common/images/colorbox/type01/controls.png);/* colorboxコントロールアイコン指定 */
	--color-close-colorbox: var(--colorbox-text);/* colorbox閉じるアイコン指定 */
	--color-text-colorbox: var(--colorbox-text);/* colorboxテキスト・背景色 */

/* === ヘッダーパーツ ============ */

	/* === ヘッダースクロール・Fix(固定)メニュー === */
	--color-bg-inn-header: var(--color-bg-inn-nav);/* ヘッダー背景色 */
	--color-brd-inn-header: 1px solid var(--border-soft);/* ヘッダーボーダー色 */
	--color-sd-inn-header: var(--shadow-soft);/* ヘッダー影色 */
	--color-bg-inn-scrollTools: var(--color-cl-inn-nav);/* ヘッダーナビナビ横スクロール */

	/* === ヘッダードロップダウンナビ === */
	--color-bg-inn-dpnav: var(--color-cl-inn-dpnav);/* 背景色 */
	--color-brd-inn-dpnav: 1px dotted var(--border-soft);/* ボーダー指定 */
	--color-text-inn-dpnav: var(--color-clr-inn-dpnav);/* テキスト色 */

	/* === ヘッダーサブナビ === */
	--color-bg-inn-snavi: inherit;/* 背景色 */
	--color-bg-inn-snavi-crt: var(--color-cl-inn-nav-crt);/* カレント色 */
	--color-brd-inn-snavi: inherit;/* ボーダー指定 */
	--color-text-inn-snavi: var(--color-cl-inn-nav);/* テキスト色 */

	/* === ヘッダーグローバルナビ === */
	--color-bg-inn-gnavi: inherit;/* 背景色 */
	--color-bg-inn-gnavi-crt: var(--color-cl-inn-nav-crt);/* カレント色 */
	--color-brd-inn-gnavi: 1px solid var(--border-soft);/* ボーダー指定 */
	--color-text-inn-gnavi: var(--color-cl-inn-nav);/* テキスト色 */

	/* === ヘッダーグローバルナビ(シンプル) === */
	--color-bg-inn-gnavis: inherit;/* 背景色 */
	--color-bg-inn-gnavis-crt: var(--color-cl-inn-nav-crt);/* カレント色 */
	--color-brd-inn-gnavis: inherit;/* ボーダー指定 */
	--color-text-inn-gnavis: var(--color-cl-inn-nav);/* テキスト色 */

/* === フッターパーツ ============ */

	/* === フッターナビ === */
	--color-bg-inn-fnavi: inherit;/* 背景色 */
	--color-text-inn-fnavi: var(--color-cl-inn-fnav);/* テキスト色 */

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

	/* === 外枠処理 === */
	--color-bg-box: inherit;/* 外枠背景色★ */
	--color-brd-box: 1px solid var(--border-strong);/* 外枠ボーダー指定★ */
	--color-sd-box: 0 0 0.3rem var(--shadow-strong);/* 外枠影指定★ */
	--color-text-base: var(--text-on-base);/* 基調テキスト色★ */

	/* === 内枠処理 === */
	--color-bg-box-inside: inherit;/* 内枠背景色★ */
	--color-brd-box-inside: 1px solid var(--border-soft);/* 内枠ボーダー指定★★ */
	--color-sd-box-inside: inherit;/* 内枠影指定 */
	--color-text-sub: var(--text-muted);/* サブテキスト色(主に薄い色指定)★★★ */

	/* === リスト枠処理 === */
	--color-bg-box-list: inherit;/* リスト枠背景色 */
	--color-brd-box-list: inherit;/* リスト枠ボーダー指定 */
	--color-sd-box-list: inherit;/* リスト枠影指定 */
	--color-text-list: var(--text-on-base);/* 基調テキスト色★ */

	/* === DLタグ等でのデザイン処理 === */
	--color-bg-dt: inherit;/* DT背景色 */
	--color-bg-dd: inherit;/* DD背景色 */
	--color-brd-base-partition: 1px dotted var(--border-strong);/* 仕切りボーダー指定★ */

	/* === 写真処理 === */
	--color-bg-img: var(--custom-bg-hlf);/* 写真エリア背景色 */
	--color-brd-img: 1px solid var(--border-strong);/* 写真エリアボーダー指定★ */
	--color-text-img: var(--text-on-base);/* 写真エリアテキスト色★ */

	/* === 背景2分割処理 === */
	--custom-bg-hlf: linear-gradient(180deg, var(--custom-bg-hlf-a) 0%, var(--custom-bg-hlf-a) 15%, var(--custom-bg-hlf-b) 15%, var(--custom-bg-hlf-b) 100%); /* 2分割内背景色 */

	/* === 割当等各種操作ボックス処理 === */
	--color-bg-ArrangeDetSet: var(--color-bg-clGY);/* 背景色 */
	--color-brd-ArrangeDetSet: var(--color-brd-clGY);/* ボーダー指定 */
	--color-text-ArrangeDetSet: var(--text-on-base);/* テキスト色 */

	/* === ログイン・新規会員登録・リマインダー枠処理 === */
	--color-brd-authBox: 1px solid var(--border-strong);/* 外枠ボーダー指定 */
	--color-brd-authBox-inside: 1px solid var(--border-soft);/* 内枠ボーダー指定 */
	--color-sd-authBox: 0 0 0.3rem var(--shadow-strong);/* 外枠影指定 */

	--color-bg-authBox: inherit;/* 外枠背景色 */
	--color-bg-authBox-inside: inherit;/* 内枠背景色 */
	--color-text-authBox: var(--text-on-base);/* 基調テキスト色 */

	--color-brd-authBox-SysBox: 1px solid var(--border-strong);/* ID/PASS枠ボーダー指定 */
	--color-bg-authBox-SysBox: var(--custom-bg-authBox-SysBox);/* ID/PASS枠背景色 */
	--color-text-authBox-SysBox: var(--text-on-base);/* ID/PASS枠テキスト色 */

/* === ボタン色 ============ */
/******************** button_color_color ********************/

	/* === 前に戻る・閉じる・前後ボタン・クリアなどの基本ボタン共通 === */
	--color-bg-bt-base: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-base: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-base: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-base: var(--color-text-btWH); /* テキスト色▲ */

	/* === カレント・フォーカスなどの基本ボタン共通 === */
	--color-bg-bt-crt: var(--color-bg-btYL); /* 背景色▲▲▲▲▲▲▲ */
	--color-brd-bt-crt: var(--color-brd-btYL); /* ボーダー指定▲▲▲▲▲▲▲ */
	--color-sd-bt-crt: var(--color-sd-btYL); /* 背景影色▲▲▲▲▲▲▲ */
	--color-text-bt-crt: var(--color-text-btYL); /* テキスト色▲▲▲▲▲▲▲ */

	/* === 次用途に進むボタン共通 === */
	--color-bg-bt-next: var(--color-bg-btGR); /* 背景色▲▲▲ */
	--color-brd-bt-next: var(--color-brd-btGR); /* ボーダー指定▲▲▲ */
	--color-sd-bt-next: var(--color-sd-btGR); /* 背景影色▲▲▲ */
	--color-text-bt-next: var(--color-text-btGR); /* テキスト色▲▲▲ */

	/* === 前用途に進むボタン共通 === */
	--color-bg-bt-back: var(--color-bg-btRD); /* 背景色▲▲▲▲▲ */
	--color-brd-bt-back: var(--color-brd-btRD); /* ボーダー指定▲▲▲▲▲ */
	--color-sd-bt-back: var(--color-sd-btRD); /* 背景影色▲▲▲▲▲ */
	--color-text-bt-back: var(--color-text-btRD); /* テキスト色▲▲▲▲▲ */

	/* === 新規登録に進むボタン共通 === */
	--color-bg-bt-newbt: var(--color-bg-btBL); /* 背景色▲▲ */
	--color-brd-bt-newbt: var(--color-brd-btBL); /* ボーダー指定▲▲ */
	--color-sd-bt-newbt: var(--color-sd-btBL); /* 背景影色▲▲ */
	--color-text-bt-newbt: var(--color-text-btBL); /* テキスト色▲▲ */

	/* === 編集に進むボタン共通 === */
	--color-bg-bt-edit: var(--color-bg-btBL); /* 背景色▲▲ */
	--color-brd-bt-edit: var(--color-brd-btBL); /* ボーダー指定▲▲ */
	--color-sd-bt-edit: var(--color-sd-btBL); /* 背景影色▲▲ */
	--color-text-bt-edit: var(--color-text-btBL); /* テキスト色▲▲ */

	/* === 登録完了ボタン共通 === */
	--color-bg-bt-input: var(--color-bg-btOR); /* 背景色▲▲▲▲ */
	--color-brd-bt-input: var(--color-brd-btOR); /* ボーダー指定▲▲▲▲ */
	--color-sd-bt-input: var(--color-sd-btOR); /* 背景影色▲▲▲▲ */
	--color-text-bt-input: var(--color-text-btOR); /* テキスト色▲▲▲▲ */

	/* === 削除・ファイル削除ボタン共通 === */
	--color-bg-bt-del: var(--color-bg-btBK); /* 背景色▲▲▲▲▲▲ */
	--color-brd-bt-del: var(--color-brd-btBK); /* ボーダー指定▲▲▲▲▲▲ */
	--color-sd-bt-del: var(--color-sd-btBK); /* 背景影色▲▲▲▲▲▲ */
	--color-text-bt-del: var(--color-text-btBK); /* テキスト色▲▲▲▲▲▲ */

	/* === ファイル操作・検索ボタン共通 === */
	--color-bg-bt-act: var(--color-bg-btBL); /* 背景色▲▲ */
	--color-brd-bt-act: var(--color-brd-btBL); /* ボーダー指定▲▲ */
	--color-sd-bt-act: var(--color-sd-btBL); /* 背景影色▲▲ */
	--color-text-bt-act: var(--color-text-btBL); /* テキスト色▲▲ */

	/* === ページトップ・オープンクローズボタン共通 === */
	--color-bg-bt-pt: var(--color-bg-btSC); /* 背景色■ */
	--color-brd-bt-pt: var(--color-brd-btSC); /* ボーダー指定 */
	--color-brd-bt-ptn: inherit; /* ボーダー指定 */
	--color-sd-bt-pt: inherit; /* 背景影色 */
	--color-text-bt-pt: var(--color-text-btSC); /* テキスト色■ */

	/* === オープンクローズボタン共通 === */
	--color-bg-bt-opc: var(--brand-primary); /* 背景色★★★ */
	--color-brd-bt-opc: var(--color-brd-box-inside); /* ボーダー指定 */
	--color-sd-bt-opc: inherit; /* 背景影色 */
	--color-text-bt-opc: var(--text-brand-primary); /* テキスト色■ */

	/* === ボタン共通（背景透過ボタン） === */
	--color-bg-bt-trans: inherit;/* 透過背景色 */
	--color-bg-bt-trans-crt: var(--color-bg-trans-crt);/* 透過背景色(カレント) */
	--color-brd-bt-trans: 1px solid var(--border-strong);/* 透過ボーダー指定 */
	--color-text-bt-trans: var(--text-on-base);/* 透過テキスト色 */

/* === ログイン・新規会員登録・リマインダーデザインパターン ============ */

	/* === ログインボタン（シンプル版） === */
	--color-bg-bt-login: var(--color-bg-btBK); /* 背景色▲▲▲▲▲▲ */
	--color-brd-bt-login: var(--color-brd-btBK); /* ボーダー指定▲▲▲▲▲▲ */
	--color-sd-bt-login: var(--color-sd-btBK); /* 背景影色▲▲▲▲▲▲ */
	--color-text-bt-login: var(--color-text-btBK); /* テキスト色▲▲▲▲▲▲ */

	/* === ログインボタン（カラー有版） === */
	--color-bg-bt-login-cl: var(--color-bg-btBL); /* 背景色▲▲ */
	--color-brd-bt-login-cl: var(--color-brd-btBL); /* ボーダー指定▲▲ */
	--color-sd-bt-login-cl: var(--color-sd-btBL); /* 背景影色▲▲ */
	--color-text-bt-login-cl: var(--color-text-btBL); /* テキスト色▲▲ */

	/* === リマインダーボタン（シンプル版） === */
	--color-bg-bt-reminder: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-reminder: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-reminder: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-reminder: var(--color-text-btWH); /* テキスト色▲ */

	/* === リマインダーボタン（カラー有版） === */
	--color-bg-bt-reminder-cl: var(--color-bg-btBK); /* 背景色▲▲▲▲▲▲ */
	--color-brd-bt-reminder-cl: var(--color-brd-btBK); /* ボーダー指定▲▲▲▲▲▲ */
	--color-sd-bt-reminder-cl: var(--color-sd-btBK); /* 背景影色▲▲▲▲▲▲ */
	--color-text-bt-reminder-cl: var(--color-text-btBK); /* テキスト色▲▲▲▲▲▲ */

	/* === 新規会員登録ボタン（シンプル版） === */
	--color-bg-bt-newmem: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-newmem: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-newmem: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-newmem: var(--color-text-btWH); /* テキスト色▲ */

	/* === 新規会員登録ボタン（カラー有版） === */
	--color-bg-bt-newmem-cl: var(--color-bg-btGR); /* 背景色▲ */
	--color-brd-bt-newmem-cl: var(--color-brd-btGR); /* ボーダー指定▲ */
	--color-sd-bt-newmem-cl: var(--color-sd-btGR); /* 背景影色▲ */
	--color-text-bt-newmem-cl: var(--color-text-btGR); /* テキスト色▲ */

	/* === パスワード問い合わせボタン（シンプル版） === */
	--color-bg-bt-remCt: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-remCt: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-remCt: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-remCt: var(--color-text-btWH); /* テキスト色▲ */

	/* === パスワード問い合わせボタン（カラー有版） === */
	--color-bg-bt-remCt-cl: var(--color-bg-btBL); /* 背景色▲ */
	--color-brd-bt-remCt-cl: var(--color-brd-btBL); /* ボーダー指定▲ */
	--color-sd-bt-remCt-cl: var(--color-sd-btBL); /* 背景影色▲ */
	--color-text-bt-remCt-cl: var(--color-text-btBL); /* テキスト色▲ */

	/* === 新規会員登録遷移ボタン（シンプル版） === */
	--color-bg-bt-newReg: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-newReg: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-newReg: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-newReg: var(--color-text-btWH); /* テキスト色▲ */

	/* === 新規会員登録遷移ボタン（カラー有版） === */
	--color-bg-bt-newReg-cl: var(--color-bg-btGR); /* 背景色▲ */
	--color-brd-bt-newReg-cl: var(--color-brd-btGR); /* ボーダー指定▲ */
	--color-sd-bt-newReg-cl: var(--color-sd-btGR); /* 背景影色▲ */
	--color-text-bt-newReg-cl: var(--color-text-btGR); /* テキスト色▲ */

	/* === ログイン後トップページ遷移ボタン（シンプル版） === */
	--color-bg-bt-LoginTop: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-LoginTop: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-LoginTop: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-LoginTop: var(--color-text-btWH); /* テキスト色▲ */

	/* === ログイン後トップページ遷移ボタン（カラー有版） === */
	--color-bg-bt-LoginTop-cl: var(--color-bg-btGR); /* 背景色▲ */
	--color-brd-bt-LoginTop-cl: var(--color-brd-btGR); /* ボーダー指定▲ */
	--color-sd-bt-LoginTop-cl: var(--color-sd-btGR); /* 背景影色▲ */
	--color-text-bt-LoginTop-cl: var(--color-text-btGR); /* テキスト色▲ */

	/* === ログイン後マイページ遷移ボタン（シンプル版） === */
	--color-bg-bt-LoginMypBt: var(--color-bg-btWH); /* 背景色▲ */
	--color-brd-bt-LoginMypBt: var(--color-brd-btWH); /* ボーダー指定▲ */
	--color-sd-bt-LoginMypBt: var(--color-sd-btWH); /* 背景影色▲ */
	--color-text-bt-LoginMypBt: var(--color-text-btWH); /* テキスト色▲ */

	/* === ログイン後マイページ遷移ボタン（カラー有版） === */
	--color-bg-bt-LoginMypBt-cl: var(--color-bg-btBL); /* 背景色▲ */
	--color-brd-bt-LoginMypBt-cl: var(--color-brd-btBL); /* ボーダー指定▲ */
	--color-sd-bt-LoginMypBt-cl: var(--color-sd-btBL); /* 背景影色▲ */
	--color-text-bt-LoginMypBt-cl: var(--color-text-btBL); /* テキスト色▲ */

/* === デザインパーツ ============ */
/*======== basic_parts.css ========*/

	/* === スクロールバーやローディングでの色指定 === */
	--custom-bg-base-scr: var(-surface-panel); /* 背景色(スクロール用の背景) */
	--custom-bg-base-scrb: var(--brand-primary); /* 背景色(スクロールバーの背景) */
	--custom-bg-base-load: var(--surface-spinner-accent); /* 背景色(ローディング背景) */

	/* === テンキーでの色指定 === */
	--color-bg-tenkey: var(--surface-base); /* 背景色 */
	--color-brd-tenkey: 1px solid var(--border-soft);/* ボーダー指定★ */
	--color-sd-tenkey: 0 0 0.3rem var(--shadow-strong);/* 影指定★ */
	--color-text-tenkey-bt: var(--text-on-base);/* テキスト色★ */
	--color-bg-tenkey-bt: var(--surface-base); /* 背景色 */
	--color-brd-tenkey-bt: 1px solid var(--border-strong);/* ボーダー指定★ */

	/* === 検索ボックスでの色指定 === */
	--color-bg-searchBox: var(--surface-base); /* 背景色 */
	--color-brd-searchBox: 1px solid var(--border-soft);/* ボーダー指定★ */
	--color-sd-searchBox: 0 0 0.3rem var(--shadow-strong);/* 影指定★ */
	--color-text-searchBox: var(--text-on-base);/* テキスト色★ */

	/* === タイムカード打刻での色指定 === */
	--color-bg-timecardSwich: var(--surface-base); /* 背景色 */
	--color-brd-timecardSwich: 1px solid var(--border-soft);/* ボーダー指定★ */


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

	/* === サイドナビ共通処理 === */
	--color-text-nav: var(--text-on-base);/* サイドマイページナビテキスト色★ */
	--color-text-nav-ti: var(--text-on-base);/* サイドマイページナビテキスト色(タイトル処理)★ */

	/* === サイドナビ個別処理 === */
	--color-bg-s-nav: var(--surface-base);/* サイドマイページナビ背景色★ */
	--color-bg-s-nav-sec: var(--surface-base);/* サイドマイページナビ2階層目背景色★ */
	--color-bg-s-nav-fc: var(--surface-panel);/* サイドマイページナビ背景色(フォーカス処理) */
	--color-bg-s-nav-ti: var(--surface-base);/* サイドマイページナビ背景色(タイトル処理) */

	--color-brd-s-nav: 1px solid var(--border-strong);/* サイドマイページナビボーダー色★ */
	--color-brd-s-nav-sec: 1px solid var(--border-strong);/* サイドマイページナビ2階層目ボーダー色★ */
	--color-brd-s-nav-l: 4px solid var(--brand-primary);/* サイドマイページナビボーダー色(タイプ04) */

	--color-sd-s-nav: inherit;/* サイドマイページナビ影指定 */

	/* === カテゴリナビ共通処理 === */
	--color-bg-det01-nav: var(--custom-bg-detnav);/* カテゴリナビ背景色 */
	--color-bg-det01-nav-fc: var(--custom-bg-detnav-fc);/* カテゴリナビ背景色(フォーカス処理) */
	--color-bg-det02-nav: var(--custom-bg-detnav);/* カテゴリナビ背景色 */
	--color-bg-det02-nav-fc: var(--custom-bg-detnav-fc);/* カテゴリナビ背景色(フォーカス処理) */

	--color-brd-det01-nav: 1px solid var(--custom-brd-detnav);/* カテゴリナビボーダー色 */
	--color-brd-det01-nav-fc: 1px solid var(--custom-brd-detnav-fc);/* カテゴリナビボーダー色 */
	--color-brd-det02-nav: 2px solid var(--custom-brd-detnav);/* カテゴリナビボーダー色 */
	--color-brd-det02-nav-fc: 2px solid var(--custom-brd-detnav-fc);/* カテゴリナビボーダー色 */
	--color-brd-det03-nav: 2px solid var(--custom-brd-detnav);/* カテゴリナビボーダー色 */
	--color-brd-det03-nav-fc: 2px solid var(--custom-brd-detnav-fc);/* カテゴリナビボーダー色 */

	--color-text-det01-nav: var(--custom-text-detnav);/* カテゴリナビ背景色 */
	--color-text-det01-nav-fc: var(--custom-text-detnav-fc);/* カテゴリナビ背景色(フォーカス処理) */
	--color-text-det02-nav: var(--custom-text-detnav);/* カテゴリナビ背景色 */
	--color-text-det02-nav-fc: var(--custom-text-detnav-fc);/* カテゴリナビ背景色(フォーカス処理) */

	/* === セレクトナビ色共通 === */
	--color-bg-select01-def: var(--custom-bg-select-def);/* セレクトナビ背景色(デフォルト背景) */
	--color-bg-select01-unp: var(--custom-bg-select-unp);/* セレクトナビ背景色(未承認・済み) */
	--color-bg-select01-app: var(--custom-bg-select-app);/* セレクトナビ背景色(承認) */
	--color-bg-select02-def: var(--custom-bg-select-def);/* セレクトナビ背景色(CHECK DIS) */
	--color-bg-select02-unp: var(--custom-bg-select-unp);/* セレクトナビ背景色(CHECK ON) */
	--color-bg-select02-app: var(--custom-bg-select-def);/* セレクトナビ背景色(CHECK NO) */
	--color-bg-select03-def: var(--custom-bg-select-def);/* セレクトナビ背景色(どちらでもない) */
	--color-bg-select03-unp: var(--custom-bg-select-unp);/* セレクトナビ背景色(ON) */
	--color-bg-select03-app: var(--custom-bg-select-app);/* セレクトナビ背景色(NO) */

	--color-text-select01-def: var(--custom-text-select-def);/* セレクトナビ背景色(デフォルト背景) */
	--color-text-select01-unp: var(--custom-text-select-unp);/* セレクトナビ背景色(未承認・済み) */
	--color-text-select01-app: var(--custom-text-select-app);/* セレクトナビ背景色(承認) */
	--color-text-select02-def: var(--custom-text-select-def);/* セレクトナビ背景色(CHECK DIS) */
	--color-text-select02-unp: var(--custom-text-select-unp);/* セレクトナビ背景色(CHECK ON) */
	--color-text-select02-app: var(--custom-text-select-def);/* セレクトナビ背景色(CHECK NO) */
	--color-text-select03-def: var(--custom-text-select-def);/* セレクトナビ背景色(どちらでもない) */
	--color-text-select03-unp: var(--custom-text-select-unp);/* セレクトナビ背景色(ON) */
	--color-text-select03-app: var(--custom-text-select-app);/* セレクトナビ背景色(NO) */

/* === カテゴリナビパーツ（主にコンテンツ関係） ============ */

	/* === カテゴリナビスライダー === */
	--color-bgb-inn-catenavSl: var(--color-bg-inn-catenav-box);/* 枠背景色 */
	--color-brd-inn-catenavSl: 1px solid var(--border-strong);/* ボーダー指定 */
	--color-bg-inn-catenavSl: var(--color-bg-inn-catenav-base);/* 背景色 */
	--color-text-inn-catenavSl: var(--color-cl-inn-catenav-base);/* テキスト色 */
	--color-bg-inn-catenavSl-crt: var(--color-bg-inn-catenav-base-crt);/* カレント色 */
	--color-text-inn-catenavSl-crt: var(--color-clr-inn-catenav-base);/* テキストカレント色 */

	/* === カテゴリナビ横 === */
	--color-bgb-inn-catenavY: var(--color-bg-inn-catenav-box);/* 枠背景色 */
	--color-brd-inn-catenavY: 1px solid var(--border-strong);/* ボーダー指定 */
	--color-bg-inn-catenavY: var(--color-bg-inn-catenav-base);/* 背景色 */
	--color-text-inn-catenavY: var(--color-cl-inn-catenav-base);/* テキスト色 */
	--color-bg-inn-catenavY-crt: var(--color-bg-inn-catenav-base-crt);/* カレント色 */
	--color-text-inn-catenavY-crt: var(--color-clr-inn-catenav-base);/* テキストカレント色 */

	/* === カテゴリナビ縦 === */
	--color-bgb-inn-catenav: var(--color-bg-inn-catenav-box);/* 枠背景色 */
	--color-brd-inn-catenav: 1px solid var(--border-strong);/* ボーダー指定 */
	--color-bg-inn-catenav: var(--color-bg-inn-catenav-base);/* 背景色 */
	--color-text-inn-catenav: var(--color-cl-inn-catenav-base);/* テキスト色 */
	--color-bg-inn-catenav-crt: var(--color-bg-inn-catenav-base-crt);/* カレント色 */
	--color-text-inn-catenav-crt: var(--color-clr-inn-catenav-base);/* テキストカレント色 */

	/* === カテゴリナビ縦(アコーディオン有) === */
	--color-bgb-inn-widget: var(--color-bg-inn-catenav-box);/* 枠背景色 */
	--color-brd-inn-widget: 1px solid var(--border-strong);/* ボーダー指定 */
	--color-bg-inn-widget: var(--color-bg-inn-catenav-base);/* 背景色 */
	--color-text-inn-widget: var(--color-cl-inn-catenav-base);/* テキスト色 */
	--color-bg-inn-widget-crt: var(--color-bg-inn-catenav-base-crt);/* カレント色 */
	--color-text-inn-widget-crt: var(--color-clr-inn-catenav-base);/* テキストカレント色 */

	/* === カテゴリナビタイトル === */
	--color-bg-inn-widget-ti: var(--color-cl-inn-catenav-ti);/* 枠背景色 */
	--color-brd-inn-widget-ti: inherit;/* ボーダー指定 */
	--color-text-inn-widget-ti: var(--color-clr-inn-catenav-ti);/* テキスト色 */

	/* === パンくずリンク === */
	--color-bg-panlink: inherit;/* 背景色 */
	--color-text-panlink: var(--text-muted);/* テキスト色 */
	--color-text-panlink-a: var(--text-muted);/* リンク色 */

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

/* === タイトル処理パーツ ============================== */

	/* === タイトル下でボーダーを利用する場合の指定（主にコメント画面等のタイトル） === */
	--color-brd-title: 1px dotted var(--border-strong);/* ボーダー指定 */

	/* === カテゴリタイトルでの各種共通指定 === */
	--color-brd-mainti-top: 1px solid var(--border-soft);/* ボーダー指定 */
	--color-brd-mainti-bottom: 1px solid var(--border-soft);/* ボーダー指定 */
	--color-bg-mainti: var(--surface-base);/* 背景色 */
	--color-text-mainti: var(--text-on-base);/* テキスト色 */

	/* === システム情報表示タイトルでの各種共通指定 === */
	--color-brd-systemMainTi: 1px solid var(--border-soft);/* ボーダー指定 */
	--color-bg-systemMainTi: inherit;/* 背景色 */
	--color-text-systemMainTi: var(--text-on-base);/* テキスト色 */

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

	/* === 各種数字サマリ指定色 === */
	--color-bg-TableBox-amount: var(--color-bg-TableBox-td-b);/* 金額 */
	--color-bg-TableBox-tax: var(--color-bg-TableBox-td-g);/* 税 */
	--color-bg-TableBox-subtotal: var(--color-bg-TableBox-td-y);/* 小計 */
	--color-bg-TableBox-pholiday: var(--color-bg-TableBox-td-h);/* 公休日 */

	/* === 明細項目指定色 === */

	/* 明細項目 */
	--color-bg-invoiceInnList-syoukei: var(--color-bg-TableBox-td-r);/* 小計 */
	--color-bg-invoiceInnList-syouhizei: var(--color-bg-TableBox-td-h);/* 税 */
	--color-bg-invoiceInnList-total: var(--color-bg-TableBox-td-y);/* 合計 */

	/* 小計項目 */
	--color-bg-invoiceInnList-total-ti: var(--surface-base);/* 合計タイトル */
	--color-bg-invoiceInnList-total-syoukei: var(--color-bg-TableBox-td-r);/* 合計・小計 */
	--color-bg-invoiceInnList-total-syouhizei: var(--color-bg-TableBox-td-b);/* 合計・税 */
	--color-bg-invoiceInnList-total-kingaku: var(--color-bg-TableBox-td-y);/* 合計・金額 */

	/* 各種明細 */
	--custom-brd-base-sub: 1px solid var(--border-strong);/* ボーダー指定 */
	--custom-brd-meisaiBoxLine: 1px solid #fff;/* ボーダー指定 */
	--custom-bg-meisaiBoxLine: #fff;/* 背景色 */
	--custom-brd-invoiceListDet: 1px dotted var(--border-soft);/* ボーダー指定 */

	/* === 人材シェアサマリ指定色 === */
	--color-bg-shareTable-akiari: var(--color-bg-TableBox-td-y);      /* 空き余裕あり */
	--color-bg-shareTable-akiwazuka: var(--color-bg-TableBox-td-g);      /* 空きわずか */
	--color-bg-shareTable-akinashi: var(--color-bg-TableBox-td-h);      /* 空き無し */
	--color-bg-shareTable-akinoset: var(--color-bg-TableBox-td-b);      /* 許可無し */

	/* === 勤怠管理一覧指定色 === */
	--color-bg-timecard-box: var(--surface-base);/* 枠背景色 */
	--color-brd-timecard-box: 1px solid var(--border-strong);/* 枠ボーダー指定★ */

	--color-bg-timecard-name: var(--color-bg-TableBox-td-w);/* 名前 */
	--color-bg-timecard-employment: var(--color-bg-TableBox-td-g);/* 規定数 */
	--color-bg-timecard-work: var(--color-bg-TableBox-td-y);/* 就業 */
	--color-bg-timecard-early-overtime: var(--color-bg-TableBox-td-b);/* 早出・早退 */
	--color-bg-timecard-overtime: var(--color-bg-TableBox-td-b);/* 残業 */
	--color-bg-timecard-behind: var(--color-bg-TableBox-td-r);/* 遅刻 */
	--color-bg-timecard-default: var(--color-bg-TableBox-td-w);/* 休出・欠勤・有給・特給・代休 */
	--color-bg-timecard-unstamped: var(--color-bg-TableBox-td-h);/* 未打刻 */

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

	/* === 外枠処理 === */
	--color-brd-calendarTable: 1px solid var(--border-strong);/* ボーダー指定 */
	--color-brd-calendarTh: var(--surface-base);/* 背景色(TH) */
	--color-brd-calendarTd: var(--surface-base);/* 背景色(TD) */

/* === 手配アプリ専用：受注金吒トータルサマリ設定 ============ */

	/* === 外枠 === */
	--color-bg-incomeBox: inherit;      /* 背景色 */
	--color-brd-incomeBox: inherit; /* ボーダー色 */
	--color-text-incomeBox: var(--text-on-base); /* テキスト色 */

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

	/* === 詳細枠 === */
	--color-bg-incomeBox-det: var(--surface-panel);      /* 背景色 */
	--color-brd-incomeBox-det: 1px solid var(--border-soft); /* ボーダー色 */
	--color-text-incomeBox-det: var(--text-on-base); /* テキスト色 */

	/* === グラフ設定 === */
	--color-bg-chart: var(--brand-primary);      /* 背景色(グラフ帯) */
	--color-brd-chart: var(--border-soft);      /* 罫線 */
	--color-text-chart: var(--text-on-base); /* テキスト色 */

/* === 手配アプリ専用：入金管理画面設定 ============ */

	/* === 外枠 === */
	--color-bg-paymentCheckBox: inherit;      /* 背景色 */
	--color-brd-paymentCheckBox: 1px solid var(--border-soft); /* ボーダー色 */

	/* === タイトル === */
	--color-bg-paymentCheckTi: var(--surface-panel);      /* 背景色 */
	--color-brd-paymentCheckTi: 1px solid var(--border-strong); /* ボーダー色 */
	--color-text-paymentCheckTi: var(--text-on-base); /* テキスト色 */

	/* === 内枠（生成フォームエリア） === */
	--color-bg-paymentCheckTA: var(--surface-panel);      /* 背景色 */
	--color-brd-paymentCheckTA: 1px solid var(--border-strong); /* ボーダー色 */

	/* === 金額表示設定（スタッフ請求書作成画面） === */
	--color-text-PayInfo-temp: var(--color-text-clBL); /* テキスト色（青） */
	--color-text-PayInfo-paid: var(--color-text-clWH); /* テキスト色（黒） */
	--color-text-PayInfo-unpaid: var(--color-text-clRD); /* テキスト色（赤） */

	/* === 合計金額表示設定（現場請求書作成画面） === */
	--color-bg-PayAllBox: var(--surface-panel);      /* 背景色 */
	--color-brd-PayAllBox: 1px solid var(--border-strong); /* ボーダー色 */

	/* === 現場作業明細一覧 === */
	--color-bg-estimate: inherit;      /* 背景色 */
	--color-brd-estimate: 1px solid var(--border-soft); /* ボーダー色 */

	/* === 見積・請求新規作成時処理 === */
	--color-bg-unableBox: rgba(241,241,241,0.2);      /* 背景色 */
	--color-brd-unableBox: 1px solid var(--border-strong); /* ボーダー色 */

/* === 手配アプリ専用：メッセージ処理パーツ ============ */
	--color-bg-mes: var(--surface-base);/* メッセージエリア背景色（自分）★ */
	--color-brd-mes: 2px solid var(--border-strong);/* メッセージエリアボーダー色（引用）★ */
	--color-brd-mes-app: 2px solid var(--custom-brd-mes);/* メッセージアプリボーダー色（引用）★ */
}
/* ** dezpt_temp_def end ** */