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

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

/* ** buttonBasic start ** */
/****************** 基本ボタン ******************/
:root {
/* 共通(システム利用各種編集ボタン) */
  --BtM-rod: 0.2em; /* 角丸 */
  --popupSglBt-size: 400px; /* ポップアップで一つしかボタンを配置しない時の親枠 */

/****************** カラーサンプル  ******************/
/* グラデーションカラー */
/* グラデボタン白 */
  --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; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/****************** 基本ボタン ******************/

	/* 共通(システム利用各種編集ボタン) */
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 400px; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/****************** 基本ボタン ******************/

	/* 共通(システム利用各種編集ボタン) */
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 90%; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ** buttonBasic end ** */

/************ 共通ボタン(各種登録・購入時のステップボタン) ************/

/* ** button0101 start ** */
/*** 0101: 前後ボタン共通ボタン・次へ進むボタン ***/
:root {

/* 前後ボタン共通ボタン */
  --sbmBNBt-mg: 1.2em auto; /* マージン */
  --sbmBNBt-pd: 1.0em; /* パディング */
  --sbmBNBt-size: 100%; /* ボタンサイズ */
  --sbmBNBt-txt: #171717; /* テキスト色 */
  --sbmBNBt-bg: #fff; /* 背景色 */
  --sbmBNBt-brd: 1px solid #666; /* ボーダー指定 */
  --sbmBNBt-sd: none; /* 背景影色 */
  --font-sbmBNBt: 1.6rem;/* フォントサイズ */

/* 次へ進むボタン */
  --sbmNxBt-mg: 1.2em auto; /* マージン */
  --sbmNxBt-pd: 1.0em; /* パディング */
  --sbmNxBt-size: 100%; /* ボタンサイズ */
  --sbmNxBt-txt: #fff; /* テキスト色 */
  --sbmNxBt-bg: #171717; /* 背景色 */
  --sbmNxBt-brd: 1px solid #171717; /* ボーダー指定 */
  --sbmNxBt-sd: none; /* 背景影色 */
  --font-sbmNxBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-sbmBNBt: 1.4rem;/* フォントサイズ */
	  --font-sbmNxBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0101 end ** */

/* ** button0102 start ** */
/*** 0102: 登録・購入完了ボタン ***/
:root {

/* 登録・購入完了ボタン */
  --sbmCpBt-mg: 1.2em auto; /* マージン */
  --sbmCpBt-pd: 1.0em; /* パディング */
  --sbmCpBt-size: 100%; /* ボタンサイズ */
  --sbmCpBt-txt: #fff; /* テキスト色 */
  --sbmCpBt-bg: #ea5e00; /* 背景色 */
  --sbmCpBt-brd: 1px solid #ea5e00; /* ボーダー指定 */
  --sbmCpBt-sd: none; /* 背景影色 */
  --font-sbmCpBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-sbmCpBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0102 end ** */

/************ 共通ボタン(インラインポップアップ選択ボタン) ************/

/* ** button0103 start ** */
/*** 0103: インラインポップアップ専用ボタン（ウインドウを閉じるボタン） ***/
:root {

/* ウインドウを閉じるボタン */
  --closePuBt-mg: 1.2em auto; /* マージン */
  --closePuBt-pd: 1.0em; /* パディング */
  --closePuBt-size: 100%; /* ボタンサイズ */
  --closePuBt-txt: #171717; /* テキスト色 */
  --closePuBt-bg: #fff; /* 背景色 */
  --closePuBt-brd: 1px solid #666; /* ボーダー指定 */
  --closePuBt-sd: none; /* 背景影色 */
  --font-closePuBt: 1.6rem;/* フォントサイズ */

/* 登録完了ボタン */
  --editPuBt-mg: 1.2em auto; /* マージン */
  --editPuBt-pd: 1.0em; /* パディング */
  --editPuBt-size: 100%; /* ボタンサイズ */
  --editPuBt-txt: #fff; /* テキスト色 */
  --editPuBt-bg: #171717; /* 背景色 */
  --editPuBt-brd: 1px solid #171717; /* ボーダー指定 */
  --editPuBt-sd: none; /* 背景影色 */
  --font-editPuBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-closePuBt: 1.4rem;/* フォントサイズ */
	  --font-editPuBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0103 end ** */

/************ 共通ボタン(オープンクローズボタン) ************/

/* ** button0104 start ** */
/*** 0104: オープンクローズボタン ***/
:root {

/* オープンクローズエリア(主に検索・検索結果の開閉) */
  --searchOpCl-rod: 0.3rem; /* 角丸 */
  --searchOpCl-mg: 1.0em auto 0 auto; /* マージン */
  --searchOpCl-pd: 0.5em 0.5em 0.5em 1.0em; /* パディング */
  --searchOpCl-txt: #fff; /* テキスト色 */
  --searchOpCl-bg: #171717; /* 背景色 */
  --searchOpCl-brd: 1px solid #171717; /* ボーダー指定 */
  --searchOpCl-sd: none; /* 背景影色 */
  --font-OpClTi: 1.4rem; /* フォントサイズ */

/* オープンクローズボタンボタン */
  --slideBtn-rod: 0.5rem; /* 角丸 */
  --slideBtn-mg: 0; /* マージン */
  --slideBtn-pd: 0.2em; /* パディング */
  --slideBtn-size: 100%; /* ボタンサイズ */
  --slideBtn-txt: #fff; /* テキスト色 */
  --slideBtn-bg: #171717; /* 背景色 */
  --slideBtn-brd: 1px solid #fff; /* ボーダー指定 */
  --slideBtn-sd: none; /* 背景影色 */
  --font-slideBtn: 1.2rem; /* フォントサイズ */

/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
  --htibrd-mg: 0.5rem auto; /* マージン */
  --htibrd-pd: 0.3em 0.3em 0.3em 0.5em; /* パディング */
  --htibrd-txt: #000; /* テキスト色 */
  --htibrd-bg: inhelit; /* 背景色 */
  --htibrd-brd: 1px dotted #aaaaaa; /* ボーダー指定 */
  --font-htibrd: 1.4rem; /* フォントサイズ */

/* オープンクローズボタンボタン */
  --htibrd-slideBtn-rod: 1.5rem; /* 角丸 */
  --htibrd-slideBtn-mg: 0; /* マージン */
  --htibrd-slideBtn-pd: 0.4em 1.0rem; /* パディング */
  --htibrd-slideBtn-txt: #fff; /* テキスト色 */
  --htibrd-slideBtn-bg: #171717; /* 背景色 */
  --htibrd-slideBtn-brd: inhelit; /* ボーダー指定 */
  --htibrd-slideBtn-sd: inhelit; /* 背景影色 */
  --font-htibrd-slideBtn: 1.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0104 end ** */

/************ 共通ボタン(システム利用各種編集ボタン) ************/

/* ** button0105 start ** */
/*** 0105: システム利用各種編集ボタン ***/
:root {

/* 編集ボタン基本 */
  --editBt-mg: 0; /* マージン */
  --editBt-pd: 0.5em; /* パディング */
  --editBt-size: 100%; /* ボタンサイズ */
  --editBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --editBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --editBt-txt: #303030; /* テキスト色 */
  --editBt-sd: 0 0 3px #e0e0e0; /* 背景影色 */
  --font-editBt: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0105 end ** */

/* ** button0106 start ** */
/*** 0106: 前後ボタン共通ボタン・次へ進むボタン（小サイズ） ***/
:root {

/* 前後ボタン共通ボタン（小サイズ） */
  --sbmSBNBt-mg: 1.0em auto; /* マージン */
  --sbmSBNBt-pd: 0.5em; /* パディング */
  --sbmSBNBt-size: 25%; /* ボタンサイズ */
  --sbmSBNBt-txt: #171717; /* テキスト色 */
  --sbmSBNBt-bg: #fff; /* 背景色 */
  --sbmSBNBt-brd: 1px solid #666; /* ボーダー指定 */
  --sbmSBNBt-sd: none; /* 背景影色 */
  --font-sbmSBNBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --sbmSBNBt-size: 45%; /* ボタンサイズ */
	}
}
/* ** button0106 end ** */

/* ** button0107 start ** */
:root {

/*** 0107: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
  --LinkShtBt-mg: 0 2.0rem; /* マージン */
  --LinkShtBt-pd: 0.2rem 1.0rem; /* パディング */
  --LinkShtBt-txt: #171717; /* テキスト色 */
  --LinkShtBt-bg: #fff; /* 背景色 */
  --LinkShtBt-brd: 1px solid #666; /* ボーダー指定 */
  --LinkShtBt-sd: none; /* 背景影色 */
  --font-LinkShtBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0107 end ** */

/****************** 会員ログインに関係するもの  ******************/

/* ** button0201 start ** */
/*** 0201: ログイン・新規会員登録・パスワード忘れボタン ***/
:root {

/*** ログインページ ***/

/* ログインボタン */
  --LoginBt-mg: 1.2em auto; /* マージン */
  --LoginBt-pd: 1.0em; /* パディング */
  --LoginBt-size: 80%; /* ボタンサイズ */
  --LoginBt-txt: #fff; /* テキスト色 */
  --LoginBt-bg: #171717; /* 背景色 */
  --LoginBt-brd: 1px solid #171717; /* ボーダー指定 */
  --LoginBt-sd: none; /* 背景影色 */
  --font-LoginBt: 1.6rem; /* フォントサイズ */

/* 新規会員登録ボタン(ログインページ用) */
  --newmemBt-mg: 1.5em auto; /* マージン */
  --newmemBt-pd: 1.0em; /* パディング */
  --newmemBt-size: 80%; /* ボタンサイズ */
  --newmemBt-txt: #171717; /* テキスト色 */
  --newmemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --newmemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --newmemBt-sd: none; /* 背景影色 */
  --font-newmemBt: 1.8rem;/* フォントサイズ */

/* パスワード忘れページへの遷移ボタン */
  --reminderBt-mg: 0.5em auto; /* マージン */
  --reminderBt-pd: 0.5em; /* パディング */
  --reminderBt-size: 60%; /* ボタンサイズ */
  --reminderBt-txt: #171717; /* テキスト色 */
  --reminderBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --reminderBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --reminderBt-sd: none; /* 背景影色 */
  --font-reminderBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ログインボタン */
	  --LoginBt-mg: 0.5em auto; /* マージン */
	  --LoginBt-size: 95%; /* ボタンサイズ */
	  --font-LoginBt: 1.4rem; /* フォントサイズ */

	/* 新規会員登録ボタン(ログインページ用) */
	  --newmemBt-mg: 1.0em auto; /* マージン */
	  --newmemBt-size: 95%; /* ボタンサイズ */
	  --font-newmemBt: 1.6rem;/* フォントサイズ */

	/* パスワード忘れページへの遷移ボタン */
	  --reminderBt-mg: 1.0em auto; /* マージン */
	  --reminderBt-size: 90%; /* ボタンサイズ */
	}
}
/* ** button0201 end ** */

/*** パスワード再設定ページ ***/

/* ** button0202 start ** */
/*** 0202: パスワード問い合わせボタン ***/
:root {

/* パスワード問い合わせボタン */
  --remCtBt-mg: 1.5em auto; /* マージン */
  --remCtBt-pd: 1.0em; /* パディング */
  --remCtBt-size: 80%; /* ボタンサイズ */
  --remCtBt-txt: #171717; /* テキスト色 */
  --remCtBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --remCtBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --remCtBt-sd: none; /* 背景影色 */
  --font-remCtBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* パスワード問い合わせボタン */
	  --remCtBt-mg: 1.0em auto; /* マージン */
	  --remCtBt-size: 95%; /* ボタンサイズ */
	  --font-remCtBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0202 end ** */

/****************** 新規会員登録に関係するもの  ******************/

/* ** button0301 start ** */
/*** 0301: 会員情報登録ボタン ***/
:root {

/* 会員情報登録ボタン */
  --newRegBt-mg: 1.5em auto; /* マージン */
  --newRegBt-pd: 1.0em; /* パディング */
  --newRegBt-size: 60%; /* ボタンサイズ */
  --newRegBt-txt: #171717; /* テキスト色 */
  --newRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --newRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --newRegBt-sd: none; /* 背景影色 */
  --font-newRegBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 会員情報登録ボタン */
	  --newRegBt-mg: 1.0em auto; /* マージン */
	  --newRegBt-size: 95%; /* ボタンサイズ */
	  --font-newRegBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0301 end ** */

/****************** お問い合わせに関係するもの  ******************/

/* ** button0401 start ** */
/*** 0401: 問い合わせ情報登録ボタン ***/
:root {

/* 問い合わせ情報登録ボタン */
  --contactRegBt-mg: 1.5em auto; /* マージン */
  --contactRegBt-pd: 1.0em; /* パディング */
  --contactRegBt-size: 60%; /* ボタンサイズ */
  --contactRegBt-txt: #171717; /* テキスト色 */
  --contactRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --contactRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --contactRegBt-sd: none; /* 背景影色 */
  --font-contactRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 問い合わせ情報登録ボタン */
	  --contactRegBt-mg: 1.0em auto; /* マージン */
	  --contactRegBt-size: 95%; /* ボタンサイズ */
	  --font-contactRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0401 end ** */

/****************** 掲示板に関係するもの  ******************/

/* ** button0501 start ** */
/*** 0501: 掲示板一覧に戻るボタン ***/
:root {

/* 掲示板一覧に戻るボタン */
  --boardBackBt-mg: 1.5em auto; /* マージン */
  --boardBackBt-pd: 1.0em; /* パディング */
  --boardBackBt-size: 60%; /* ボタンサイズ */
  --boardBackBt-txt: #171717; /* テキスト色 */
  --boardBackBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --boardBackBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --boardBackBt-sd: none; /* 背景影色 */
  --font-boardBackBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 掲示板一覧に戻るボタン */
	  --boardBackBt-mg: 1.0em auto; /* マージン */
	  --boardBackBt-size: 90%; /* ボタンサイズ */
	  --font-boardBackBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0501 end ** */

/* ** button0502 start ** */
/*** 0502: 新規トピックス投稿ボタン(遷移) ***/
:root {

/* 新規トピックス投稿ボタン(遷移) */
  --topicsRegBt-mg: 1.5em auto; /* マージン */
  --topicsRegBt-pd: 1.0em; /* パディング */
  --topicsRegBt-size: 60%; /* ボタンサイズ */
  --topicsRegBt-txt: #171717; /* テキスト色 */
  --topicsRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --topicsRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --topicsRegBt-sd: none; /* 背景影色 */
  --font-topicsRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 新規トピックス投稿ボタン(遷移) */
	  --topicsRegBt-mg: 1.0em auto; /* マージン */
	  --topicsRegBt-size: 90%; /* ボタンサイズ */
	  --font-topicsRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0502 end ** */

/* ** button0503 start ** */
/*** 0503: 新規トピックス投稿ボタン(投稿) ***/
:root {

/* 新規トピックス投稿ボタン(投稿) */
  --topicsPostBt-mg: 1.5em auto; /* マージン */
  --topicsPostBt-pd: 1.0em; /* パディング */
  --topicsPostBt-size: 80%; /* ボタンサイズ */
  --topicsPostBt-txt: #171717; /* テキスト色 */
  --topicsPostBt-bg: #fff; /* 背景色 */
  --topicsPostBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --topicsPostBt-sd: none; /* 背景影色 */
  --font-topicsPostBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 新規トピックス投稿ボタン(投稿) */
	  --topicsPostBt-mg: 1.0em auto; /* マージン */
	  --topicsPostBt-size: 90%; /* ボタンサイズ */
	  --font-topicsPostBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0503 end ** */

/* ** button0504 start ** */
/*** 0504: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --boardMypBt-mg: 1.0em auto; /* マージン */
  --boardMypBt-pd: 1.0em; /* パディング */
  --boardMypBt-size: 40%; /* ボタンサイズ */
  --boardMypBt-txt: #171717; /* テキスト色 */
  --boardMypBt-bg: #fff; /* 背景色 */
  --boardMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --boardMypBt-sd: none; /* 背景影色 */
  --font-boardMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --boardMypBt-size: 90%; /* ボタンサイズ */
	  --font-boardMypBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0504 end ** */

/****************** コメントに関係するもの  ******************/

/* ** button0601 start ** */
/*** 0601: コメント登録ボタン ***/
:root {

/* コメント登録ボタン */
  --commentRegBt-mg: 0; /* マージン */
  --commentRegBt-pd: 1.0em; /* パディング */
  --commentRegBt-size: 100%; /* ボタンサイズ */
  --commentRegBt-txt: #fff; /* テキスト色 */
  --commentRegBt-bg: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --commentRegBt-brd: 1px solid #74aa00; /* ボーダー指定 */
  --commentRegBt-sd: none; /* 背景影色 */
  --font-commentRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-commentRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コメント時会員登録促進ボタン ***/
:root {

/* コメント時会員登録促進ボタン */
  --commentMemBt-mg: 0; /* マージン */
  --commentMemBt-pd: 1.0em; /* パディング */
  --commentMemBt-size: 100%; /* ボタンサイズ */
  --commentMemBt-txt: #171717; /* テキスト色 */
  --commentMemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --commentMemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --commentMemBt-sd: none; /* 背景影色 */
  --font-commentMemBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-commentMemBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0602 end ** */

/* ** button0603 start ** */
/*** 0603: コメント編集ボタン ***/
:root {

/* コメント編集ボタン */
  --commentEditBt-mg: 0 auto; /* マージン */
  --commentEditBt-pd: 0.5em; /* パディング */
  --commentEditBt-size: 100%; /* ボタンサイズ */
  --commentEditBt-txt: #fff; /* テキスト色 */
  --commentEditBt-bg: #171717; /* 背景色 */
  --commentEditBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentEditBt-sd: none; /* 背景影色 */
  --font-commentEditBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント編集ボタン */
	  --commentEditBt-pd: 1.0em; /* パディング */
	  --font-commentEditBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0603 end ** */

/* ** button0604 start ** */
/*** 0604: コメント削除ボタン ***/
:root {

/* コメント削除ボタン */
  --commentDelBt-mg: 0 auto; /* マージン */
  --commentDelBt-pd: 0.5em; /* パディング */
  --commentDelBt-size: 100%; /* ボタンサイズ */
  --commentDelBt-txt: #fff; /* テキスト色 */
  --commentDelBt-bg: #171717; /* 背景色 */
  --commentDelBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentDelBt-sd: none; /* 背景影色 */
  --font-commentDelBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント削除ボタン */
	  --commentDelBt-pd: 1.0em; /* パディング */
	  --font-commentDelBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0604 end ** */

/* ** button0605 start ** */
/*** 0605: コメント返信ボタン ***/
:root {

/* コメント返信ボタン */
  --commentResBt-mg: 0 auto; /* マージン */
  --commentResBt-pd: 0.5em; /* パディング */
  --commentResBt-size: 100%; /* ボタンサイズ */
  --commentResBt-txt: #fff; /* テキスト色 */
  --commentResBt-bg: #171717; /* 背景色 */
  --commentResBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentResBt-sd: none; /* 背景影色 */
  --font-commentResBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント返信ボタン */
	  --commentResBt-pd: 1.0em; /* パディング */
	  --font-commentResBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0605 end ** */

/* ** button0606 start ** */
/*** 0606: コメント通報ボタン ***/
:root {

/* コメント通報ボタン */
  --commentRepBt-mg: 0 auto; /* マージン */
  --commentRepBt-pd: 0.5em; /* パディング */
  --commentRepBt-size: 100%; /* ボタンサイズ */
  --commentRepBt-txt: #fff; /* テキスト色 */
  --commentRepBt-bg: #171717; /* 背景色 */
  --commentRepBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentRepBt-sd: none; /* 背景影色 */
  --font-commentRepBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント通報ボタン */
	  --commentRepBt-pd: 1.0em; /* パディング */
	  --font-commentRepBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0606 end ** */

/****************** セミナー購入に関係するもの  ******************/

/* ** button0701 start ** */
/*** 0701: キャンセル待ちでの申込みボタン ***/
:root {

/* キャンセル待ちでの申込みボタン */
  --seminarCanBt-mg: 1.0em auto; /* マージン */
  --seminarCanBt-pd: 1.0em; /* パディング */
  --seminarCanBt-size: 60%; /* ボタンサイズ */
  --seminarCanBt-txt: #fff; /* テキスト色 */
  --seminarCanBt-bg: #203065; /* 背景色 */
  --seminarCanBt-brd: 1px solid #203065; /* ボーダー指定 */
  --seminarCanBt-sd: none; /* 背景影色 */
  --font-seminarCanBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* キャンセル待ちでの申込みボタン */
	  --seminarCanBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0701 end ** */

/* ** button0702 start ** */
/*** 0702: 通常の申込みボタン ***/
:root {

/* 通常の申込みボタン */
  --seminarOrdBt-mg: 1.0em auto; /* マージン */
  --seminarOrdBt-pd: 1.0em; /* パディング */
  --seminarOrdBt-size: 60%; /* ボタンサイズ */
  --seminarOrdBt-txt: #171717; /* テキスト色 */
  --seminarOrdBt-bg: #fff; /* 背景色 */
  --seminarOrdBt-brd: 1px solid #666; /* ボーダー指定 */
  --seminarOrdBt-sd: none; /* 背景影色 */
  --font-seminarOrdBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 通常の申込みボタン */
	  --seminarOrdBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0702 end ** */

/* ** button0703 start ** */
/*** 0703: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --seminarMypBt-mg: 1.0em auto; /* マージン */
  --seminarMypBt-pd: 1.0em; /* パディング */
  --seminarMypBt-size: 60%; /* ボタンサイズ */
  --seminarMypBt-txt: #171717; /* テキスト色 */
  --seminarMypBt-bg: #fff; /* 背景色 */
  --seminarMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --seminarMypBt-sd: none; /* 背景影色 */
  --font-seminarMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --seminarMypBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0703 end ** */

/****************** 商品購入に関係するもの  ******************/

/* ** button0801 start ** */
/*** 0801: キャンセル待ちでの購入ボタン ***/
:root {

/* キャンセル待ちでの購入ボタン */
  --productCanBt-mg: 0 auto; /* マージン */
  --productCanBt-pd: 1.0rem 0.5em; /* パディング */
  --productCanBt-size: 100%; /* ボタンサイズ */
  --productCanBt-txt: #fff; /* テキスト色 */
  --productCanBt-bg: #203065; /* 背景色 */
  --productCanBt-brd: 1px solid #203065; /* ボーダー指定 */
  --productCanBt-sd: none; /* 背景影色 */
  --font-productCanBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* キャンセル待ちでの購入ボタン */
	  --productCanBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: 通常の購入ボタン ***/
:root {

/* 通常の購入ボタン */
  --productOrdBt-mg: 0 auto; /* マージン */
  --productOrdBt-pd: 1.0rem 0.5em; /* パディング */
  --productOrdBt-size: 100%; /* ボタンサイズ */
  --productOrdBt-txt: #171717; /* テキスト色 */
  --productOrdBt-bg: #fff; /* 背景色 */
  --productOrdBt-brd: 1px solid #666; /* ボーダー指定 */
  --productOrdBt-sd: none; /* 背景影色 */
  --font-productOrdBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 通常の購入ボタン */
	  --productOrdBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 0803: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --productMypBt-mg: 1.0em auto; /* マージン */
  --productMypBt-pd: 1.0em; /* パディング */
  --productMypBt-size: 40%; /* ボタンサイズ */
  --productMypBt-txt: #171717; /* テキスト色 */
  --productMypBt-bg: #fff; /* 背景色 */
  --productMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --productMypBt-sd: none; /* 背景影色 */
  --font-productMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --productMypBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0803 end ** */

/* ** button0804 start ** */
/*** 0804: 購入手続きへ進むボタン ***/
:root {

/* 購入手続きへ進むボタン */
  --productPurchaseBt-mg: 1.0em auto; /* マージン */
  --productPurchaseBt-pd: 1.5em; /* パディング */
  --productPurchaseBt-size: 40%; /* ボタンサイズ */
  --productPurchaseBt-txt: #fff; /* テキスト色 */
  --productPurchaseBt-bg: #171717; /* 背景色 */
  --productPurchaseBt-brd: 1px solid #171717; /* ボーダー指定 */
  --productPurchaseBt-sd: none; /* 背景影色 */
  --font-productPurchaseBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 購入手続きへ進むボタン */
	  --productPurchaseBt-pd: 1.0em; /* パディング */
	  --productPurchaseBt-size: 95%; /* ボタンサイズ */
	  --font-productPurchaseBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0804 end ** */

/****************** カート内での購入に関係するボタン ******************/

/* ** button0901 start ** */
/*** 0901: カートでの更新・削除・個数変更ボタン ***/
:root {

/* 更新・削除・確認ボタン共通 */
  --font-PrdBt: 1.4rem;/* フォントサイズ */

/* 更新ボタン */
  --prdCartUpdBt-txt: #fff; /* テキスト色 */
  --prdCartUpdBt-bg: #215e97; /* 背景色 */
  --prdCartUpdBt-brd: 1px solid #215e97; /* ボーダー指定 */
  --prdCartUpdBt-sd: none; /* 背景影色 */

/* 削除ボタン */
  --prdCartDelBt-txt: #fff; /* テキスト色 */
  --prdCartDelBt-bg: #969696; /* 背景色 */
  --prdCartDelBt-brd: 1px solid #969696; /* ボーダー指定 */
  --prdCartDelBt-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: カート内商品一覧での確認・カートへ入れるボタン ***/
:root {

/* 確認ボタン */
  --prdCartDetBt-txt: #171717; /* テキスト色 */
  --prdCartDetBt-bg: #fff; /* 背景色 */
  --prdCartDetBt-brd: 1px solid #666; /* ボーダー指定 */
  --prdCartDetBt-sd: none; /* 背景影色 */

/* カートボタン */
  --prdCartOrdBt-txt: #fff; /* テキスト色 */
  --prdCartOrdBt-bg: #171717; /* 背景色 */
  --prdCartOrdBt-brd: 1px solid #171717; /* ボーダー指定 */
  --prdCartOrdBt-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0902 end ** */

/****************** コンテンツ詳細等への遷移に関係するもの  ******************/

/* ** button1001 start ** */
/*** 1001: コンテンツ詳細等への遷移ボタン ***/
:root {

/* 大きいサイズボタン */
  --conDetBtW-mg: 1.2em auto; /* マージン */
  --conDetBtW-pd: 1.0em; /* パディング */
  --conDetBtW-size: 80%; /* ボタンサイズ */
  --conDetBtW-txt: #fff; /* テキスト色 */
  --conDetBtW-bg: #171717; /* 背景色 */
  --conDetBtW-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtW-sd: none; /* 背景影色 */
  --font-conDetBtW: 1.8rem;/* フォントサイズ */

/* 中サイズボタン */
  --conDetBtM-mg: 1.2em auto; /* マージン */
  --conDetBtM-pd: 0.8em; /* パディング */
  --conDetBtM-size: 60%; /* ボタンサイズ */
  --conDetBtM-txt: #fff; /* テキスト色 */
  --conDetBtM-bg: #171717; /* 背景色 */
  --conDetBtM-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtM-sd: none; /* 背景影色 */
  --font-conDetBtM: 1.6rem;/* フォントサイズ */

/* 小サイズボタン */
  --conDetBtS-mg: 1.0em auto; /* マージン */
  --conDetBtS-pd: 0.8em; /* パディング */
  --conDetBtS-size: 50%; /* ボタンサイズ */
  --conDetBtS-txt: #fff; /* テキスト色 */
  --conDetBtS-bg: #171717; /* 背景色 */
  --conDetBtS-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtS-sd: none; /* 背景影色 */
  --font-conDetBtS: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 大きいサイズボタン */
	  --conDetBtW-mg: 1.2em auto; /* マージン */
	  --conDetBtW-pd: 1.0em; /* パディング */
	  --conDetBtW-size: 95%; /* ボタンサイズ */
	  --font-conDetBtW: 1.6rem;/* フォントサイズ */

	/* 中サイズボタン */
	  --conDetBtM-mg: 1.2em auto; /* マージン */
	  --conDetBtM-pd: 1.0em; /* パディング */
	  --conDetBtM-size: 95%; /* ボタンサイズ */
	  --font-conDetBtM: 1.6rem;/* フォントサイズ */

	/* 小サイズボタン */
	  --conDetBtS-mg: 1.2em auto; /* マージン */
	  --conDetBtS-pd: 1.0em; /* パディング */
	  --conDetBtS-size: 95%; /* ボタンサイズ */
	  --font-conDetBtS: 1.6rem;/* フォントサイズ */
	}
}
/* ** button1001 end ** */

/****************** リスト詳細に関係するもの  ******************/

/* ** button1101 start ** */
/*** 1101: リスト一覧での詳細を見るボタン ***/
:root {

/* 一覧詳細ボタン */
  --ListLinkBt-mg: 1.0em 0; /* マージン */
  --ListLinkBt-pd: 0.4em; /* パディング */
  --ListLinkBt-size: 10.0em; /* ボタンサイズ */
  --ListLinkBt-txt: #fff; /* テキスト色 */
  --ListLinkBt-bg: #171717; /* 背景色 */
  --ListLinkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListLinkBt-sd: none; /* 背景影色 */
  --font-ListLinkBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1101 end ** */

/* ** button1102 start ** */
/*** 1102: 詳細から一覧へ戻るボタン ***/
:root {

/* 詳細から一覧へ戻るボタン(基本) */
  --ListBkBt-txt: #fff; /* テキスト色 */
  --ListBkBt-bg: #171717; /* 背景色 */
  --ListBkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListBkBt-sd: none; /* 背景影色 */

/* 詳細から一覧へ戻るボタン(タイトル左) */
  --ListBkBtMti-mg: 0; /* マージン */
  --ListBkBtMti-pd: 0.6em 0; /* パディング */
  --ListBkBtMti-size: 6.0em; /* ボタンサイズ */
  --font-ListBkBtMti: 1.4rem;/* フォントサイズ */

/* 詳細から一覧へ戻るボタン(コンテンツ内) */
  --ListBkBtDet-mg: 1.0em auto; /* マージン */
  --ListBkBtDet-pd: 1.0em; /* パディング */
  --ListBkBtDet-size: 50%; /* ボタンサイズ */
  --font-ListBkBtDet: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
		/* 詳細から一覧へ戻るボタン(タイトル左) */
		  --ListBkBtMti-pd: 0.6em 0; /* パディング */
		  --ListBkBtMti-size: 5.5em; /* ボタンサイズ */
		  --font-ListBkBtMti: 1.2rem;/* フォントサイズ */

		/* 詳細から一覧へ戻るボタン(コンテンツ内) */
		  --ListBkBtDet-size: 80%; /* ボタンサイズ */
		  --font-ListBkBtDet: 1.6rem;/* フォントサイズ */
	}
}
/* ** button1102 end ** */

/****************** 詳細ページに関係するもの  ******************/

/* ** button1201 start ** */
/*** 1201: ネクストバックボタン ***/
:root {

/* ネクストバックボタン */
  --NBLinkBt-pwidth: 45%; /* 親枠の幅 */
  --NBLinkBt-mg: 0 auto; /* マージン */
  --NBLinkBt-pd: 1.0em; /* パディング */
  --NBLinkBt-size: 100%; /* ボタンサイズ */
  --NBLinkBt-txt: #171717; /* テキスト色 */
  --NBLinkBt-bg: #fff; /* 背景色 */
  --NBLinkBt-brd: 1px solid #999; /* ボーダー指定 */
  --NBLinkBt-sd: none; /* 背景影色 */
  --font-NBLinkBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ネクストバックボタン */
	  --NBLinkBt-pwidth: 48%; /* 親枠の幅 */
	}
}
/* ** button1201 end ** */

/****************** マイページ内購入に関係するもの  ******************/

/* ** button1301 start ** */
/*** 1301: マイページの決済履歴・決済カード変更・キャンセルボタン ***/
:root {

/* 決済履歴ボタン */
  --myprirekiBt-mg: 0 auto; /* マージン */
  --myprirekiBt-pd: 0.8em; /* パディング */
  --myprirekiBt-size: 100%; /* ボタンサイズ */
  --myprirekiBt-txt: #fff; /* テキスト色 */
  --myprirekiBt-bg: #171717; /* 背景色 */
  --myprirekiBt-brd: 1px solid #eee; /* ボーダー指定 */
  --myprirekiBt-sd: none; /* 背景影色 */
  --font-myprirekiBt: 1.4rem;/* フォントサイズ */

/* 決済カード変更ボタン */
  --mypcardChBt-mg: 0 auto; /* マージン */
  --mypcardChBt-pd: 0.8em; /* パディング */
  --mypcardChBt-size: 100%; /* ボタンサイズ */
  --mypcardChBt-txt: #fff; /* テキスト色 */
  --mypcardChBt-bg: #171717; /* 背景色 */
  --mypcardChBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypcardChBt-sd: none; /* 背景影色 */
  --font-mypcardChBt: 1.4rem;/* フォントサイズ */

/* キャンセルボタン */
  --mypcanBt-mg: 0 auto; /* マージン */
  --mypcanBt-pd: 0.8em; /* パディング */
  --mypcanBt-size: 100%; /* ボタンサイズ */
  --mypcanBt-txt: #fff; /* テキスト色 */
  --mypcanBt-bg: #171717; /* 背景色 */
  --mypcanBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypcanBt-sd: none; /* 背景影色 */
  --font-mypcanBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1301 end ** */

/* ** button1302 start ** */
/*** 1302: マイページのプラン変更ボタン ***/
:root {

/* プラン変更ボタン */
  --mypplanChBt-mg: 0 auto; /* マージン */
  --mypplanChBt-pd: 0.8em; /* パディング */
  --mypplanChBt-size: 100%; /* ボタンサイズ */
  --mypplanChBt-txt: #fff; /* テキスト色 */
  --mypplanChBt-bg: #171717; /* 背景色 */
  --mypplanChBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypplanChBt-sd: none; /* 背景影色 */
  --font-mypplanChBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1302 end ** */

/* ** button1303 start ** */
/*** 1303: マイページの新規申込みボタン ***/
:root {

/* 新規申込みボタン */
  --mypnewBt-mg: 0 auto; /* マージン */
  --mypnewBt-pd: 0.8em; /* パディング */
  --mypnewBt-size: 100%; /* ボタンサイズ */
  --mypnewBt-txt: #fff; /* テキスト色 */
  --mypnewBt-bg: #171717; /* 背景色 */
  --mypnewBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypnewBt-sd: none; /* 背景影色 */
  --font-mypnewBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1303 end ** */

/****************** 会員編集・フォームページ ファイルアップロード要素  ******************/

/* ** button1401 start ** */
/*** 1401: ファイルアップロード・削除ボタン ***/
:root {

/* ファイルアップロード・参照・削除ボタン共通 */
  --fileUpBT-rod: 0.2em; /* 角丸 */
  --fileUpBT-size: 200px; /* ボタンサイズ */
  --fileUpBT-mg: 0; /* マージン */
  --fileUpBT-pd: 0.5em; /* パディング */
  --font-fileUpBT: 1.4rem;/* フォントサイズ */

/* ファイルアップロードボタン */
  --fileUpBT-txt: #fff; /* テキスト色 */
  --fileUpBT-bg: #171717; /* 背景色 */
  --fileUpBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileUpBT-sd: none; /* 背景影色 */

/* ファイル削除ボタン */
  --fileDelBT-txt: #fff; /* テキスト色 */
  --fileDelBT-bg: #171717; /* 背景色 */
  --fileDelBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileDelBT-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ファイルアップロード・参照・削除ボタン共通 */
	  --fileUpBT-size: 100%; /* ボタンサイズ */
	}
}
/* ** button1401 end ** */

/* ** button1402 start ** */
/*** 1402: ファイルアップロードの参照ボタン ***/
:root {

/* ファイル選択エリア */
  --fileUpBox-rod: 0.2em; /* 角丸 */
  --fileUpBox-txt: #171717; /* テキスト色 */
  --fileUpBox-bg: #fff; /* 背景色 */
  --fileUpBox-brd: 1px solid #999; /* ボーダー指定 */
  --fileUpBox-brd-dl: 1px dotted #999; /* 罫線ボーダー指定 */
  --font-fileUpBox: 1.4rem;/* フォントサイズ */

/* ファイル参照ボタン */
  --fileDelBTLB-txt: #fff; /* テキスト色 */
  --fileDelBTLB-bg: #171717; /* 背景色 */
  --fileDelBTLB-brd: 1px solid #171717; /* ボーダー指定 */
  --fileDelBTLB-sd: none; /* 背景影色 */

/* ファイルアップロード後表示 */
  --FileUpName-txt: #171717; /* テキスト色 */
  --font-FileUpName: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1402 end ** */

/****************** 検索等(住所検索・パスワード表示)のボタン ******************/

/* ** button1501 start ** */
/*** 1501: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
:root {
/* 共通指定 */
  --SearchBT-rod: 3px; /* 角丸 */

/* 検索ボタン共通（基本） */
  --SearchBT-mg: 0 0.8rem; /* マージン */
  --SearchBT-pd: 0.8em; /* パディング */
  --SearchBT-txt: #fff; /* テキスト色 */
  --SearchBT-bg: #171717; /* 背景色 */
  --SearchBT-brd: 1px solid #171717; /* ボーダー指定 */
  --SearchBT-sd: none; /* 背景影色 */
  --font-search-bt: 1.4rem; /* フォントサイズ */

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

/* 検索ボタン共通（検索クリア） */
  --clearBtn-txt: #171717; /* テキスト色 */
  --clearBtn-bg: #fff; /* 背景色 */
  --clearBtn-brd: 1px solid #666; /* ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --SearchBT-mg: 1.0rem 0.8rem; /* マージン */
	}
}
/* ** button1501 end ** */

/****************** ラジオボタン選択トグルボタン ******************/

/* ** button1601 start ** */
/*** 1601: ラジオボタン選択トグルボタン ***/
:root {

/* 基本設定 */
  --app-toggle-rod: 0.3rem; /* 角丸 */
  --app-toggle-txt: #fff; /* テキスト色 */

/* ボタン装飾設定 */
  --app-toggle-btdef-bg: #adadad; /* 背景色（デフォルト） */
  --app-toggle-btunap-bg: #ff9f15; /* 背景色（未承認・済み） */
  --app-toggle-btappr-bg: #1da217; /* 背景色（承認） */
  --font-toggle-bt: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1601 end ** */

/* ** button1602 start ** */
/*** 1602: ラジオボタンタブボタン ***/
:root {
/* ラジオボタンタブ基本 */
  --app-selectBt-mg: 2.0rem auto; /* マージン */
  --app-selectBt-pd: 0; /* パディング */
  --font-selectBt: 1.4rem; /* フォントサイズ */

/* ラジオボタンタブaタグ */
  --app-selectBt-rod: 0.2em; /* 角丸 */
  --app-selectBt-a-mg: 0 0.2rem; /* マージン */
  --app-selectBt-a-pd: 1.0rem; /* パディング */
  --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タグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1602 end ** */

/* ** button1603 start ** */
/*** 1603: チェックボックスボタン ***/
:root {
  --app-checkboxBgBt-rod: 0.3rem; /* 角丸 */
  --app-checkboxBgBt-size: 4.5rem; /* ボタンサイズ */
  --font-checkboxBgBt: 1.6rem; /* フォントサイズ */
/* 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; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-checkboxBgBt-size: 3.5rem; /* ボタンサイズ */
	  --font-checkboxBgBt: 1.4rem; /* フォントサイズ */
	}
}
/* チェックボックス全てをチェック */
:root {
  --font-checkboxAll: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1603 end ** */

/* ** button1604 start ** */
/******* ラジオ切り替えボタン *******/
:root {
  --app-checkRadio-mg: 0 auto; /* マージン */
  --app-checkRadio-pd: 0.5rem 0; /* パディング */

/* ボタン制御 */
  --app-checkRadiolabel-rod: 0.3rem; /* 角丸 */
  --app-checkRadiolabel-size: 100px; /* ボタンサイズ */
  --app-checkRadiolabel-mg: 0; /* マージン */
  --app-checkRadiolabel-pd: 1.0rem 1.5rem; /* パディング */
  --app-checkRadiolabel-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-checkRadiolabel: 1.4rem; /* フォントサイズ */

/* 色制御 */
  --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; /* 背景色（どちらでもない） */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1604 end ** */

/* ** button1701 start ** */
/*** 1701: ページトップボタン ***/
:root {
  --pagetop-rod: 0.5em; /* 角丸 */
  --app-pagetop-cr: #171717; /* 背景色（aタグ） */
  --app-pagetop-txt: #fff; /* テキスト色（aタグ） */
  --font-pagetop: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1701 end ** */

/* ** button1801 start ** */
/*** 1801: 検索抽出ボタン ***/
:root {
/* 抽出ボタンエリア */
  --app-extractBtArea-mg: 1.5rem auto; /* マージン */

/* 抽出ボタン設定 */
  --app-extractBtArea-rod: 0.5em; /* 角丸 */
  --app-extractBtArea-li-mg: 0 0.2rem; /* マージン */
  --app-extractBtArea-pd: 0.5rem; /* パディング */
  --app-extractBtArea-txt: #000; /* テキスト色 */
  --app-extractBtArea-cr: #efefef; /* 背景色 */
  --app-extractBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-extractBtArea-size: 100px; /* 基本横幅サイズ */
  --app-extractBtArea-w-size: 200px; /* 横幅ワイドサイズ */
  --font-extractBtArea: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1801 end ** */