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

/*======== button_parts.css ========*/
/************************************ ボタン要素 ************************************/

/* ** buttonBasic start ** */
/****************** 基本ボタン ******************/
:root {
/* 共通(システム利用各種編集ボタン) */
  --BtM-rod: 0.2em; /* 角丸 */
  --BtM-sub-rod: 0.2em; /* 角丸(用途の違うボタンでの指定・パスワード忘れ等) */
  --popupSglBt-size: 400px; /* ポップアップで一つしかボタンを配置しない時の親枠 */
}
@media screen and (max-width: 600px) {
	:root {
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 90%; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ** buttonBasic end ** */

/* ** button0101 start ** */
/*** 0101: 前後ボタン共通ボタン・次へ進むボタン ***/
:root {
/* 前に戻るボタン */
  --sbmBNBt-txt: #171717; /* テキスト色 */
  --sbmBNBt-bg: #fff; /* 背景色 */
  --sbmBNBt-brd: 1px solid #666; /* ボーダー指定 */

/* 次へ進むボタン */
  --sbmNxBt-txt: #fff; /* テキスト色 */
  --sbmNxBt-bg: #171717; /* 背景色 */
  --sbmNxBt-brd: 1px solid #171717; /* ボーダー指定 */
}
/* ** button0101 end ** */

/* ** button0102 start ** */
:root {
/* 登録・購入完了ボタン */
  --sbmCpBt-txt: #fff; /* テキスト色 */
  --sbmCpBt-bg: #d65b00; /* 背景色 */
  --sbmCpBt-brd: 1px solid #bd5000; /* ボーダー指定 */
}
/* ** button0102 end ** */

/* ** button0103 start ** */
:root {
/* ウインドウを閉じるボタン */
  --closePuBt-txt: #171717; /* テキスト色 */
  --closePuBt-bg: #fff; /* 背景色 */
  --closePuBt-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0103 end ** */

/* ** button0104 start ** */
:root {
/* 削除・キャンセル等ボタン */
  --canPuBt-txt: #fff; /* テキスト色 */
  --canPuBt-bg: #007aab; /* 背景色 */
  --canPuBt-brd: 1px solid #007eb0; /* ボーダー指定 */
}
/* ** button0104 end ** */

/* ** button0105 start ** */
:root {
/* 前後ボタン共通ボタン（小サイズ） */
  --sbmSBNBt-txt: #171717; /* テキスト色 */
  --sbmSBNBt-bg: #fff; /* 背景色 */
  --sbmSBNBt-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0105 end ** */

/* ** button0106 start ** */
:root {
/* ネクストバックボタン */
  --NBLinkBt-pwidth: 30%; /* 親枠の幅 */
  --NBLinkBt-txt: #171717; /* テキスト色 */
  --NBLinkBt-bg: #fff; /* 背景色 */
  --NBLinkBt-brd: 1px solid #999; /* ボーダー指定 */
  --NBLinkBt-sd: none; /* 背景影色 */
}
/* ** button0106 end ** */

/* ** button0107 start ** */
:root {
/* 詳細から一覧へ戻るボタン(基本) */
  --ListBkBt-size: 50%; /* 親枠の幅 */
  --ListBkBt-txt: #fff; /* テキスト色 */
  --ListBkBt-bg: #171717; /* 背景色 */
  --ListBkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListBkBt-sd: none; /* 背景影色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --sbmSBNBt-size: 45%; /* ボタンサイズ */
	  --NBLinkBt-pwidth: 45%; /* 親枠の幅 */
	}
}
/* ** button0107 end ** */

/* ** button0108 start ** */
:root {
/* ネクストバックボタン(日付要素等が入りボタン要素が一体の場合) */
  --flexSDtBtM-txt: #171717; /* テキスト色 */
  --flexSDtBtM-bg: #fefefe; /* 背景色 */
  --flexSDtBtM-brd: 1px solid #cbcbcb; /* ボーダー指定 */
  --sbmSDtBNBt-txt: #171717; /* ボタンテキスト色 */
  --sbmSDtBNBt-bg: #fff; /* ボタン背景色 */
}
/* ** button0108 end ** */

/* ** button0201 start ** */
/*** 0201: ファイルアップロード・削除ボタン・参照ボタン ***/
:root {
/* ファイルアップロード・参照・削除ボタン共通 */
  --fileUpBT-size: 200px; /* ボタンサイズ */
  --fileUpBT-txt: #fff; /* テキスト色 */
  --fileUpBT-bg: #171717; /* 背景色 */
  --fileUpBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileUpBT-sd: none; /* 背景影色 */

/* ファイル削除ボタン共通 */
  --fileDelBT-size: 200px; /* ボタンサイズ */
  --fileDelBT-txt: #fff; /* テキスト色 */
  --fileDelBT-bg: #122350; /* 背景色 */
  --fileDelBT-brd: 1px solid #0e1e44; /* ボーダー指定 */
  --fileDelBT-sd: none; /* 背景影色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --fileUpBT-size: 100%; /* ボタンサイズ */
	}
}
/* ** button0201 end ** */

/* ** button0202 start ** */
/* ** button0202 end ** */

/* ** button0301 start ** */
/*** 0301: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
:root {
/* 検索ボタン共通（基本） */
  --SearchBT-txt: #fff; /* テキスト色 */
  --SearchBT-bg: #171717; /* 背景色 */
  --SearchBT-brd: 1px solid #171717; /* ボーダー指定 */
  --SearchBT-sd: none; /* 背景影色 */

/* 検索ボタン共通（ボタン押下禁止） */
  --SearchBTNo-txt: #e0e0e0; /* テキスト色 */
  --SearchBTNo-bg: #a6a6a6; /* 背景色 */
  --SearchBTNo-brd: 1px solid #a3a3a3; /* ボーダー指定 */

/* 検索ボタン共通（検索クリア） */
  --clearBtn-txt: #171717; /* テキスト色 */
  --clearBtn-bg: #fff; /* 背景色 */
  --clearBtn-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0301 end ** */

/* ** button0401 start ** */
/*** 0401: ページトップボタン ***/
:root {
  --pagetop-rod: 0.5em; /* 角丸 */
  --app-pagetop-cr: #171717; /* 背景色 */
  --app-pagetop-txt: #fff; /* テキスト色 */
}
/* ** button0401 end ** */

/* ** button0501 start ** */
/*** 0501: コメントに関するボタン ***/
:root {
/* コメント登録ボタン */
  --commentRegBt-txt: #fff; /* テキスト色 */
  --commentRegBt-bg: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --commentRegBt-brd: 1px solid #74aa00; /* ボーダー指定 */
  --commentRegBt-sd: none; /* 背景影色 */
}
/* ** button0501 end ** */

/* ** button0502 start ** */
:root {
/* コメント時会員登録促進ボタン */
  --commentMemBt-txt: #171717; /* テキスト色 */
  --commentMemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --commentMemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --commentMemBt-sd: none; /* 背景影色 */
}
/* ** button0502 end ** */

/* ** button0503 start ** */
:root {
/* コメント編集ボタン */
  --commentEditBt-txt: #fff; /* テキスト色 */
  --commentEditBt-bg: #002170; /* 背景色 */
  --commentEditBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentEditBt-sd: none; /* 背景影色 */
}
/* ** button0503 end ** */

/* ** button0504 start ** */
:root {
/* コメント削除ボタン */
  --commentDelBt-txt: #fff; /* テキスト色 */
  --commentDelBt-bg: #545454; /* 背景色 */
  --commentDelBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentDelBt-sd: none; /* 背景影色 */
}
/* ** button0504 end ** */

/* ** button0505 start ** */
:root {
/* コメント返信ボタン */
  --commentResBt-txt: #fff; /* テキスト色 */
  --commentResBt-bg: #0b4c50; /* 背景色 */
  --commentResBt-brd: 1px solid #1d4649; /* ボーダー指定 */
  --commentResBt-sd: none; /* 背景影色 */
}
/* ** button0505 end ** */

/* ** button0506 start ** */
:root {
/* コメント通報ボタン */
  --commentRepBt-txt: #fff; /* テキスト色 */
  --commentRepBt-bg: #640c0c; /* 背景色 */
  --commentRepBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentRepBt-sd: none; /* 背景影色 */
}
/* ** button0506 end ** */

/* ** button0601 start ** */
:root {
/*** 0601: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
  --LinkShtBt-txt: #171717; /* テキスト色 */
  --LinkShtBt-bg: #fff; /* 背景色 */
  --LinkShtBt-brd: 1px solid #666; /* ボーダー指定 */
  --LinkShtBt-sd: none; /* 背景影色 */
  --font-LinkShtBt: clamp(1.2rem, 1.0vw, 1.4rem);/* フォントサイズ */
}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コンテンツ詳細等への遷移ボタン ***/
:root {
/*コンテンツ遷移ボタン詳細 */
  --conDetBt-txt: #fff; /* テキスト色 */
  --conDetBt-bg: #171717; /* 背景色 */
  --conDetBt-brd: 1px solid #7b7b7b; /* ボーダー指定 */
  --conDetBt-sd: 0 0 3px #e0e0e0; /* 背景影色 */
}
/* ** button0602 end ** */

/* ** button0701 start ** */
/*** 0701: オープンクローズボタン ***/
:root {
/* オープンクローズエリア(主に検索・検索結果の開閉) */
  --searchOpCl-txt: #fff; /* テキスト色 */
  --searchOpCl-bg: #171717; /* 背景色 */
  --searchOpCl-brd: 1px solid #171717; /* ボーダー指定 */
  --searchOpCl-sd: none; /* 背景影色 */

/* オープンクローズボタンボタン */
  --slideBtn-txt: #fff; /* テキスト色 */
  --slideBtn-bg: #171717; /* 背景色 */
  --slideBtn-brd: 1px solid #fff; /* ボーダー指定 */
  --slideBtn-sd: none; /* 背景影色 */
}
/* ** button0701 end ** */

/* ** button0702 start ** */
:root {
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
  --htibrd-txt: #000; /* テキスト色 */
  --htibrd-bg: inhelit; /* 背景色 */
  --htibrd-brd: 1px dotted #aaaaaa; /* ボーダー指定 */

/* オープンクローズボタンボタン(タイトル横) */
  --htibrd-slideBtn-rod: 0.5rem; /* 角丸 */
  --htibrd-slideBtn-txt: #fff; /* テキスト色 */
  --htibrd-slideBtn-bg: #171717; /* 背景色 */
  --htibrd-slideBtn-brd: inhelit; /* ボーダー指定 */
  --htibrd-slideBtn-sd: inhelit; /* 背景影色 */
}
/* ** button0702 end ** */

/* ** button0703 start ** */
:root {
  --app-TreeBox-rod: 0.3rem; /* 角丸 */
  --app-TreeBox-brd: 1px solid #e4e4e4; /* ボーダー指定 */
}
/* ** button0703 end ** */

/* ** button0704 start ** */
:root {
/* 基本枠 */
  --OpenCloseBtBox-rod: 0.3rem; /* 角丸 */
  --OpenCloseBtBox-txt: #000000; /* テキスト色 */
  --OpenCloseBtBox-bg: #ffffff; /* 背景色 */
  --OpenCloseBtBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* ボタン枠 */
  --OpenCloseBt-rod: 0.3rem; /* 角丸 */
  --OpenCloseBt-txt: #000000; /* テキスト色 */
  --OpenCloseBt-bg: #f3f3f3; /* 背景色 */
  --OpenCloseBt-brd: 1px solid #e5e5e5; /* ボーダー指定 */

/* ボタン箇所 */
  --OpenClose_btn-txt: #ffffff; /* テキスト色 */
  --OpenClose_btn-bg: #323232; /* 背景色 */
}
/* ** button0704 end ** */

/* ** button0801 start ** */
/*** 0801: タブメニュー ***/
:root {
/* デザインパターン(ボタン形式) */
  --tab-munu-tp01-rod: 0.3rem; /* 角丸 */
  --tab-munu-inn-tp01-rod: 0; /* 角丸 */
  --tab-munu-tp01-txt: #171717; /* テキスト色 */
  --tab-munu-tp01-bg: #eee; /* 背景色 */
  --tab-munu-tp01-crt-txt: #fff; /* テキスト色 */
  --tab-munu-tp01-crt-bg: #2972a0; /* 背景色 */

/* デザインパターン(枠線形式) */
  --tab-munu-tp02-rod: 0.3rem 0.3rem 0 0; /* 角丸 */
  --tab-munu-inn-tp02-rod: 0 0 0.3rem 0.3rem; /* 角丸 */
  --tab-munu-tp02-txt: #171717; /* テキスト色 */
  --tab-munu-tp02-bg: #fff; /* 背景色 */
  --tab-munu-tp02-brd: #b8b8b8; /* ボーダー指定 */

/* デザインパターン(枠線形式ボックス型) */
  --tab-munu-tp03-rod: 0; /* 角丸 */
  --tab-munu-inn-tp03-rod: 0; /* 角丸 */
  --tab-munu-tp03-txt: #171717; /* テキスト色 */
  --tab-munu-tp03-bg: #fff; /* 背景色 */
  --tab-munu-tp03-brd: #b8b8b8; /* ボーダー指定 */
}
/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: ラジオボタンタブボタン ***/
:root {
/* ラジオボタンタブaタグ */
  --app-selectBt-a-cr: #fff; /* 背景色（aタグ） */
  --app-selectBt-a-txt: #171717; /* テキスト色（aタグ） */
  --app-selectBt-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-selectBt-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-selectBt-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 1003: 階層対応タブ風ボタン ***/
:root {
  --app-DetSubBt-rod: 0.3em; /* 角丸 */
  --app-DetSubBt-txt: #000; /* テキスト色 */
  --app-DetSubBt-cr: #efefef; /* 背景色 */
  --app-DetSubBt-txt-crt: #000; /* カレントテキスト色 */
  --app-DetSubBt-cr-crt: #ffcc00; /* カレント背景色 */

/* 2階層目 */
  --app-DetSubBtSub-cr-crt: #212121; /* カレント背景色 */
}
/* ** button0803 end ** */

/* ** button0901 start ** */
/*** 0901: ラジオボタン選択トグルボタン ***/
:root {
/* 基本設定 */
  --app-toggle-rod: 0.3rem; /* 角丸 */
  --app-toggle-size: 4.5rem; /* ボタンサイズ */
  --app-toggle-txt: #fff; /* テキスト色 */

/* ボタン装飾設定 */
  --app-toggle-btdef-bg: #b8b8b8; /* 背景色（デフォルト） */
  --app-toggle-btunap-bg: #00b4e8; /* 背景色（未承認・済み） */
  --app-toggle-btappr-bg: #1da217; /* 背景色（承認） */
}
/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: チェックボックスボタン ***/
:root {
/* 基本設定 */
  --app-checkboxBgBt-rod: 0.3rem; /* 角丸 */
  --app-checkboxBgBt-size: 4.5rem; /* ボタンサイズ */

/* CHECK ON */
  --app-checkboxBgBt-on-txt: #fff; /* テキスト色 */
  --app-checkboxBgBt-on-cr: #00b4e8; /* 背景色 */
/* CHECK NO */
  --app-checkboxBgBt-no-txt: #fff; /* テキスト色 */
  --app-checkboxBgBt-no-cr: #b8b8b8; /* 背景色 */
/* CHECK DIS */
  --app-checkboxBgBt-dis-txt: #ededed; /* テキスト色 */
  --app-checkboxBgBt-dis-cr: #e1e1e1; /* 背景色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-checkboxBgBt-size: 3.5rem; /* ボタンサイズ */
	}
}
/* ** button0902 end ** */

/* ** button0903 start ** */
/*** 0903: ラジオ切り替えボタン ***/
:root {
/* ボタン制御 */
  --app-checkRadiolabel-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* 色制御 */
  --app-checkRadiolabel-txt: #808080; /* テキスト色（通常） */
  --app-checkRadiolabel-cr: #e8e8e8; /* 背景色（通常） */
  --app-checkRadiolabel-no-txt: #808080; /* テキスト色（NO） */
  --app-checkRadiolabel-no-cr: #cccccc; /* 背景色（NO） */
  --app-checkRadiolabel-on-txt: #fff; /* テキスト色（ON） */
  --app-checkRadiolabel-on-cr: #008fea; /* 背景色（ON） */
  --app-checkRadiolabel-off-txt: #fff; /* テキスト色（NO） */
  --app-checkRadiolabel-off-cr: #d14019; /* 背景色（NO） */
  --app-checkRadiolabel-neit-txt: #fff; /* テキスト色（どちらでもない） */
  --app-checkRadiolabel-neit-cr: #1da21a; /* 背景色（どちらでもない） */
}
/* ** button0903 end ** */

/* ** button1001 start ** */
/*** 1001: システム利用各種編集ボタン ***/
:root {
/* 編集・クリアボタン基本 */
  --editBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --editBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --editBt-txt: #303030; /* テキスト色 */
  --editBt-sd: 0 0 0.3rem #e0e0e0; /* 背景影色 */

  --clearBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --clearBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --clearBt-txt: #303030; /* テキスト色 */
  --clearBt-sd: 0 0 0.3rem #e0e0e0; /* 背景影色 */
}
/* ** button1001 end ** */

/* ** button1002 start ** */
/* ** button1002 end ** */
/* ** button1003 start ** */
/* ** button1003 end ** */

/* ** button1101 start ** */
:root {
/* 背景色 */
  --app-NewOrdBt-bg: #e0e930; /* 新規登録誘導ボタン */
  --app-BackListBt-bg: #89c3e1; /* 一覧に戻る誘導ボタン */
  --app-EditDetBt-bg: #f6efda; /* 各種編集誘導ボタン */
  --app-EditOnBt-bg: #e5e9cb; /* 各種処理をオンにするボタン */
  --app-EditOffBt-bg: #a5c7d2; /* 各種処理をオフにするボタン */
  --app-OutLinkBt-bg: #e0edde; /* 外部リンク等のボタン */
  --app-CopyLinkBt-bg: #f6efda; /* コピーリンク等のボタン */
  --app-inductionBtS-bg: #ffffff; /* 単独処理等のボタン */

/* ボーダー指定 */
  --app-NewOrdBt-brd: #ced727; /* 新規登録誘導ボタン */
  --app-BackListBt-brd: #174c69; /* 一覧に戻る誘導ボタン */
  --app-EditDetBt-brd: #a2852c; /* 各種編集誘導ボタン */
  --app-EditOnBt-brd: #bcc38f; /* 各種処理をオンにするボタン */
  --app-EditOffBt-brd: #6c9eae; /* 各種処理をオフにするボタン */
  --app-OutLinkBt-brd: #82a17e; /* 外部リンク等のボタン */
  --app-CopyLinkBt-brd: #a2852c; /* コピーリンク等のボタン */
  --app-inductionBtS-brd: #b1b1b1; /* 単独処理等のボタン */
}
/* ** button1101 end ** */

/* ** button1102 start ** */
/* ** button1102 end ** */

/* ** button1103 start ** */
/* 画面遷移（編集・確認・その他）右寄せボタン */
:root {
/* 画面遷移（編集・確認）ボタン */
  --app-EditBtArea-rod: 0.3rem; /* 角丸 */
  --app-EditBtArea-txt: #171717; /* テキスト色 */
  --app-EditBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-EditBtArea-brd-crt: 1px solid #ffcc00; /* カレントボーダー指定 */

  --app-EditBtArea-BtOnly-cr: #eee; /* ボタンエリア単独時背景色 */

  --app-EditBtArea-detail-cr: #fff; /* 確認ボタン背景色 */
  --app-EditBtArea-detail-brd: 1px solid #cdcdcd; /* 確認ボタンボーダー指定 */
  --app-EditBtArea-edit-cr: #fff; /* 編集ボタン背景色 */
  --app-EditBtArea-edit-brd: 1px solid #cdcdcd; /* 編集ボタンボーダー指定 */
  --app-EditBtArea-delete-cr: #fff; /* 削除ボタン背景色 */
  --app-EditBtArea-delete-brd: 1px solid #cdcdcd; /* 削除ボタンボーダー指定 */
  --app-EditBtArea-oth-cr: #fff; /* その他ボタン背景色 */
  --app-EditBtArea-oth-brd: 1px solid #cdcdcd; /* その他ボタンボーダー指定 */
  --app-EditBtArea-sbm-cr: #fff; /* その他ボタン背景色 */
  --app-EditBtArea-sbm-brd: 1px solid #cdcdcd; /* その他ボタンボーダー指定 */
}
/* ** button1103 end ** */

/* ** buttonColor start ** */
:root {
/****************** カラーサンプル  ******************/
/* グラデーションカラー */
/* グラデボタン白 */
  --bt-w: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --bt-w-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --bt-w-txt: #303030; /* テキスト色 */
  --bt-w-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン青 */
  --bt-bl: linear-gradient(180deg, #0085ba, #007aab); /* 背景色 */
  --bt-bl-brd: 1px solid #007eb0; /* ボーダー指定 */
  --bt-bl-txt: #fff; /* テキスト色 */
  --bt-bl-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン緑 */
  --bt-gr: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --bt-gr-brd: 1px solid #74aa00; /* ボーダー指定 */
  --bt-gr-txt: #fff; /* テキスト色 */
  --bt-gr-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン橙 */
  --bt-or: linear-gradient(180deg, #fb8800, #ef8100); /* 背景色 */
  --bt-or-brd: 1px solid #e97e00; /* ボーダー指定 */
  --bt-or-txt: #fff; /* テキスト色 */
  --bt-or-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン赤 */
  --bt-rd: linear-gradient(180deg, #e44e4e, #d32c2c); /* 背景色 */
  --bt-rd-brd: 1px solid #d21010; /* ボーダー指定 */
  --bt-rd-txt: #fff; /* テキスト色 */
  --bt-rd-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン黒 */
  --bt-bk: linear-gradient(180deg, #2a2a2a, #1a1a1a); /* 背景色 */
  --bt-bk-brd: 1px solid #131313; /* ボーダー指定 */
  --bt-bk-txt: #fff; /* テキスト色 */
  --bt-bk-sd: 0 0 3px #e0e0e0; /* 背景影色 */
}
/* ** buttonColor end ** */