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

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

/* ** buttonBasic start ** */
/****************** 共通設定  ******************/
.BtM {}
.BtM button,
.BtM a,
.BtM span {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	position: relative;
	text-align: center;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
.BtM button.next::after,
.BtM a.next::after,
.BtM span.next::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
}

.BtM button.back::after,
.BtM a.back::after,
.BtM span.back::after {
	position: absolute;
	top: 50%;
	left: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	transform: rotate(180deg);
}
.BtM span.next::after,
.BtM span.back::after {filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}

.BtM button:hover,
.BtM a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.BtM span {filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;text-decoration:none;}

 /* ポップアップで一つしかボタンを配置しない時の親枠 */
.BtM.popupSglBt {width: var(--popupSglBt-size);margin-left: auto;margin-right: auto;}

/* グラデボタン矢印（デフォルト） */
.BtM button.whBT.next::after,
.BtM a.whBT.next::after,
.BtM span.whBTN.next::after {border-left-color:  var(--bt-w-txt);}
.BtM button.whBT.back::after,
.BtM a.whBT.back::after,
.BtM span.whBTN.back::after {border-right-color: var(--bt-w-txt);}

/****** ボタン共通指定 ******/
span.blBTN,
span.grBTN,
span.orBTN,
span.rdBTN,
span.bkBTN {filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}

/*** Flex対応 ***/
/* 横並びボタン */
.flexBtM {display: flex;justify-content: space-between;gap: 0 1.0rem;}
.flexBtM p {width: 100%;padding-right: 0.2em;}
.flexBtM p:last-child {padding-left: 0.2em;padding-right: 0;}

/****************** カラーサンプル  ******************/
/* グラデボタン白 */
a.whBT,
button.whBT,
span.whBTN {
	background: var(--bt-w);/* 背景色 */
	border: var(--bt-w-brd);/* ボーダー指定 */
	color: var(--bt-w-txt);/* テキスト色 */
	box-shadow: var(--bt-w-sd);/* 背景影色 */
}
/* グラデボタン青 */
a.blBT,
button.blBT,
span.blBTN {
	background: var(--bt-bl);/* 背景色 */
	border: var(--bt-bl-brd);/* ボーダー指定 */
	color: var(--bt-bl-txt);/* テキスト色 */
	box-shadow: var(--bt-bl-sd);/* 背景影色 */
}
/* グラデボタン緑 */
a.grBT,
button.grBT,
span.grBTN {
	background: var(--bt-gr);/* 背景色 */
	border: var(--bt-gr-brd);/* ボーダー指定 */
	color: var(--bt-gr-txt);/* テキスト色 */
	box-shadow: var(--bt-gr-sd);/* 背景影色 */
}
/* グラデボタン橙 */
a.orBT,
button.orBT,
span.orBTN {
	background: var(--bt-or);/* 背景色 */
	border: var(--bt-or-brd);/* ボーダー指定 */
	color: var(--bt-or-txt);/* テキスト色 */
	box-shadow: var(--bt-or-sd);/* 背景影色 */
}
/* グラデボタン赤 */
a.rdBT,
button.rdBT,
span.rdBTN {
	background: var(--bt-rd);/* 背景色 */
	border: var(--bt-rd-brd);/* ボーダー指定 */
	color: var(--bt-rd-txt);/* テキスト色 */
	box-shadow: var(--bt-rd-sd);/* 背景影色 */
}
/* グラデボタン黒 */
a.bkBT,
button.bkBT,
span.bkBTN {
	background: var(--bt-bk);/* 背景色 */
	border: var(--bt-bk-brd);/* ボーダー指定 */
	color: var(--bt-bk-txt);/* テキスト色 */
	box-shadow: var(--bt-bk-sd);/* 背景影色 */
}
a.whBT:hover,
button.whBT:hover,
a.blBT:hover,
button.blBT:hover,
a.grBT:hover,
button.grBT:hover,
a.orBT:hover,
button.orBT:hover,
a.rdBT:hover,
button.rdBT:hover,
a.bkBT:hover,
button.bkBT:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** buttonBasic end ** */

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

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

/* 前後ボタン共通ボタン */
.sbmBNBt {
	margin: var(--sbmBNBt-mg); /* マージン */
	padding: var(--sbmBNBt-pd); /* パディング */
	width: var(--sbmBNBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmBNBt);/* フォントサイズ */
	color: var(--sbmBNBt-txt); /* テキスト色 */
	background: var(--sbmBNBt-bg); /* 背景色 */
	border: var(--sbmBNBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmBNBt-sd); /* 背景影色 */
}
.BtM button.sbmBNBt.next::after,
.BtM a.sbmBNBt.next::after,
.BtM span.sbmBNBt.next::after,
.BtM button.sbmBNBt.back::after,
.BtM a.sbmBNBt.back::after,
.BtM span.sbmBNBt.back::after {border-left-color: var(--sbmBNBt-txt);}

/* 次へ進むボタン */
.sbmNxBt {
	margin: var(--sbmNxBt-mg); /* マージン */
	padding: var(--sbmNxBt-pd); /* パディング */
	width: var(--sbmNxBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmNxBt);/* フォントサイズ */
	color: var(--sbmNxBt-txt); /* テキスト色 */
	background: var(--sbmNxBt-bg); /* 背景色 */
	border: var(--sbmNxBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmNxBt-sd); /* 背景影色 */
}
.BtM button.sbmNxBt.next::after,
.BtM a.sbmNxBt.next::after,
.BtM span.sbmNxBt.next::after,
.BtM button.sbmNxBt.back::after,
.BtM a.sbmNxBt.back::after,
.BtM span.sbmNxBt.back::after {border-left-color: var(--sbmNxBt-txt);}

/* ** button0101 end ** */

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

/* 登録・購入完了ボタン */
.sbmCpBt {
	margin: var(--sbmCpBt-mg); /* マージン */
	padding: var(--sbmCpBt-pd); /* パディング */
	width: var(--sbmCpBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmCpBt);/* フォントサイズ */
	color: var(--sbmCpBt-txt); /* テキスト色 */
	background: var(--sbmCpBt-bg); /* 背景色 */
	border: var(--sbmCpBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmCpBt-sd); /* 背景影色 */
}
.BtM button.sbmCpBt.next::after,
.BtM a.sbmCpBt.next::after,
.BtM span.sbmCpBt.next::after,
.BtM button.sbmCpBt.back::after,
.BtM a.sbmCpBt.back::after,
.BtM span.sbmCpBt.back::after {border-left-color: var(--sbmCpBt-txt);}

/* ** button0102 end ** */

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

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

/* ウインドウを閉じるボタン */
.closePuBt {
	margin: var(--closePuBt-mg); /* マージン */
	padding: var(--closePuBt-pd); /* パディング */
	width: var(--closePuBt-size); /* ボタンサイズ */
	font-size: var(--font-closePuBt);/* フォントサイズ */
	color: var(--closePuBt-txt); /* テキスト色 */
	background: var(--closePuBt-bg); /* 背景色 */
	border: var(--closePuBt-brd); /* ボーダー指定 */
	box-shadow: var(--closePuBt-sd); /* 背景影色 */
}
/* 登録完了ボタン */
.editPuBt {
	margin: var(--editPuBt-mg); /* マージン */
	padding: var(--editPuBt-pd); /* パディング */
	width: var(--editPuBt-size); /* ボタンサイズ */
	font-size: var(--font-editPuBt);/* フォントサイズ */
	color: var(--editPuBt-txt); /* テキスト色 */
	background: var(--editPuBt-bg); /* 背景色 */
	border: var(--editPuBt-brd); /* ボーダー指定 */
	box-shadow: var(--editPuBt-sd); /* 背景影色 */
}
/* ** button0103 end ** */

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

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

/* オープンクローズエリア(主に検索・検索結果の開閉) */
.searchOpCl {
	margin: var(--searchOpCl-mg); /* マージン */
	padding: var(--searchOpCl-pd); /* パディング */
	border-radius: var(--searchOpCl-rod);-webkit-border-radius: var(--searchOpCl-rod);-moz-border-radius: var(--searchOpCl-rod); /* 角丸 */
	color: var(--searchOpCl-txt); /* テキスト色 */
	background: var(--searchOpCl-bg); /* 背景色 */
	border: var(--searchOpCl-brd); /* ボーダー指定 */
	box-shadow: var(--searchOpCl-sd); /* 背景影色 */
	display: flex;
	justify-content: space-between;
	font-size: var(--font-OpClTi); /* フォントサイズ */
	font-weight: bold;
}
.searchOpCl .OpClTi {width: 100%;}
.searchOpCl .OpClBt {width: 20%;}

/* オープンクローズボタンボタン */
.searchOpCl .slide_btn {
	margin: var(--slideBtn-mg); /* マージン */
	padding: var(--slideBtn-pd); /* パディング */
	border-radius: var(--slideBtn-rod);-webkit-border-radius: var(--slideBtn-rod);-moz-border-radius: var(--slideBtn-rod); /* 角丸 */
	width: var(--slideBtn-size); /* ボタンサイズ */
	font-size: var(--font-slideBtn); /* フォントサイズ */
	color: var(--slideBtn-txt); /* テキスト色 */
	background: var(--slideBtn-bg); /* 背景色 */
	border: var(--slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--slideBtn-sd); /* 背景影色 */
}
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
.htibrd {
	width: 100%;
	margin: var(--htibrd-mg); /* マージン */
	padding: var(--htibrd-pd); /* パディング */
	color: var(--htibrd-txt); /* テキスト色 */
	background: var(--htibrd-bg); /* 背景色 */
	border-bottom: var(--htibrd-brd); /* ボーダー指定 */
}
.htibrd .htibrdTi {
	width: 100%;
	font-size: var(--font-htibrd); /* フォントサイズ */
}
/* オープンクローズボタンボタン(親) */
.htibrd .slide_btn {
	margin: var(--htibrd-slideBtn-mg); /* マージン */
	padding: var(--htibrd-slideBtn-pd); /* パディング */
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	font-size: var(--font-htibrd-slideBtn); /* フォントサイズ */
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
	border: var(--htibrd-slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--htibrd-slideBtn-sd); /* 背景影色 */
}
.htibrd .slide_btn:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* オープンクローズボタンボタン(子) */
.TreeBox .child {
	display: none;
	border-top: var(--htibrd-brd);
}
.TreeBox a.menu {
	float: right;
	display: block;
	position: relative;
}
.TreeBox a.menu:hover {}
.TreeBox .menu:after {
	position: absolute;
	top: 0;
	right: 2.0rem;
	margin-top: -0.8rem;
	content: '>';
	font-size: 1.4rem;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
	padding: 0.8rem 0.5rem;
	border-radius: 0.2rem;-webkit-border-radius: 0.2rem;-moz-border-radius: 0.2rem; /* 角丸 */
	cursor: pointer;
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
}
.TreeBox .menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.htibrd .LayoutL {float: left;}
	.htibrd .LayoutR {float: right;}
}
/* ** button0104 end ** */

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

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

/* 編集ボタン基本 */
.editBt a,
.editBt button,
.editBt span {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	display:block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: var(--editBt-mg); /* マージン */
	padding: var(--editBt-pd); /* パディング */
	width: var(--editBt-size); /* ボタンサイズ */
	font-size: var(--font-editBt);/* フォントサイズ */
}
.editBt a.crt,
.editBt a:hover {text-decoration: none;}
.editBt a,
.editBt button,
.editBt span {
	background: var(--editBt-bg); /* 背景色 */
	border: var(--editBt-brd);/* ボーダー指定 */
	color: var(--editBt-txt);/* テキスト色 */
	box-shadow: var(--editBt-sd);/* 背景影色 */
}
.editBt a:hover,
.editBt button:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.editBt span {filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;text-decoration:none;}

/* ** button0105 end ** */

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

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

/* 前後ボタン共通ボタン（小サイズ） */
/*** Flex対応 ***/
.flexSBtM {width:100%;display: flex;justify-content: flex-start;}
.flexSBtM p {width: var(--sbmSBNBt-size);}
.flexSBtM p:last-child {margin-left: auto;}/*Flex最後だけ右 */

.sbmSBNBt {
	margin: var(--sbmSBNBt-mg); /* マージン */
	padding: var(--sbmSBNBt-pd); /* パディング */
	width: 100%; /* ボタンサイズ */
	font-size: var(--font-sbmSBNBt);/* フォントサイズ */
	color: var(--sbmSBNBt-txt); /* テキスト色 */
	background: var(--sbmSBNBt-bg); /* 背景色 */
	border: var(--sbmSBNBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmSBNBt-sd); /* 背景影色 */
}
.BtM button.sbmSBNBt.next::after,
.BtM a.sbmSBNBt.next::after,
.BtM span.sbmSBNBt.next::after,
.BtM button.sbmSBNBt.back::after,
.BtM a.sbmSBNBt.back::after,
.BtM span.sbmSBNBt.back::after {border-left-color: var(--sbmSBNBt-txt);}

/* ** button0106 end ** */

/*** 共通ボタン(外部リンク等へのボタン) ***/

/* ** button0107 start ** */
/*** 0107: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
a.LinkShtBt {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	margin: var(--LinkShtBt-mg); /* マージン */
	padding: var(--LinkShtBt-pd); /* パディング */
	width: 100%; /* ボタンサイズ */
	font-size: var(--font-LinkShtBt);/* フォントサイズ */
	color: var(--LinkShtBt-txt); /* テキスト色 */
	background: var(--LinkShtBt-bg); /* 背景色 */
	border: var(--LinkShtBt-brd); /* ボーダー指定 */
	box-shadow: var(--LinkShtBt-sd); /* 背景影色 */
}
a.LinkShtBt:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

/* ** button0107 end ** */

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

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

/*** ログインページ ***/
/* ログインボタン */
.LoginBt {
	margin: var(--LoginBt-mg); /* マージン */
	padding: var(--LoginBt-pd); /* パディング */
	width: var(--LoginBt-size); /* ボタンサイズ */
	font-size: var(--font-LoginBt); /* フォントサイズ */
	color: var(--LoginBt-txt); /* テキスト色 */
	background: var(--LoginBt-bg); /* 背景色 */
	border: var(--LoginBt-brd); /* ボーダー指定 */
	box-shadow: var(--LoginBt-sd); /* 背景影色 */
}
.BtM button.LoginBt.next::after,
.BtM a.LoginBt.next::after,
.BtM span.LoginBt.next::after,
.BtM button.LoginBt.back::after,
.BtM a.LoginBt.back::after,
.BtM back.LoginBt.next::after {border-left-color:  var(--LoginBt-txt);}/* テキスト色 */

/* 新規会員登録ボタン(ログインページ用) */
.newmemBt {
	margin: var(--newmemBt-mg); /* マージン */
	padding: var(--newmemBt-pd); /* パディング */
	width: var(--newmemBt-size); /* ボタンサイズ */
	font-size: var(--font-newmemBt);/* フォントサイズ */
	color: var(--newmemBt-txt); /* テキスト色 */
	background: var(--newmemBt-bg); /* 背景色 */
	border: var(--newmemBt-brd); /* ボーダー指定 */
	box-shadow: var(--newmemBt-sd); /* 背景影色 */
}
.BtM button.newmemBt.next::after,
.BtM a.newmemBt.next::after,
.BtM span.newmemBt.next::after,
.BtM button.newmemBt.back::after,
.BtM a.newmemBt.back::after,
.BtM back.newmemBt.next::after {border-left-color:  var(--newmemBt-txt);}/* テキスト色 */

/* パスワード忘れページへの遷移ボタン */
.reminderBt {
	margin: var(--reminderBt-mg); /* マージン */
	padding: var(--reminderBt-pd); /* パディング */
	width: var(--reminderBt-size); /* ボタンサイズ */
	font-size: var(--font-reminderBt);/* フォントサイズ */
	color: var(--reminderBt-txt); /* テキスト色 */
	background: var(--reminderBt-bg); /* 背景色 */
	border: var(--reminderBt-brd); /* ボーダー指定 */
	box-shadow: var(--reminderBt-sd); /* 背景影色 */
}
.BtM button.reminderBt.next::after,
.BtM a.reminderBt.next::after,
.BtM span.reminderBt.next::after,
.BtM button.reminderBt.back::after,
.BtM a.reminderBt.back::after,
.BtM back.reminderBt.next::after {border-left-color:  var(--reminderBt-txt);}/* テキスト色 */

/* ** button0201 end ** */

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

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

/* パスワード問い合わせボタン */
.remCtBt {
	margin: var(--remCtBt-mg); /* マージン */
	padding: var(--remCtBt-pd); /* パディング */
	width: var(--remCtBt-size); /* ボタンサイズ */
	font-size: var(--font-remCtBt);/* フォントサイズ */
	color: var(--remCtBt-txt); /* テキスト色 */
	background: var(--remCtBt-bg); /* 背景色 */
	border: var(--remCtBt-brd); /* ボーダー指定 */
	box-shadow: var(--remCtBt-sd); /* 背景影色 */
}
.BtM button.remCtBt.next::after,
.BtM a.remCtBt.next::after,
.BtM span.remCtBt.next::after,
.BtM button.remCtBt.back::after,
.BtM a.remCtBt.back::after,
.BtM back.remCtBt.next::after {border-left-color:  var(--remCtBt-txt);}/* テキスト色 */

/* ** button0202 end ** */

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

/*** 新規会員登録ページ ***/

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

/* 会員情報登録ボタン */
.newRegBt {
	margin: var(--newRegBt-mg); /* マージン */
	padding: var(--newRegBt-pd); /* パディング */
	width: var(--newRegBt-size); /* ボタンサイズ */
	font-size: var(--font-newRegBt);/* フォントサイズ */
	color: var(--newRegBt-txt); /* テキスト色 */
	background: var(--newRegBt-bg); /* 背景色 */
	border: var(--newRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--newRegBt-sd); /* 背景影色 */
}
.BtM button.newRegBt.next::after,
.BtM a.newRegBt.next::after,
.BtM span.newRegBt.next::after,
.BtM button.newRegBt.back::after,
.BtM a.newRegBt.back::after,
.BtM back.newRegBt.next::after {border-left-color:  var(--newmemBt-txt);}/* テキスト色 */

/* ** button0301 end ** */

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

/*** お問い合わせ登録ページ ***/

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

/* 問い合わせ情報登録ボタン */
.contactRegBt {
	margin: var(--contactRegBt-mg); /* マージン */
	padding: var(--contactRegBt-pd); /* パディング */
	width: var(--contactRegBt-size); /* ボタンサイズ */
	font-size: var(--font-contactRegBt);/* フォントサイズ */
	color: var(--contactRegBt-txt); /* テキスト色 */
	background: var(--contactRegBt-bg); /* 背景色 */
	border: var(--contactRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--contactRegBt-sd); /* 背景影色 */
}
.BtM button.contactRegBt.next::after,
.BtM a.contactRegBt.next::after,
.BtM span.contactRegBt.next::after,
.BtM button.contactRegBt.back::after,
.BtM a.contactRegBt.back::after,
.BtM back.contactRegBt.next::after {border-left-color:  var(--contactRegBt-txt);}/* テキスト色 */

/* ** button0401 end ** */

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

/*** トピックス詳細ページ ***/

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

/* 掲示板一覧に戻るボタン */
.boardBackBt {
	margin: var(--boardBackBt-mg); /* マージン */
	padding: var(--boardBackBt-pd); /* パディング */
	width: var(--boardBackBt-size); /* ボタンサイズ */
	font-size: var(--font-boardBackBt);/* フォントサイズ */
	color: var(--boardBackBt-txt); /* テキスト色 */
	background: var(--boardBackBt-bg); /* 背景色 */
	border: var(--boardBackBt-brd); /* ボーダー指定 */
	box-shadow: var(--boardBackBt-sd); /* 背景影色 */
}
a.boardBackBt:link,
a.boardBackBt:visited,
a.boardBackBt:active {
	color: var(--boardBackBt-txt); /* テキスト色 */
}
.BtM button.boardBackBt.next::after,
.BtM a.boardBackBt.next::after,
.BtM span.boardBackBt.next::after,
.BtM button.boardBackBt.back::after,
.BtM a.boardBackBt.back::after,
.BtM back.boardBackBt.next::after {border-left-color:  var(--boardBackBt-txt);}

/* ** button0501 end ** */

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

/* 新規トピックス投稿ボタン(遷移) */
.topicsRegBt {
	margin: var(--topicsRegBt-mg); /* マージン */
	padding: var(--topicsRegBt-pd); /* パディング */
	width: var(--topicsRegBt-size); /* ボタンサイズ */
	font-size: var(--font-topicsRegBt);/* フォントサイズ */
	color: var(--topicsRegBt-txt); /* テキスト色 */
	background: var(--topicsRegBt-bg); /* 背景色 */
	border: var(--topicsRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--topicsRegBt-sd); /* 背景影色 */
}
a.topicsRegBt :link,
a.topicsRegBt :visited,
a.topicsRegBt :active {
	color: var(--topicsRegBt-txt); /* テキスト色 */
}
.BtM button.topicsRegBt.next::after,
.BtM a.topicsRegBt.next::after,
.BtM span.topicsRegBt.next::after,
.BtM button.topicsRegBt.back::after,
.BtM a.topicsRegBt.back::after,
.BtM back.topicsRegBt.next::after {border-left-color:  var(--topicsRegBt-txt);}

.sideClnD .boardBackBt,
.sideClnD .topicsRegBt,
.sideClnS .boardBackBt,
.sideClnS .topicsRegBt {width: 100%;}

/* ** button0502 end ** */

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

/* 新規トピックス投稿ボタン(投稿) */
.topicsPostBt {
	margin: var(--topicsPostBt-mg); /* マージン */
	padding: var(--topicsPostBt-pd); /* パディング */
	width: var(--topicsPostBt-size); /* ボタンサイズ */
	font-size: var(--font-topicsPostBt);/* フォントサイズ */
	color: var(--topicsPostBt-txt); /* テキスト色 */
	background: var(--topicsPostBt-bg); /* 背景色 */
	border: var(--topicsPostBt-brd); /* ボーダー指定 */
	box-shadow: var(--topicsPostBt-sd); /* 背景影色 */
}
.BtM button.topicsPostBt.next::after,
.BtM a.topicsPostBt.next::after,
.BtM span.topicsPostBt.next::after,
.BtM button.topicsPostBt.back::after,
.BtM a.topicsPostBt.back::after,
.BtM back.topicsPostBt.next::after {border-left-color:  var(--topicsPostBt-txt);}

/* ** button0503 end ** */

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

/* マイページへの移動ボタン */
.boardMypBt {
	margin: var(--boardMypBt-mg); /* マージン */
	padding: var(--boardMypBt-pd); /* パディング */
	width: var(--boardMypBt-size); /* ボタンサイズ */
	font-size: var(--font-boardMypBt);/* フォントサイズ */
	color: var(--boardMypBt-txt); /* テキスト色 */
	background: var(--boardMypBt-bg); /* 背景色 */
	border: var(--boardMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--boardMypBt-sd); /* 背景影色 */
}
.BtM button.boardMypBt.next::after,
.BtM a.boardMypBt.next::after,
.BtM span.boardMypBt.next::after,
.BtM button.boardMypBt.back::after,
.BtM a.boardMypBt.back::after,
.BtM back.boardMypBt.next::after {border-left-color:  var(--boardMypBt-txt);}

/* ** button0504 end ** */

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

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

/* コメント登録ボタン */
.commentRegBt {
	margin: var(--commentRegBt-mg); /* マージン */
	padding: var(--commentRegBt-pd); /* パディング */
	width: var(--commentRegBt-size); /* ボタンサイズ */
	font-size: var(--font-commentRegBt);/* フォントサイズ */
	color: var(--commentRegBt-txt); /* テキスト色 */
	background: var(--commentRegBt-bg); /* 背景色 */
	border: var(--commentRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRegBt-sd); /* 背景影色 */
}
/* ** button0601 end ** */

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

/* コメント時会員登録促進ボタン */
.commentMemBt {
	margin: var(--commentMemBt-mg); /* マージン */
	padding: var(--commentMemBt-pd); /* パディング */
	width: var(--commentMemBt-size); /* ボタンサイズ */
	font-size: var(--font-commentMemBt);/* フォントサイズ */
	color: var(--commentMemBt-txt); /* テキスト色 */
	background: var(--commentMemBt-bg); /* 背景色 */
	border: var(--commentMemBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentMemBt-sd); /* 背景影色 */
}
/* ** button0602 end ** */

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

/* コメント編集ボタン */
.commentEditBt {
	margin: var(--commentEditBt-mg); /* マージン */
	padding: var(--commentEditBt-pd); /* パディング */
	width: var(--commentEditBt-size); /* ボタンサイズ */
	font-size: var(--font-commentEditBt);/* フォントサイズ */
	color: var(--commentEditBt-txt); /* テキスト色 */
	background: var(--commentEditBt-bg); /* 背景色 */
	border: var(--commentEditBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentEditBt-sd); /* 背景影色 */
}
/* ** button0603 end ** */

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

/* コメント削除ボタン */
.commentDelBt {
	margin: var(--commentDelBt-mg); /* マージン */
	padding: var(--commentDelBt-pd); /* パディング */
	width: var(--commentDelBt-size); /* ボタンサイズ */
	font-size: var(--font-commentDelBt);/* フォントサイズ */
	color: var(--commentDelBt-txt); /* テキスト色 */
	background: var(--commentDelBt-bg); /* 背景色 */
	border: var(--commentDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentDelBt-sd); /* 背景影色 */
}
/* ** button0604 end ** */

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

/* コメント返信ボタン */
.commentResBt {
	margin: var(--commentResBt-mg); /* マージン */
	padding: var(--commentResBt-pd); /* パディング */
	width: var(--commentResBt-size); /* ボタンサイズ */
	font-size: var(--font-commentResBt);/* フォントサイズ */
	color: var(--commentResBt-txt); /* テキスト色 */
	background: var(--commentResBt-bg); /* 背景色 */
	border: var(--commentResBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentResBt-sd); /* 背景影色 */
}
/* ** button0605 end ** */

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

/* コメント通報ボタン */
.commentRepBt {
	margin: var(--commentRepBt-mg); /* マージン */
	padding: var(--commentRepBt-pd); /* パディング */
	width: var(--commentRepBt-size); /* ボタンサイズ */
	font-size: var(--font-commentRepBt);/* フォントサイズ */
	color: var(--commentRepBt-txt); /* テキスト色 */
	background: var(--commentRepBt-bg); /* 背景色 */
	border: var(--commentRepBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRepBt-sd); /* 背景影色 */
}
/* ** button0606 end ** */

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

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

/* キャンセル待ちでの申込みボタン */
.seminarCanBt {
	margin: var(--seminarCanBt-mg); /* マージン */
	padding: var(--seminarCanBt-pd); /* パディング */
	width: var(--seminarCanBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarCanBt);/* フォントサイズ */
	color: var(--seminarCanBt-txt); /* テキスト色 */
	background: var(--seminarCanBt-bg); /* 背景色 */
	border: var(--seminarCanBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarCanBt-sd); /* 背景影色 */
}
.BtM button.seminarCanBt.next::after,
.BtM a.seminarCanBt.next::after,
.BtM span.seminarCanBt.next::after,
.BtM button.seminarCanBt.back::after,
.BtM a.seminarCanBt.back::after,
.BtM back.seminarCanBt.next::after {border-left-color:  var(--seminarCanBt-txt);}

/* ** button0701 end ** */

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

/* 通常の申込みボタン */
.seminarOrdBt {
	margin: var(--seminarOrdBt-mg); /* マージン */
	padding: var(--seminarOrdBt-pd); /* パディング */
	width: var(--seminarOrdBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarOrdBt);/* フォントサイズ */
	color: var(--seminarOrdBt-txt); /* テキスト色 */
	background: var(--seminarOrdBt-bg); /* 背景色 */
	border: var(--seminarOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarOrdBt-sd); /* 背景影色 */
}
.BtM button.seminarOrdBt.next::after,
.BtM a.seminarOrdBt.next::after,
.BtM span.seminarOrdBt.next::after,
.BtM button.seminarOrdBt.back::after,
.BtM a.seminarOrdBt.back::after,
.BtM back.seminarOrdBt.next::after {border-left-color:  var(--seminarOrdBt-txt);}

/* ** button0702 end ** */

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

.seminarMypBt {
	margin: var(--seminarMypBt-mg); /* マージン */
	padding: var(--seminarMypBt-pd); /* パディング */
	width: var(--seminarMypBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarMypBt);/* フォントサイズ */
	color: var(--seminarMypBt-txt); /* テキスト色 */
	background: var(--seminarMypBt-bg); /* 背景色 */
	border: var(--seminarMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarMypBt-sd); /* 背景影色 */
}
.BtM button.seminarMypBt.next::after,
.BtM a.seminarMypBt.next::after,
.BtM span.seminarMypBt.next::after,
.BtM button.seminarMypBt.back::after,
.BtM a.seminarMypBt.back::after,
.BtM back.seminarMypBt.next::after {border-left-color:  var(--seminarMypBt-txt);}

/* ** button0703 end ** */

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

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

/* キャンセル待ちでの購入ボタン */
.productCanBt {
	margin: var(--productCanBt-mg); /* マージン */
	padding: var(--productCanBt-pd); /* パディング */
	width: var(--productCanBt-size); /* ボタンサイズ */
	font-size: var(--font-productCanBt);/* フォントサイズ */
	color: var(--productCanBt-txt); /* テキスト色 */
	background: var(--productCanBt-bg); /* 背景色 */
	border: var(--productCanBt-brd); /* ボーダー指定 */
	box-shadow: var(--productCanBt-sd); /* 背景影色 */
}
.BtM button.productCanBt.next::after,
.BtM a.productCanBt.next::after,
.BtM span.productCanBt.next::after,
.BtM button.productCanBt.back::after,
.BtM a.productCanBt.back::after,
.BtM back.productCanBt.next::after {border-left-color:  var(--productCanBt-txt);}

/* ** button0801 end ** */

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

/* 通常の購入ボタン */
.productOrdBt {
	margin: var(--productOrdBt-mg); /* マージン */
	padding: var(--productOrdBt-pd); /* パディング */
	width: var(--productOrdBt-size); /* ボタンサイズ */
	font-size: var(--font-productOrdBt);/* フォントサイズ */
	color: var(--productOrdBt-txt); /* テキスト色 */
	background: var(--productOrdBt-bg); /* 背景色 */
	border: var(--productOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--productOrdBt-sd); /* 背景影色 */
}
.BtM button.productOrdBt.next::after,
.BtM a.productOrdBt.next::after,
.BtM span.productOrdBt.next::after,
.BtM button.productOrdBt.back::after,
.BtM a.productOrdBt.back::after,
.BtM back.productOrdBt.next::after {border-left-color:  var(--productOrdBt-txt);}

/* ** button0802 end ** */

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

/* マイページへの移動ボタン */
.productMypBt {
	margin: var(--productMypBt-mg); /* マージン */
	padding: var(--productMypBt-pd); /* パディング */
	width: var(--productMypBt-size); /* ボタンサイズ */
	font-size: var(--font-productMypBt);/* フォントサイズ */
	color: var(--productMypBt-txt); /* テキスト色 */
	background: var(--productMypBt-bg); /* 背景色 */
	border: var(--productMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--productMypBt-sd); /* 背景影色 */
}
.BtM button.productMypBt.next::after,
.BtM a.productMypBt.next::after,
.BtM span.productMypBt.next::after,
.BtM button.productMypBt.back::after,
.BtM a.productMypBt.back::after,
.BtM back.productMypBt.next::after {border-left-color:  var(--productMypBt-txt);}

/* ** button0803 end ** */

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

/* 購入手続きへ進むボタン */
.productPurchaseBt {
	margin: var(--productPurchaseBt-mg); /* マージン */
	padding: var(--productPurchaseBt-pd); /* パディング */
	width: var(--productPurchaseBt-size); /* ボタンサイズ */
	font-size: var(--font-productPurchaseBt);/* フォントサイズ */
	color: var(--productPurchaseBt-txt); /* テキスト色 */
	background: var(--productPurchaseBt-bg); /* 背景色 */
	border: var(--productPurchaseBt-brd); /* ボーダー指定 */
	box-shadow: var(--productPurchaseBt-sd); /* 背景影色 */
}
a.productPurchaseBt:link {
	color: var(--productPurchaseBt-txt); /* テキスト色 */
}
.BtM button.productPurchaseBt.next::after,
.BtM a.productPurchaseBt.next::after,
.BtM span.productPurchaseBt.next::after,
.BtM button.productPurchaseBt.back::after,
.BtM a.productPurchaseBt.back::after,
.BtM back.productPurchaseBt.next::after {border-left-color:  var(--productPurchaseBt-txt);}

/* ** button0804 end ** */

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

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

/* 更新・削除・確認ボタン */
.PrdCrtEdBt.BtM a,
.PrdNumUpdBt.BtM a {
	padding: 5px 0px;
	font-weight: bold;
	font-size: var(--font-PrdBt);/* フォントサイズ */
	display: block;
	text-align:center;
}
.PrdNumUpdBt.BtM a {width: 60px;}/* 更新・削除ボタン */
.PrdCrtEdBt.BtM a:hover,
.PrdNumUpdBt.BtM a:hover {text-decoration: none;}

/* 個数変更ボタン */
.PrdNumCtrBt button,
.PrdCartOpBt button {
	margin: 0 2px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: var(--font-PrdBt);/* フォントサイズ */
}
/* 更新ボタン */
.prdCartUpdBt {
	color: var(--prdCartUpdBt-txt); /* テキスト色 */
	background: var(--prdCartUpdBt-bg); /* 背景色 */
	border: var(--prdCartUpdBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartUpdBt-sd); /* 背景影色 */
}
a.prdCartUpdBt:link,
a.prdCartUpdBt:visited,
a.prdCartUpdBt:active {
	color: var(--prdCartUpdBt-txt); /* テキスト色 */
}
/* 削除ボタン */
.prdCartDelBt {
	color: var(--prdCartDelBt-txt); /* テキスト色 */
	background: var(--prdCartDelBt-bg); /* 背景色 */
	border: var(--prdCartDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartDelBt-sd); /* 背景影色 */
}
a.prdCartDelBt:link,
a.prdCartDelBt:visited,
a.prdCartDelBt:active {
	color: var(--prdCartDelBt-txt); /* テキスト色 */
}
/* ** button0901 end ** */

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

/* 確認ボタン */
.prdCartDetBt {
	color: var(--prdCartDetBt-txt); /* テキスト色 */
	background: var(--prdCartDetBt-bg); /* 背景色 */
	border: var(--prdCartDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartDetBt-sd); /* 背景影色 */
}
a.prdCartDetBt:link,
a.prdCartDetBt:visited,
a.prdCartDetBt:active {
	color: var(--prdCartDetBt-txt); /* テキスト色 */
}
/* カートボタン */
.prdCartOrdBt {
	color: var(--prdCartOrdBt-txt); /* テキスト色 */
	background: var(--prdCartOrdBt-bg); /* 背景色 */
	border: var(--prdCartOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartOrdBt-sd); /* 背景影色 */
}
a.prdCartOrdBt:link {
	color: var(--prdCartOrdBt-txt); /* テキスト色 */
}/* ** button0902 end ** */

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

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

/* 大きいサイズボタン */
.conDetBtW {
	margin: var(--conDetBtW-mg); /* マージン */
	padding: var(--conDetBtW-pd); /* パディング */
	width: var(--conDetBtW-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtW);/* フォントサイズ */
	color: var(--conDetBtW-txt); /* テキスト色 */
	background: var(--conDetBtW-bg); /* 背景色 */
	border: var(--conDetBtW-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtW-sd); /* 背景影色 */
}
a.conDetBtW:link,
a.conDetBtW:visited,
a.conDetBtW:active {
	color: var(--conDetBtW-txt); /* テキスト色 */
}
.BtM button.conDetBtW.next::after,
.BtM a.conDetBtW.next::after,
.BtM span.conDetBtW.next::after,
.BtM button.conDetBtW.back::after,
.BtM a.conDetBtW.back::after,
.BtM back.conDetBtW.next::after {border-left-color:  var(--conDetBtW-txt);}

/* 中サイズボタン */
.conDetBtM {
	margin: var(--conDetBtM-mg); /* マージン */
	padding: var(--conDetBtM-pd); /* パディング */
	width: var(--conDetBtM-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtM);/* フォントサイズ */
	color: var(--conDetBtM-txt); /* テキスト色 */
	background: var(--conDetBtM-bg); /* 背景色 */
	border: var(--conDetBtM-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtM-sd); /* 背景影色 */
}
a.conDetBtM:link,
a.conDetBtM:visited,
a.conDetBtM:active {
	color: var(--conDetBtM-txt); /* テキスト色 */
}
.BtM button.conDetBtM.next::after,
.BtM a.conDetBtM.next::after,
.BtM span.conDetBtM.next::after,
.BtM button.conDetBtM.back::after,
.BtM a.conDetBtM.back::after,
.BtM back.conDetBtM.next::after {border-left-color:  var(--conDetBtM-txt);}

/* 小サイズボタン */
.conDetBtS {
	margin: var(--conDetBtS-mg); /* マージン */
	padding: var(--conDetBtS-pd); /* パディング */
	width: var(--conDetBtS-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtS);/* フォントサイズ */
	color: var(--conDetBtS-txt); /* テキスト色 */
	background: var(--conDetBtS-bg); /* 背景色 */
	border: var(--conDetBtS-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtS-sd); /* 背景影色 */
}
a.conDetBtS:link,
a.conDetBtS:visited,
a.conDetBtS:active {
	color: var(--conDetBtS-txt); /* テキスト色 */
}
.BtM button.conDetBtS.next::after,
.BtM a.conDetBtS.next::after,
.BtM span.conDetBtS.next::after,
.BtM button.conDetBtS.back::after,
.BtM a.conDetBtS.back::after,
.BtM back.conDetBtS.next::after {border-left-color:  var(--conDetBtS-txt);}

/* ** button1001 end ** */

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

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

/* 一覧詳細ボタン */
.ListLinkBt {
	margin: var(--ListLinkBt-mg); /* マージン */
	padding: var(--ListLinkBt-pd); /* パディング */
	width: var(--ListLinkBt-size); /* ボタンサイズ */
	font-size: var(--font-ListLinkBt);/* フォントサイズ */
	color: var(--ListLinkBt-txt); /* テキスト色 */
	background: var(--ListLinkBt-bg); /* 背景色 */
	border: var(--ListLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListLinkBt-sd); /* 背景影色 */
}
a.ListLinkBt:link,
a.ListLinkBt:visited,
a.ListLinkBt:active {
	color: var(--ListLinkBt-txt); /* テキスト色 */
}
.BtM button.ListLinkBt.next::after,
.BtM a.ListLinkBt.next::after,
.BtM span.ListLinkBt.next::after,
.BtM button.ListLinkBt.back::after,
.BtM a.ListLinkBt.back::after,
.BtM back.ListLinkBt.next::after {border-left-color:  var(--ListLinkBt-txt);}

/* ** button1101 end ** */

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

/* 詳細から一覧へ戻るボタン(基本) */
.ListBkBt {
	color: var(--ListBkBt-txt); /* テキスト色 */
	background: var(--ListBkBt-bg); /* 背景色 */
	border: var(--ListBkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListBkBt-sd); /* 背景影色 */
}
a.ListBkBt:link,
a.ListBkBt:visited,
a.ListBkBt:active {
	color: var(--ListBkBt-txt); /* テキスト色 */
}
.BtM button.ListBkBt.next::after,
.BtM a.ListBkBt.next::after,
.BtM span.ListBkBt.next::after,
.BtM button.ListBkBt.back::after,
.BtM a.ListBkBt.back::after,
.BtM back.ListBkBt.next::after {border-left-color: var(--ListBkBt-txt);}

/* 詳細から一覧へ戻るボタン(タイトル左) */
/*** タイトル箇所設置戻るボタン ***/
.mtiBkBtArea {position: relative;margin: 0 auto;}
.mtiBkBtArea .ListBkBt {
	position: absolute;
	top: -2.2em;
	left: 0.5em;
	margin: var(--ListBkBtMti-mg); /* マージン */
	padding: var(--ListBkBtMti-pd); /* パディング */
	width: var(--ListBkBtMti-size); /* ボタンサイズ */
	font-size: var(--font-ListBkBtMti);/* フォントサイズ */
}
/* 詳細から一覧へ戻るボタン(コンテンツ内) */
.DetListBkBt .ListBkBt {
	margin: var(--ListBkBtDet-mg); /* マージン */
	padding: var(--ListBkBtDet-pd); /* パディング */
	width: var(--ListBkBtDet-size); /* ボタンサイズ */
	font-size: var(--font-ListBkBtDet);/* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mtiBkBtArea .ListBkBt {top: -2.0em;left: 0.2em;}
}
/* ** button1102 end ** */

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

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

/* ネクストバックボタン */
.NBLink {margin: 0 auto;padding: 0;}
.NBBack {float: left;width: var(--NBLinkBt-pwidth);}
.NBNext {float: right;width: var(--NBLinkBt-pwidth);}

.NBLinkBt {
	margin: var(--NBLinkBt-mg); /* マージン */
	padding: var(--NBLinkBt-pd); /* パディング */
	width: var(--NBLinkBt-size); /* ボタンサイズ */
	font-size: var(--font-NBLinkBt);/* フォントサイズ */
	color: var(--NBLinkBt-txt); /* テキスト色 */
	background: var(--NBLinkBt-bg); /* 背景色 */
	border: var(--NBLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--NBLinkBt-sd); /* 背景影色 */
}
.BtM button.NBLinkBt.next::after,
.BtM a.NBLinkBt.next::after,
.BtM span.NBLinkBt.next::after,
.BtM button.NBLinkBt.back::after,
.BtM a.NBLinkBt.back::after,
.BtM back.NBLinkBt.next::after {border-left-color:  var(--NBLinkBt-txt);}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.NBLink {margin: 0 auto;padding: 0 0.5rem;}
}
/* ** button1201 end ** */

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

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

/* 決済履歴ボタン */
.myprirekiBt {
	margin: var(--myprirekiBt-mg); /* マージン */
	padding: var(--myprirekiBt-pd); /* パディング */
	width: var(--myprirekiBt-size); /* ボタンサイズ */
	font-size: var(--font-myprirekiBt);/* フォントサイズ */
	color: var(--myprirekiBt-txt); /* テキスト色 */
	background: var(--myprirekiBt-bg); /* 背景色 */
	border: var(--myprirekiBt-brd); /* ボーダー指定 */
	box-shadow: var(--myprirekiBt-sd); /* 背景影色 */
}
a.myprirekiBt:link,
a.myprirekiBt:visited,
a.myprirekiBt:active {
	color: var(--myprirekiBt-txt); /* テキスト色 */
}
/* 決済カード変更ボタン */
.mypcardChBt {
	margin: var(--mypcardChBt-mg); /* マージン */
	padding: var(--mypcardChBt-pd); /* パディング */
	width: var(--mypcardChBt-size); /* ボタンサイズ */
	font-size: var(--font-mypcardChBt);/* フォントサイズ */
	color: var(--mypcardChBt-txt); /* テキスト色 */
	background: var(--mypcardChBt-bg); /* 背景色 */
	border: var(--mypcardChBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypcardChBt-sd); /* 背景影色 */
}
a.mypcardChBt:link,
a.mypcardChBt:visited,
a.mypcardChBt:active {
	color: var(--mypcardChBt-txt); /* テキスト色 */
}
/* キャンセルボタン */
.mypcanBt {
	margin: var(--mypcanBt-mg); /* マージン */
	padding: var(--mypcanBt-pd); /* パディング */
	width: var(--mypcanBt-size); /* ボタンサイズ */
	font-size: var(--font-mypcanBt);/* フォントサイズ */
	color: var(--mypcanBt-txt); /* テキスト色 */
	background: var(--mypcanBt-bg); /* 背景色 */
	border: var(--mypcanBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypcanBt-sd); /* 背景影色 */
}
a.mypcanBt:link,
a.mypcanBt:visited,
a.mypcanBt:active {
	color: var(--mypcanBt-txt); /* テキスト色 */
}
/* ** button1301 end ** */

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

/* プラン変更ボタン */
.mypplanChBt {
	margin: var(--mypplanChBt-mg); /* マージン */
	padding: var(--mypplanChBt-pd); /* パディング */
	width: var(--mypplanChBt-size); /* ボタンサイズ */
	font-size: var(--font-mypplanChBt);/* フォントサイズ */
	color: var(--mypplanChBt-txt); /* テキスト色 */
	background: var(--mypplanChBt-bg); /* 背景色 */
	border: var(--mypplanChBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypplanChBt-sd); /* 背景影色 */
}
a.mypplanChBt:link,
a.mypplanChBt:visited,
a.mypplanChBt:active {
	color: var(--mypplanChBt-txt); /* テキスト色 */
}/* ** button1302 end ** */

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

/* 新規申込みボタン */
.mypnewBt {
	margin: var(--mypnewBt-mg); /* マージン */
	padding: var(--mypnewBt-pd); /* パディング */
	width: var(--mypnewBt-size); /* ボタンサイズ */
	font-size: var(--font-mypnewBt);/* フォントサイズ */
	color: var(--mypnewBt-txt); /* テキスト色 */
	background: var(--mypnewBt-bg); /* 背景色 */
	border: var(--mypnewBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypnewBt-sd); /* 背景影色 */
}
a.mypnewBt:link,
a.mypnewBt:visited,
a.mypnewBt:active {
	color: var(--mypnewBt-txt); /* テキスト色 */
}
/* ** button1303 end ** */

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

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

/* ファイルアップロード・削除ボタン */
.fileUpBT a,
.fileDelBT a {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: var(--fileUpBT-mg); /* マージン */
	padding: var(--fileUpBT-pd); /* パディング */
	width: var(--fileUpBT-size); /* ボタンサイズ */
	font-size: var(--font-fileUpBT);/* フォントサイズ */
	font-weight: bold;
	border-radius: var(--fileUpBT-rod);-webkit-border-radius: var(--fileUpBT-rod);-moz-border-radius: var(--fileUpBT-rod);
}
.fileUpBT a {
	color: var(--fileUpBT-txt); /* テキスト色 */
	border: var(--fileUpBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileUpBT-sd); /* 背景影色 */
	background: var(--fileUpBT-bg); /* 背景色 */
}
.fileDelBT a {
	color: var(--fileDelBT-txt); /* テキスト色 */
	border: var(--fileDelBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileDelBT-sd); /* 背景影色 */
	background: var(--fileDelBT-bg); /* 背景色 */
}
.fileUpBT a:hover,
.fileDelBT a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** button1401 end ** */

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

/* ファイル選択エリア */
.fileUpBox {
	margin: 0.5em auto;
	padding: 0.8em;
	border-radius: var(--fileUpBox-rod);-webkit-border-radius: var(--fileUpBox-rod);-moz-border-radius: var(--fileUpBox-rod);
	border: var(--fileUpBox-brd); /* ボーダー指定 */
	background: var(--fileUpBox-bg); /* 背景色 */
}
.fileUpBox dl {
	display: flex;
	margin: 0 auto;
	padding: 10px 0;
	color: var(--fileUpBox-txt); /* テキスト色 */
	font-size: var(--font-fileUpBox); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--fileUpBox-brd-dl); /* ボーダー指定 */
}
.fileUpBox dt {width:150px;padding: 5px;}
.fileUpBox dd {padding: 0;display: flex;}

/* ファイル参照ボタン */
.fileUpBox label {
	display: block;
	margin: 0 auto;
	padding: 0.8em;
	text-align: center;
	margin: var(--fileUpBT-mg); /* マージン */
	padding: var(--fileUpBT-pd); /* パディング */
	width: var(--fileUpBT-size); /* ボタンサイズ */
	font-size: var(--font-fileUpBT);/* フォントサイズ */
	font-weight: bold;
	color: var(--fileDelBTLB-txt); /* テキスト色 */
	background: var(--fileDelBTLB-bg); /* 背景色 */
	border: var(--fileDelBTLB-brd); /* ボーダー指定 */
	box-shadow: var(--fileDelBTLB-sd); /* 背景影色 */
	border-radius: var(--fileUpBT-rod);-webkit-border-radius: var(--fileUpBT-rod);-moz-border-radius: var(--fileUpBT-rod);
    cursor: pointer;
}
.fileUpBox input[type="file"] {display: none;}
.fileUpBox figure img {width: 100%;}
.fileUpBox .fileName {padding: 0.5em 0 0 1.0em;}

/* ファイルアップロード後表示 */
.FileUpImg {margin: 0 auto;padding: 0px;}
.FileUpImg img {width:200px;border-radius: 2px;} /* 幅指定 */
.FileUpName {
	margin: 0 auto;
	padding: 0.5em 0 1.5em 0;
	font-size: var(--font-FileUpName);
	text-align: left;
}
.FileUpName a {
	color: var(--font-FileUpName); /* テキスト色 */
}
.FileUpImg a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.fileUpBox dl {display: block;}
}
/* ** button1402 end ** */

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

/* ** button1501 start ** */
/*** 1501: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/

.callBox,
.passwordBox,
.zipdBox {display: flex;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.callBox,
	.passwordBox,
	.zipdBox {display: block;}
}
.SearchBT a,
.SearchBT span {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: var(--SearchBT-mg); /* マージン */
	padding: var(--SearchBT-pd); /* パディング */
	border-radius: var(--SearchBT-rod);-webkit-border-radius: var(--SearchBT-rod);-moz-border-radius: var(--SearchBT-rod); /* 角丸 */
	font-size: var(--font-search-bt); /* フォントサイズ */
	box-shadow: var(--SearchBT-sd); /* 背景影色 */
}
/* 検索ボタン共通（基本） */
.SearchBT a {
	text-decoration: none;
	font-weight: bold;
	background: var(--SearchBT-bg); /* 背景色 */
	color: var(--SearchBT-txt); /* テキスト色 */
	border: var(--SearchBT-brd); /* ボーダー指定 */
}
/* 検索ボタン共通（ボタン押下禁止） */
.SearchBT span {
	text-decoration: none;
	font-weight: bold;
	background: var(--SearchBTNo-bg); /* 背景色 */
	color: var(--SearchBTNo-txt); /* テキスト色 */
	border: var(--SearchBTNo-brd); /* ボーダー指定 */
}
/* 検索ボタン共通（検索クリア） */
.SearchBT a.clear_btn {
	color: var(--clearBtn-txt); /* テキスト色 */
	background: var(--clearBtn-bg); /* 背景色 */
	border: var(--clearBtn-brd); /* ボーダー指定 */
}
.SearchBT a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** button1501 end ** */

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

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

/* 基本設定 */
.radio-toggle {display: flex;}
.radio-toggle label {width: 100%;position: relative;margin: 0.5rem 0.2rem;}
.radio-toggle [type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5rem;
	outline: none;
	cursor: pointer;
}
.radio-toggle.wOnly {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}
/* appearance: none; for IE11 */
_:-ms-lang(x)::-ms-backdrop, .radio-toggle [type=radio] {visibility: hidden;}
.radio-toggle .toggle-button {z-index: 1;}
.radio-toggle :disabled + .toggle-button {cursor: not-allowed;opacity: .6;}
.toggle-button {
	display: block;
	padding: 0.7rem 2.0rem;
	border-radius: var(--app-toggle-rod);-webkit-border-radius: var(--app-toggle-rod);-moz-border-radius: var(--app-toggle-rod); /* 角丸 */
	text-align: center;
	font-weight: bold;
}
.toggle-button.wFixed {
	width: 100%;
}
.toggle-button:hover {opacity: .8;}
.toggle-button:disabled {cursor: not-allowed;opacity: .6;color: var(--app-toggle-txt);} /* テキスト色 */

/* ボタン装飾設定 */
.toggle-button {
	color: #fff;
	background-color: var(--app-toggle-btdef-bg); /* 背景色（デフォルト） */
}
.toggle-button {font-size: var(--font-toggle-bt);} /* フォントサイズ */
.radio-toggle :checked + .toggle-button.unapproved {background-color: var(--app-toggle-btunap-bg);}/* 背景色（未承認・済み） */
.radio-toggle :checked + .toggle-button.approved {background-color: var(--app-toggle-btappr-bg);}/* 背景色（承認） */

/* ** button1601 end ** */

/* ** button1602 start ** */
/*** 1602: ラジオボタンタブボタン ***/

.selectBt {
	margin: var(--app-selectBt-mg); /* マージン */
	padding: var(--app-selectBt-pd); /* パディング */
}
.selectBt ul {display: flex;}
.selectBt li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
label.tab_item {
	display: block;
	margin: var(--app-selectBt-a-mg); /* マージン */
	padding: var(--app-selectBt-a-pd); /* パディング */
	text-align: center;
	cursor: pointer;
	color: var(--app-selectBt-a-txt); /* テキスト色（aタグ） */
	font-size: var(--font-selectBt);/* フォントサイズ */
	font-weight:bold;
	background: var(--app-selectBt-a-cr); /* 背景色（aタグ） */
	border-radius: var(--app-selectBt-rod);-webkit-border-radius: var(--app-selectBt-rod);-moz-border-radius: var(--app-selectBt-rod);/* 角丸 */
	border: var(--app-selectBt-brd);/* ボーダー指定 */
}
label.tab_item:hover,
.selectBt input[type="radio"]:checked + label.tab_item {
	color: var(--app-selectBt-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-selectBt-ah-cr); /* 背景色（aタグフォーカス） */
}
.selectBt input[type="radio"] {display: none;}

/* ** button1602 end ** */

/* ** button1603 start ** */
/*** 1603: チェックボックスボタン ***/

/*** チェックボックス選択型 ***/
.checkboxBgBt input[type=checkbox] {display: none;}

/* CHECK OFF */
.checkboxBgBt input[type="checkbox"] + span {
	font-weight:bold;
	color: var(--app-checkboxBgBt-no-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-no-cr); /* 背景色 */
}
/* CHECK ON */
.checkboxBgBt input[type="checkbox"]:checked + span {
	font-weight:bold;
	color: var(--app-checkboxBgBt-on-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-on-cr); /* 背景色 */
}
/* CHECK NO */
.checkboxBgBt input[type="checkbox"]:disabled + span {
	font-weight:bold;
	cursor:not-allowed;
	color: var(--app-checkboxBgBt-dis-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-dis-cr); /* 背景色 */
}
.checkboxBgBt input[type="checkbox"]:checked:disabled + span {
	font-weight:bold;
	cursor:not-allowed;
	color: var(--app-checkboxBgBt-dis-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-dis-cr); /* 背景色 */
}
/* lableのスタイル */
.checkboxBgBt .Bglabel {
	font-weight:bold;
	font-size:  var(--font-checkboxBgBt); /* フォントサイズ */
	display: block;
	height: var(--app-checkboxBgBt-size); /* ボタンサイズ */
	line-height: var(--app-checkboxBgBt-size); /* ボタンサイズ */
	cursor: pointer;
	background-repeat: no-repeat;
	border-radius: var(--app-checkboxBgBt-rod);-webkit-border-radius: var(--app-checkboxBgBt-rod);-moz-border-radius: var(--app-checkboxBgBt-rod); /* 角丸 */
	text-align: center;
}
/* チェックボックス全てをチェック */
.checkboxAllArea {
	display: flex;
	justify-content: flex-end;
}
.checkboxAll {
	font-weight:bold;
	font-size:  var(--font-checkboxAll); /* フォントサイズ */
}
/* ** button1603 end ** */

/* ** button1604 start ** */
/******* ラジオ切り替えボタン *******/
.checkRadio {
	width: 100%;
	margin: var(--app-checkRadio-mg); /* マージン */
	padding: var(--app-checkRadio-pd); /* パディング */
	display: flex;
}
/* ボタン制御 */
.checkRadio input {display: none;}
.checkRadio label{
	display: block;
	cursor: pointer;
	width: var(--app-checkRadiolabel-size); /* ボタンサイズ */
	margin: var(--app-checkRadiolabel-mg); /* マージン */
	padding: var(--app-checkRadiolabel-pd); /* パディング */
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-right: var(--app-checkRadiolabel-brd); /* ボーダー指定 */
	font-size:  var(--font-checkRadiolabel); /* フォントサイズ */
	font-weight: bold;
}
.checkRadio label{
	color: var(--app-checkRadiolabel-txt); /* テキスト色（通常） */
	background: var(--app-checkRadiolabel-cr); /* 背景色（通常） */
}
.checkRadio label:first-of-type{
	border-radius: var(--app-checkRadiolabel-rod) 0 0 var(--app-checkRadiolabel-rod);
}
.checkRadio label:last-of-type{
	border-radius: 0 var(--app-checkRadiolabel-rod) var(--app-checkRadiolabel-rod) 0;
	border-right: none; /* ボーダー指定 */
}
.checkRadio input[type="radio"]:checked + .switch-no {
	color: var(--app-checkRadiolabel-no-txt); /* テキスト色（NO） */
	background: var(--app-checkRadiolabel-no-cr); /* 背景色（NO） */
}
.checkRadio input[type="radio"]:checked + .switch-on {
	color: var(--app-checkRadiolabel-on-txt); /* テキスト色（ON） */
	background: var(--app-checkRadiolabel-on-cr); /* 背景色（ON） */
}
.checkRadio input[type="radio"]:checked + .switch-off {
	color: var(--app-checkRadiolabel-off-txt); /* テキスト色（NO） */
	background: var(--app-checkRadiolabel-off-cr); /* 背景色（NO） */
}
.checkRadio input[type="radio"]:checked + .switch-neit {
	color: var(--app-checkRadiolabel-neit-txt); /* テキスト色（どちらでもない） */
	background: var(--app-checkRadiolabel-neit-cr); /* 背景色（どちらでもない） */
}
/* ** button1604 end ** */

/****************** ページトップボタン ******************/

/* ** button1701 start ** */
/*** 1701: ページトップボタン ***/

.pagetop {display: none;position: fixed;bottom: 30px;right: 10px;}
.spFootNavi .pagetop {display: none;position: fixed;bottom: 110px;right: 10px;}
.pagetop a {
	display: block;
	padding: 2.0rem 1.0rem;
	text-align: center;
	text-decoration: none;
	border-radius: var(--pagetop-rod);-webkit-border-radius: var(--pagetop-rod);-moz-border-radius: var(--pagetop-rod); /* 角丸 */
	z-index: 9990;
	color: var(--app-pagetop-txt); /* テキスト色（aタグ） */
	background-color: var(--app-pagetop-cr); /* 背景色（aタグ） */
}
.pagetop a {font-size: var(--font-pagetop);font-weight: bold;}/* フォントサイズ */
.pagetop a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** button1701 end ** */

/* ** button1801 start ** */
/*** 1801: 検索抽出ボタン ***/
/* 抽出ボタンエリア */
.extractBtArea {
	margin: var(--app-extractBtArea-mg); /* マージン */
	display: flex;
	justify-content: flex-end;
}
/* 抽出ボタン設定 */
.extractBtArea ul {
	display: flex;
	justify-content: flex-end;
	list-style: none;
}
.extractBtArea li {
	margin: var(--app-extractBtArea-li-mg); /* マージン */
	text-align: center;
}
.extractBtArea li {width: var(--app-extractBtArea-size);} /* 基本横幅サイズ */
.extractBtArea li.extsizeW {width: var(--app-extractBtArea-w-size);} /* 横幅ワイドサイズ */
.extractBtArea a {
	width: 100%;
	text-align: center;
	display: block;
	padding: var(--app-extractBtArea-pd); /* パディング */
	color: var(--app-extractBtArea-txt); /* テキスト色 */
	background: var(--app-extractBtArea-cr); /* 背景色 */
	border-radius: var(--app-extractBtArea-rod);-webkit-border-radius: var(--app-extractBtArea-rod);-moz-border-radius: var(--app-extractBtArea-rod); /* 角丸 */
	font-size:  var(--font-extractBtArea); /* フォントサイズ */
	font-weight: bold;
}
.extractBtArea a.crt {
	background: var(--app-extractBtArea-cr-crt); /* カレント背景色 */
}
.extractBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.extractBtArea {display: block;}
}
/* ** button1801 end ** */