/*
 * GENERATED by scripts/generate-theme.mjs from カラーパターン仕様書 — do not edit by hand.
 * Regenerate: node scripts/generate-theme.mjs <path/to/カラーパターン仕様書.xlsx>
 * Each comment lists the xlsx cells (J<row> #<item no.> <label> <property>) the variable stands for.
 * J<row> is the row on blue01, except under "Ignored"; cells are matched across sheets by item no.
 *
 * Rows that sit lower (+) than on blue01, from the item named:
 *   #56 +1: blue02, blue03, blue04, blue05, blue06, blue07, blue08, blue09, blue11, red02, red03, pink01, pink02, pink03, pink04, purple01, purple02, orange01, orange02, orange03, yellow01, yellow02, axel, black, mono, gray
 *   #56 +1, #114 +2: blue10, blue12
 *   #56 +1, #121 +12: green01, green02, green03, green04, green05, green06, green07, green08, green09, green10, red01
 *
 * Repeated items, skipped (same rows and values as the first):
 *   #120 again at J1135: green01, green02, green03, green04, green05, green06, green07, green08, green09, green10, red01
 *
 * Pinned in the script, wrong or missing in the xlsx:
 *   *!J409 #49 エラーメッセージ color: #DA2D2D (xlsx: #0170C1)
 *   *!J444 #53 エラー表示 color: #DA2D2D (xlsx: #0170C1)
 *   *!J774 #87 エラー表示 color: #DA2D2D (xlsx: #0170C1)
 *   green10!J58 #12 上部メニューボタン×4 color: #393939 (xlsx: #FFFFFF)
 *   pink02!J579 #68 削除テキスト color: #DA2D2D (xlsx: #69299C)
 *   blue08!J471 #57 ボタン 送信ボタン background-color: #01439A (xlsx: #00AF50)
 *   blue06!J1062 #114 検索ボタン クリアボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1065 #114 検索ボタン 検索ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1071 #115 承認ボタン 否認ボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1074 #115 承認ボタン 承認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1105 #118 操作確認ボタンエリア 承認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1115 #119 ボタン 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1125 #120 確認ボタン 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1130 #120 確認ボタン 戻るボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1136 #121 確認ボタン 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1141 #121 確認ボタン 戻るボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1145 #122 検収日指定ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1153 #123 操作確認ボタンエリア 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1165 #124 検索ボタン クリアボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1168 #124 検索ボタン 検索ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1174 #125 新規登録/承認パターンボタン 承認パターンボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1177 #125 新規登録/承認パターンボタン 新規登録ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1182 #126 確認ボタン 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1187 #126 確認ボタン 戻るボタン color: #0170C1 (xlsx: #1765CE)
 *   blue06!J1194 #127 操作確認ボタンエリア 確認ボタン background-color: #0170C1 (xlsx: #1765CE)
 *   green10!J1061 #114 検索ボタン クリアボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1070 #115 承認ボタン 否認ボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1102 #118 操作確認ボタンエリア エリア背景 background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1129 #120 確認ボタン 戻るボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1140 #121 確認ボタン 戻るボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1150 #123 操作確認ボタンエリア エリア背景 background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1164 #124 検索ボタン クリアボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1173 #125 新規登録/承認パターンボタン 承認パターンボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1186 #126 確認ボタン 戻るボタン background-color: #F1F5EE (xlsx: #E1EEEB)
 *   green10!J1191 #127 操作確認ボタンエリア エリア背景 background-color: #F1F5EE (xlsx: #E1EEEB)
 *   blue02!J1182 #126 確認ボタン 確認ボタン background-color: #01439A (xlsx: #1765CE)
 *   blue05!J1141 #121 確認ボタン 戻るボタン color: #0170C1 (xlsx: #1765CE)
 *   blue05!J1165 #124 検索ボタン クリアボタン color: #0170C1 (xlsx: #1765CE)
 *   blue05!J1174 #125 新規登録/承認パターンボタン 承認パターンボタン color: #0170C1 (xlsx: #1765CE)
 *   blue05!J1187 #126 確認ボタン 戻るボタン color: #0170C1 (xlsx: #1765CE)
 *   black!J1150 #123 操作確認ボタンエリア エリア背景 background-color: #EAEAEA (xlsx: #F1F5EE)
 *   mono!J1150 #123 操作確認ボタンエリア エリア背景 background-color: #EAEAEA (xlsx: #F1F5EE)
 *   gray!J1150 #123 操作確認ボタンエリア エリア背景 background-color: #EAEAEA (xlsx: #F1F5EE)
 *   blue06!J452 #54 ログインボタン クリアボタン background-color: #DEEAF6 (xlsx: #######)
 *   blue06!J453 #54 ログインボタン クリアボタン color: #0170C1 (xlsx: #######)
 *
 * Empty in the xlsx, read as transparent:
 *   black!J335 #42 操作確認ボタンエリア エリア背景 background-color
 *
 * Ignored (value on a non-property row):
 *   blue03!J159 "#3E44BC" on "注文手続きボタン"
 *   green07!J68 "#EEF5F4" on "下部メニューボタン×5"
 */

:root {
  /* Constants: the same on all 40 themes */
  /* J26 #4 見積もり回答/承認依頼 通知バッジ：background-color / J1082 #117 否認タグ background-color */
  --color-badge-bg: #DA2D2D;
  /* J27 #4 見積もり回答/承認依頼 通知バッジ：color / J35 #6 キャンペーンタグ color / J53 #11 PAGE TOP color / J145 #22 フローアイコン＋ラインエリア フローアイコン＋ライン color / J161 #25 カートボタン 注文手続きボタン color / J223 #31 ボタンエリア ボタン color / J241 #32 モーダルボタン color / J261 #34 メインボタン color / J300 #37 フォルダ（hover） 共有ステータスアイコン color / J304 #37 フォルダ（hover） 操作UIボタン color / J308 #38 UIメインボタン color / J313 #39 モーダルボタン 確認、OKボタン color / J322 #40 フォルダ操作UIボタン 追加ボタン color / J331 #41 チェックボックス color / J340 #42 操作確認ボタンエリア 確認ボタン color / J365 #44 ボトムモーダルボタン 確認、OKボタン color / J396 #48 確認/削除ボタン 確認、OKボタン color / J449 #54 ログインボタン ログインボタン color / J457 #55 ログアウトボタン color / J472 #57 ボタン 送信ボタン color / J501 #58 操作確認ボタンエリア 確認ボタン color / J547 #64 依頼・発行ボタン color / J576 #67 削除ボタン 確認ボタン color / J584 #69 ボタン 削除ボタン color / J602 #71 ボタン 見積依頼ボタン color / J614 #72 操作確認ボタンエリア カートボタン color / J632 #74 操作確認ボタンエリア 決定ボタン color / J648 #75 検索ボタン 検索ボタン color / J652 #76 カートボタン color / J668 #78 操作確認ボタンエリア カートボタン color / J711 #79 注文ボタン 注文ボタン color / J733 #82 検索ボタン 検索・ダウンロードボタン color / J737 #83 出荷ボタン color / J746 #84 発注ボタン 発注・確認ボタン color / J762 #85 ダウンロードボタン color / J769 #86 検索ボタン color / J778 #88 新規追加ボタン color / J789 #89 操作確認ボタンエリア 更新ボタン color / J802 #90 ボタン 新規追加ボタン color / J810 #90 承認順追加ボタン color / J819 #91 ボタン 確定ボタン color / J837 #92 操作確認ボタンエリア 確定ボタン color / J924 #104 カート/お気に入りボタン カート color / J947 #106 お気に入り追加済みボタン 追加済みボタン color / J1066 #114 検索ボタン 検索ボタン color / J1075 #115 承認ボタン 承認ボタン color / J1079 #116 承認タグ color / J1083 #117 否認タグ color / J1106 #118 操作確認ボタンエリア 承認ボタン color / J1116 #119 ボタン 確認ボタン color / J1126 #120 確認ボタン 確認ボタン color / J1137 #121 確認ボタン 確認ボタン color / J1146 #122 検収日指定ボタン color / J1154 #123 操作確認ボタンエリア 確認ボタン color / J1169 #124 検索ボタン 検索ボタン color / J1178 #125 新規登録/承認パターンボタン 新規登録ボタン color / J1183 #126 確認ボタン 確認ボタン color / J1195 #127 操作確認ボタンエリア 確認ボタン color */
  --color-text-inverse: #FFFFFF;
  /* J31 #5 サイトからのお知らせタグ color / J80 #17 カテゴリドロップメニュー color / J93 #19 メニューボタンhover color / J152 #23 表 th部分（カート） color / J156 #24 購入エリア color / J165 #25 カートボタン その他ボタン color / J180 #28 サブボタン color / J187 #30 表 th部分（共通） color / J219 #31 ボタンエリア color / J282 #35 フォルダ表示 共有ステータスアイコン color / J317 #39 モーダルボタン キャンセルボタン color / J336 #42 操作確認ボタンエリア エリア背景 color / J369 #44 ボトムモーダルボタン キャンセルボタン color / J388 #46 一括入力見出し color / J439 #52 見出し color / J467 #56 表 th部分（共通） color / J516 #59 戻るボタン color / J533 #60 一括入力見出し color / J588 #69 ボタン キャンセルボタン color / J592 #70 PDFボタン color / J627 #73 見積依頼番号 color / J660 #77 表 th部分（共通） color / J695 #79 見積依頼番号 color / J793 #89 操作確認ボタンエリア キャンセルボタン color / J864 #96 見出し color / J929 #104 カート/お気に入りボタン お気に入り color / J934 #105 ひとつ前に戻るボタン color / J1002 #109 見出し color / J1025 #111 下部カテゴリ カテゴリ名 color / J1045 #112 見出し color / J1120 #119 ボタン キャンセルボタン color */
  --color-text: #393939;
  /* J45 #9 スライダーアイコン 丸部分：background-color / J75 #16 スライダーアイコン 丸部分：background-color / J164 #25 カートボタン その他ボタン background-color / J173 #27 スライダーアイコン 丸部分：background-color / J325 #40 フォルダ操作UIボタン 表示入れ替えボタン background-color / J436 #51 ボックス background-color / J515 #59 戻るボタン background-color / J563 #65 削除ボタン ボタン background-color / J591 #70 PDFボタン background-color / J617 #72 操作確認ボタンエリア 戻るボタン background-color / J635 #74 操作確認ボタンエリア 戻るボタン background-color / J782 #89 操作確認ボタンエリア エリア背景 background-color / J840 #92 操作確認ボタンエリア 戻るボタン background-color / J854 #93 全体背景（SHOP系ページすべて対象） background-color / J927 #104 カート/お気に入りボタン お気に入り background-color / J1109 #118 操作確認ボタンエリア 否認ボタン background-color / J1157 #123 操作確認ボタンエリア 戻るボタン background-color / J1198 #127 操作確認ボタンエリア 戻るボタン background-color */
  --color-surface: #FFFFFF;
  /* J46 #9 スライダーアイコン 丸部分：border / J76 #16 スライダーアイコン 丸部分：border / J166 #25 カートボタン その他ボタン border / J174 #27 スライダーアイコン 丸部分：border / J327 #40 フォルダ操作UIボタン 表示入れ替えボタン border / J517 #59 戻るボタン border / J565 #65 削除ボタン ボタン border / J593 #70 PDFボタン border / J619 #72 操作確認ボタンエリア 戻るボタン border / J637 #74 操作確認ボタンエリア 戻るボタン border / J842 #92 操作確認ボタンエリア 戻るボタン border / J933 #105 ひとつ前に戻るボタン border / J1027 #111 下部カテゴリ カテゴリ名 border / J1111 #118 操作確認ボタンエリア 否認ボタン border / J1159 #123 操作確認ボタンエリア 戻るボタン border / J1200 #127 操作確認ボタンエリア 戻るボタン border */
  --color-border: rgba(0, 0, 0, 0.1);
  /* J49 #10 カテゴリ一覧 border / J928 #104 カート/お気に入りボタン お気に入り border */
  --color-border-strong: rgba(0, 0, 0, 0.2);
  /* J83 #18 カテゴリドロップメニューhover background-color / J148 #22 フローアイコン＋ラインエリア 背景 background-color */
  --color-subtle-bg: rgba(0, 0, 0, 0.05);
  /* J290 #36 操作UIボタン 操作UIボタン background-color / J316 #39 モーダルボタン キャンセルボタン background-color / J368 #44 ボトムモーダルボタン キャンセルボタン background-color */
  --color-muted-bg: #EAEAEA;
  /* J291 #36 操作UIボタン 操作UIボタン color / J564 #65 削除ボタン ボタン color / J618 #72 操作確認ボタンエリア 戻るボタン color / J636 #74 操作確認ボタンエリア 戻るボタン color / J841 #92 操作確認ボタンエリア 戻るボタン color / J1110 #118 操作確認ボタンエリア 否認ボタン color / J1158 #123 操作確認ボタンエリア 戻るボタン color / J1199 #127 操作確認ボタンエリア 戻るボタン color */
  --color-muted-text: #626262;
  /* J299 #37 フォルダ（hover） 共有ステータスアイコン background-color */
  --color-overlay-bg: rgba(0, 0, 0, 0.4);
  /* J303 #37 フォルダ（hover） 操作UIボタン background-color */
  --color-overlay-btn-bg: rgba(255, 255, 255, 0.2);
  /* J382 #45 完了メッセージ background-color */
  --color-success-bg: rgba(1, 112, 193, 0.05);
  /* J383 #45 完了メッセージ border */
  --color-success-border: #0170C1;
  /* J384 #45 完了メッセージ color */
  --color-success-text: #0170C1;
  /* J407 #49 エラーメッセージ background-color / J442 #53 エラー表示 background-color / J772 #87 エラー表示 background-color */
  --color-error-bg: #F6E5E5;
  /* J408 #49 エラーメッセージ border / J443 #53 エラー表示 border / J773 #87 エラー表示 border */
  --color-error-border: #DA2D2D;
  /* J409 #49 エラーメッセージ color / J444 #53 エラー表示 color / J774 #87 エラー表示 color */
  --color-error-text: #DA2D2D;
  /* J466 #56 表 th部分（共通） background-color / J587 #69 ボタン キャンセルボタン background-color / J659 #77 表 th部分（共通） background-color / J792 #89 操作確認ボタンエリア キャンセルボタン background-color / J1119 #119 ボタン キャンセルボタン background-color */
  --color-neutral-bg: #F4F4F4;
  /* J579 #68 削除テキスト color */
  --color-delete-text: #DA2D2D;
  /* J923 #104 カート/お気に入りボタン カート border / J946 #106 お気に入り追加済みボタン 追加済みボタン border */
  --color-border-none: transparent;
  /* J945 #106 お気に入り追加済みボタン 追加済みボタン background-color */
  --color-inactive-bg: #7B7B7B;
  /* J1078 #116 承認タグ background-color */
  --color-approved-bg: #00AF50;

  /* Theme variables (blue01) */
  /* 共通 — J6 #0 サイト背景 background-color / J433 #50 背景 background-color */
  --theme-site-bg: #F3F3F3;
  /* ■トップ（1カラム） — J9 #1 ヘッダー全体 background-color */
  --theme-header-bg: #01439A;
  /* ■トップ（1カラム） — J10 #1 ヘッダー全体 color */
  --theme-header-text: #FFFFFF;
  /* ■トップ（1カラム） — J13 #2 メニューボタン×4 background-color */
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  /* ■トップ（1カラム） — J14 #2 メニューボタン×4 border */
  --theme-header-menu-border: transparent;
  /* ■トップ（1カラム） — J15 #2 メニューボタン×4 color / J20 #3 マイページ/問い合わせボタン color */
  --theme-header-menu-text: #FFFFFF;
  /* ■トップ（1カラム） — J18 #3 マイページ/問い合わせボタン background-color */
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  /* ■トップ（1カラム） — J19 #3 マイページ/問い合わせボタン border */
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  /* ■トップ（1カラム） — J23 #4 見積もり回答/承認依頼 background-color */
  --theme-quote-btn-bg: #1765CE;
  /* ■トップ（1カラム） — J24 #4 見積もり回答/承認依頼 border */
  --theme-quote-btn-border: transparent;
  /* ■トップ（1カラム） — J25 #4 見積もり回答/承認依頼 color */
  --theme-quote-btn-text: #FFFFFF;
  /* ■トップ（1カラム） — J30 #5 サイトからのお知らせタグ background-color */
  --theme-notice-tag-bg: #EAEAEA;
  /* ■トップ（1カラム） — J34 #6 キャンペーンタグ background-color */
  --theme-campaign-tag-bg: #393939;
  /* ■トップ（1カラム） — J38 #7 開く/閉じるアイコン color */
  --theme-toggle-icon: #4C53ED;
  /* ■トップ（1カラム） — J41 #8 h3見出し color */
  --theme-h3-text: #1765CE;
  /* ■トップ（1カラム） — J44 #9 スライダーアイコン color / J74 #16 スライダーアイコン color / J172 #27 スライダーアイコン color */
  --theme-slider-icon: #4C53ED;
  /* ■トップ（1カラム） — J52 #11 PAGE TOP background-color */
  --theme-pagetop-bg: #1765CE;
  /* ■トップ（2カラム） — J56 #12 上部メニューボタン×4 background-color */
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  /* ■トップ（2カラム） — J57 #12 上部メニューボタン×4 border */
  --theme-header2-top-menu-border: transparent;
  /* ■トップ（2カラム） — J58 #12 上部メニューボタン×4 color */
  --theme-header2-top-menu-text: #FFFFFF;
  /* ■トップ（2カラム） — J61 #13 カテゴリ一覧ボタン background-color */
  --theme-category-btn-bg: #1765CE;
  /* ■トップ（2カラム） — J62 #13 カテゴリ一覧ボタン color */
  --theme-category-btn-text: #FFFFFF;
  /* ■トップ（2カラム） — J65 #14 ヘッダー下部背景 background-color */
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  /* ■トップ（2カラム） — J66 #14 ヘッダー下部背景 上下border */
  --theme-header2-bottom-border: transparent;
  /* ■トップ（2カラム_カテゴリー押下） — J69 #15 下部メニューボタン×5 background-color */
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.1);
  /* ■トップ（2カラム_カテゴリー押下） — J70 #15 下部メニューボタン×5 border */
  --theme-header2-bottom-menu-border: rgba(255, 255, 255, 0.2);
  /* ■トップ（2カラム_カテゴリー押下） — J71 #15 下部メニューボタン×5 color */
  --theme-header2-bottom-menu-text: #FFFFFF;
  /* ■トップ（2カラム_カテゴリー押下） — J79 #17 カテゴリドロップメニュー background-color */
  --theme-category-dropdown-bg: #DEEAF6;
  /* ■トップ（メニュー押下） — J92 #19 メニューボタンhover background-color */
  --theme-menu-hover-bg: #DEEAF6;
  /* ■トップ（モーダル） — J106 #20 リンク color / J169 #26 リンクテキスト color / J183 #29 リンクテキスト color */
  --theme-link: #1765CE;
  /* ■SPトップメニュー — J121 #21 ハンバーガーメニューアイコン＋見出し color */
  --theme-sp-menu-icon: #1765CE;
  /* ■カート — J143 #22 フローアイコン＋ラインエリア フローアイコン＋ライン background-color / J144 #22 フローアイコン＋ラインエリア フローアイコン＋ライン border */
  --theme-cart-flow: #1765CE;
  /* ■カート — J151 #23 表 th部分（カート） background-color */
  --theme-cart-th-bg: #DEEAF6;
  /* ■カート — J155 #24 購入エリア background-color */
  --theme-purchase-area-bg: #DEEAF6;
  /* ■カート — J160 #25 カートボタン 注文手続きボタン background-color */
  --theme-checkout-btn-bg: #1765CE;
  /* ■ご注文手続き — J179 #28 サブボタン background-color */
  --theme-sub-btn-bg: #DEEAF6;
  /* ■ご注文手続き — J186 #30 表 th部分（共通） background-color */
  --theme-table-th-bg: #F4F4F4;
  /* ■SPカート — J218 #31 ボタンエリア background-color */
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  /* ■SPカート — J222 #31 ボタンエリア ボタン background-color / J240 #32 モーダルボタン background-color / J647 #75 検索ボタン 検索ボタン background-color / J732 #82 検索ボタン 検索・ダウンロードボタン background-color / J745 #84 発注ボタン 発注・確認ボタン background-color / J768 #86 検索ボタン background-color / J801 #90 ボタン 新規追加ボタン background-color / J809 #90 承認順追加ボタン background-color */
  --theme-action-btn-bg: #1765CE;
  /* ■ご注文手続き_モーダル — J244 #33 リンクテキスト color */
  --theme-checkout-modal-link: #1765CE;
  /* ■ご注文完了 — J260 #34 メインボタン background-color */
  --theme-complete-main-btn-bg: #1765CE;
  /* ■お気に入り — J278 #35 フォルダ表示 ファイル点数テキスト color */
  --theme-fav-count-text: #1765CE;
  /* ■お気に入り — J281 #35 フォルダ表示 共有ステータスアイコン background-color */
  --theme-fav-share-icon-bg: #DEEAF6;
  /* ■お気に入り — J286 #36 操作UIボタン 操作UIボタン（hover） background-color */
  --theme-fav-action-hover-bg: #DEEAF6;
  /* ■お気に入り — J287 #36 操作UIボタン 操作UIボタン（hover） color */
  --theme-fav-action-hover-text: #1765CE;
  /* ■お気に入り — J295 #37 フォルダ（hover） hover全体 background-color */
  --theme-fav-folder-hover-bg: #1765CE;
  /* ■お気に入り — J296 #37 フォルダ（hover） hover全体 color */
  --theme-fav-folder-hover-text: #FFFFFF;
  /* ■お気に入り_フォルダ移動モーダル — J307 #38 UIメインボタン background-color */
  --theme-fav-main-btn-bg: #1765CE;
  /* ■お気に入り_フォルダ移動モーダル — J312 #39 モーダルボタン 確認、OKボタン background-color / J326 #40 フォルダ操作UIボタン 表示入れ替えボタン color */
  --theme-fav-modal-ok-bg: #1765CE;
  /* ■SPお気に入り — J321 #40 フォルダ操作UIボタン 追加ボタン background-color */
  --theme-sp-fav-add-btn-bg: #1765CE;
  /* ■SPお気に入り — J330 #41 チェックボックス background-color */
  --theme-sp-fav-checkbox-bg: #1765CE;
  /* ■SPお気に入り — J335 #42 操作確認ボタンエリア エリア背景 background-color */
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  /* ■SPお気に入り — J339 #42 操作確認ボタンエリア 確認ボタン background-color */
  --theme-sp-fav-confirm-btn-bg: #1765CE;
  /* ■SPフォルダ移動_モーダル — J360 #43 ボトムモーダル見出しテキスト color */
  --theme-sp-bottom-modal-heading: #1765CE;
  /* ■SPフォルダ移動_モーダル — J364 #44 ボトムモーダルボタン 確認、OKボタン background-color / J448 #54 ログインボタン ログインボタン background-color / J456 #55 ログアウトボタン background-color */
  --theme-submit-btn-bg: #1765CE;
  /* ■クイックオーダー — J387 #46 一括入力見出し background-color */
  --theme-qo-bulk-heading-bg: #DEEAF6;
  /* ■クイックオーダー — J391 #47 アップロード、データ貼り付け見出し before要素 border */
  --theme-qo-upload-heading-border: #1765CE;
  /* ■クイックオーダー — J395 #48 確認/削除ボタン 確認、OKボタン background-color */
  --theme-qo-ok-btn-bg: #1765CE;
  /* ■クイックオーダー — J399 #48 確認/削除ボタン キャンセルボタン background-color */
  --theme-qo-cancel-btn-bg: #DEEAF6;
  /* ■クイックオーダー — J400 #48 確認/削除ボタン キャンセルボタン color */
  --theme-qo-cancel-btn-text: #1765CE;
  /* ■ログイン — J452 #54 ログインボタン クリアボタン background-color / J475 #57 ボタン クリアボタン background-color / J504 #58 操作確認ボタンエリア クリアボタン background-color / J539 #62 削除ボタン background-color / J597 #71 ボタン 戻るボタン background-color / J643 #75 検索ボタン クリアボタン background-color / J706 #79 注文ボタン 再見積ボタン background-color / J717 #81 閉じるボタン background-color / J728 #82 検索ボタン クリアボタン background-color / J741 #84 発注ボタン キャンセルボタン background-color / J797 #90 ボタン パターン一覧ボタン background-color / J814 #91 ボタン 戻るボタン background-color / J875 #98 絞り込み条件見出し border / J897 #102 価格入力箇所 背景 background-color / J918 #103 カートエリア背景 background-color / J932 #105 ひとつ前に戻るボタン background-color / J971 #107 カートエリア背景 background-color / J1061 #114 検索ボタン クリアボタン background-color / J1070 #115 承認ボタン 否認ボタン background-color / J1129 #120 確認ボタン 戻るボタン background-color / J1140 #121 確認ボタン 戻るボタン background-color / J1164 #124 検索ボタン クリアボタン background-color / J1173 #125 新規登録/承認パターンボタン 承認パターンボタン background-color / J1186 #126 確認ボタン 戻るボタン background-color */
  --theme-secondary-btn-bg: #DEEAF6;
  /* ■ログイン — J453 #54 ログインボタン クリアボタン color / J476 #57 ボタン クリアボタン color / J505 #58 操作確認ボタンエリア クリアボタン color / J540 #62 削除ボタン color / J598 #71 ボタン 戻るボタン color / J644 #75 検索ボタン クリアボタン color / J707 #79 注文ボタン 再見積ボタン color / J718 #81 閉じるボタン color / J729 #82 検索ボタン クリアボタン color / J742 #84 発注ボタン キャンセルボタン color / J798 #90 ボタン パターン一覧ボタン color / J815 #91 ボタン 戻るボタン color / J1071 #115 承認ボタン 否認ボタン color / J1130 #120 確認ボタン 戻るボタン color / J1141 #121 確認ボタン 戻るボタン color / J1165 #124 検索ボタン クリアボタン color / J1174 #125 新規登録/承認パターンボタン 承認パターンボタン color / J1187 #126 確認ボタン 戻るボタン color */
  --theme-secondary-btn-text: #1765CE;
  /* ■お問い合わせ — J471 #57 ボタン 送信ボタン background-color / J500 #58 操作確認ボタンエリア 確認ボタン background-color / J536 #61 アップロード、データ貼り付け見出し before要素 border / J546 #64 依頼・発行ボタン background-color / J575 #67 削除ボタン 確認ボタン background-color / J583 #69 ボタン 削除ボタン background-color / J601 #71 ボタン 見積依頼ボタン background-color / J613 #72 操作確認ボタンエリア カートボタン background-color / J631 #74 操作確認ボタンエリア 決定ボタン background-color / J651 #76 カートボタン background-color / J667 #78 操作確認ボタンエリア カートボタン background-color / J710 #79 注文ボタン 注文ボタン background-color / J736 #83 出荷ボタン background-color / J761 #85 ダウンロードボタン background-color / J777 #88 新規追加ボタン background-color / J788 #89 操作確認ボタンエリア 更新ボタン background-color / J818 #91 ボタン 確定ボタン background-color / J836 #92 操作確認ボタンエリア 確定ボタン background-color / J857 #94 カテゴリ戻るボタン icon（before要素？） / J860 #95 絞り込み条件 border / J922 #104 カート/お気に入りボタン カート background-color / J1065 #114 検索ボタン 検索ボタン background-color / J1074 #115 承認ボタン 承認ボタン background-color / J1105 #118 操作確認ボタンエリア 承認ボタン background-color / J1115 #119 ボタン 確認ボタン background-color / J1125 #120 確認ボタン 確認ボタン background-color / J1136 #121 確認ボタン 確認ボタン background-color / J1145 #122 検収日指定ボタン background-color / J1153 #123 操作確認ボタンエリア 確認ボタン background-color / J1168 #124 検索ボタン 検索ボタン background-color / J1177 #125 新規登録/承認パターンボタン 新規登録ボタン background-color / J1182 #126 確認ボタン 確認ボタン background-color / J1194 #127 操作確認ボタンエリア 確認ボタン background-color */
  --theme-primary-btn-bg: #1765CE;
  /* ■SPお問い合わせ — J497 #58 操作確認ボタンエリア エリア背景 background-color / J561 #65 削除ボタン エリア背景 background-color / J572 #67 削除ボタン エリア背景 background-color / J610 #72 操作確認ボタンエリア エリア背景 background-color / J664 #78 操作確認ボタンエリア エリア背景 background-color / J833 #92 操作確認ボタンエリア エリア背景 background-color */
  --theme-confirm-area-bg: #DEEAF6;
  /* ■見積依頼入力 — J532 #60 一括入力見出し background-color / J863 #96 見出し background-color / J1001 #109 見出し background-color / J1044 #112 見出し background-color */
  --theme-section-heading-bg: #DEEAF6;
  /* ■見積依頼入力 — J543 #63 ファイル選択 color / J714 #80 ファイル選択 color */
  --theme-file-select-text: #1765CE;
  /* ■SP見積依頼入力 — J568 #66 見出し color / J785 #89 操作確認ボタンエリア 見出し color */
  --theme-dialog-heading-text: #1765CE;
  /* ■商品一覧（タグ） — J867 #96 見出し タグ名 color */
  --theme-heading-tag-text: #1765CE;
  /* ■商品一覧（タグ） — J870 #97 タグ background-color */
  --theme-tag-bg: #DEEAF6;
  /* ■商品一覧（タグ） — J871 #97 タグ border / J872 #97 タグ color */
  --theme-tag-text: #1765CE;
  /* ■SP商品一覧（タグ） — J884 #101 タグ（SP） color */
  --theme-sp-tag-text: #1765CE;
  /* ■SPカテゴリ一覧 — J1023 #111 下部カテゴリ background-color */
  --theme-subcategory-bg: #DEEAF6;
  /* ■SPカテゴリ一覧 — J1026 #111 下部カテゴリ カテゴリ名 icon */
  --theme-subcategory-icon: #1765CE;
  /* ■注文承認 — J1062 #114 検索ボタン クリアボタン color */
  --theme-approval-clear-btn-text: #1765CE;
  /* ■SP注文承認 — J1102 #118 操作確認ボタンエリア エリア背景 background-color / J1150 #123 操作確認ボタンエリア エリア背景 background-color / J1191 #127 操作確認ボタンエリア エリア背景 background-color */
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue02"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #01439A;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #01439A;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #01439A;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #01439A;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DEEAF6;
  --theme-menu-hover-bg: #DEEAF6;
  --theme-link: #01439A;
  --theme-sp-menu-icon: #01439A;
  --theme-cart-flow: #01439A;
  --theme-cart-th-bg: #DEEAF6;
  --theme-purchase-area-bg: #DEEAF6;
  --theme-checkout-btn-bg: #01439A;
  --theme-sub-btn-bg: #DEEAF6;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  --theme-action-btn-bg: #01439A;
  --theme-checkout-modal-link: #01439A;
  --theme-complete-main-btn-bg: #01439A;
  --theme-fav-count-text: #01439A;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #01439A;
  --theme-fav-folder-hover-bg: #0170C1;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #01439A;
  --theme-fav-modal-ok-bg: #01439A;
  --theme-sp-fav-add-btn-bg: #01439A;
  --theme-sp-fav-checkbox-bg: #01439A;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #01439A;
  --theme-sp-bottom-modal-heading: #01439A;
  --theme-submit-btn-bg: #01439A;
  --theme-qo-bulk-heading-bg: #DEEAF6;
  --theme-qo-upload-heading-border: #01439A;
  --theme-qo-ok-btn-bg: #01439A;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #01439A;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #01439A;
  --theme-primary-btn-bg: #01439A;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #01439A;
  --theme-dialog-heading-text: #01439A;
  --theme-heading-tag-text: #01439A;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #01439A;
  --theme-sp-tag-text: #01439A;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #01439A;
  --theme-approval-clear-btn-text: #01439A;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue03"] {
  --theme-site-bg: #F0F3F7;
  --theme-header-bg: #3E44BC;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #3E44BC;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #3E44BC;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #3E44BC;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #7580D8;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DBDDFB;
  --theme-menu-hover-bg: #DBDDFB;
  --theme-link: #3E44BC;
  --theme-sp-menu-icon: #3E44BC;
  --theme-cart-flow: #3E44BC;
  --theme-cart-th-bg: #DBDDFB;
  --theme-purchase-area-bg: #DBDDFB;
  --theme-checkout-btn-bg: #3E44BC;
  --theme-sub-btn-bg: #DBDDFB;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DBDDFB;
  --theme-action-btn-bg: #3E44BC;
  --theme-checkout-modal-link: #3E44BC;
  --theme-complete-main-btn-bg: #3E44BC;
  --theme-fav-count-text: #3E44BC;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DBDDFB;
  --theme-fav-action-hover-text: #3E44BC;
  --theme-fav-folder-hover-bg: #3E44BC;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #3E44BC;
  --theme-fav-modal-ok-bg: #3E44BC;
  --theme-sp-fav-add-btn-bg: #3E44BC;
  --theme-sp-fav-checkbox-bg: #3E44BC;
  --theme-sp-fav-confirm-area-bg: #DBDDFB;
  --theme-sp-fav-confirm-btn-bg: #3E44BC;
  --theme-sp-bottom-modal-heading: #3E44BC;
  --theme-submit-btn-bg: #3E44BC;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #3E44BC;
  --theme-qo-ok-btn-bg: #3E44BC;
  --theme-qo-cancel-btn-bg: #DBDDFB;
  --theme-qo-cancel-btn-text: #3E44BC;
  --theme-secondary-btn-bg: #DBDDFB;
  --theme-secondary-btn-text: #3E44BC;
  --theme-primary-btn-bg: #3E44BC;
  --theme-confirm-area-bg: #DBDDFB;
  --theme-section-heading-bg: #DBDDFB;
  --theme-file-select-text: #3E44BC;
  --theme-dialog-heading-text: #3E44BC;
  --theme-heading-tag-text: #3E44BC;
  --theme-tag-bg: #DBDDFB;
  --theme-tag-text: #3E44BC;
  --theme-sp-tag-text: #3E44BC;
  --theme-subcategory-bg: #DBDDFB;
  --theme-subcategory-icon: #3E44BC;
  --theme-approval-clear-btn-text: #3E44BC;
  --theme-confirm-area-alt-bg: #DBDDFB;
}

[data-theme="blue04"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #1765CE;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #1765CE;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #1765CE;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #1765CE;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DEEAF6;
  --theme-menu-hover-bg: #DEEAF6;
  --theme-link: #1765CE;
  --theme-sp-menu-icon: #1765CE;
  --theme-cart-flow: #1765CE;
  --theme-cart-th-bg: #DEEAF6;
  --theme-purchase-area-bg: #DEEAF6;
  --theme-checkout-btn-bg: #1765CE;
  --theme-sub-btn-bg: #DEEAF6;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  --theme-action-btn-bg: #1765CE;
  --theme-checkout-modal-link: #1765CE;
  --theme-complete-main-btn-bg: #1765CE;
  --theme-fav-count-text: #1765CE;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #1765CE;
  --theme-fav-folder-hover-bg: #1765CE;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #1765CE;
  --theme-fav-modal-ok-bg: #1765CE;
  --theme-sp-fav-add-btn-bg: #1765CE;
  --theme-sp-fav-checkbox-bg: #1765CE;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #1765CE;
  --theme-sp-bottom-modal-heading: #1765CE;
  --theme-submit-btn-bg: #1765CE;
  --theme-qo-bulk-heading-bg: #DEEAF6;
  --theme-qo-upload-heading-border: #1765CE;
  --theme-qo-ok-btn-bg: #1765CE;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #1765CE;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #1765CE;
  --theme-primary-btn-bg: #1765CE;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #1765CE;
  --theme-dialog-heading-text: #1765CE;
  --theme-heading-tag-text: #1765CE;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #1765CE;
  --theme-sp-tag-text: #1765CE;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #1765CE;
  --theme-approval-clear-btn-text: #1765CE;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue05"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #0170C1;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: #00AF50;
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #00AF50;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #0170C1;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #0170C1;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #00AF50;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #CCE2FA;
  --theme-menu-hover-bg: #CCE2FA;
  --theme-link: #0170C1;
  --theme-sp-menu-icon: #0170C1;
  --theme-cart-flow: #0170C1;
  --theme-cart-th-bg: #DEEAF6;
  --theme-purchase-area-bg: #DEEAF6;
  --theme-checkout-btn-bg: #00AF50;
  --theme-sub-btn-bg: #DEEAF6;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  --theme-action-btn-bg: #00AF50;
  --theme-checkout-modal-link: #0170C1;
  --theme-complete-main-btn-bg: #00AF50;
  --theme-fav-count-text: #0170C1;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #0170C1;
  --theme-fav-folder-hover-bg: #0170C1;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #00AF50;
  --theme-fav-modal-ok-bg: #0170C1;
  --theme-sp-fav-add-btn-bg: #00AF50;
  --theme-sp-fav-checkbox-bg: #0170C1;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #00AF50;
  --theme-sp-bottom-modal-heading: #0170C1;
  --theme-submit-btn-bg: #00AF50;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #00AF50;
  --theme-qo-ok-btn-bg: #00AF50;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #0170C1;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #0170C1;
  --theme-primary-btn-bg: #00AF50;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #00AF50;
  --theme-dialog-heading-text: #00AF50;
  --theme-heading-tag-text: #00AF50;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #0170C1;
  --theme-sp-tag-text: #00AF50;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #0170C1;
  --theme-approval-clear-btn-text: #0170C1;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue06"] {
  --theme-site-bg: #DEECF5;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #0170C1;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #0170C1;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #0170C1;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #0170C1;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DEECF5;
  --theme-menu-hover-bg: #DEECF5;
  --theme-link: #0170C1;
  --theme-sp-menu-icon: #0170C1;
  --theme-cart-flow: #0170C1;
  --theme-cart-th-bg: #F0F3F7;
  --theme-purchase-area-bg: #F0F3F7;
  --theme-checkout-btn-bg: #0170C1;
  --theme-sub-btn-bg: #F0F3F7;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F0F3F7;
  --theme-action-btn-bg: #0170C1;
  --theme-checkout-modal-link: #0170C1;
  --theme-complete-main-btn-bg: #0170C1;
  --theme-fav-count-text: #0170C1;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F0F3F7;
  --theme-fav-action-hover-text: #0170C1;
  --theme-fav-folder-hover-bg: #0170C1;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #0170C1;
  --theme-fav-modal-ok-bg: #0170C1;
  --theme-sp-fav-add-btn-bg: #0170C1;
  --theme-sp-fav-checkbox-bg: #0170C1;
  --theme-sp-fav-confirm-area-bg: #F0F3F7;
  --theme-sp-fav-confirm-btn-bg: #0170C1;
  --theme-sp-bottom-modal-heading: #0170C1;
  --theme-submit-btn-bg: #0170C1;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #0170C1;
  --theme-qo-ok-btn-bg: #0170C1;
  --theme-qo-cancel-btn-bg: #F0F3F7;
  --theme-qo-cancel-btn-text: #0170C1;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #0170C1;
  --theme-primary-btn-bg: #0170C1;
  --theme-confirm-area-bg: #F0F3F7;
  --theme-section-heading-bg: #F0F3F7;
  --theme-file-select-text: #0170C1;
  --theme-dialog-heading-text: #0170C1;
  --theme-heading-tag-text: #0170C1;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #0170C1;
  --theme-sp-tag-text: #0170C1;
  --theme-subcategory-bg: #F0F3F7;
  --theme-subcategory-icon: #0170C1;
  --theme-approval-clear-btn-text: #0170C1;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue07"] {
  --theme-site-bg: #F0F3F7;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #1765CE;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #1765CE;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #01439A;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #01439A;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DEECF5;
  --theme-menu-hover-bg: #DEECF5;
  --theme-link: #1765CE;
  --theme-sp-menu-icon: #1765CE;
  --theme-cart-flow: #01439A;
  --theme-cart-th-bg: #F0F3F7;
  --theme-purchase-area-bg: #F0F3F7;
  --theme-checkout-btn-bg: #1765CE;
  --theme-sub-btn-bg: #F0F3F7;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F0F3F7;
  --theme-action-btn-bg: #1765CE;
  --theme-checkout-modal-link: #1765CE;
  --theme-complete-main-btn-bg: #1765CE;
  --theme-fav-count-text: #1765CE;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F0F3F7;
  --theme-fav-action-hover-text: #1765CE;
  --theme-fav-folder-hover-bg: #1765CE;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #1765CE;
  --theme-fav-modal-ok-bg: #1765CE;
  --theme-sp-fav-add-btn-bg: #1765CE;
  --theme-sp-fav-checkbox-bg: #1765CE;
  --theme-sp-fav-confirm-area-bg: #F0F3F7;
  --theme-sp-fav-confirm-btn-bg: #1765CE;
  --theme-sp-bottom-modal-heading: #1765CE;
  --theme-submit-btn-bg: #1765CE;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #1765CE;
  --theme-qo-ok-btn-bg: #1765CE;
  --theme-qo-cancel-btn-bg: #F0F3F7;
  --theme-qo-cancel-btn-text: #1765CE;
  --theme-secondary-btn-bg: #F0F3F7;
  --theme-secondary-btn-text: #1765CE;
  --theme-primary-btn-bg: #1765CE;
  --theme-confirm-area-bg: #F0F3F7;
  --theme-section-heading-bg: #F0F3F7;
  --theme-file-select-text: #1765CE;
  --theme-dialog-heading-text: #1765CE;
  --theme-heading-tag-text: #1765CE;
  --theme-tag-bg: #F0F3F7;
  --theme-tag-text: #1765CE;
  --theme-sp-tag-text: #1765CE;
  --theme-subcategory-bg: #F0F3F7;
  --theme-subcategory-icon: #1765CE;
  --theme-approval-clear-btn-text: #1765CE;
  --theme-confirm-area-alt-bg: #F0F3F7;
}

[data-theme="blue08"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #01439A;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #01439A;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #01439A;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #01439A;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.1);
  --theme-header2-bottom-menu-border: rgba(255, 255, 255, 0.2);
  --theme-header2-bottom-menu-text: #FFFFFF;
  --theme-category-dropdown-bg: #DEEAF6;
  --theme-menu-hover-bg: #DEEAF6;
  --theme-link: #01439A;
  --theme-sp-menu-icon: #01439A;
  --theme-cart-flow: #01439A;
  --theme-cart-th-bg: #DEEAF6;
  --theme-purchase-area-bg: #DEEAF6;
  --theme-checkout-btn-bg: #01439A;
  --theme-sub-btn-bg: #DEEAF6;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  --theme-action-btn-bg: #01439A;
  --theme-checkout-modal-link: #01439A;
  --theme-complete-main-btn-bg: #01439A;
  --theme-fav-count-text: #01439A;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #01439A;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #01439A;
  --theme-fav-modal-ok-bg: #01439A;
  --theme-sp-fav-add-btn-bg: #01439A;
  --theme-sp-fav-checkbox-bg: #01439A;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #01439A;
  --theme-sp-bottom-modal-heading: #01439A;
  --theme-submit-btn-bg: #00AF50;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #00AF50;
  --theme-qo-ok-btn-bg: #00AF50;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #01439A;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #01439A;
  --theme-primary-btn-bg: #01439A;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #01439A;
  --theme-dialog-heading-text: #01439A;
  --theme-heading-tag-text: #01439A;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #01439A;
  --theme-sp-tag-text: #01439A;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #01439A;
  --theme-approval-clear-btn-text: #01439A;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue09"] {
  --theme-site-bg: #DEECF5;
  --theme-header-bg: #213864;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #213864;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #213864;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #213864;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #305C81;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DDE2E6;
  --theme-menu-hover-bg: #DEEAF6;
  --theme-link: #213864;
  --theme-sp-menu-icon: #213864;
  --theme-cart-flow: #213864;
  --theme-cart-th-bg: #F0F3F7;
  --theme-purchase-area-bg: #F0F3F7;
  --theme-checkout-btn-bg: #213864;
  --theme-sub-btn-bg: #F0F3F7;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #213864;
  --theme-action-btn-bg: #213864;
  --theme-checkout-modal-link: #213864;
  --theme-complete-main-btn-bg: #213864;
  --theme-fav-count-text: #213864;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F0F3F7;
  --theme-fav-action-hover-text: #213864;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #213864;
  --theme-fav-modal-ok-bg: #213864;
  --theme-sp-fav-add-btn-bg: #213864;
  --theme-sp-fav-checkbox-bg: #213864;
  --theme-sp-fav-confirm-area-bg: #F0F3F7;
  --theme-sp-fav-confirm-btn-bg: #213864;
  --theme-sp-bottom-modal-heading: #213864;
  --theme-submit-btn-bg: #213864;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #305C81;
  --theme-qo-ok-btn-bg: #213864;
  --theme-qo-cancel-btn-bg: #F0F3F7;
  --theme-qo-cancel-btn-text: #213864;
  --theme-secondary-btn-bg: #F0F3F7;
  --theme-secondary-btn-text: #213864;
  --theme-primary-btn-bg: #213864;
  --theme-confirm-area-bg: #F0F3F7;
  --theme-section-heading-bg: #F0F3F7;
  --theme-file-select-text: #213864;
  --theme-dialog-heading-text: #213864;
  --theme-heading-tag-text: #213864;
  --theme-tag-bg: #F0F3F7;
  --theme-tag-text: #213864;
  --theme-sp-tag-text: #213864;
  --theme-subcategory-bg: #F0F3F7;
  --theme-subcategory-icon: #213864;
  --theme-approval-clear-btn-text: #213864;
  --theme-confirm-area-alt-bg: #F0F3F7;
}

[data-theme="blue10"] {
  --theme-site-bg: #DEEAF6;
  --theme-header-bg: #0170C1;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #0170C1;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #0170C1;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #0170C1;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #CCE2FA;
  --theme-menu-hover-bg: #CCE2FA;
  --theme-link: #0170C1;
  --theme-sp-menu-icon: #0170C1;
  --theme-cart-flow: #0170C1;
  --theme-cart-th-bg: #F0F3F7;
  --theme-purchase-area-bg: #F0F3F7;
  --theme-checkout-btn-bg: #0170C1;
  --theme-sub-btn-bg: #F0F3F7;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F0F3F7;
  --theme-action-btn-bg: #0170C1;
  --theme-checkout-modal-link: #0170C1;
  --theme-complete-main-btn-bg: #0170C1;
  --theme-fav-count-text: #0170C1;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F0F3F7;
  --theme-fav-action-hover-text: #0170C1;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #0170C1;
  --theme-fav-modal-ok-bg: #0170C1;
  --theme-sp-fav-add-btn-bg: #0170C1;
  --theme-sp-fav-checkbox-bg: #0170C1;
  --theme-sp-fav-confirm-area-bg: #F0F3F7;
  --theme-sp-fav-confirm-btn-bg: #0170C1;
  --theme-sp-bottom-modal-heading: #0170C1;
  --theme-submit-btn-bg: #0170C1;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #0170C1;
  --theme-qo-ok-btn-bg: #0170C1;
  --theme-qo-cancel-btn-bg: #F0F3F7;
  --theme-qo-cancel-btn-text: #0170C1;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #0170C1;
  --theme-primary-btn-bg: #0170C1;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #0170C1;
  --theme-dialog-heading-text: #0170C1;
  --theme-heading-tag-text: #0170C1;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #0170C1;
  --theme-sp-tag-text: #0170C1;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #0170C1;
  --theme-approval-clear-btn-text: #0170C1;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="blue11"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #01439A;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #1765CE;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #01439A;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #01439A;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DEEAF6;
  --theme-menu-hover-bg: #DEEAF6;
  --theme-link: #1765CE;
  --theme-sp-menu-icon: #01439A;
  --theme-cart-flow: #1765CE;
  --theme-cart-th-bg: #DEEAF6;
  --theme-purchase-area-bg: #DEEAF6;
  --theme-checkout-btn-bg: #1765CE;
  --theme-sub-btn-bg: #DEEAF6;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DEEAF6;
  --theme-action-btn-bg: #1765CE;
  --theme-checkout-modal-link: #1765CE;
  --theme-complete-main-btn-bg: #1765CE;
  --theme-fav-count-text: #1765CE;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #1765CE;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #1765CE;
  --theme-fav-modal-ok-bg: #1765CE;
  --theme-sp-fav-add-btn-bg: #1765CE;
  --theme-sp-fav-checkbox-bg: #1765CE;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #1765CE;
  --theme-sp-bottom-modal-heading: #1765CE;
  --theme-submit-btn-bg: #1765CE;
  --theme-qo-bulk-heading-bg: #DEEAF6;
  --theme-qo-upload-heading-border: #1765CE;
  --theme-qo-ok-btn-bg: #1765CE;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #1765CE;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #1765CE;
  --theme-primary-btn-bg: #1765CE;
  --theme-confirm-area-bg: #F0F3F7;
  --theme-section-heading-bg: #F0F3F7;
  --theme-file-select-text: #1765CE;
  --theme-dialog-heading-text: #1765CE;
  --theme-heading-tag-text: #1765CE;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #1765CE;
  --theme-sp-tag-text: #1765CE;
  --theme-subcategory-bg: #F0F3F7;
  --theme-subcategory-icon: #1765CE;
  --theme-approval-clear-btn-text: #1765CE;
  --theme-confirm-area-alt-bg: #F0F3F7;
}

[data-theme="blue12"] {
  --theme-site-bg: #F0F3F7;
  --theme-header-bg: #3E44BC;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #3E44BC;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #3E44BC;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #3E44BC;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #7580D8;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.1);
  --theme-header2-bottom-menu-border: rgba(255, 255, 255, 0.2);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #DBDDFB;
  --theme-menu-hover-bg: #DBDDFB;
  --theme-link: #3E44BC;
  --theme-sp-menu-icon: #3E44BC;
  --theme-cart-flow: #3E44BC;
  --theme-cart-th-bg: #DBDDFB;
  --theme-purchase-area-bg: #DBDDFB;
  --theme-checkout-btn-bg: #3E44BC;
  --theme-sub-btn-bg: #DBDDFB;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #DBDDFB;
  --theme-action-btn-bg: #3E44BC;
  --theme-checkout-modal-link: #3E44BC;
  --theme-complete-main-btn-bg: #3E44BC;
  --theme-fav-count-text: #3E44BC;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DBDDFB;
  --theme-fav-action-hover-text: #3E44BC;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #3E44BC;
  --theme-fav-modal-ok-bg: #3E44BC;
  --theme-sp-fav-add-btn-bg: #3E44BC;
  --theme-sp-fav-checkbox-bg: #3E44BC;
  --theme-sp-fav-confirm-area-bg: #DBDDFB;
  --theme-sp-fav-confirm-btn-bg: #3E44BC;
  --theme-sp-bottom-modal-heading: #3E44BC;
  --theme-submit-btn-bg: #3E44BC;
  --theme-qo-bulk-heading-bg: #DBDDFB;
  --theme-qo-upload-heading-border: #3E44BC;
  --theme-qo-ok-btn-bg: #3E44BC;
  --theme-qo-cancel-btn-bg: #DBDDFB;
  --theme-qo-cancel-btn-text: #3E44BC;
  --theme-secondary-btn-bg: #DBDDFB;
  --theme-secondary-btn-text: #3E44BC;
  --theme-primary-btn-bg: #3E44BC;
  --theme-confirm-area-bg: #DBDDFB;
  --theme-section-heading-bg: #DBDDFB;
  --theme-file-select-text: #3E44BC;
  --theme-dialog-heading-text: #3E44BC;
  --theme-heading-tag-text: #3E44BC;
  --theme-tag-bg: #DBDDFB;
  --theme-tag-text: #3E44BC;
  --theme-sp-tag-text: #3E44BC;
  --theme-subcategory-bg: #DBDDFB;
  --theme-subcategory-icon: #3E44BC;
  --theme-approval-clear-btn-text: #3E44BC;
  --theme-confirm-area-alt-bg: #DBDDFB;
}

[data-theme="green01"] {
  --theme-site-bg: #EEF5F4;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #C1E4DD;
  --theme-quote-btn-border: #86C7BA;
  --theme-quote-btn-text: #023375;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #023375;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #023375;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EEF5F4;
  --theme-menu-hover-bg: #EEF5F4;
  --theme-link: #023375;
  --theme-sp-menu-icon: #023375;
  --theme-cart-flow: #023375;
  --theme-cart-th-bg: #EEF5F4;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #023375;
  --theme-sub-btn-bg: #EEF5F4;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EEF5F4;
  --theme-action-btn-bg: #023375;
  --theme-checkout-modal-link: #023375;
  --theme-complete-main-btn-bg: #023375;
  --theme-fav-count-text: #023375;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #EEF5F4;
  --theme-fav-action-hover-text: #023375;
  --theme-fav-folder-hover-bg: #0D7F68;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #023375;
  --theme-fav-modal-ok-bg: #023375;
  --theme-sp-fav-add-btn-bg: #023375;
  --theme-sp-fav-checkbox-bg: #023375;
  --theme-sp-fav-confirm-area-bg: #EEF5F4;
  --theme-sp-fav-confirm-btn-bg: #023375;
  --theme-sp-bottom-modal-heading: #023375;
  --theme-submit-btn-bg: #023375;
  --theme-qo-bulk-heading-bg: #F0F3F7;
  --theme-qo-upload-heading-border: #023375;
  --theme-qo-ok-btn-bg: #023375;
  --theme-qo-cancel-btn-bg: #EEF5F4;
  --theme-qo-cancel-btn-text: #023375;
  --theme-secondary-btn-bg: #EEF5F4;
  --theme-secondary-btn-text: #023375;
  --theme-primary-btn-bg: #023375;
  --theme-confirm-area-bg: #EEF5F4;
  --theme-section-heading-bg: #C1E4DD;
  --theme-file-select-text: #023375;
  --theme-dialog-heading-text: #023375;
  --theme-heading-tag-text: #023375;
  --theme-tag-bg: #EEF5F4;
  --theme-tag-text: #023375;
  --theme-sp-tag-text: #023375;
  --theme-subcategory-bg: #EEF5F4;
  --theme-subcategory-icon: #023375;
  --theme-approval-clear-btn-text: #023375;
  --theme-confirm-area-alt-bg: #EEF5F4;
}

[data-theme="green02"] {
  --theme-site-bg: #EEF5F4;
  --theme-header-bg: #00A786;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #00A786;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #00A786;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #00A786;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #0D7F68;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #E1EEEB;
  --theme-menu-hover-bg: #E1EEEB;
  --theme-link: #0D7F68;
  --theme-sp-menu-icon: #00A786;
  --theme-cart-flow: #0D7F68;
  --theme-cart-th-bg: #E1EEEB;
  --theme-purchase-area-bg: #E1EEEB;
  --theme-checkout-btn-bg: #0D7F68;
  --theme-sub-btn-bg: #E1EEEB;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #E1EEEB;
  --theme-action-btn-bg: #0D7F68;
  --theme-checkout-modal-link: #0D7F68;
  --theme-complete-main-btn-bg: #0D7F68;
  --theme-fav-count-text: #0D7F68;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #E1EEEB;
  --theme-fav-action-hover-text: #0D7F68;
  --theme-fav-folder-hover-bg: #0D7F68;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #0D7F68;
  --theme-fav-modal-ok-bg: #0D7F68;
  --theme-sp-fav-add-btn-bg: #0D7F68;
  --theme-sp-fav-checkbox-bg: #0D7F68;
  --theme-sp-fav-confirm-area-bg: #E1EEEB;
  --theme-sp-fav-confirm-btn-bg: #0D7F68;
  --theme-sp-bottom-modal-heading: #0D7F68;
  --theme-submit-btn-bg: #0D7F68;
  --theme-qo-bulk-heading-bg: #E1EEEB;
  --theme-qo-upload-heading-border: #0D7F68;
  --theme-qo-ok-btn-bg: #0D7F68;
  --theme-qo-cancel-btn-bg: #E1EEEB;
  --theme-qo-cancel-btn-text: #0D7F68;
  --theme-secondary-btn-bg: #E1EEEB;
  --theme-secondary-btn-text: #0D7F68;
  --theme-primary-btn-bg: #0D7F68;
  --theme-confirm-area-bg: #E1EEEB;
  --theme-section-heading-bg: #E1EEEB;
  --theme-file-select-text: #0D7F68;
  --theme-dialog-heading-text: #0D7F68;
  --theme-heading-tag-text: #0D7F68;
  --theme-tag-bg: #EEF5F4;
  --theme-tag-text: #0D7F68;
  --theme-sp-tag-text: #0D7F68;
  --theme-subcategory-bg: #E1EEEB;
  --theme-subcategory-icon: #0D7F68;
  --theme-approval-clear-btn-text: #0D7F68;
  --theme-confirm-area-alt-bg: #E1EEEB;
}

[data-theme="green03"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FCF9E6;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #FFFFFF;
  --theme-header-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #FFFFFF;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-bg: #F4DAD4;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #C64527;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #5D9939;
  --theme-h3-text: #C64527;
  --theme-slider-icon: #5D9939;
  --theme-pagetop-bg: #5D9939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #023375;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: #F4DAD4;
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F4DAD4;
  --theme-menu-hover-bg: #F4DAD4;
  --theme-link: #C64527;
  --theme-sp-menu-icon: #C64527;
  --theme-cart-flow: #C64527;
  --theme-cart-th-bg: #F4DAD4;
  --theme-purchase-area-bg: #FCF9E6;
  --theme-checkout-btn-bg: #C64527;
  --theme-sub-btn-bg: #FCF9E6;
  --theme-table-th-bg: #F4DAD4;
  --theme-sp-cart-btn-area-bg: #FCF9E6;
  --theme-action-btn-bg: #C64527;
  --theme-checkout-modal-link: #C64527;
  --theme-complete-main-btn-bg: #C64527;
  --theme-fav-count-text: #C64527;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #FCF9E6;
  --theme-fav-action-hover-text: #C64527;
  --theme-fav-folder-hover-bg: #C64527;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #C64527;
  --theme-fav-modal-ok-bg: #C64527;
  --theme-sp-fav-add-btn-bg: #C64527;
  --theme-sp-fav-checkbox-bg: #023375;
  --theme-sp-fav-confirm-area-bg: #FCF9E6;
  --theme-sp-fav-confirm-btn-bg: #C64527;
  --theme-sp-bottom-modal-heading: #C64527;
  --theme-submit-btn-bg: #C64527;
  --theme-qo-bulk-heading-bg: #FCF9E6;
  --theme-qo-upload-heading-border: #C64527;
  --theme-qo-ok-btn-bg: #C64527;
  --theme-qo-cancel-btn-bg: #FCF9E6;
  --theme-qo-cancel-btn-text: #C64527;
  --theme-secondary-btn-bg: #FCF9E6;
  --theme-secondary-btn-text: #C64527;
  --theme-primary-btn-bg: #C64527;
  --theme-confirm-area-bg: #FCF9E6;
  --theme-section-heading-bg: #F4DAD4;
  --theme-file-select-text: #C64527;
  --theme-dialog-heading-text: #C64527;
  --theme-heading-tag-text: #C64527;
  --theme-tag-bg: #FCF9E6;
  --theme-tag-text: #C64527;
  --theme-sp-tag-text: #C64527;
  --theme-subcategory-bg: #FCF9E6;
  --theme-subcategory-icon: #C64527;
  --theme-approval-clear-btn-text: #C64527;
  --theme-confirm-area-alt-bg: #FCF9E6;
}

[data-theme="green04"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #81BC3C;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: #5D9939;
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: #5D9939;
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #5D9939;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #D7E8C8;
  --theme-campaign-tag-bg: #5D9939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #5D9939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #5D9939;
  --theme-header2-top-menu-bg: #5D9939;
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #5D9939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #E1EEEB;
  --theme-menu-hover-bg: #E1EEEB;
  --theme-link: #5D9939;
  --theme-sp-menu-icon: #5D9939;
  --theme-cart-flow: #5D9939;
  --theme-cart-th-bg: #E1EEEB;
  --theme-purchase-area-bg: #E1EEEB;
  --theme-checkout-btn-bg: #5D9939;
  --theme-sub-btn-bg: #E1EEEB;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #E1EEEB;
  --theme-action-btn-bg: #5D9939;
  --theme-checkout-modal-link: #5D9939;
  --theme-complete-main-btn-bg: #5D9939;
  --theme-fav-count-text: #5D9939;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #E1EEEB;
  --theme-fav-action-hover-text: #5D9939;
  --theme-fav-folder-hover-bg: #5D9939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #5D9939;
  --theme-fav-modal-ok-bg: #5D9939;
  --theme-sp-fav-add-btn-bg: #5D9939;
  --theme-sp-fav-checkbox-bg: #5D9939;
  --theme-sp-fav-confirm-area-bg: #E1EEEB;
  --theme-sp-fav-confirm-btn-bg: #5D9939;
  --theme-sp-bottom-modal-heading: #5D9939;
  --theme-submit-btn-bg: #5D9939;
  --theme-qo-bulk-heading-bg: #E1EEEB;
  --theme-qo-upload-heading-border: #5D9939;
  --theme-qo-ok-btn-bg: #5D9939;
  --theme-qo-cancel-btn-bg: #E1EEEB;
  --theme-qo-cancel-btn-text: #5D9939;
  --theme-secondary-btn-bg: #E1EEEB;
  --theme-secondary-btn-text: #5D9939;
  --theme-primary-btn-bg: #5D9939;
  --theme-confirm-area-bg: #E1EEEB;
  --theme-section-heading-bg: #E1EEEB;
  --theme-file-select-text: #5D9939;
  --theme-dialog-heading-text: #5D9939;
  --theme-heading-tag-text: #5D9939;
  --theme-tag-bg: #EEF5F4;
  --theme-tag-text: #5D9939;
  --theme-sp-tag-text: #5D9939;
  --theme-subcategory-bg: #E1EEEB;
  --theme-subcategory-icon: #5D9939;
  --theme-approval-clear-btn-text: #5D9939;
  --theme-confirm-area-alt-bg: #E1EEEB;
}

[data-theme="green05"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #00AF50;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: #FF4848;
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #00AF50;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #00AF50;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #FF4848;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #E1EEEB;
  --theme-menu-hover-bg: #E1EEEB;
  --theme-link: #1765CE;
  --theme-sp-menu-icon: #00AF50;
  --theme-cart-flow: #1765CE;
  --theme-cart-th-bg: #E1EEEB;
  --theme-purchase-area-bg: #E1EEEB;
  --theme-checkout-btn-bg: #FF4848;
  --theme-sub-btn-bg: #E1EEEB;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #E1EEEB;
  --theme-action-btn-bg: #1765CE;
  --theme-checkout-modal-link: #1765CE;
  --theme-complete-main-btn-bg: #FF4848;
  --theme-fav-count-text: #1765CE;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #1765CE;
  --theme-fav-folder-hover-bg: #00AF50;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #00AF50;
  --theme-fav-modal-ok-bg: #00AF50;
  --theme-sp-fav-add-btn-bg: #00AF50;
  --theme-sp-fav-checkbox-bg: #1765CE;
  --theme-sp-fav-confirm-area-bg: #DEEAF6;
  --theme-sp-fav-confirm-btn-bg: #FF4848;
  --theme-sp-bottom-modal-heading: #1765CE;
  --theme-submit-btn-bg: #1765CE;
  --theme-qo-bulk-heading-bg: #DEEAF6;
  --theme-qo-upload-heading-border: #1765CE;
  --theme-qo-ok-btn-bg: #FF4848;
  --theme-qo-cancel-btn-bg: #DEEAF6;
  --theme-qo-cancel-btn-text: #0170C1;
  --theme-secondary-btn-bg: #DEEAF6;
  --theme-secondary-btn-text: #1765CE;
  --theme-primary-btn-bg: #1765CE;
  --theme-confirm-area-bg: #DEEAF6;
  --theme-section-heading-bg: #DEEAF6;
  --theme-file-select-text: #1765CE;
  --theme-dialog-heading-text: #1765CE;
  --theme-heading-tag-text: #1765CE;
  --theme-tag-bg: #DEEAF6;
  --theme-tag-text: #1765CE;
  --theme-sp-tag-text: #1765CE;
  --theme-subcategory-bg: #DEEAF6;
  --theme-subcategory-icon: #1765CE;
  --theme-approval-clear-btn-text: #1765CE;
  --theme-confirm-area-alt-bg: #DEEAF6;
}

[data-theme="green06"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #F1F5EE;
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #F1F5EE;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #00AF50;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #00AF50;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: #F1F5EE;
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: #FFFFFF;
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F1F5EE;
  --theme-menu-hover-bg: #F1F5EE;
  --theme-link: #00AF50;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #00AF50;
  --theme-cart-th-bg: #F1F5EE;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #00AF50;
  --theme-sub-btn-bg: #F1F5EE;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F1F5EE;
  --theme-action-btn-bg: #00AF50;
  --theme-checkout-modal-link: #00AF50;
  --theme-complete-main-btn-bg: #00AF50;
  --theme-fav-count-text: #00AF50;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F1F5EE;
  --theme-fav-action-hover-text: #00AF50;
  --theme-fav-folder-hover-bg: #00AF50;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #00AF50;
  --theme-fav-modal-ok-bg: #00AF50;
  --theme-sp-fav-add-btn-bg: #00AF50;
  --theme-sp-fav-checkbox-bg: #00AF50;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #00AF50;
  --theme-sp-bottom-modal-heading: #00AF50;
  --theme-submit-btn-bg: #00AF50;
  --theme-qo-bulk-heading-bg: #F1F5EE;
  --theme-qo-upload-heading-border: #00AF50;
  --theme-qo-ok-btn-bg: #00AF50;
  --theme-qo-cancel-btn-bg: #F1F5EE;
  --theme-qo-cancel-btn-text: #00AF50;
  --theme-secondary-btn-bg: #F1F5EE;
  --theme-secondary-btn-text: #00AF50;
  --theme-primary-btn-bg: #00AF50;
  --theme-confirm-area-bg: #F1F5EE;
  --theme-section-heading-bg: #F1F5EE;
  --theme-file-select-text: #00AF50;
  --theme-dialog-heading-text: #00AF50;
  --theme-heading-tag-text: #00AF50;
  --theme-tag-bg: #F1F5EE;
  --theme-tag-text: #00AF50;
  --theme-sp-tag-text: #00AF50;
  --theme-subcategory-bg: #F1F5EE;
  --theme-subcategory-icon: #00AF50;
  --theme-approval-clear-btn-text: #00AF50;
  --theme-confirm-area-alt-bg: #F1F5EE;
}

[data-theme="green07"] {
  --theme-site-bg: #EEF5F4;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #EEF5F4;
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #EEF5F4;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #6BE79F;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #004E3E;
  --theme-notice-tag-bg: #C1E4DD;
  --theme-campaign-tag-bg: #00AF50;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #004E3E;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #EEF5F4;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #6BE79F;
  --theme-category-btn-text: #004E3E;
  --theme-header2-bottom-bg: #FFFFFF;
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-bottom-menu-border: #393939;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EEF5F4;
  --theme-menu-hover-bg: #EEF5F4;
  --theme-link: #004E3E;
  --theme-sp-menu-icon: #004E3E;
  --theme-cart-flow: #00AF50;
  --theme-cart-th-bg: #EEF5F4;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #00AF50;
  --theme-sub-btn-bg: #EEF5F4;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EEF5F4;
  --theme-action-btn-bg: #00AF50;
  --theme-checkout-modal-link: #00AF50;
  --theme-complete-main-btn-bg: #00AF50;
  --theme-fav-count-text: #00AF50;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #EEF5F4;
  --theme-fav-action-hover-text: #00AF50;
  --theme-fav-folder-hover-bg: #00AF50;
  --theme-fav-folder-hover-text: #004E3E;
  --theme-fav-main-btn-bg: #00AF50;
  --theme-fav-modal-ok-bg: #00AF50;
  --theme-sp-fav-add-btn-bg: #00AF50;
  --theme-sp-fav-checkbox-bg: #00AF50;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #00AF50;
  --theme-sp-bottom-modal-heading: #00AF50;
  --theme-submit-btn-bg: #00AF50;
  --theme-qo-bulk-heading-bg: #EEF5F4;
  --theme-qo-upload-heading-border: #00AF50;
  --theme-qo-ok-btn-bg: #00AF50;
  --theme-qo-cancel-btn-bg: #EEF5F4;
  --theme-qo-cancel-btn-text: #00AF50;
  --theme-secondary-btn-bg: #EEF5F4;
  --theme-secondary-btn-text: #00AF50;
  --theme-primary-btn-bg: #00AF50;
  --theme-confirm-area-bg: #EEF5F4;
  --theme-section-heading-bg: #EEF5F4;
  --theme-file-select-text: #00AF50;
  --theme-dialog-heading-text: #00AF50;
  --theme-heading-tag-text: #00AF50;
  --theme-tag-bg: #EEF5F4;
  --theme-tag-text: #00AF50;
  --theme-sp-tag-text: #00AF50;
  --theme-subcategory-bg: #EEF5F4;
  --theme-subcategory-icon: #00AF50;
  --theme-approval-clear-btn-text: #00AF50;
  --theme-confirm-area-alt-bg: #EEF5F4;
}

[data-theme="green08"] {
  --theme-site-bg: #F1F5EE;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #FCF9E6;
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #FCF9E6;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #FCCE3C;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #D7E8C8;
  --theme-campaign-tag-bg: #308730;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #308730;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #308730;
  --theme-header2-top-menu-bg: #FCF9E6;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #308730;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: #FFFFFF;
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: #FCF9E6;
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #FCF9E6;
  --theme-menu-hover-bg: #F1F5EE;
  --theme-link: #308730;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #308730;
  --theme-cart-th-bg: #F1F5EE;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #308730;
  --theme-sub-btn-bg: #F1F5EE;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F1F5EE;
  --theme-action-btn-bg: #308730;
  --theme-checkout-modal-link: #308730;
  --theme-complete-main-btn-bg: #308730;
  --theme-fav-count-text: #308730;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F1F5EE;
  --theme-fav-action-hover-text: #308730;
  --theme-fav-folder-hover-bg: #81BC3C;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #308730;
  --theme-fav-modal-ok-bg: #308730;
  --theme-sp-fav-add-btn-bg: #308730;
  --theme-sp-fav-checkbox-bg: #308730;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #308730;
  --theme-sp-bottom-modal-heading: #308730;
  --theme-submit-btn-bg: #308730;
  --theme-qo-bulk-heading-bg: #F1F5EE;
  --theme-qo-upload-heading-border: #308730;
  --theme-qo-ok-btn-bg: #308730;
  --theme-qo-cancel-btn-bg: #F1F5EE;
  --theme-qo-cancel-btn-text: #308730;
  --theme-secondary-btn-bg: #F1F5EE;
  --theme-secondary-btn-text: #308730;
  --theme-primary-btn-bg: #308730;
  --theme-confirm-area-bg: #F1F5EE;
  --theme-section-heading-bg: #F1F5EE;
  --theme-file-select-text: #308730;
  --theme-dialog-heading-text: #308730;
  --theme-heading-tag-text: #308730;
  --theme-tag-bg: #F1F5EE;
  --theme-tag-text: #308730;
  --theme-sp-tag-text: #308730;
  --theme-subcategory-bg: #F1F5EE;
  --theme-subcategory-icon: #308730;
  --theme-approval-clear-btn-text: #308730;
  --theme-confirm-area-alt-bg: #F1F5EE;
}

[data-theme="green09"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #EEF5F4;
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #EEF5F4;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #0D7F68;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #0D7F68;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #0D7F68;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: #EEF5F4;
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: #FFFFFF;
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EEF5F4;
  --theme-menu-hover-bg: #EEF5F4;
  --theme-link: #0D7F68;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #0D7F68;
  --theme-cart-th-bg: #EEF5F4;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #0D7F68;
  --theme-sub-btn-bg: #EEF5F4;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EEF5F4;
  --theme-action-btn-bg: #0D7F68;
  --theme-checkout-modal-link: #0D7F68;
  --theme-complete-main-btn-bg: #0D7F68;
  --theme-fav-count-text: #0D7F68;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #EEF5F4;
  --theme-fav-action-hover-text: #0D7F68;
  --theme-fav-folder-hover-bg: #00A786;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #0D7F68;
  --theme-fav-modal-ok-bg: #0D7F68;
  --theme-sp-fav-add-btn-bg: #0D7F68;
  --theme-sp-fav-checkbox-bg: #0D7F68;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #0D7F68;
  --theme-sp-bottom-modal-heading: #0D7F68;
  --theme-submit-btn-bg: #0D7F68;
  --theme-qo-bulk-heading-bg: #EEF5F4;
  --theme-qo-upload-heading-border: #0D7F68;
  --theme-qo-ok-btn-bg: #0D7F68;
  --theme-qo-cancel-btn-bg: #EEF5F4;
  --theme-qo-cancel-btn-text: #0D7F68;
  --theme-secondary-btn-bg: #EEF5F4;
  --theme-secondary-btn-text: #0D7F68;
  --theme-primary-btn-bg: #0D7F68;
  --theme-confirm-area-bg: #EEF5F4;
  --theme-section-heading-bg: #EEF5F4;
  --theme-file-select-text: #0D7F68;
  --theme-dialog-heading-text: #0D7F68;
  --theme-heading-tag-text: #0D7F68;
  --theme-tag-bg: #EEF5F4;
  --theme-tag-text: #0D7F68;
  --theme-sp-tag-text: #0D7F68;
  --theme-subcategory-bg: #EEF5F4;
  --theme-subcategory-icon: #0D7F68;
  --theme-approval-clear-btn-text: #0D7F68;
  --theme-confirm-area-alt-bg: #EEF5F4;
}

[data-theme="green10"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #DCF0A6;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.4);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.4);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #5D9939;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #DCF0A6;
  --theme-campaign-tag-bg: #5D9939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #5D9939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #5D9939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F1F5EE;
  --theme-menu-hover-bg: #F1F5EE;
  --theme-link: #5D9939;
  --theme-sp-menu-icon: #5D9939;
  --theme-cart-flow: #5D9939;
  --theme-cart-th-bg: #E1EEEB;
  --theme-purchase-area-bg: #E1EEEB;
  --theme-checkout-btn-bg: #FF4848;
  --theme-sub-btn-bg: #F1F5EE;
  --theme-table-th-bg: #F1F5EE;
  --theme-sp-cart-btn-area-bg: #F1F5EE;
  --theme-action-btn-bg: #5D9939;
  --theme-checkout-modal-link: #5D9939;
  --theme-complete-main-btn-bg: #5D9939;
  --theme-fav-count-text: #5D9939;
  --theme-fav-share-icon-bg: #DEEAF6;
  --theme-fav-action-hover-bg: #F1F5EE;
  --theme-fav-action-hover-text: #5D9939;
  --theme-fav-folder-hover-bg: #81BC3C;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #5D9939;
  --theme-fav-modal-ok-bg: #5D9939;
  --theme-sp-fav-add-btn-bg: #5D9939;
  --theme-sp-fav-checkbox-bg: #5D9939;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #5D9939;
  --theme-sp-bottom-modal-heading: #5D9939;
  --theme-submit-btn-bg: #5D9939;
  --theme-qo-bulk-heading-bg: #E1EEEB;
  --theme-qo-upload-heading-border: #5D9939;
  --theme-qo-ok-btn-bg: #5D9939;
  --theme-qo-cancel-btn-bg: #E1EEEB;
  --theme-qo-cancel-btn-text: #5D9939;
  --theme-secondary-btn-bg: #F1F5EE;
  --theme-secondary-btn-text: #5D9939;
  --theme-primary-btn-bg: #5D9939;
  --theme-confirm-area-bg: #F1F5EE;
  --theme-section-heading-bg: #E1EEEB;
  --theme-file-select-text: #5D9939;
  --theme-dialog-heading-text: #5D9939;
  --theme-heading-tag-text: #5D9939;
  --theme-tag-bg: #F1F5EE;
  --theme-tag-text: #5D9939;
  --theme-sp-tag-text: #5D9939;
  --theme-subcategory-bg: #E1EEEB;
  --theme-subcategory-icon: #5D9939;
  --theme-approval-clear-btn-text: #5D9939;
  --theme-confirm-area-alt-bg: #F1F5EE;
}

[data-theme="red01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(190, 0, 0, 0.2);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(190, 0, 0, 0.2);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #D0D3D2;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.2);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #BE0000;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #BE0000;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(190, 0, 0, 0.2);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(190, 0, 0, 0.2);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: rgba(190, 0, 0, 0.2);
  --theme-link: #BE0000;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #BE0000;
  --theme-cart-th-bg: #F6E5E5;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #BE0000;
  --theme-sub-btn-bg: #F6E5E5;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F6E5E5;
  --theme-action-btn-bg: #BE0000;
  --theme-checkout-modal-link: #BE0000;
  --theme-complete-main-btn-bg: #BE0000;
  --theme-fav-count-text: #BE0000;
  --theme-fav-share-icon-bg: #F6E5E5;
  --theme-fav-action-hover-bg: #F6E5E5;
  --theme-fav-action-hover-text: #BE0000;
  --theme-fav-folder-hover-bg: #424A48;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #BE0000;
  --theme-fav-modal-ok-bg: #BE0000;
  --theme-sp-fav-add-btn-bg: #BE0000;
  --theme-sp-fav-checkbox-bg: #BE0000;
  --theme-sp-fav-confirm-area-bg: #F6E5E5;
  --theme-sp-fav-confirm-btn-bg: #BE0000;
  --theme-sp-bottom-modal-heading: #BE0000;
  --theme-submit-btn-bg: #BE0000;
  --theme-qo-bulk-heading-bg: #EEF5F4;
  --theme-qo-upload-heading-border: #BE0000;
  --theme-qo-ok-btn-bg: #BE0000;
  --theme-qo-cancel-btn-bg: #F6E5E5;
  --theme-qo-cancel-btn-text: #BE0000;
  --theme-secondary-btn-bg: #F6E5E5;
  --theme-secondary-btn-text: #BE0000;
  --theme-primary-btn-bg: #BE0000;
  --theme-confirm-area-bg: #F6E5E5;
  --theme-section-heading-bg: #F6E5E5;
  --theme-file-select-text: #BE0000;
  --theme-dialog-heading-text: #BE0000;
  --theme-heading-tag-text: #BE0000;
  --theme-tag-bg: #F6E5E5;
  --theme-tag-text: #BE0000;
  --theme-sp-tag-text: #BE0000;
  --theme-subcategory-bg: #F6E5E5;
  --theme-subcategory-icon: #BE0000;
  --theme-approval-clear-btn-text: #BE0000;
  --theme-confirm-area-alt-bg: #F6E5E5;
}

[data-theme="red02"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #D63033;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #393939;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #D63033;
  --theme-toggle-icon: #00AF50;
  --theme-h3-text: #393939;
  --theme-slider-icon: #00AF50;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #F6E5E5;
  --theme-link: #00AF50;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #D63033;
  --theme-cart-th-bg: #F6E5E5;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #D63033;
  --theme-sub-btn-bg: #F6E5E5;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F6E5E5;
  --theme-action-btn-bg: #D63033;
  --theme-checkout-modal-link: #D63033;
  --theme-complete-main-btn-bg: #D63033;
  --theme-fav-count-text: #D63033;
  --theme-fav-share-icon-bg: #F6E5E5;
  --theme-fav-action-hover-bg: #F6E5E5;
  --theme-fav-action-hover-text: #D63033;
  --theme-fav-folder-hover-bg: #D63033;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #D63033;
  --theme-fav-modal-ok-bg: #D63033;
  --theme-sp-fav-add-btn-bg: #D63033;
  --theme-sp-fav-checkbox-bg: #D63033;
  --theme-sp-fav-confirm-area-bg: #F6E5E5;
  --theme-sp-fav-confirm-btn-bg: #D63033;
  --theme-sp-bottom-modal-heading: #D63033;
  --theme-submit-btn-bg: #D63033;
  --theme-qo-bulk-heading-bg: #F6E5E5;
  --theme-qo-upload-heading-border: #D63033;
  --theme-qo-ok-btn-bg: #D63033;
  --theme-qo-cancel-btn-bg: #F6E5E5;
  --theme-qo-cancel-btn-text: #D63033;
  --theme-secondary-btn-bg: #F6E5E5;
  --theme-secondary-btn-text: #D63033;
  --theme-primary-btn-bg: #D63033;
  --theme-confirm-area-bg: #F6E5E5;
  --theme-section-heading-bg: #F6E5E5;
  --theme-file-select-text: #D63033;
  --theme-dialog-heading-text: #D63033;
  --theme-heading-tag-text: #D63033;
  --theme-tag-bg: #F6E5E5;
  --theme-tag-text: #D63033;
  --theme-sp-tag-text: #D63033;
  --theme-subcategory-bg: #F6E5E5;
  --theme-subcategory-icon: #D63033;
  --theme-approval-clear-btn-text: #D63033;
  --theme-confirm-area-alt-bg: #F6E5E5;
}

[data-theme="red03"] {
  --theme-site-bg: #FEFAF6;
  --theme-header-bg: #FFEBEC;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #393939;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #D32C2D;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #D32C2D;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #D32C2D;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(255, 255, 255, 0.05);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #F6E5E5;
  --theme-link: #D32C2D;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #D32C2D;
  --theme-cart-th-bg: #F6E5E5;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #D32C2D;
  --theme-sub-btn-bg: #F6E5E5;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F6E5E5;
  --theme-action-btn-bg: #D32C2D;
  --theme-checkout-modal-link: #D32C2D;
  --theme-complete-main-btn-bg: #D32C2D;
  --theme-fav-count-text: #D32C2D;
  --theme-fav-share-icon-bg: #F6E5E5;
  --theme-fav-action-hover-bg: #F6E5E5;
  --theme-fav-action-hover-text: #D32C2D;
  --theme-fav-folder-hover-bg: #424A48;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #D32C2D;
  --theme-fav-modal-ok-bg: #D32C2D;
  --theme-sp-fav-add-btn-bg: #D32C2D;
  --theme-sp-fav-checkbox-bg: #D32C2D;
  --theme-sp-fav-confirm-area-bg: #F6E5E5;
  --theme-sp-fav-confirm-btn-bg: #D32C2D;
  --theme-sp-bottom-modal-heading: #D32C2D;
  --theme-submit-btn-bg: #D32C2D;
  --theme-qo-bulk-heading-bg: #F6E5E5;
  --theme-qo-upload-heading-border: #D32C2D;
  --theme-qo-ok-btn-bg: #D32C2D;
  --theme-qo-cancel-btn-bg: #F6E5E5;
  --theme-qo-cancel-btn-text: #D32C2D;
  --theme-secondary-btn-bg: #F6E5E5;
  --theme-secondary-btn-text: #D32C2D;
  --theme-primary-btn-bg: #D32C2D;
  --theme-confirm-area-bg: #F6E5E5;
  --theme-section-heading-bg: #F6E5E5;
  --theme-file-select-text: #D32C2D;
  --theme-dialog-heading-text: #D32C2D;
  --theme-heading-tag-text: #D32C2D;
  --theme-tag-bg: #F6E5E5;
  --theme-tag-text: #D32C2D;
  --theme-sp-tag-text: #D32C2D;
  --theme-subcategory-bg: #F6E5E5;
  --theme-subcategory-icon: #D32C2D;
  --theme-approval-clear-btn-text: #D32C2D;
  --theme-confirm-area-alt-bg: #F6E5E5;
}

[data-theme="pink01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFF0FD;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #B5F1CE;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.4);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #B5F1CE;
  --theme-campaign-tag-bg: #EA5A96;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #EA5A96;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #EA5A96;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(234, 90, 150, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #FFF0FD;
  --theme-link: #EA5A96;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #EA5A96;
  --theme-cart-th-bg: #FFF0FD;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #EA5A96;
  --theme-sub-btn-bg: #FFF0FD;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FFF0FD;
  --theme-action-btn-bg: #EA5A96;
  --theme-checkout-modal-link: #EA5A96;
  --theme-complete-main-btn-bg: #EA5A96;
  --theme-fav-count-text: #EA5A96;
  --theme-fav-share-icon-bg: #FFF0FD;
  --theme-fav-action-hover-bg: #FFF0FD;
  --theme-fav-action-hover-text: #EA5A96;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #EA5A96;
  --theme-fav-modal-ok-bg: #EA5A96;
  --theme-sp-fav-add-btn-bg: #EA5A96;
  --theme-sp-fav-checkbox-bg: #EA5A96;
  --theme-sp-fav-confirm-area-bg: #FFF0FD;
  --theme-sp-fav-confirm-btn-bg: #EA5A96;
  --theme-sp-bottom-modal-heading: #EA5A96;
  --theme-submit-btn-bg: #EA5A96;
  --theme-qo-bulk-heading-bg: #FFF0FD;
  --theme-qo-upload-heading-border: #EA5A96;
  --theme-qo-ok-btn-bg: #EA5A96;
  --theme-qo-cancel-btn-bg: #FFF0FD;
  --theme-qo-cancel-btn-text: #EA5A96;
  --theme-secondary-btn-bg: #FFF0FD;
  --theme-secondary-btn-text: #EA5A96;
  --theme-primary-btn-bg: #EA5A96;
  --theme-confirm-area-bg: #FFF0FD;
  --theme-section-heading-bg: #FFF0FD;
  --theme-file-select-text: #EA5A96;
  --theme-dialog-heading-text: #EA5A96;
  --theme-heading-tag-text: #EA5A96;
  --theme-tag-bg: #FFF0FD;
  --theme-tag-text: #EA5A96;
  --theme-sp-tag-text: #EA5A96;
  --theme-subcategory-bg: #FFF0FD;
  --theme-subcategory-icon: #EA5A96;
  --theme-approval-clear-btn-text: #EA5A96;
  --theme-confirm-area-alt-bg: #FFF0FD;
}

[data-theme="pink02"] {
  --theme-site-bg: #F8F5FA;
  --theme-header-bg: #F2E6FA;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #F2A6D0;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #F2E6FA;
  --theme-campaign-tag-bg: #69299C;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #F2A6D0;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #F2A6D0;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(234, 90, 150, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #F2E6FA;
  --theme-link: #69299C;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #69299C;
  --theme-cart-th-bg: #F2E6FA;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #69299C;
  --theme-sub-btn-bg: #F2E6FA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F2E6FA;
  --theme-action-btn-bg: #69299C;
  --theme-checkout-modal-link: #69299C;
  --theme-complete-main-btn-bg: #69299C;
  --theme-fav-count-text: #69299C;
  --theme-fav-share-icon-bg: #F2E6FA;
  --theme-fav-action-hover-bg: #F2E6FA;
  --theme-fav-action-hover-text: #69299C;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #69299C;
  --theme-fav-modal-ok-bg: #69299C;
  --theme-sp-fav-add-btn-bg: #69299C;
  --theme-sp-fav-checkbox-bg: #69299C;
  --theme-sp-fav-confirm-area-bg: #F2E6FA;
  --theme-sp-fav-confirm-btn-bg: #69299C;
  --theme-sp-bottom-modal-heading: #69299C;
  --theme-submit-btn-bg: #69299C;
  --theme-qo-bulk-heading-bg: #F2E6FA;
  --theme-qo-upload-heading-border: #69299C;
  --theme-qo-ok-btn-bg: #69299C;
  --theme-qo-cancel-btn-bg: #F2E6FA;
  --theme-qo-cancel-btn-text: #69299C;
  --theme-secondary-btn-bg: #F2E6FA;
  --theme-secondary-btn-text: #69299C;
  --theme-primary-btn-bg: #69299C;
  --theme-confirm-area-bg: #F2E6FA;
  --theme-section-heading-bg: #F2E6FA;
  --theme-file-select-text: #69299C;
  --theme-dialog-heading-text: #69299C;
  --theme-heading-tag-text: #69299C;
  --theme-tag-bg: #F2E6FA;
  --theme-tag-text: #69299C;
  --theme-sp-tag-text: #69299C;
  --theme-subcategory-bg: #F2E6FA;
  --theme-subcategory-icon: #69299C;
  --theme-approval-clear-btn-text: #69299C;
  --theme-confirm-area-alt-bg: #F2E6FA;
}

[data-theme="pink03"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #FCBBD6;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #FCBBD6;
  --theme-campaign-tag-bg: #4AAFFF;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #FCBBD6;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #FCBBD6;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #F6E5E5;
  --theme-link: #0170C1;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #4AAFFF;
  --theme-cart-th-bg: #F6E5E5;
  --theme-purchase-area-bg: #F6E5E5;
  --theme-checkout-btn-bg: #4AAFFF;
  --theme-sub-btn-bg: #F6E5E5;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F6E5E5;
  --theme-action-btn-bg: #4AAFFF;
  --theme-checkout-modal-link: #0170C1;
  --theme-complete-main-btn-bg: #4AAFFF;
  --theme-fav-count-text: #4AAFFF;
  --theme-fav-share-icon-bg: #F6E5E5;
  --theme-fav-action-hover-bg: #F6E5E5;
  --theme-fav-action-hover-text: #EA5A96;
  --theme-fav-folder-hover-bg: #424A48;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #4AAFFF;
  --theme-fav-modal-ok-bg: #4AAFFF;
  --theme-sp-fav-add-btn-bg: #4AAFFF;
  --theme-sp-fav-checkbox-bg: #4AAFFF;
  --theme-sp-fav-confirm-area-bg: #F6E5E5;
  --theme-sp-fav-confirm-btn-bg: #4AAFFF;
  --theme-sp-bottom-modal-heading: #0170C1;
  --theme-submit-btn-bg: #4AAFFF;
  --theme-qo-bulk-heading-bg: #DEEAF6;
  --theme-qo-upload-heading-border: #4AAFFF;
  --theme-qo-ok-btn-bg: #4AAFFF;
  --theme-qo-cancel-btn-bg: #F6E5E5;
  --theme-qo-cancel-btn-text: #EA5A96;
  --theme-secondary-btn-bg: #F6E5E5;
  --theme-secondary-btn-text: #EA5A96;
  --theme-primary-btn-bg: #4AAFFF;
  --theme-confirm-area-bg: #F6E5E5;
  --theme-section-heading-bg: #F6E5E5;
  --theme-file-select-text: #4AAFFF;
  --theme-dialog-heading-text: #4AAFFF;
  --theme-heading-tag-text: #EA5A96;
  --theme-tag-bg: #F6E5E5;
  --theme-tag-text: #EA5A96;
  --theme-sp-tag-text: #EA5A96;
  --theme-subcategory-bg: #F6E5E5;
  --theme-subcategory-icon: #EA5A96;
  --theme-approval-clear-btn-text: #EA5A96;
  --theme-confirm-area-alt-bg: #F6E5E5;
}

[data-theme="pink04"] {
  --theme-site-bg: #FDF6F9;
  --theme-header-bg: #FFE5F0;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #F6BDDA;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #FFE5F0;
  --theme-campaign-tag-bg: #E35A9A;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #E35A9A;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #F2A6D0;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(255, 255, 255, 0.05);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #FFE5F0;
  --theme-link: #E35A9A;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #E35A9A;
  --theme-cart-th-bg: #FFE5F0;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #E35A9A;
  --theme-sub-btn-bg: #FFE5F0;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FFE5F0;
  --theme-action-btn-bg: #E35A9A;
  --theme-checkout-modal-link: #E35A9A;
  --theme-complete-main-btn-bg: #E35A9A;
  --theme-fav-count-text: #E35A9A;
  --theme-fav-share-icon-bg: #FFE5F0;
  --theme-fav-action-hover-bg: #FFE5F0;
  --theme-fav-action-hover-text: #E35A9A;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #E35A9A;
  --theme-fav-modal-ok-bg: #E35A9A;
  --theme-sp-fav-add-btn-bg: #E35A9A;
  --theme-sp-fav-checkbox-bg: #E35A9A;
  --theme-sp-fav-confirm-area-bg: #FFE5F0;
  --theme-sp-fav-confirm-btn-bg: #E35A9A;
  --theme-sp-bottom-modal-heading: #E35A9A;
  --theme-submit-btn-bg: #E35A9A;
  --theme-qo-bulk-heading-bg: #FFE5F0;
  --theme-qo-upload-heading-border: #E35A9A;
  --theme-qo-ok-btn-bg: #E35A9A;
  --theme-qo-cancel-btn-bg: #FFE5F0;
  --theme-qo-cancel-btn-text: #E35A9A;
  --theme-secondary-btn-bg: #FFE5F0;
  --theme-secondary-btn-text: #E35A9A;
  --theme-primary-btn-bg: #E35A9A;
  --theme-confirm-area-bg: #FFE5F0;
  --theme-section-heading-bg: #FFE5F0;
  --theme-file-select-text: #E35A9A;
  --theme-dialog-heading-text: #E35A9A;
  --theme-heading-tag-text: #E35A9A;
  --theme-tag-bg: #FFE5F0;
  --theme-tag-text: #E35A9A;
  --theme-sp-tag-text: #E35A9A;
  --theme-subcategory-bg: #FFE5F0;
  --theme-subcategory-icon: #E35A9A;
  --theme-approval-clear-btn-text: #E35A9A;
  --theme-confirm-area-alt-bg: #FFE5F0;
}

[data-theme="purple01"] {
  --theme-site-bg: #ECF3F9;
  --theme-header-bg: #2B2C58;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.2);
  --theme-header-menu-border: rgba(255, 255, 255, 0.2);
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.2);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #2B2C58;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #ECF3F9;
  --theme-campaign-tag-bg: #5926AF;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #5926AF;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #5926AF;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.2);
  --theme-header2-bottom-menu-border: rgba(255, 255, 255, 0.2);
  --theme-header2-bottom-menu-text: #FFFFFF;
  --theme-category-dropdown-bg: #ECF3F9;
  --theme-menu-hover-bg: #ECF3F9;
  --theme-link: #5926AF;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #5926AF;
  --theme-cart-th-bg: #F2E6FA;
  --theme-purchase-area-bg: #F2E6FA;
  --theme-checkout-btn-bg: #5926AF;
  --theme-sub-btn-bg: #F2E6FA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F2E6FA;
  --theme-action-btn-bg: #5926AF;
  --theme-checkout-modal-link: #5926AF;
  --theme-complete-main-btn-bg: #5926AF;
  --theme-fav-count-text: #5926AF;
  --theme-fav-share-icon-bg: #F2E6FA;
  --theme-fav-action-hover-bg: #F2E6FA;
  --theme-fav-action-hover-text: #5926AF;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #5926AF;
  --theme-fav-modal-ok-bg: #5926AF;
  --theme-sp-fav-add-btn-bg: #5926AF;
  --theme-sp-fav-checkbox-bg: #5926AF;
  --theme-sp-fav-confirm-area-bg: #F2E6FA;
  --theme-sp-fav-confirm-btn-bg: #5926AF;
  --theme-sp-bottom-modal-heading: #5926AF;
  --theme-submit-btn-bg: #5926AF;
  --theme-qo-bulk-heading-bg: #F2E6FA;
  --theme-qo-upload-heading-border: #5926AF;
  --theme-qo-ok-btn-bg: #5926AF;
  --theme-qo-cancel-btn-bg: #F2E6FA;
  --theme-qo-cancel-btn-text: #5926AF;
  --theme-secondary-btn-bg: #F2E6FA;
  --theme-secondary-btn-text: #5926AF;
  --theme-primary-btn-bg: #5926AF;
  --theme-confirm-area-bg: #F2E6FA;
  --theme-section-heading-bg: #F2E6FA;
  --theme-file-select-text: #5926AF;
  --theme-dialog-heading-text: #5926AF;
  --theme-heading-tag-text: #5926AF;
  --theme-tag-bg: #F2E6FA;
  --theme-tag-text: #5926AF;
  --theme-sp-tag-text: #5926AF;
  --theme-subcategory-bg: #F2E6FA;
  --theme-subcategory-icon: #5926AF;
  --theme-approval-clear-btn-text: #5926AF;
  --theme-confirm-area-alt-bg: #F2E6FA;
}

[data-theme="purple02"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #8839A1;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.2);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #2B2C58;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #F4F4F4;
  --theme-campaign-tag-bg: #8839A1;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #8839A1;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #ECF3F9;
  --theme-link: #8839A1;
  --theme-sp-menu-icon: #8839A1;
  --theme-cart-flow: #8839A1;
  --theme-cart-th-bg: #F2E6FA;
  --theme-purchase-area-bg: #F2E6FA;
  --theme-checkout-btn-bg: #8839A1;
  --theme-sub-btn-bg: #F2E6FA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F2E6FA;
  --theme-action-btn-bg: #8839A1;
  --theme-checkout-modal-link: #8839A1;
  --theme-complete-main-btn-bg: #8839A1;
  --theme-fav-count-text: #8839A1;
  --theme-fav-share-icon-bg: #F2E6FA;
  --theme-fav-action-hover-bg: #F2E6FA;
  --theme-fav-action-hover-text: #8839A1;
  --theme-fav-folder-hover-bg: #393939;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #8839A1;
  --theme-fav-modal-ok-bg: #8839A1;
  --theme-sp-fav-add-btn-bg: #8839A1;
  --theme-sp-fav-checkbox-bg: #8839A1;
  --theme-sp-fav-confirm-area-bg: #F2E6FA;
  --theme-sp-fav-confirm-btn-bg: #8839A1;
  --theme-sp-bottom-modal-heading: #8839A1;
  --theme-submit-btn-bg: #8839A1;
  --theme-qo-bulk-heading-bg: #F2E6FA;
  --theme-qo-upload-heading-border: #8839A1;
  --theme-qo-ok-btn-bg: #8839A1;
  --theme-qo-cancel-btn-bg: #F2E6FA;
  --theme-qo-cancel-btn-text: #8839A1;
  --theme-secondary-btn-bg: #F2E6FA;
  --theme-secondary-btn-text: #8839A1;
  --theme-primary-btn-bg: #8839A1;
  --theme-confirm-area-bg: #F2E6FA;
  --theme-section-heading-bg: #F2E6FA;
  --theme-file-select-text: #8839A1;
  --theme-dialog-heading-text: #8839A1;
  --theme-heading-tag-text: #8839A1;
  --theme-tag-bg: #F2E6FA;
  --theme-tag-text: #8839A1;
  --theme-sp-tag-text: #8839A1;
  --theme-subcategory-bg: #F2E6FA;
  --theme-subcategory-icon: #8839A1;
  --theme-approval-clear-btn-text: #8839A1;
  --theme-confirm-area-alt-bg: #F2E6FA;
}

[data-theme="orange01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFE765;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.8);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #FFE765;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #FFE765;
  --theme-campaign-tag-bg: #DF8606;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #FFE765;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #FEAB05;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.6);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #FBEB9C;
  --theme-link: #DF8606;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #DF8606;
  --theme-cart-th-bg: #FBEB9C;
  --theme-purchase-area-bg: #FCF9E6;
  --theme-checkout-btn-bg: #DF8606;
  --theme-sub-btn-bg: #FBEB9C;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FCF9E6;
  --theme-action-btn-bg: #DF8606;
  --theme-checkout-modal-link: #DF8606;
  --theme-complete-main-btn-bg: #DF8606;
  --theme-fav-count-text: #DF8606;
  --theme-fav-share-icon-bg: #FBEB9C;
  --theme-fav-action-hover-bg: #FCF9E6;
  --theme-fav-action-hover-text: #DF8606;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #DF8606;
  --theme-fav-modal-ok-bg: #DF8606;
  --theme-sp-fav-add-btn-bg: #DF8606;
  --theme-sp-fav-checkbox-bg: #DF8606;
  --theme-sp-fav-confirm-area-bg: #FCF9E6;
  --theme-sp-fav-confirm-btn-bg: #DF8606;
  --theme-sp-bottom-modal-heading: #DF8606;
  --theme-submit-btn-bg: #DF8606;
  --theme-qo-bulk-heading-bg: #FCF9E6;
  --theme-qo-upload-heading-border: #DF8606;
  --theme-qo-ok-btn-bg: #DF8606;
  --theme-qo-cancel-btn-bg: #FCF9E6;
  --theme-qo-cancel-btn-text: #DF8606;
  --theme-secondary-btn-bg: #FCF9E6;
  --theme-secondary-btn-text: #DF8606;
  --theme-primary-btn-bg: #DF8606;
  --theme-confirm-area-bg: #FCF9E6;
  --theme-section-heading-bg: #FCF9E6;
  --theme-file-select-text: #DF8606;
  --theme-dialog-heading-text: #DF8606;
  --theme-heading-tag-text: #DF8606;
  --theme-tag-bg: #FCF9E6;
  --theme-tag-text: #DF8606;
  --theme-sp-tag-text: #DF8606;
  --theme-subcategory-bg: #FCF9E6;
  --theme-subcategory-icon: #DF8606;
  --theme-approval-clear-btn-text: #DF8606;
  --theme-confirm-area-alt-bg: #FCF9E6;
}

[data-theme="orange02"] {
  --theme-site-bg: #FFF6EA;
  --theme-header-bg: #51B051;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.2);
  --theme-header-mypage-border: transparent;
  --theme-quote-btn-bg: #51B051;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #FFF2CD;
  --theme-campaign-tag-bg: #EA6200;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #EA6200;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #EA6200;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #FBEB9C;
  --theme-link: #EA6200;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #EA6200;
  --theme-cart-th-bg: #FFF2CD;
  --theme-purchase-area-bg: #FFF2CD;
  --theme-checkout-btn-bg: #EA6200;
  --theme-sub-btn-bg: #FFF2CD;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FFF2CD;
  --theme-action-btn-bg: #EA6200;
  --theme-checkout-modal-link: #EA6200;
  --theme-complete-main-btn-bg: #EA6200;
  --theme-fav-count-text: #EA6200;
  --theme-fav-share-icon-bg: #FFF2CD;
  --theme-fav-action-hover-bg: #FFF2CD;
  --theme-fav-action-hover-text: #EA6200;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #EA6200;
  --theme-fav-modal-ok-bg: #EA6200;
  --theme-sp-fav-add-btn-bg: #EA6200;
  --theme-sp-fav-checkbox-bg: #EA6200;
  --theme-sp-fav-confirm-area-bg: #FFF2CD;
  --theme-sp-fav-confirm-btn-bg: #EA6200;
  --theme-sp-bottom-modal-heading: #EA6200;
  --theme-submit-btn-bg: #EA6200;
  --theme-qo-bulk-heading-bg: #FFF2CD;
  --theme-qo-upload-heading-border: #EA6200;
  --theme-qo-ok-btn-bg: #EA6200;
  --theme-qo-cancel-btn-bg: #FFF2CD;
  --theme-qo-cancel-btn-text: #EA6200;
  --theme-secondary-btn-bg: #FFF2CD;
  --theme-secondary-btn-text: #EA6200;
  --theme-primary-btn-bg: #EA6200;
  --theme-confirm-area-bg: #FFF2CD;
  --theme-section-heading-bg: #FFF2CD;
  --theme-file-select-text: #EA6200;
  --theme-dialog-heading-text: #EA6200;
  --theme-heading-tag-text: #EA6200;
  --theme-tag-bg: #FFF2CD;
  --theme-tag-text: #EA6200;
  --theme-sp-tag-text: #EA6200;
  --theme-subcategory-bg: #FFF2CD;
  --theme-subcategory-icon: #EA6200;
  --theme-approval-clear-btn-text: #EA6200;
  --theme-confirm-area-alt-bg: #FFF2CD;
}

[data-theme="orange03"] {
  --theme-site-bg: #F7F9EB;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: #F4DAD4;
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: #F4DAD4;
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #FFBF01;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #FBFFE2;
  --theme-campaign-tag-bg: #EC7C32;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #C0421C;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #FFBF01;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: #FFFFFF;
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: #F4DAD4;
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #EAEAEA;
  --theme-menu-hover-bg: #F4DAD4;
  --theme-link: #C0421C;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #EC7C32;
  --theme-cart-th-bg: #F4DAD4;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #EC7C32;
  --theme-sub-btn-bg: #F4DAD4;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F4DAD4;
  --theme-action-btn-bg: #EC7C32;
  --theme-checkout-modal-link: #C0421C;
  --theme-complete-main-btn-bg: #EC7C32;
  --theme-fav-count-text: #C0421C;
  --theme-fav-share-icon-bg: #F4DAD4;
  --theme-fav-action-hover-bg: #F4DAD4;
  --theme-fav-action-hover-text: #C0421C;
  --theme-fav-folder-hover-bg: #424A48;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #EC7C32;
  --theme-fav-modal-ok-bg: #EC7C32;
  --theme-sp-fav-add-btn-bg: #EC7C32;
  --theme-sp-fav-checkbox-bg: #EC7C32;
  --theme-sp-fav-confirm-area-bg: #F4DAD4;
  --theme-sp-fav-confirm-btn-bg: #BE0000;
  --theme-sp-bottom-modal-heading: #C0421C;
  --theme-submit-btn-bg: #EC7C32;
  --theme-qo-bulk-heading-bg: #EEF5F4;
  --theme-qo-upload-heading-border: #EC7C32;
  --theme-qo-ok-btn-bg: #EC7C32;
  --theme-qo-cancel-btn-bg: #F4DAD4;
  --theme-qo-cancel-btn-text: #C0421C;
  --theme-secondary-btn-bg: #F4DAD4;
  --theme-secondary-btn-text: #C0421C;
  --theme-primary-btn-bg: #EC7C32;
  --theme-confirm-area-bg: #F4DAD4;
  --theme-section-heading-bg: #F4DAD4;
  --theme-file-select-text: #C0421C;
  --theme-dialog-heading-text: #C0421C;
  --theme-heading-tag-text: #C0421C;
  --theme-tag-bg: #F4DAD4;
  --theme-tag-text: #C0421C;
  --theme-sp-tag-text: #EC7C32;
  --theme-subcategory-bg: #F4DAD4;
  --theme-subcategory-icon: #EC7C32;
  --theme-approval-clear-btn-text: #C0421C;
  --theme-confirm-area-alt-bg: #F4DAD4;
}

[data-theme="yellow01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #FBEB9C;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-text: #393939;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #806306;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #FCCE3C;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #FCCE3C;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #FCF9E6;
  --theme-menu-hover-bg: #FCF9E6;
  --theme-link: #806306;
  --theme-sp-menu-icon: #806306;
  --theme-cart-flow: #806306;
  --theme-cart-th-bg: #FBEB9C;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #806306;
  --theme-sub-btn-bg: #FBEB9C;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FBEB9C;
  --theme-action-btn-bg: #806306;
  --theme-checkout-modal-link: #806306;
  --theme-complete-main-btn-bg: #806306;
  --theme-fav-count-text: #806306;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #FCF9E6;
  --theme-fav-action-hover-text: #806306;
  --theme-fav-folder-hover-bg: #424A48;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #806306;
  --theme-fav-modal-ok-bg: #806306;
  --theme-sp-fav-add-btn-bg: #806306;
  --theme-sp-fav-checkbox-bg: #806306;
  --theme-sp-fav-confirm-area-bg: #FBEB9C;
  --theme-sp-fav-confirm-btn-bg: #806306;
  --theme-sp-bottom-modal-heading: #806306;
  --theme-submit-btn-bg: #806306;
  --theme-qo-bulk-heading-bg: #FBEB9C;
  --theme-qo-upload-heading-border: #806306;
  --theme-qo-ok-btn-bg: #806306;
  --theme-qo-cancel-btn-bg: #FBEB9C;
  --theme-qo-cancel-btn-text: #806306;
  --theme-secondary-btn-bg: #FBEB9C;
  --theme-secondary-btn-text: #806306;
  --theme-primary-btn-bg: #806306;
  --theme-confirm-area-bg: #FBEB9C;
  --theme-section-heading-bg: #FBEB9C;
  --theme-file-select-text: #806306;
  --theme-dialog-heading-text: #806306;
  --theme-heading-tag-text: #806306;
  --theme-tag-bg: #FBEB9C;
  --theme-tag-text: #806306;
  --theme-sp-tag-text: #806306;
  --theme-subcategory-bg: #FBEB9C;
  --theme-subcategory-icon: #806306;
  --theme-approval-clear-btn-text: #806306;
  --theme-confirm-area-alt-bg: #FBEB9C;
}

[data-theme="yellow02"] {
  --theme-site-bg: #F0F3F7;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #023375;
  --theme-quote-btn-border: transparent;
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #023375;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #806306;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #FCCE3C;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #FCCE3C;
  --theme-category-btn-text: #393939;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #FCF9E6;
  --theme-menu-hover-bg: #FCF9E6;
  --theme-link: #806306;
  --theme-sp-menu-icon: #806306;
  --theme-cart-flow: #023375;
  --theme-cart-th-bg: #FBEB9C;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #023375;
  --theme-sub-btn-bg: #FBEB9C;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #FBEB9C;
  --theme-action-btn-bg: #023375;
  --theme-checkout-modal-link: #023375;
  --theme-complete-main-btn-bg: #023375;
  --theme-fav-count-text: #806306;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #FCF9E6;
  --theme-fav-action-hover-text: #806306;
  --theme-fav-folder-hover-bg: #806306;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #023375;
  --theme-fav-modal-ok-bg: #023375;
  --theme-sp-fav-add-btn-bg: #023375;
  --theme-sp-fav-checkbox-bg: #806306;
  --theme-sp-fav-confirm-area-bg: #FBEB9C;
  --theme-sp-fav-confirm-btn-bg: #023375;
  --theme-sp-bottom-modal-heading: #806306;
  --theme-submit-btn-bg: #023375;
  --theme-qo-bulk-heading-bg: #FCF9E6;
  --theme-qo-upload-heading-border: #023375;
  --theme-qo-ok-btn-bg: #023375;
  --theme-qo-cancel-btn-bg: #FBEB9C;
  --theme-qo-cancel-btn-text: #023375;
  --theme-secondary-btn-bg: #FBEB9C;
  --theme-secondary-btn-text: #023375;
  --theme-primary-btn-bg: #023375;
  --theme-confirm-area-bg: #FBEB9C;
  --theme-section-heading-bg: #FBEB9C;
  --theme-file-select-text: #023375;
  --theme-dialog-heading-text: #023375;
  --theme-heading-tag-text: #023375;
  --theme-tag-bg: #FBEB9C;
  --theme-tag-text: #023375;
  --theme-sp-tag-text: #023375;
  --theme-subcategory-bg: #FBEB9C;
  --theme-subcategory-icon: #023375;
  --theme-approval-clear-btn-text: #023375;
  --theme-confirm-area-alt-bg: #FBEB9C;
}

[data-theme="axel01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #626262;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.4);
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #C72228;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #0DA64E;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #C72228;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F0F3F7;
  --theme-menu-hover-bg: #F0F3F7;
  --theme-link: #0DA64E;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #393939;
  --theme-cart-th-bg: #D7E8C8;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #C72228;
  --theme-sub-btn-bg: #D7E8C8;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #F1F5EE;
  --theme-action-btn-bg: #393939;
  --theme-checkout-modal-link: #0DA64E;
  --theme-complete-main-btn-bg: #C72228;
  --theme-fav-count-text: #0DA64E;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #D7E8C8;
  --theme-fav-action-hover-text: #0DA64E;
  --theme-fav-folder-hover-bg: #0DA64E;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #C72228;
  --theme-fav-modal-ok-bg: #393939;
  --theme-sp-fav-add-btn-bg: #393939;
  --theme-sp-fav-checkbox-bg: #0DA64E;
  --theme-sp-fav-confirm-area-bg: #F1F5EE;
  --theme-sp-fav-confirm-btn-bg: #C72228;
  --theme-sp-bottom-modal-heading: #393939;
  --theme-submit-btn-bg: #C72228;
  --theme-qo-bulk-heading-bg: #F1F5EE;
  --theme-qo-upload-heading-border: #393939;
  --theme-qo-ok-btn-bg: #C72228;
  --theme-qo-cancel-btn-bg: #F1F5EE;
  --theme-qo-cancel-btn-text: #393939;
  --theme-secondary-btn-bg: #F1F5EE;
  --theme-secondary-btn-text: #393939;
  --theme-primary-btn-bg: #C72228;
  --theme-confirm-area-bg: #F1F5EE;
  --theme-section-heading-bg: #F1F5EE;
  --theme-file-select-text: #0DA64E;
  --theme-dialog-heading-text: #C72228;
  --theme-heading-tag-text: #C72228;
  --theme-tag-bg: #F1F5EE;
  --theme-tag-text: #0DA64E;
  --theme-sp-tag-text: #0DA64E;
  --theme-subcategory-bg: #F1F5EE;
  --theme-subcategory-icon: #C72228;
  --theme-approval-clear-btn-text: #C72228;
  --theme-confirm-area-alt-bg: #F1F5EE;
}

[data-theme="black01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #777777;
  --theme-header-text: #FFFFFF;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header-menu-border: transparent;
  --theme-header-menu-text: #FFFFFF;
  --theme-header-mypage-bg: rgba(255, 255, 255, 0.1);
  --theme-header-mypage-border: rgba(255, 255, 255, 0.2);
  --theme-quote-btn-bg: #626262;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.4);
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #393939;
  --theme-header2-top-menu-bg: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-border: transparent;
  --theme-header2-top-menu-text: #FFFFFF;
  --theme-category-btn-bg: #393939;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-border: transparent;
  --theme-header2-bottom-menu-bg: rgba(255, 255, 255, 0.8);
  --theme-header2-bottom-menu-border: transparent;
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F3F3F3;
  --theme-menu-hover-bg: #EAEAEA;
  --theme-link: #4C53ED;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #393939;
  --theme-cart-th-bg: #EAEAEA;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #C72228;
  --theme-sub-btn-bg: #EAEAEA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EAEAEA;
  --theme-action-btn-bg: #393939;
  --theme-checkout-modal-link: #4C53ED;
  --theme-complete-main-btn-bg: #C72228;
  --theme-fav-count-text: #4C53ED;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #4C53ED;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #393939;
  --theme-fav-modal-ok-bg: #393939;
  --theme-sp-fav-add-btn-bg: #393939;
  --theme-sp-fav-checkbox-bg: #3E44BC;
  --theme-sp-fav-confirm-area-bg: transparent;
  --theme-sp-fav-confirm-btn-bg: #C72228;
  --theme-sp-bottom-modal-heading: #393939;
  --theme-submit-btn-bg: #C72228;
  --theme-qo-bulk-heading-bg: #EAEAEA;
  --theme-qo-upload-heading-border: #393939;
  --theme-qo-ok-btn-bg: #C72228;
  --theme-qo-cancel-btn-bg: #EAEAEA;
  --theme-qo-cancel-btn-text: #393939;
  --theme-secondary-btn-bg: #EAEAEA;
  --theme-secondary-btn-text: #393939;
  --theme-primary-btn-bg: #C72228;
  --theme-confirm-area-bg: #EAEAEA;
  --theme-section-heading-bg: #EAEAEA;
  --theme-file-select-text: #4C53ED;
  --theme-dialog-heading-text: #C72228;
  --theme-heading-tag-text: #C72228;
  --theme-tag-bg: #EAEAEA;
  --theme-tag-text: #4C53ED;
  --theme-sp-tag-text: #4C53ED;
  --theme-subcategory-bg: #EAEAEA;
  --theme-subcategory-icon: #C72228;
  --theme-approval-clear-btn-text: #C72228;
  --theme-confirm-area-alt-bg: #EAEAEA;
}

[data-theme="mono"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #DEDEDE;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.4);
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #777777;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #777777;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F3F3F3;
  --theme-menu-hover-bg: #EAEAEA;
  --theme-link: #4C53ED;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #393939;
  --theme-cart-th-bg: #EAEAEA;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #C72228;
  --theme-sub-btn-bg: #EAEAEA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EAEAEA;
  --theme-action-btn-bg: #393939;
  --theme-checkout-modal-link: #4C53ED;
  --theme-complete-main-btn-bg: #C72228;
  --theme-fav-count-text: #4C53ED;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #4C53ED;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #C72228;
  --theme-fav-modal-ok-bg: #393939;
  --theme-sp-fav-add-btn-bg: #393939;
  --theme-sp-fav-checkbox-bg: #4C53ED;
  --theme-sp-fav-confirm-area-bg: #EAEAEA;
  --theme-sp-fav-confirm-btn-bg: #C72228;
  --theme-sp-bottom-modal-heading: #393939;
  --theme-submit-btn-bg: #C72228;
  --theme-qo-bulk-heading-bg: #EAEAEA;
  --theme-qo-upload-heading-border: #393939;
  --theme-qo-ok-btn-bg: #C72228;
  --theme-qo-cancel-btn-bg: #EAEAEA;
  --theme-qo-cancel-btn-text: #393939;
  --theme-secondary-btn-bg: #EAEAEA;
  --theme-secondary-btn-text: #393939;
  --theme-primary-btn-bg: #C72228;
  --theme-confirm-area-bg: #EAEAEA;
  --theme-section-heading-bg: #EAEAEA;
  --theme-file-select-text: #4C53ED;
  --theme-dialog-heading-text: #C72228;
  --theme-heading-tag-text: #C72228;
  --theme-tag-bg: #EAEAEA;
  --theme-tag-text: #4C53ED;
  --theme-sp-tag-text: #4C53ED;
  --theme-subcategory-bg: #EAEAEA;
  --theme-subcategory-icon: #C72228;
  --theme-approval-clear-btn-text: #C72228;
  --theme-confirm-area-alt-bg: #EAEAEA;
}

[data-theme="gray01"] {
  --theme-site-bg: #F3F3F3;
  --theme-header-bg: #FFFFFF;
  --theme-header-text: #393939;
  --theme-header-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header-menu-text: #393939;
  --theme-header-mypage-bg: rgba(0, 0, 0, 0.05);
  --theme-header-mypage-border: rgba(0, 0, 0, 0.1);
  --theme-quote-btn-bg: #777777;
  --theme-quote-btn-border: rgba(0, 0, 0, 0.4);
  --theme-quote-btn-text: #FFFFFF;
  --theme-notice-tag-bg: #EAEAEA;
  --theme-campaign-tag-bg: #393939;
  --theme-toggle-icon: #4C53ED;
  --theme-h3-text: #393939;
  --theme-slider-icon: #4C53ED;
  --theme-pagetop-bg: #777777;
  --theme-header2-top-menu-bg: #FFFFFF;
  --theme-header2-top-menu-border: rgba(0, 0, 0, 0.2);
  --theme-header2-top-menu-text: #393939;
  --theme-category-btn-bg: #777777;
  --theme-category-btn-text: #FFFFFF;
  --theme-header2-bottom-bg: rgba(0, 0, 0, 0.03);
  --theme-header2-bottom-border: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-bg: rgba(0, 0, 0, 0.05);
  --theme-header2-bottom-menu-border: rgba(0, 0, 0, 0.1);
  --theme-header2-bottom-menu-text: #393939;
  --theme-category-dropdown-bg: #F3F3F3;
  --theme-menu-hover-bg: #EAEAEA;
  --theme-link: #4C53ED;
  --theme-sp-menu-icon: #393939;
  --theme-cart-flow: #393939;
  --theme-cart-th-bg: #EAEAEA;
  --theme-purchase-area-bg: #FFFFFF;
  --theme-checkout-btn-bg: #C72228;
  --theme-sub-btn-bg: #EAEAEA;
  --theme-table-th-bg: #F4F4F4;
  --theme-sp-cart-btn-area-bg: #EAEAEA;
  --theme-action-btn-bg: #393939;
  --theme-checkout-modal-link: #4C53ED;
  --theme-complete-main-btn-bg: #C72228;
  --theme-fav-count-text: #4C53ED;
  --theme-fav-share-icon-bg: #EAEAEA;
  --theme-fav-action-hover-bg: #DEEAF6;
  --theme-fav-action-hover-text: #4C53ED;
  --theme-fav-folder-hover-bg: #4C53ED;
  --theme-fav-folder-hover-text: #FFFFFF;
  --theme-fav-main-btn-bg: #C72228;
  --theme-fav-modal-ok-bg: #393939;
  --theme-sp-fav-add-btn-bg: #393939;
  --theme-sp-fav-checkbox-bg: #4C53ED;
  --theme-sp-fav-confirm-area-bg: #EAEAEA;
  --theme-sp-fav-confirm-btn-bg: #C72228;
  --theme-sp-bottom-modal-heading: #393939;
  --theme-submit-btn-bg: #C72228;
  --theme-qo-bulk-heading-bg: #EAEAEA;
  --theme-qo-upload-heading-border: #393939;
  --theme-qo-ok-btn-bg: #C72228;
  --theme-qo-cancel-btn-bg: #EAEAEA;
  --theme-qo-cancel-btn-text: #393939;
  --theme-secondary-btn-bg: #EAEAEA;
  --theme-secondary-btn-text: #393939;
  --theme-primary-btn-bg: #C72228;
  --theme-confirm-area-bg: #EAEAEA;
  --theme-section-heading-bg: #EAEAEA;
  --theme-file-select-text: #4C53ED;
  --theme-dialog-heading-text: #C72228;
  --theme-heading-tag-text: #C72228;
  --theme-tag-bg: #EAEAEA;
  --theme-tag-text: #4C53ED;
  --theme-sp-tag-text: #4C53ED;
  --theme-subcategory-bg: #EAEAEA;
  --theme-subcategory-icon: #C72228;
  --theme-approval-clear-btn-text: #C72228;
  --theme-confirm-area-alt-bg: #EAEAEA;
}