@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-tp03-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;}
}
/* マッチング用カラー制御 */
.matching .popupTi,
.matching .btdezpt01 .DetSubBtArea li.crt a,
.matching .btdezpt02 .DetSubBtArea,
.matching .NewOrdBt,
.matching .EditDetBt,
.matching .searchOpCl,
.matching .searchOpCl .slide_btn,
.matching .seplBt,
.matching .EditBtArea .edit a,
.matching .EditBtArea .edit button,
.matching .EditBtArea .edit span,
.matching .editBt a,
.matching .editBt button,
.matching .editBt span
.matching .editBt.DisDetailBt a,
.matching .editBt.DisDetailBt button,
.matching .editBt.DisDetailBt span {background: var(--app-ctmMact-cr);}

.matching .btdezpt02 .DetSubBtArea li.crt a,
.matching .mainTi {color: var(--app-ctmMact-cr);}
.matching .btdezpt03 .DetSubBtArea li.crt a {border-bottom: 3px solid var(--app-ctmMact-cr);}
.matching .matchingSetTi {background: var(--app-ctmMact-cr);}
.matching .matchingSetBtEdit a {
	background: var(--app-ctmMact-cr); /* 背景色 */
	border: var(--app-ctmMact-cr); /* ボーダー指定 */
}
/* SSO用カラー制御 */
.dispatch_app .popupTi,
.dispatch_app .btdezpt01 .DetSubBtArea li.crt a,
.dispatch_app .btdezpt02 .DetSubBtArea,
.dispatch_app .NewOrdBt,
.dispatch_app .EditDetBt,
.dispatch_app .searchOpCl,
.dispatch_app .searchOpCl .slide_btn,
.dispatch_app .seplBt,
.dispatch_app .EditBtArea .edit a,
.dispatch_app .EditBtArea .edit button,
.dispatch_app .EditBtArea .edit span,
.dispatch_app .editBt a,
.dispatch_app .editBt button,
.dispatch_app .editBt span,
.dispatch_app .editBt.DisDetailBt a,
.dispatch_app .editBt.DisDetailBt button,
.dispatch_app .editBt.DisDetailBt span {background: var(--app-ctmSso-cr);}

.dispatch_app .btdezpt02 .DetSubBtArea li.crt a,
.dispatch_app .mainTi {color: var(--app-ctmSso-cr);}
.dispatch_app .btdezpt03 .DetSubBtArea li.crt a {border-bottom: 3px solid var(--app-ctmSso-cr);}
.dispatch_app .matchingSetTi {background: var(--app-ctmSso-cr);}
.dispatch_app .matchingSetBtEdit a {
	background: var(--app-ctmSso-cr); /* 背景色 */
	border: var(--app-ctmSso-cr); /* ボーダー指定 */
}
/* ** 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 {
	padding: 0 1.5rem;
	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;align-items: center;}
.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;}

.EditBtArea .checkboxBgBt span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0 2.0rem;
	color: inhelit; /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	opacity: 1.0;
}
@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.5rem auto;}
	.EditBtArea .checkboxBgBt span {width: 70%;margin: 0.5rem auto;}
}
/* ** button1103 end ** */

/* ** buttonCopy start ** */
/* データコピーボタン */
button.copy-btn {
	border-radius: var(--copyBtm-rod);-webkit-border-radius: var(--copyBtm-rod);-moz-border-radius: var(--copyBtm-rod);
	text-align: center;
	text-decoration:none;
	display:block;
	padding: 0.5rem;
	background: var(--copyBtm-bg);/* 背景色 */
	border: var(--copyBtm-brd);/* ボーダー指定 */
	color: var(--copyBtm-txt);/* テキスト色 */
	box-shadow: var(--copyBtm-sd);/* 背景影色 */
	font-size: clamp(1.0rem, 1.0vw, 1.0rem);
	font-weight: normal;
}
button.copy-btn:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

/* データコピーボタン設置指定 */
.copybtnBox {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem 1.0rem;
	align-items: center;
	padding: 0.2rem 0;
	position: relative;
}
.copybtnBox.flexClm {flex-flow: column;}
.copybtnTxt {padding: 0;}
.copybtnBt {padding: 0;}
.copybtnBt.rgtBt {display: flex;justify-content: flex-end;}

.paymentCheckTABtDet button,
.copy-btn {position: relative;}
.copy-msg {
	position: absolute;
	bottom: 120%;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	background: #333;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	animation: fadeInOut 1.5s ease forwards;
	z-index: 10;
}
.copy-msg::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
.copy-msg.success {background: #2c7be5;}
.copy-msg.success::after {border-color: #2c7be5 transparent transparent transparent;}
.copy-msg.error {background: #d9534f;}
.copy-msg.error::after {border-color: #d9534f transparent transparent transparent;}
@keyframes fadeInOut {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(5px);
	}
	20% {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-50%) translateY(5px);
	}
}
/* ** buttonCopy 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 ** */