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

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

/* ヘッダー各種設定 */
	--size-hp-logo-w: 250px;/* ロゴ横幅サイズ(PC用) */
	--size-hp-logo-h: 40px;/* ロゴ高さサイズ(PC用) */
	--size-sp-logo-w: 200px;/* ロゴ横幅サイズ(SP用) */
	--size-sp-logo-h: 35px;/* ロゴ高さサイズ(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;

/* マイページプランアイコンサイズ */
	--size-planOrd-size: 18.0rem;

/* リスト写真サイズ */
	--app-PhCircle-size: 6rem;
	--app-PhSquare-size: 6rem;
	--app-PhRectangle-size: 10rem;
	--app-PhRectangle-ratio: 16 / 9;

/* リスト写真サイズ: 狭い横並び */
	--app-PhCircle-sizeS: 4rem;
	--app-PhSquare-sizeS: 4rem;
	--app-PhRectangle-sizeS: 6rem;
	--app-PhRectangle-ratioS: 4 / 3;

/* 縦並びカード */
	--flex-bx-circle-size: 13rem;
	--flex-bx-square-size: 14rem;
	--flex-bx-circle-size-w: 20rem;
	--flex-bx-square-size-w: 20rem;
	--flex-bx-rectangle-ratio: 16 / 9;
	--flex-bx-rectangle-ratio-w: 16 / 6;

/* 横長カード */
	--flex-wcard-photo-w: 18rem;
	--flex-wcard-photo-w-sp: 10rem;
	--flex-wcard-photo-ratio: 4 / 3;

/* グローバルナビ・カテゴリナビ・ボタンサイズ指定（メインナビとして利用頻度が多い為個別指定可能にしています。） */
	--size-GnaviBt: 18.0rem;/* 横幅サイズ */
	--size-catenavYBt: 20.0rem;/* 横幅サイズ */
	--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.5rem;   /* 本文 フォーム */
	--font-text-lg: 1.6rem;     /* 本文大きめ */
	--font-label: 1.2rem;       /* パーツ・ラベル */
	--font-note: 1.0rem;        /* 注釈 */
	--font-ico: 1.1rem;       /* パーツ・アイコン */

	--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-nav-s: 1.3rem;      /* ナビ小 */
	--font-nav-m: 1.4rem;      /* ナビ中 */
	--font-nav: 1.6rem;      /* ナビメイン */

	/* === 見出し === */
	--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-main-title-b: 4.0rem;  /* 特大タイトル */
	--font-sub-title: 2.4rem;   /* サブタイトル */
	--font-nav-title: 1.3rem;   /* サイドナビタイトル */

	/* === 案件カレンダー === */
	--font-Month: 1.2rem;       /* 年月 */
	--font-Day: 4.0rem;  /* 日 */
	--font-Week: 1.4rem;   /* 曜日 */
	--font-Time: 6.0rem;   /* 時間 */
	--font-Time-s: 2.4rem;   /* 時間（秒） */

/* リストフォントサイズ */
	/* リストタイトル */
	--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; /* スクロールテーブル最小サイズ */

/* 新型ドロワー本体 */
	/* サイズ */
	--cb-cbDrawer-left-w: 36rem; /* 左ドロワー幅 */
	--cb-cbDrawer-right-w: 44rem; /* 右ドロワー幅 */
	--cb-cbDrawer-bottom-h: 64rem; /* 下ドロワー高さ */
	--cb-cbDrawer-modal-w: min(72vw, 72rem); /* モーダル幅 */
	--cb-cbDrawer-modal-max-h: 86dvh; /* モーダル最大高さ */
	--cb-cbDrawer-radius: 0.3rem;/* モーダル角丸 */
	--cb-cbDrawer-modal-radius: 0.3rem;/* 中央モーダル角丸 */

	/* 見出しタイトル対応 */
	--cb-cbDrawer-title-font: 1.4rem;
	--cb-cbDrawer-title-fw: 700;
	--cb-cbDrawer-close-size: 4rem;
	--cb-cbDrawer-close-icon-size: 1.8rem;
}
/* ==================================================
   MyPage Profile: 写真サイズプリセット
   通常表示と横型表示の両方をまとめて制御
   ================================================== */
.PhotoProfileS {
	--app-photoArea-sizeL: 220px;
	--app-photoAreah-sizeL: 220px;
	--app-photoArea-size: 120px;
	--app-photoAreah-size: 120px;
	--app-photoArea-sizeS: 72px;
	--app-photoAreah-sizeS: 72px;
}
.PhotoProfileM {
	--app-photoArea-sizeL: 320px;
	--app-photoAreah-sizeL: 320px;
	--app-photoArea-size: 180px;
	--app-photoAreah-size: 180px;
	--app-photoArea-sizeS: 100px;
	--app-photoAreah-sizeS: 100px;
}
.PhotoProfileL {
	--app-photoArea-sizeL: 420px;
	--app-photoAreah-sizeL: 420px;
	--app-photoArea-size: 220px;
	--app-photoAreah-size: 220px;
	--app-photoArea-sizeS: 130px;
	--app-photoAreah-sizeS: 130px;
}
.PhotoProfileRectM {
	--app-photoArea-size: 100%;
	--app-photoAreah-size: 200px;
	--app-photoArea-sizeS: 160px;
	--app-photoAreah-sizeS: 100px;
}
.PhotoProfileRectL {
	--app-photoArea-size: 100%;
	--app-photoAreah-size: 250px;
	--app-photoArea-sizeS: 220px;
	--app-photoAreah-sizeS: 130px;
}
.PhotoWideS {
	--flex-wcard-photo-w: 12rem;
	--flex-wcard-photo-w-sp: 8rem;
}
.PhotoWideM {
	--flex-wcard-photo-w: 18rem;
	--flex-wcard-photo-w-sp: 10rem;
}
.PhotoWideL {
	--flex-wcard-photo-w: 22rem;
	--flex-wcard-photo-w-sp: 12rem;
}

/* 一覧カード用写真比率補助
   FlexListWCard 内の PhRectangle に適用する。
   myPhoto / photoArea 系のプロフィール写真には適用しない。
 */
.PhotoRatio169 {--flex-wcard-photo-ratio: 16 / 9;}
.PhotoRatio43 {--flex-wcard-photo-ratio: 4 / 3;}
.PhotoRatio11 {--flex-wcard-photo-ratio: 1 / 1;}

@media screen and (max-width: 600px) {
	:root {
	/* リスト写真サイズ */
		--app-PhCircle-size: 6rem;
		--app-PhSquare-size: 6rem;
		--app-PhRectangle-size: 10rem;
		--app-PhRectangle-ratio: 16 / 9;

		/* リスト写真サイズ: 狭い横並び */
		--app-PhCircle-sizeS: 4rem;
		--app-PhSquare-sizeS: 4rem;
		--app-PhRectangle-sizeS: 6rem;
		--app-PhRectangle-ratioS: 4 / 3;

		/* 縦並びカード */
		--flex-bx-circle-size: 13rem;
		--flex-bx-square-size: 14rem;
		--flex-bx-rectangle-ratio: 16 / 9;
		--flex-bx-rectangle-ratio-w: 16 / 9;

		/* 横長カード */
		--flex-wcard-photo-w: 18rem;
		--flex-wcard-photo-w-sp: 10rem;
		--flex-wcard-photo-ratio: 4 / 3;

	/* ヘッダー高さ */
		--size-pd-h-sp-menu-fix: 4.0rem;
		--size-pd-h-sp-menu-fixed: 4.0rem;

	/* ログイン・新規会員登録・リマインダー画面サイズ */
		--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%;/* 検索ウィンドウサイズ */

	/* 新型ドロワー本体 */
		/* サイズ */
		--cb-cbDrawer-left-w: min(86vw, 34rem); /* 左ドロワー幅 */
		--cb-cbDrawer-right-w: min(80vw, 42rem); /* 右ドロワー幅 */
		--cb-cbDrawer-bottom-h: min(82dvh, 64rem); /* 下ドロワー高さ */
		--cb-cbDrawer-modal-w: min(92vw, 56rem); /* モーダル幅 */
		--cb-cbDrawer-modal-max-h: 86dvh; /* モーダル最大高さ */

	/* =========================
	   フォントサイズ（SP推奨）
	========================= */

	/* html基準 */
	--font-html: 62.5%;
	--font-body: 1.5rem;

	/* =========================
	   ボタン
	========================= */

	--font-button-ssm: 1.1rem;
	--font-button-sm: 1.2rem;
	--font-button: 1.4rem;
	--font-button-lg: 1.5rem;

	/* =========================
	   テキスト
	========================= */

	--font-text: 1.4rem;
	--font-text-form: 1.6rem;
	--font-text-lg: 1.6rem;

	--font-label: 1.2rem;
	--font-note: 1.0rem;
	--font-ico: 1.1rem;

	/* =========================
	   サイドナビ
	========================= */

	--font-nav-s: 1.4rem;      /* ナビ小 */
	--font-nav-m: 1.5rem;      /* ナビ中 */
	--font-nav: 1.6rem;      /* ナビメイン */

	/* =========================
	   金額
	========================= */

	--font-pay-s: 1.4rem;
	--font-pay-c: 1.8rem;
	--font-pay-m: 2.1rem;
	--font-pay-b: 2.6rem;

	/* カレンダー */
	--font-cal-m: 3.2rem;

	/* =========================
	   見出し
	========================= */

	--font-heading-sm: 1.2rem;
	--font-heading: 1.4rem;
	--font-heading-em: 1.6rem;
	--font-heading-lg: 1.8rem;

	/* =========================
	   タイトル
	========================= */

	--font-title: 2.0rem;
	--font-main-title: 2.6rem;
	--font-main-title-b: 2.6rem;
	--font-sub-title: 2.1rem;
	--font-nav-title: 1.4rem;

	/* =========================
	   案件カレンダー
	========================= */

	--font-Month: 1.0rem;       /* 年月 */
	--font-Day: 2.5rem;  /* 日 */
	--font-Week: 1.0rem;   /* 曜日 */

	}
}
@media screen and (max-width: 960px) {
	:root {
	--size-GnaviBt: 12.0rem;/* 横幅サイズ */
	--size-catenavYBt: 16.0rem;/* 横幅サイズ */
	--size-DetSubBtArea: 100%;/* 横幅サイズ */
	--size-DetSubBt: 15.0rem;/* 横幅サイズ */
	}
}
@media screen and (max-width: 600px) {
	:root {
	--size-GnaviBt: 12.0rem;/* 横幅サイズ */
	--size-catenavYBt: 16.0rem;/* 横幅サイズ */
	--size-DetSubBtArea: 100%;/* 横幅サイズ */
	--size-DetSubBt: 15.0rem;/* 横幅サイズ */
	}
}
/* ==================================================
   MyPage Profile: 写真サイズプリセット SP
   ================================================== */
@media screen and (max-width: 600px) {
	.PhotoProfileS {
		--app-photoArea-size: 96px;
		--app-photoAreah-size: 96px;
		--app-photoArea-sizeS: 64px;
		--app-photoAreah-sizeS: 64px;
	}
	.PhotoProfileM {
		--app-photoArea-size: 140px;
		--app-photoAreah-size: 140px;
		--app-photoArea-sizeS: 82px;
		--app-photoAreah-sizeS: 82px;
	}
	.PhotoProfileL {
		--app-photoArea-size: 170px;
		--app-photoAreah-size: 170px;
		--app-photoArea-sizeS: 100px;
		--app-photoAreah-sizeS: 100px;
	}
	.PhotoProfileRectM {
		--app-photoArea-size: 100%;
		--app-photoAreah-size: 180px;
		--app-photoArea-sizeS: 130px;
		--app-photoAreah-sizeS: 82px;
	}
	.PhotoProfileRectL {
		--app-photoArea-size: 100%;
		--app-photoAreah-size: 220px;
		--app-photoArea-sizeS: 160px;
		--app-photoAreah-sizeS: 100px;
	}
}
@media screen and (max-width: 480px) {
	.PhotoProfileS {
		--app-photoArea-sizeS: 56px;
		--app-photoAreah-sizeS: 56px;
	}
	.PhotoProfileM {
		--app-photoArea-sizeS: 72px;
		--app-photoAreah-sizeS: 72px;
	}
	.PhotoProfileL {
		--app-photoArea-sizeS: 88px;
		--app-photoAreah-sizeS: 88px;
	}
	.PhotoProfileRectM {
		--app-photoArea-sizeS: 110px;
		--app-photoAreah-sizeS: 72px;
	}
	.PhotoProfileRectL {
		--app-photoArea-sizeS: 130px;
		--app-photoAreah-sizeS: 82px;
	}
}
/* ベースカラー指定 */
: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テキスト・背景色 */

/* === ドロワーナビ共通テーマ割り当て ===
 *
 * ドロワー本体のCSSは navi_parts.css 側で
 * --color-bg-cbDrawer / --color-bg-cbDrawerHeader 系の変数を参照します。
 *
 * light / dark の候補色は上部の
 * --cb-cbDrawer-*-light
 * --cb-cbDrawer-*-dark
 * に定義し、このブロックで実際に使う色を割り当てます。
 *
 * ドロワーは複数箇所で使うため、各テンプレートに個別クラスを付けず、
 * ここで一括制御する方針です。
 *
 * 将来的なデザイン管理では、この割り当てブロックだけをPHPから書き出すことで、
 * 各ドロワーテンプレートを編集せずに全体のドロワーテーマを切り替えます。
 */

	/* テーマ標準 */
	--color-bg-cbDrawer: var(--cb-cbDrawer-bg-light); /* スライドメニュー背景 */
	--color-brd-cbDrawer: var(--cb-cbDrawer-brd-light); /* スライドメニューボーダー */
	--color-bg-cbDrawer-overlay: var(--cb-cbDrawer-bg-overlay-light); /* 背景オーバーレイ */
	--color-sd-cbDrawer: var(--cb-cbDrawer-sd-light); /* 影 */

	/* タイトル・閉じるボタン制御 */
	--color-bg-cbDrawerHeader: var(--cb-cbDrawerHeader-bg-light);/* 背景色 */
	--color-brd-cbDrawerHeader: var(--cb-cbDrawerHeader-brd-light);/* ボーダー指定 */
	--color-text-cbDrawerHeader: var(--cb-cbDrawerHeader-text-light);/* テキスト色 */
	--color-focus-cbDrawer: var(--cb-cbDrawer-focus-light);

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

	/* === ヘッダースクロール・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: var(--color-brd-inn-drawer-w);/* ボーダー指定 */
	--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-text-inn-gnavis: var(--color-cl-inn-nav);/* テキスト色 */

	/* === 印刷画面デフォルトヘッダー === */
	--color-bg-reportPrintHeader: inherit;/* ヘッダー背景色 */
	--color-brd-reportPrintHeader: 1px solid var(--border-soft);/* ヘッダーボーダー色 */

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

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

	/* === 印刷画面デフォルトフッター === */
	--color-bg-reportPrintFooter: inherit;/* ヘッダー背景色 */
	--color-brd-reportPrintFooter: 1px solid var(--border-soft);/* ヘッダーボーダー色 */

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

	/* === 外枠処理 === */
	--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-contsearch: var(--color-bg-form-search); /* 背景色 */
	--color-brd-contsearch: 2px solid var(--border-strong);/* ボーダー指定(一体) */
	--color-brd-contsearch-spl: 1px solid var(--border-strong);/* ボーダー指定(分離) */
	--color-sd-contsearch: inherit;/* 影指定 */
	--color-text-contsearch: var(--text-on-base);/* テキスト色 */

	--color-bg-contsearch-bt: var(--color-bg-form-search-bt); /* 背景色 */
	--color-text-contsearch-bt: var(--color-text-form-search-bt);/* テキスト色 */

	/* === ツールチップでの色指定 === */
	--color-bg-tooltip: var(--surface-contrast); /* 背景色 */
	--color-text-tooltip: var(--text-on-contrast);/* テキスト色 */

	/* === リスト表示コントロールパネルでの色指定 === */
	--color-bg-ListControlPanel: var(--surface-base); /* 背景色 */
	--color-brd-ListControlPanel: inherit;/* ボーダー指定★ */
	--color-sd-ListControlPanel: inherit;/* 影指定★ */
	--color-text-ListControlPanel-bt: var(--text-on-base);/* テキスト色★ */
	--color-bg-ListControlPanel-bt: var(--surface-base); /* 背景色 */
	--color-brd-ListControlPanel-bt: 1px solid var(--border-strong);/* ボーダー指定★ */

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

	/* === サイドナビ共通処理 === */
	--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-bg-det04-nav: var(--custom-bg-detnav);/* カテゴリナビ背景色 */
	--color-bg-det04-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: inhelit;/* カテゴリナビボーダー色 */
	--color-brd-det02-nav-fc: inhelit;/* カテゴリナビボーダー色 */
	--color-brd-det03-nav: 2px solid var(--custom-brd-detnav);/* カテゴリナビボーダー色 */
	--color-brd-det03-nav-fc: 2px solid var(--custom-brd-detnav-fc);/* カテゴリナビボーダー色 */
	--color-brd-det04-nav: 2px solid var(--custom-brd-detnav);/* カテゴリナビボーダー色 */
	--color-brd-det04-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-text-det04-nav: var(--custom-text-detnav);/* カテゴリナビ背景色 */
	--color-text-det04-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-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) */

	/* === fit型スマホ：日別詳細 === */
	--color-bg-calendarFitDetail: inherit;      /* 背景色 */
	--color-brd-calendarFitDetail: 1px solid var(--border-soft); /* ボーダー色 */
	--color-text-calendarFitDetail: var(--text-on-base); /* テキスト色 */

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

	/* === 外枠 === */
	--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-bankCard: inherit;      /* 背景色 */
	--color-bg-bankCard-crt: var(--brand-primary);      /* 背景色フォーカス */
	--color-text-bankCard-crt: var(--text-brand-primary); /* テキスト色フォーカス */
	--color-brd-bankCard: 1px solid var(--border-soft); /* ボーダー色 */

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

/* === 手配アプリ専用：登録会員数集計設定 ============ */
	--color-txt-mpNetworkCounter: var(--text-on-base); /* テキスト色 */
	--color-brd-mpNetworkCounter: 1px solid var(--border-strong); /* ボーダー色 */
	--color-line-mpNetworkCounter: var(--border-strong); /* ボーダー色 */
	--color-bg-mpNetworkCounter: inherit;      /* 背景色 */

	--color-txt-mpNetworkCounter-app: var(--text-on-base); /* appテキスト色 */
	--color-txt-mpNetworkCounter-biz: var(--text-on-base); /* bizテキスト色 */

}
/* ** dezpt_temp_def end ** */