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

/*======== button_parts.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 span.IcoBox {filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;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;}
.flexBtM p {width: 100%;padding-right: 0.4rem;}
.flexBtM p:first-child {padding-left: 0;padding-right: 0.6rem;}
.popupArea .flexBtM p.flexBtMSub {width: 35%;}
.popupArea .flexBtM p.flexBtMMain {width: 65%;}

/* 横並びボタンデザインパターン01(サブボタンが狭いパターン) */
.flexBtMTp01 .flexBtM p.flexBtMSub {width: 30%;}
.flexBtMTp01 .flexBtM p.flexBtMMain {width: 70%;}

/* 横並びボタンデザインパターン02(ボタンが同じ大きさで並ぶパターン) */
.flexBtMTp02 .flexBtM p.flexBtMSub,
.flexBtMTp02 .flexBtM p.flexBtMMain {width: 100%;}

@media screen and (max-width: 600px) {
	.flexBtMTp01 .flexBtM p.flexBtMSub {width: 30%;}
	.flexBtMTp01 .flexBtM p.flexBtMMain {width: 70%;}
	.flexBtMTp02 .flexBtM p.flexBtMSub,
	.flexBtMTp02 .flexBtM p.flexBtMMain {width: 50%;}
}
/* ** buttonBasic end ** */

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

/* 前後ボタン共通指定 */
.sbmBNBt,
.sbmNxBt,
.sbmCpBt,
.closePuBt,
.canPuBt {
	margin: 1.0rem auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
}
/* 前に戻るボタン */
.sbmBNBt {
	color: var(--sbmBNBt-txt); /* テキスト色 */
	background: var(--sbmBNBt-bg); /* 背景色 */
	border: var(--sbmBNBt-brd); /* ボーダー指定 */
}
.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 {
	color: var(--sbmNxBt-txt); /* テキスト色 */
	background: var(--sbmNxBt-bg); /* 背景色 */
	border: var(--sbmNxBt-brd); /* ボーダー指定 */
}
.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 ** */
/* 登録・購入完了ボタン */
.sbmCpBt {
	color: var(--sbmCpBt-txt); /* テキスト色 */
	background: var(--sbmCpBt-bg); /* 背景色 */
	border: var(--sbmCpBt-brd); /* ボーダー指定 */
}
/* ** button0102 end ** */

/* ** button0103 start ** */
/* ウインドウを閉じるボタン */
.closePuBt {
	color: var(--closePuBt-txt); /* テキスト色 */
	background: var(--closePuBt-bg); /* 背景色 */
	border: var(--closePuBt-brd); /* ボーダー指定 */
}
/* ** button0103 end ** */

/* ** button0104 start ** */
/* 削除・キャンセル等ボタン */
.canPuBt {
	color: var(--canPuBt-txt); /* テキスト色 */
	background: var(--canPuBt-bg); /* 背景色 */
	border: var(--canPuBt-brd); /* ボーダー指定 */
}
/* ** button0104 end ** */

/* ** button0105 start ** */
/* 前後ボタン共通ボタン（小サイズ） */
/*** Flex対応 ***/
.flexSBtM {width:100%;display: flex;justify-content: flex-start;}
.flexSBtM p {width: 25%;}
.flexSBtM p:last-child {margin-left: auto;}/*Flex最後だけ右 */
@media screen and (max-width: 600px) {
	.flexSBtM p {width: 45%;}
}
.sbmSBNBt {
	margin: 1.0rem auto;
	padding: 1.0rem;
	width: 100%;
	font-size: 1.4rem;
	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);}
/* ** button0105 end ** */

/* ** button0106 start ** */
/* ネクストバックボタン */
.NBLink {margin: 0 auto;padding: 0;}
.NBBack {float: left;width: var(--NBLinkBt-pwidth);}
.NBNext {float: right;width: var(--NBLinkBt-pwidth);}
.NBLinkBt {
	margin: 1.2rem auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
	color: var(--NBLinkBt-txt); /* テキスト色 */
	background: var(--NBLinkBt-bg); /* 背景色 */
	border: var(--NBLinkBt-brd); /* ボーダー指定 */
}
.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);}
/* ** button0106 end ** */

/* ** button0107 start ** */
/* 詳細から一覧へ戻るボタン(基本) */
.DetListBkBt {width: var(--ListBkBt-size);margin: 1.5rem auto;}
.ListBkBt {
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
	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);}
/* ** button0107 end ** */

/* ** button0108 start ** */
/* ネクストバックボタン(日付要素等が入りボタン要素が一体の場合) */
/*** Flex対応 ***/
.flexSDtBtM {
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	border-bottom: var(--flexSDtBtM-brd); /* ボーダー指定 */
}
.flexSDtBtM p {text-align: center;}
.flexSDtBtM p.flexSDtBt {width: 20%;}
.flexSDtBtM p.flexSDtBtS {width: 10%;}
.flexSDtBtM p.flexSDt {
	width: 100%;
	padding: 1.5rem 0.5rem;
	border-left: var(--flexSDtBtM-brd); /* ボーダー指定 */
	border-right: var(--flexSDtBtM-brd); /* ボーダー指定 */
	background: var(--flexSDtBtM-bg); /* 背景色 */
	font-size: clamp(1.4rem, 1.8vw, 2.0rem);
	font-weight: bold;
}
.flexSDtBtM.SDtBtMBdnB {border-bottom: none;}
.flexSDtBtM.SDtBtMBdn p.flexSDt {border-left: none;border-right: none;}

@media screen and (max-width: 600px) {
	.flexSDtBtM p.flexSDtBt {width: 45%;}
	.flexSDtBtM p.flexSDtBtS {width: 20%;}
}
.sbmSDtBNBt {
	padding: 1.5rem 0.5rem;
	width: 100%;
	font-size: 1.4rem;
	color: var(--sbmSDtBNBt-txt); /* テキスト色 */
	background: var(--sbmSDtBNBt-bg); /* 背景色 */
	border: none;
}
.BtM button.sbmSDtBNBt.next::after,
.BtM a.sbmSDtBNBt.next::after,
.BtM span.sbmSDtBNBt.next::after,
.BtM button.sbmSDtBNBt.back::after,
.BtM a.sbmSDtBNBt.back::after,
.BtM span.sbmSDtBNBt.back::after {border-left-color: var(--sbmSDtBNBt-txt);}

/* ** button0108 end ** */

/* ** button0201 start ** */
/*** 0201: ファイルアップロード・削除ボタン・参照ボタン ***/
/* ファイルアップロード・削除ボタン */
.fileUpBT a,
.fileDelBT a,
.fileUpBox label {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1.0rem 1.5rem;
	width: var(--fileUpBT-size);
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-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;}
/* ** button0201 end ** */

/* ** button0202 start ** */
/* ファイル参照ボタン */
.fileUpBox label {
	color: var(--fileUpBT-txt); /* テキスト色 */
	background: var(--fileUpBT-bg); /* 背景色 */
	border: var(--fileUpBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileUpBT-sd); /* 背景影色 */
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);
    cursor: pointer;
}
/* ファイルアップロードの参照ボタン・ファイル選択エリア */
.fileUpBox {
	margin: 0.5rem auto;
	padding: 0.8rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);
	border: var(--app-BgBox-brd); /* ボーダー指定 */
	background: var(--app-BgBox-bg); /* 背景色 */
}
.fileUpBox dl {
	display: flex;
	margin: 0 auto;
	padding: 1.0rem 0;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--fileUpBox-txt); /* テキスト色 */
	align-items: center;
}
.fileUpBox .InputForm dt {width:25%;padding: 0.5rem;}
.fileUpBox .InputForm dd {width:75%;padding: 0;display: flex;align-items: center;}
.fileUpBox input[type="file"] {display: none;}
.fileUpBox figure img {width: 100%;}
.fileUpBox .fileName {padding: 0 0 0 1.5rem;}

/* ファイルアップロード後表示 */
.FileUpImg {margin: 0 auto;padding: 0px;}
.FileUpImg img {width:200px;border-radius: 2px;} /* 幅指定 */
.FileUpName {
	margin: 0 auto;
	padding: 0.5rem 0 1.5rem 0;
	font-size: 1.4rem;
	text-align: left;
}
.FileUpName a {color: var(--font-fileUpBox);}
.FileUpImg a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
@media screen and (max-width: 480px) {
	.fileUpBox dl {display: block;}
	.fileUpBox .InputForm dt,
	.fileUpBox .InputForm dd {width:100%;}
}
/* ** button0202 end ** */

/* ** button0301 start ** */
/*** 0301: 住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
.callBox,
.zipdBox {display: flex;align-items: center;}

@media screen and (max-width: 480px) {
	.callBox,
	.popupSearchBox .zipdBox {display: block;}
	.callBox .SearchBT,
	.popupSearchBox .zipdBox .SearchBT {margin: 1.5rem 0;}
}
.SearchBT a,
.SearchBT span {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0 0.8rem;
	padding: 0.8em 1.5rem;
	font-size: clamp(1.3rem, 1.3vw, 1.4rem);
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod); /* 角丸 */
	box-shadow: var(--SearchBT-sd); /* 背景影色 */
}
@media screen and (max-width: 480px) {
	.SearchBT a,
	.SearchBT span {
		margin: 0 0.8rem;
		padding: 1.2em 1.0rem;
	}
}
/* 検索ボタン共通（基本） */
.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;}
/* ** button0301 end ** */

/* ** button0401 start ** */
/*** 0401: ページトップボタン ***/
.pagetop {display: none;position: fixed;bottom: 30px;right: 10px;z-index: 9990;}
.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); /* テキスト色 */
	background-color: var(--app-pagetop-cr); /* 背景色 */
}
.pagetop a {font-size: 1.2rem;font-weight: bold;}
.pagetop a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* デザインタイプ01 */
.pagetop_dezpt01 .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt01 .spFootNavi .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt01 .pagetop a {
	position: relative;
	width: 65px;
	height: 65px;
	transition: opacity .6s ease;
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; /* 角丸 */
}
.pagetop_dezpt01 .pagetop a::before {
	position: absolute;
	top: 7px;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin: auto;
	content: '';
	transform: rotate(-45deg);
	border-top: 1px solid var(--app-pagetop-txt);
	border-right: 1px solid var(--app-pagetop-txt);
}
@media screen and (max-width:767px) {
	.pagetop_dezpt01 .pagetop a {width: 45px;height: 45px;}
	.pagetop_dezpt01 .pagetop a::before {top: 5px;width: 10px;height: 10px;}
}
/* デザインタイプ02 */
.pagetop_dezpt02 .pagetop {bottom: 10px;right: 10px;text-indent: -9999px;}
.pagetop_dezpt02 .spFootNavi .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt02 .pagetop a {
	position: relative;
	width: 65px;
	height: 65px;
	transition: opacity .6s ease;
	border-radius: 100%;
}
.pagetop_dezpt02 .pagetop a::before {
	position: absolute;
	top: 7px;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin: auto;
	content: '';
	transform: rotate(-45deg);
	border-top: 2px solid var(--app-pagetop-txt);
	border-right: 2px solid var(--app-pagetop-txt);
}
@media screen and (max-width:767px) {
	.pagetop_dezpt02 .pagetop a {width: 45px;height: 45px;}
	.pagetop_dezpt02 .pagetop a::before {top: 5px;width: 10px;height: 10px;}
}
/* ** button0401 end ** */

/* ** button0501 start ** */
/*** 0501: コメントに関するボタン ***/
/* 登録ボタン共通 */
.commentRegBt,
.commentMemBt {
	margin: 0;
	padding: 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
}
.commentEditBt,
.commentDelBt,
.commentResBt,
.commentRepBt {
	margin: 0;
	padding: 0.8rem 0.2rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
}
@media screen and (max-width: 600px) {
	.commentEditBt,.commentDelBt,.commentResBt,.commentRepBt {padding: 1.2rem 0.2rem;}
}
/* コメント登録ボタン */
.commentRegBt {
	color: var(--commentRegBt-txt); /* テキスト色 */
	background: var(--commentRegBt-bg); /* 背景色 */
	border: var(--commentRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRegBt-sd); /* 背景影色 */
}
/* ** button0501 end ** */

/* ** button0502 start ** */
/* コメント時会員登録促進ボタン */
.commentMemBt {
	color: var(--commentMemBt-txt); /* テキスト色 */
	background: var(--commentMemBt-bg); /* 背景色 */
	border: var(--commentMemBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentMemBt-sd); /* 背景影色 */
}
/* ** button0502 end ** */

/* ** button0503 start ** */
/* コメント編集ボタン */
.commentEditBt {
	color: var(--commentEditBt-txt); /* テキスト色 */
	background: var(--commentEditBt-bg); /* 背景色 */
	border: var(--commentEditBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentEditBt-sd); /* 背景影色 */
}
/* ** button0503 end ** */

/* ** button0504 start ** */
/* コメント削除ボタン */
.commentDelBt {
	color: var(--commentDelBt-txt); /* テキスト色 */
	background: var(--commentDelBt-bg); /* 背景色 */
	border: var(--commentDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentDelBt-sd); /* 背景影色 */
}
/* ** button0504 end ** */

/* ** button0505 start ** */
/* コメント返信ボタン */
.commentResBt {
	color: var(--commentResBt-txt); /* テキスト色 */
	background: var(--commentResBt-bg); /* 背景色 */
	border: var(--commentResBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentResBt-sd); /* 背景影色 */
}
/* ** button0505 end ** */

/* ** button0506 start ** */
/* コメント通報ボタン */
.commentRepBt {
	color: var(--commentRepBt-txt); /* テキスト色 */
	background: var(--commentRepBt-bg); /* 背景色 */
	border: var(--commentRepBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRepBt-sd); /* 背景影色 */
}
/* ** button0506 end ** */

/* ** button0601 start ** */
/*** 0601: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
a.LinkShtBt {
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);
	margin: 0 2.0rem;
	padding: 0.2rem 1.0rem;
	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;}
/* ** button0601 end ** */

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

/* 大きいサイズボタン */
.conDetBtW {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: 80%;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtW:link,
a.conDetBtW:visited,
a.conDetBtW:active {color: var(--conDetBt-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(--conDetBt-txt);}

/* 中サイズボタン */
.conDetBtM {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: 60%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtM:link,
a.conDetBtM:visited,
a.conDetBtM:active {color: var(--conDetBt-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(--conDetBt-txt);}

/* 小サイズボタン */
.conDetBtS {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: var(--conDetBtS-size); /* ボタンサイズ */
	font-size: clamp(1.6rem, 1.6vw, 1.4rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtS:link,
a.conDetBtS:visited,
a.conDetBtS:active {color: var(--conDetBt-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(--conDetBt-txt);}

@media screen and (max-width: 600px) {
	.conDetBtW,
	.conDetBtM,
	.conDetBtS {width: 100%;}
}
/* ** button0602 end ** */

/* ** button0701 start ** */
/*** 0701: オープンクローズボタン ***/

/*** オープンクローズエリア (主に検索・検索結果の開閉)  ***/
.searchOpCl {
	margin: 1.0em auto 0 auto;
	padding: 1.0rem 1.0rem 1.0rem 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	color: var(--searchOpCl-txt); /* テキスト色 */
	background: var(--searchOpCl-bg); /* 背景色 */
	border: var(--searchOpCl-brd); /* ボーダー指定 */
	box-shadow: var(--searchOpCl-sd); /* 背景影色 */
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.searchOpCl .OpClTi {width: 80%;}
.searchOpCl .OpClBt {width: 20%;}

@media screen and (max-width: 600px) {
	.searchOpCl .OpClBt {width: 20%;}
}
/* オープンクローズボタンボタン */
.searchOpCl .slide_btn {
	margin: 0;
	padding: 0.5rem;
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod); /* 角丸 */
	width: 100%;
	font-size: clamp(1.0rem, 1.0vw, 1.0rem);
	color: var(--slideBtn-txt); /* テキスト色 */
	background: var(--slideBtn-bg); /* 背景色 */
	border: var(--slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--slideBtn-sd); /* 背景影色 */
}
.searchOpCl .btn_close:before {content: 'CLOSE';}
.searchOpCl .btn_open:after {content: 'OPEN';}
.searchOpCl .btn_close span,
.searchOpCl .btn_open span {display: none;}
.searchOpCl .BtM span {filter: alpha(opacity=100);opacity: 1.00;}

/* ** button0701 end ** */

/* ** button0702 start ** */
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
.htibrd {
	width: 100%;
	margin: 0.5rem auto;
	padding: 0.3em 0.3em 0.8em 0.5em;
	color: var(--htibrd-txt); /* テキスト色 */
	background: var(--htibrd-bg); /* 背景色 */
	border-bottom: var(--htibrd-brd); /* ボーダー指定 */
	position: relative;
}
.htibrd .htibrdTi {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/* オープンクローズボタンボタン(タイトル横) */
.htibrd a:link.slide_btn,
.htibrd .slide_btn {
	margin: 0;
	padding: 0.8rem 1.0rem;
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	font-size: 1.0rem;
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
	border: var(--htibrd-slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--htibrd-slideBtn-sd); /* 背景影色 */
}
.htibrd a:link.slide_btn:hover,
.htibrd .slide_btn:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
.htibrd .btn_close:before {content: 'CLOSE';}
.htibrd .btn_open:after {content: 'OPEN';}
.htibrd .btn_close span,
.htibrd .btn_open span {display: none;}
.htibrd  .BtM span {filter: alpha(opacity=100);opacity: 1.00;}

/* ** button0702 end ** */

/* ** button0703 start ** */
/****** アコーディオンメニュー ******/
/* ツリー要素 */
.TreeBox {width: 100%;margin: 0;}
.TreeBox a {text-decoration:none;}
.TreeBox a.crt {font-weight:bold;}
.TreeBox ul {}
.TreeBox ul.innerLine {height: 20.0rem;overflow: auto;}
.TreeBox li {padding: 0;list-style:none;}
.TreeBox li.TreeLinkNo {}
.TreeBox li.TreeCh {padding-top: 0.5rem;}
.TreeBox li.TreeCh label {padding-left: 3.0rem;}
.TreeBox li.TreeFir {}
.TreeBox li.TreePd {padding-left: 1.5rem;}
.TreeBox li.TreePdEnd {padding-left: 1.5rem;}
.TreeBox .TreeLine {}
.TreeBox .TreePdt {padding-top: 0.5rem;}
.TreeBox img.TreeSp {width: 0.2rem;height:26px;}
.TreeBox .TreeTiBoxFir,
.TreeBox .child {
	border-radius: var(--app-TreeBox-rod);-webkit-border-radius: var(--app-TreeBox-rod);-moz-border-radius: var(--app-TreeBox-rod); /* 角丸 */
	border: var(--app-TreeBox-brd);
}
.TreeBox .TreeTiBoxFir {padding: 1.5rem 1.0rem 0.5rem 1.0rem;}
.TreeBox .child {display: none;margin: 0 0 1.0rem 0;padding: 1.0rem 0;}

/* オープンクローズボタンボタン(ツリー) */
.TreeBox a.menu {
	float: right;
	display: block;
	position: relative;
}
.TreeBox a.menu:hover {}
.TreeBox .menu:after {
	position: absolute;
	top: 0.8rem;
	right: 1.0rem;
	margin-top: -0.8rem;
	content: '▼';
	font-size: 1.2rem;
	font-weight: bold;
	-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.2rem 1.0rem;
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	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(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
@media screen and (max-width: 600px) {
	.htibrd .LayoutL {float: left;}
	.htibrd .LayoutR {float: right;}
}
/* ** button0703 end ** */

/* ** button0704 start ** */

/*** オープンクローズボタンボタン(ボタン全体) ***/

/* 基本枠 */
.OpenCloseBtBox {
	width: 100%;
	margin: 0.5rem auto 0 auto;
	padding: 0.5rem;
	color: var(--OpenCloseBtBox-txt); /* テキスト色 */
	background: var(--OpenCloseBtBox-bg); /* 背景色 */
	border: var(--OpenCloseBtBox-brd); /* ボーダー指定 */
	border-radius: var(--OpenCloseBtBox-rod);-webkit-border-radius: var(--OpenCloseBtBox-rod);-moz-border-radius: var(--OpenCloseBtBox-rod); /* 角丸 */
}
.initialOpen {}
/* ボタン枠 */
.OpenCloseBt {
	position: relative;
	padding: 1.0rem 0.5rem;
	cursor: pointer;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: var(--OpenCloseBt-txt); /* テキスト色 */
	background: var(--OpenCloseBt-bg); /* 背景色 */
	border: var(--OpenCloseBt-brd); /* ボーダー指定 */
	border-radius: var(--OpenCloseBt-rod);-webkit-border-radius: var(--OpenCloseBt-rod);-moz-border-radius: var(--OpenCloseBt-rod); /* 角丸 */
}
/* ボタン箇所(初期閉じている状態) */
.OpenClose_btn {
	position: absolute;
	display: block;
	top: 50%;
	right: 1.0rem;
	transform: translateY(-50%);
	width: 2.0rem;
	height: 2.0rem;
	background: var(--OpenClose_btn-bg);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.OpenClose_btn:before,
.OpenClose_btn:after {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.0rem;
	height: 0.2rem;
	content: '';
	background-color: var(--OpenClose_btn-txt);
}
.OpenClose_btn:before {width: 0.2rem;height: 1.0rem;}
.OpenCloseBt.selected .OpenClose_btn:before {content: normal;}
.OpenCloseBtBox div.OpenCloseInn {display: none;padding: 0.5rem;}

/* ボタン箇所(初期開いている状態) */
.initialOpen .OpenClose_btn:before {width: 1.0rem;height: 0.2rem;}
.initialOpen .OpenCloseBt.selected .OpenClose_btn:before {content: '';width: 1.0rem;height: 0.2rem;}
.initialOpen .OpenCloseBt.selected .OpenClose_btn:after {content: '';width: 0.2rem;height: 1.0rem;}
.OpenCloseBtBox.initialOpen div.OpenCloseInn {display: block;}

/*** デザインパターン ***/
/* 文字サイズ小 */
.OpCl_dezpt01 .OpenCloseBt {padding: 0.8rem 1.0rem;font-size: clamp(1.2rem, 1.3vw, 1.3rem);text-align: left;}

/* ** button0704 end ** */

/* ** button0801 start ** */
/*** 0801: タブメニュー ***/
.tab-munu {display: flex;flex-wrap: wrap;max-width: 100%;gap: 0 0.1rem;align-items: center;}
.tab-munu > label.tab-munu-bt {
	position: relative;
	flex: 1 1;
	order: -1;
	min-width: 60px;
	margin: 1.0rem auto;
	padding: 1.0rem 0.5rem 1.0rem;
	font-size:clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.tab-munu > label.tab-munu-bt:hover {opacity: .8;}
.tab-munu label.tab-munu-bt input[type="radio"] {display: none;}
.tab-munu > div {display: none;width: 100%;}
.tab-munu label.tab-munu-bt:has(:checked) {opacity: 1;}
.tab-munu label.tab-munu-bt:has(:checked) + div,
.tab-munu label.tab-munu-bt.is-active + div {display: block; }
.tab-munu-inn {}
.tab-munu-pd {padding: 0 0.5rem;}
.tab-munu [role="tabpanel"][hidden] { display: none; }

/* デザインパターン(ボタン形式・均等割) */
.tab_dezpt01 .tab-munu > label.tab-munu-bt {
	border-radius: var(--tab-munu-tp01-rod); /* 角丸 */
	background-color: var(--tab-munu-tp01-bg);
	color: var(--tab-munu-tp01-txt);
}
.tab_dezpt01 .tab-munu label.tab-munu-bt:has(:checked),
.tab_dezpt01 .tab-munu label.tab-munu-bt.is-active {
	background-color: var(--tab-munu-tp01-crt-bg);
	color: var(--tab-munu-tp01-crt-txt);
}
.tab_dezpt01 .tab-munu > div {padding: 0;}
.tab_dezpt01 .tab-munu-inn {}

/* デザインパターン(枠線形式) */
.tab_dezpt02 .tab-munu > label.tab-munu-bt {
	margin: 1.0rem auto 0 auto;
	border-radius: var(--tab-munu-tp02-rod); /* 角丸 */
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd);
	border-style: solid;
	border-width: 1px 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
	color: var(--tab-munu-tp02-txt);
}
.tab_dezpt02 .tab-munu label.tab-munu-bt:has(:checked),
.tab_dezpt02 .tab-munu label.tab-munu-bt.is-active {
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-bg);
	border-style: solid;
	border-width: 1px 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
	color: var(--tab-munu-tp02-txt);
}
.tab_dezpt02 .tab-munu > div {padding: 0;background-color: var(--tab-munu-tp02-bg);}
.tab_dezpt02 .tab-munu-inn {
	border-radius: var(--tab-munu-inn-tp02-rod); /* 角丸 */
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd);
	border-style: solid;
	border-width: 0 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
}
.tab_dezpt02 .tab-munu .tab-munu-pd {padding: 2.0rem 0rem;}

@media screen and (max-width: 600px) {
	.tab_dezpt02 .tab-munu .tab-munu-pd {padding: 2.0rem 1.5rem;}
}
/* デザインパターン(枠線形式ボックス型) */
.tab_dezpt03 .tab-munu {background: var(--tab-munu-tp03-brd);border: 1px solid var(--tab-munu-tp03-brd);}
.tab_dezpt03.bdnt .tab-munu {border-left: none;border-right: none;}
.tab_dezpt03.bdn .tab-munu {border-top: none;border-left: none;border-right: none;}
.tab_dezpt03 .tab-munu > label.tab-munu-bt {
	margin: 0 auto;
	border-radius: var(--tab-munu-tp03-rod); /* 角丸 */
	border-color: var(--tab-munu-tp03-brd) var(--tab-munu-tp03-brd) var(--tab-munu-tp03-brd);
	border-style: solid;
	border-width: 0 0 1px;
	background-color: var(--tab-munu-tp03-bg);
	color: var(--tab-munu-tp03-txt);
	font-size: 1.3rem;
}
.tab_dezpt03 .tab-munu label.tab-munu-bt:has(:checked),
.tab_dezpt03 .tab-munu label.tab-munu-bt.is-active {
	border-color: var(--tab-munu-tp03-brd) var(--tab-munu-tp03-brd) var(--tab-munu-tp03-bg);
	border-style: solid;
	border-width: 0 0 1px;
	background-color: var(--tab-munu-tp03-bg);
	color: var(--tab-munu-tp02-txt);
}
.tab_dezpt03 .tab-munu > div {padding: 0;background-color: var(--tab-munu-tp03-bg);}
.tab_dezpt03 .tab-munu-inn {}

@media screen and (max-width: 600px) {
	.tab-guide > label {font-size: 1.4rem;}
	.tab-guide > div {padding: 1.0rem 0.5rem;}
}
/* デザインパターン(ボタン形式・固定割) */
.tab_dezpt04 .tab-munu > label.tab-munu-bt {
	border-radius: var(--tab-munu-tp01-rod); /* 角丸 */
	background-color: var(--tab-munu-tp01-bg);
	color: var(--tab-munu-tp01-txt);
}
.tab_dezpt04 .tab-munu label.tab-munu-bt:has(:checked),
.tab_dezpt04 .tab-munu label.tab-munu-bt.is-active {
	background-color: var(--tab-munu-tp01-crt-bg);
	color: var(--tab-munu-tp01-crt-txt);
}
.tab_dezpt04 .tab-munu > div {padding: 0;}
.tab_dezpt04 .tab-munu-inn {}
.tab_dezpt04 .tab-munu {justify-content: flex-start;}
.tab_dezpt04 .tab-munu > label.tab-munu-bt {flex: 0 0 auto;width: 100px;margin: 0.2rem 0.2rem;}

@media screen and (max-width: 600px) {
	.tab_dezpt04 .tab-munu > label.tab-munu-bt {width: calc(32% - 1rem);}
}
.tab_dezpt01 .tab-munu label.tab-munu-bt.checkbox_text:has(:checked),
.tab_dezpt02 .tab-munu label.tab-munu-bt.checkbox_text:has(:checked),
.tab_dezpt03 .tab-munu label.tab-munu-bt.checkbox_text:has(:checked),
.tab_dezpt04 .tab-munu label.tab-munu-bt.checkbox_text:has(:checked) {border: none;}

/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: ラジオボタンタブボタン ***/
.selectBt {
	margin: 2.0rem auto;
	padding: 0;
}
.selectBt ul {display: flex;}
.selectBt li {width: 100%;margin: 0;padding: 0;list-style: none;}
label.tab_item {
	display: block;
	margin: 0 0.2rem;
	padding: 1.5rem 0.5rem;
	text-align: center;
	cursor: pointer;
	color: var(--app-selectBt-a-txt); /* テキスト色（aタグ） */
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight:bold;
	background: var(--app-selectBt-a-cr); /* 背景色（aタグ） */
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-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;}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 0803: 階層対応タブ風ボタン ***/

/* 基本設定 */
.DetSubBtArea {margin: 0 auto;}
.DetSubBtArea ul {display: flex;justify-content: center;align-items: center;list-style: none;gap: 0;}
.DetSubBtArea li {width: 100%;margin: 0;text-align: center;}
.DetSubBtArea a,
.DetSubBtArea span {
	width: 100%;
	padding: 1.0rem 0;
	text-align: center;
	display: block;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	line-height: 1.0rem;
	white-space:nowrap;
}
@media screen and (max-width: 480px) {
	.DetSubBtArea {padding: 0 0.5rem;}
	.DetSubBtArea a,
	.DetSubBtArea span {padding: 1.0rem 0 1.5rem 0;}
}
@media screen and (max-width: 375px) {
	.DetSubBtArea a,
	.DetSubBtArea span {font-size: 1.3rem;}
}
.DetSubBtArea li.crt a {}
.DetSubBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
.DetSubBtArea span {opacity: 0.3; filter: alpha(opacity = 30);}

/*** デザインンパターン01 ***/
.btdezpt01 .DetSubBtArea {margin: 1.0rem auto;}
.btdezpt01 .DetSubBtArea ul {gap: 0 0.4rem;}
.btdezpt01 .DetSubBtArea ul {justify-content: start;white-space:nowrap;overflow:auto;}
.btdezpt01 .DetSubBtArea ul::-webkit-scrollbar{display: none;}
.btdezpt01 .DetSubBtArea a,
.btdezpt01 .DetSubBtArea span {
	padding: 1.3rem 1.0rem;
	color: var(--app-DetSubBt-txt);
	background: var(--app-DetSubBt-cr);
	border-radius: var(--app-DetSubBt-rod);-webkit-border-radius: var(--app-DetSubBt-rod);-moz-border-radius: var(--app-DetSubBt-rod);
}
.btdezpt01 .DetSubBtArea li.crt a {color: var(--app-DetSubBt-txt-crt);background: var(--app-DetSubBt-cr-crt);}
.btdezpt01.sizeFix .DetSubBtArea a,
.btdezpt01.sizeFix .DetSubBtArea span {width: 15.0rem;}

@media screen and (max-width: 480px) {
	.btdezpt01.sizeFix .DetSubBtArea a,
	.btdezpt01.sizeFix .DetSubBtArea span {width: 100%;}
	.btdezpt01 .DetSubBtArea a,
	.btdezpt01 .DetSubBtArea span {padding: 1.5rem 2.5rem;}
}
/*** デザインンパターン02 ***/
.btdezpt02 .DetSubBtArea {border-bottom: 1px solid var(--app-DetSubBt-cr);}
.btdezpt02 .DetSubBtArea li.crt a {background: var(--app-DetSubBt-cr);}
.DetSubBtArea a,
.DetSubBtArea span {padding: 1.5rem 0 2.0rem 0;}

/* 2階層目 */
.btdezpt02Sub .DetSubBtArea a,
.btdezpt02Sub .DetSubBtArea span {padding: 1.5rem 0;}
.btdezpt02Sub .DetSubBtArea {background: var(--app-DetSubBt-cr);}
.btdezpt02Sub .DetSubBtArea li.crt a {border-bottom: 1px solid var(--app-DetSubBtSub-cr-crt);}

@media screen and (max-width: 480px) {
	.btdezpt02 .DetSubBtArea {padding: 0;}
	.btdezpt02Sub .DetSubBtArea a,
	.btdezpt02Sub .DetSubBtArea span {padding: 1.0rem 0;}
}
/*** デザインンパターン03 ***/
.btdezpt03 .DetSubBtArea {margin: 1.5rem auto;}
.btdezpt03 .DetSubBtArea ul {justify-content: start;white-space:nowrap;overflow:auto;}
.btdezpt03 .DetSubBtArea ul::-webkit-scrollbar{display: none;}
.btdezpt03 .DetSubBtArea a,
.btdezpt03 .DetSubBtArea span {padding: 1.5rem 1.0rem;}
.btdezpt03 .DetSubBtArea li a {border-bottom: 3px solid var(--app-DetSubBt-cr);}
.btdezpt03 .DetSubBtArea li.crt a {border-bottom: 3px solid var(--app-DetSubBt-cr-crt);}

@media screen and (max-width: 480px) {
	.btdezpt03 .DetSubBtArea {padding: 1.0rem 0.5rem 0 0.5rem;}
	.btdezpt03 .DetSubBtArea a,
	.btdezpt03 .DetSubBtArea span {padding: 1.0rem 1.5rem;}
}
/* ** button0803 end ** */

/* ** button0901 start ** */
/*** 0901: ラジオボタン選択トグルボタン ***/
/* 基本設定 */
.radio-toggle {display: flex;align-items: center;justify-content:space-between;}
.radio-toggle.wrapSet {flex-wrap: wrap;}
.radio-toggle label {width: 100%;position: relative;margin: 0.2rem 0.2rem;}
.radio-toggle label.wdHlf {width: 48%;}
.radio-toggle label.wdTlf {width: 31%;}
.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: .3;}
.toggle-button {
	display: block;
	height: var(--app-toggle-size); /* ボタンサイズ */
	line-height: var(--app-toggle-size); /* ボタンサイズ */
	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;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}
.toggle-button.wFixed {
	width: 100%;
}
.toggle-button:hover {opacity: .8;}
.toggle-button:disabled,
.radio-toggle span.unapproved_noset {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: clamp(1.4rem, 1.4vw, 1.6rem);}
.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);}/* 背景色（承認） */

/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: チェックボックスボタン ***/
/*** チェックボックス選択型 ***/
.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: clamp(1.4rem, 1.4vw, 1.6rem);
	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;
	margin: 0.5rem auto;
}
.checkboxAll {
	font-weight:bold;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}
/* ** button0902 end ** */

/* ** button0903 start ** */
/*** 0903: ラジオ切り替えボタン ***/
.checkRadio {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 0;
	display: flex;
}
/* ボタン制御 */
.checkRadio input {display: none;}
.checkRadio label{
	display: block;
	cursor: pointer;
	width: 100px;
	margin: 0;
	padding: 1.0rem 1.5rem;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-right: var(--app-checkRadiolabel-brd); /* ボーダー指定 */
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.checkRadio label{
	color: var(--app-checkRadiolabel-txt); /* テキスト色（通常） */
	background: var(--app-checkRadiolabel-cr); /* 背景色（通常） */
}
.checkRadio label:first-of-type{
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);/* 角丸 */
}
.checkRadio label:last-of-type{
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);/* 角丸 */
	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); /* 背景色（どちらでもない） */
}
/* ** button0903 end ** */

/* ** button1001 start ** */
/*** 1001: システム利用各種編集ボタン ***/
/* 編集・クリアボタン基本 */
.editBt a,
.editBt button,
.editBt span,
.clearBt a,
.clearBt button,
.clearBt 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: 0;
	padding: 0.8rem 0.8rem;
	width: 100%;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
	white-space:nowrap;
}
.editBt a.crt,
.editBt a:hover,
.clearBt a.crt,
.clearBt a:hover {text-decoration: none;}
.editBt a:hover,
.editBt button:hover,
.clearBt a:hover,
.clearBt button:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.editBt span,
.clearBt span {filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;text-decoration:none;}
.editBt .delItemBt,
.editBt .undoDeleteBt,
.clearBt .delItemBt {width: 150px;padding: 1.2rem 0.8rem;}

.editBt a,
.editBt button,
.editBt span {
	background: var(--editBt-bg); /* 背景色 */
	border: var(--editBt-brd);/* ボーダー指定 */
	color: var(--editBt-txt);/* テキスト色 */
	box-shadow: var(--editBt-sd);/* 背景影色 */
}
.clearBt a,
.clearBt button,
.clearBt span {
	background: var(--clearBt-bg); /* 背景色 */
	border: var(--clearBt-brd);/* ボーダー指定 */
	color: var(--clearBt-txt);/* テキスト色 */
	box-shadow: var(--clearBt-sd);/* 背景影色 */
}
/* ** button1001 end ** */

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

/* ** button1101 start ** */
/*** 1101: 新規登録・戻る・編集誘導等のボタン ***/

/* 共通設定 */
.NewOrdBt {background: var(--app-NewOrdBt-bg);border: 2px solid var(--app-NewOrdBt-brd);}/* 新規登録誘導ボタン */
.BackListBt {background: var(--app-BackListBt-bg);border: 2px solid var(--app-BackListBt-brd);}/* 一覧に戻る誘導ボタン */
.EditDetBt {background: var(--app-EditDetBt-bg);border: 2px solid var(--app-EditDetBt-brd);}/* 各種編集誘導ボタン */
.EditOnBt {background: var(--app-EditOnBt-bg);border: 1px solid var(--app-EditOnBt-brd);}/* 各種処理をオンにするボタン */
.EditOffBt {background: var(--app-EditOffBt-bg);border: 1px solid var(--app-EditOffBt-brd);}/* 各種処理をオフにするボタン */
.OutLinkBt {background: var(--app-OutLinkBt-bg);border: 1px solid var(--app-OutLinkBt-brd);}/* 外部リンク等のボタン */
.inductionBtS {background: var(--app-inductionBtS-bg);border: 1px solid var(--app-inductionBtS-brd);}/* 単独処理等のボタン */

/* コピーリンク等のボタン */
.CopyLinkBt {background: var(--app-CopyLinkBt-bg);border: 1px solid var(--app-CopyLinkBt-brd);}
.hp_url {font-size: clamp(1.2rem, 1.2vw, 1.2rem);text-align: left;}
.copy_bt {position: relative;}
.copy_bt_complete {pointer-events: none;}
.copy_bt_complete::before {
	content: 'Copy complete';
	position: absolute;
	background-color: #C50003;
	color: white;
	width: max-content;
	padding: 5px;
	opacity: 0;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	animation: copy_complete 3s linear .1s 1 ;
}
.copy_bt_complete::after {
	content: '';
	position: absolute;
	background-color: #C50003;
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	margin: auto;
	top: 27px;
	opacity: 0;
	clip-path: polygon(50% 0,100% 50%,0% 50%);
	animation: copy_complete 3s linear .1s 1 ;
}
@keyframes copy_complete {
	20% { 
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/* Type01 ～画面中央に配置するパターン～ */
.btdezpt01 .inductionBtArea {
	width: auto;
	margin: 2.0rem auto;
	text-align: center;
}
.btdezpt01 .inductionBtArea .BtM button,
.btdezpt01 .inductionBtArea .BtM a,
.btdezpt01 .inductionBtArea .BtM span {border-radius: 10.5rem;line-height: 1.0;}
.btdezpt01 .inductionBtInn {width: 80%;max-width: 400px;margin: 0 auto;}

@media screen and (max-width: 600px) {
	.btdezpt01 .inductionBtInn {width: 90%;}
}
/* 新規登録・戻る・編集等の各種誘導ボタン */
.btdezpt01 .NewOrdBt,
.btdezpt01 .BackListBt,
.btdezpt01 .EditDetBt,
.btdezpt01 .EditOnBt,
.btdezpt01 .EditOffBt,
.btdezpt01 .OutLinkBt,
.btdezpt01 .CopyLinkBt {
	margin: 1.0rem auto;
	padding: 1.2rem 0;
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	color: #000;
	box-shadow: inhelit;
}
/* 小さいサイズで単独で処理設定する為のボタン */
.btdezpt01 .BtM .inductionBtS {
	width: 80%;
	margin: 0.5rem auto;
	padding: 0.8rem 0;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: normal;
	color: #000;
	box-shadow: inhelit;
}
@media screen and (max-width: 600px) {
	.btdezpt01 .BtM .NewOrdAllBt {width: 90%;}
}
/* Type02 ～一列で横に配置するパターン(枠付き) ～ */

.btdezpt02 .inductionBtArea {
	width: auto;
	margin: 0 auto;
}
.btdezpt02 .inductionBtArea .BtM button,
.btdezpt02 .inductionBtArea .BtM a,
.btdezpt02 .inductionBtArea .BtM span {border-radius: 0.5rem;line-height: 1.0;}
.btdezpt02 .inductionBtInn {
	width: 100%;
	margin: 0 auto;
	padding: 0 0.5rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	align-items: center;
	gap: 0 0.3rem;
}
/* 新規登録・戻る・編集等の各種誘導ボタン */
.btdezpt02 .NewOrdBt,
.btdezpt02 .BackListBt,
.btdezpt02 .EditDetBt,
.btdezpt02 .EditOnBt,
.btdezpt02 .EditOffBt,
.btdezpt02 .OutLinkBt,
.btdezpt02 .CopyLinkBt,
.btdezpt02 .inductionBtS {
	margin: 1.0rem auto;
	padding: 0.8rem 3.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	color: #000;
	box-shadow: inhelit;
}
@media screen and (max-width: 600px) {
	.btdezpt02 .inductionBtInn {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.btdezpt02 .NewOrdBt,
	.btdezpt02 .BackListBt,
	.btdezpt02 .EditDetBt,
	.btdezpt02 .EditOnBt,
	.btdezpt02 .EditOffBt,
	.btdezpt02 .OutLinkBt,
	.btdezpt02 .CopyLinkBt,
	.btdezpt02 .inductionBtS {
		padding: 0.8rem 1.5rem;
	}
}
.btdezpt02 .NewOrdBt {border: 1px solid var(--app-NewOrdBt-brd);}/* 新規登録誘導ボタン */
.btdezpt02 .BackListBt {border: 1px solid var(--app-BackListBt-brd);}/* 一覧に戻る誘導ボタン */
.btdezpt02 .EditDetBt {border: 1px solid var(--app-EditDetBt-brd);}/* 各種編集誘導ボタン */
.btdezpt02 .EditOnBt {border: 1px solid var(--app-EditOnBt-brd);}/* 各種処理をオンにするボタン */
.btdezpt02 .EditOffBt {border: 1px solid var(--app-EditOffBt-brd);}/* 各種処理をオフにするボタン */
.btdezpt02 .OutLinkBt {border: 1px solid var(--app-OutLinkBt-brd);}/* 外部リンク等のボタン */
.btdezpt02 .inductionBtS {border: 1px solid var(--app-inductionBtS-brd);}/* 単独処理等のボタン */

/* Type03 ～一列で横に配置するパターン(枠無しテキストのみ) ～ */

.btdezpt03 .inductionBtArea {
	width: auto;
	margin: 0 auto;
}
.btdezpt03 .inductionBtInn {
	width: 100%;
	margin: 0 auto;
	padding: 0 1.0rem 1.0rem 1.0rem;
	display: -webkit-flex;
	display: flex;
	align-items: left;
	gap: 0 1.5rem;
}
/* 新規登録・戻る・編集等の各種誘導ボタン */
.btdezpt03 .NewOrdBt,
.btdezpt03 .BackListBt,
.btdezpt03 .EditDetBt,
.btdezpt03 .EditOnBt,
.btdezpt03 .EditOffBt,
.btdezpt03 .OutLinkBt,
.btdezpt03 .CopyLinkBt,
.btdezpt03 .inductionBtS {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	color: #999;
}
.btdezpt03 .NewOrdBt,
.btdezpt03 .BackListBt,
.btdezpt03 .EditDetBt,
.btdezpt03 .EditOnBt,
.btdezpt03 .EditOffBt,
.btdezpt03 .OutLinkBt,
.btdezpt03 .CopyLinkBt,
.btdezpt03 .inductionBtS {background: none;border: none;}

/* 戻るボタンのみ矢印処理追加 */
.btdezpt03 .BackListBt {
	position: relative;
	padding-left: 1.6rem;
}
.btdezpt03 .BackListBt::before { /* くの字の表示設定 */
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.2rem;
	width: 1.0rem; /* くの字を山なりに見た時、左側の長さ */
	height: 1.0rem; /* くの字を山なりに見た時、右側の長さ */
	border-top: 0.1rem solid #999; /* くの字を山なりに見た時、左側の太さと色 */
	border-right: 0.1rem solid #999; /* くの字を山なりに見た時、右側の太さと色 */
	transform: rotate(225deg); /* くの字の向き */
}
/* ** button1101 end ** */

/* ** button1102 start ** */
/*** 1102: 項目追加等で使用するボタン ***/
.AddFormBt {margin: 1.0rem auto;display: flex;justify-content: flex-end;}
.AddFormBt .EditUpBt,
.AddFormBt .DelUpBt {
	width: 200px;
	margin: 0; /* マージン */
	padding: 0.5rem 0; /* パディング */
	font-size: 1.4rem;/* フォントサイズ */
	color: #000; /* テキスト色 */
	box-shadow: inhelit; /* 背景影色 */
}
.AddFormBt .EditUpBt {
	background: #eeeeee; /* 背景色 */
	border: 1px solid #c7c7c7; /* ボーダー指定 */
}
.AddFormBt .DelUpBt {
	background: #cce5ed; /* 背景色 */
	border: 1px solid #91b4bf; /* ボーダー指定 */
}
@media screen and (max-width: 480px) {
	.AddFormBt .EditUpBt,
	.AddFormBt .DelUpBt {width: 100%;padding: 0.5rem 2.0rem;}
}
/* ** button1102 end ** */

/* ** button1103 start ** */
/* 画面遷移（編集・確認・その他）右寄せボタン */
.EditBtArea {display: flex;justify-content: flex-end;gap: 0 0.4rem;}
.EditBtArea.BtOnly {margin-top: auto;padding: 1.0rem 1.0rem;background: var(--app-EditBtArea-BtOnly-cr);}
.EditBtArea.BtOnly.UpdOn {margin-top: 0;}
.EditBtArea ul {display: flex;justify-content: flex-end;list-style: none;gap: 0.4rem 0.4rem;flex-wrap: wrap;}
.EditBtArea li {margin: 0;text-align: center;}
.EditBtArea li {width: auto;} /* 基本横幅サイズ */
.EditBtArea a,
.EditBtArea button,
.EditBtArea span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0.8rem 2.5rem;
	color: var(--app-EditBtArea-txt); /* テキスト色 */
	border-radius: var(--app-EditBtArea-rod);-webkit-border-radius: var(--app-EditBtArea-rod);-moz-border-radius: var(--app-EditBtArea-rod); /* 角丸 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.EditBtArea span {opacity: 0.3;}
.EditBtArea .detail a,
.EditBtArea .detail button,
.EditBtArea .detail span {background: var(--app-EditBtArea-detail-cr);border: var(--app-EditBtArea-detail-brd);}/* 確認 */
.EditBtArea .edit a,
.EditBtArea .edit button,
.EditBtArea .edit span {background: var(--app-EditBtArea-edit-cr);border: var(--app-EditBtArea-edit-brd);}/* 編集 */
.EditBtArea .delete a,
.EditBtArea .delete button,
.EditBtArea .delete span {background: var(--app-EditBtArea-delete-cr);border: var(--app-EditBtArea-delete-brd);}/* 編集 */
.EditBtArea .oth a,
.EditBtArea .oth button,
.EditBtArea .oth span {background: var(--app-EditBtArea-oth-cr);border: var(--app-EditBtArea-oth-brd);}/* その他 */
/* 登録 */
.EditBtArea .sbm a,
.EditBtArea .sbm button,
.EditBtArea .sbm span {
	padding: 1.5rem 4.0rem;
	color: var(--app-EditBtArea-sbm-txt);
	background: var(--app-EditBtArea-sbm-cr);
	border: var(--app-EditBtArea-sbm-brd);
}
.EditBtArea .detail a.crt,
.EditBtArea .edit a.crt,
.EditBtArea .oth a.crt {background: var(--app-EditBtArea-cr-crt);border: var(--app-EditBtArea-brd-crt);} /* カレント背景色 */
.EditBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}

@media screen and (max-width: 600px) {
	.EditBtArea {display: block;}
	.EditBtArea a,
	.EditBtArea button,
	.EditBtArea span {padding: 0.5rem 2.5rem;}
	.EditBtArea .sbm a,
	.EditBtArea .sbm button,
	.EditBtArea .sbm span {width: 70%;margin: 0 auto;}
}
/* ** button1103 end ** */

/* ** buttonColor start ** */
/****************** カラー指定  ******************/
/* グラデボタン白 */
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;}
/* ** buttonColor end ** */