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

/******* ログイン・新規会員登録・リマインダーパーツ設定 *******/

/* ** login_box start ** */
/*** ログインエリア(基本) ***/
:root {
/* サイズ基本設定（ログイン画面） */
  --LoginBox-size: 400px; /* サイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --LoginBox-size: 95%; /* サイズ */
	}
}
/*** 基本枠 ***/
#main.loginArea {margin: 0 auto;padding: 0 0 5.0rem 0;}

/* タイトル */
.LoginTi {margin: 0 auto;padding: 2.0rem 0;text-align: center;}
.LoginTiDet {font-size: 1.8rem;font-weight: bold;}

/* ボックス */
.LoginBox {
	margin: 0 auto;
	padding: 2.0rem 1.5rem;
	border: var(--app-BgBox-brd);
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd);
}
.LoginBoxInn {margin: 0 auto;padding: 2.0rem 1.0rem;border: var(--app-BgBoxInn-brd);}
.LoginTi,
.LoginBox {
	width: var(--LoginBox-size);
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
}
/*** ボタン指定 ***/

/* ログインボタン */
.BtM .LoginBt {
	margin: 1.2em auto;
	padding: 1.0em;
	width: 100%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: var(--bt-bk-txt);
	background: var(--bt-bk);
	border: var(--bt-bk-brd);
	box-shadow: var(--bt-bk-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
.BtM button.LoginBt.next::after,
.BtM a.LoginBt.next::after,
.BtM span.LoginBt.next::after,
.BtM button.LoginBt.back::after,
.BtM a.LoginBt.back::after,
.BtM back.LoginBt.next::after {border-left-color: var(--bt-bk-txt);}/* テキスト色 */

/* パスワード忘れページへの遷移ボタン */
.BtM .reminderBt {
	margin: 0.5em auto;
	padding: 0.5em;
	width: 90%;
	font-size: clamp(1.3rem, 1.4vw, 1.4rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
.BtM button.reminderBt.next::after,
.BtM a.reminderBt.next::after,
.BtM span.reminderBt.next::after,
.BtM button.reminderBt.back::after,
.BtM a.reminderBt.back::after,
.BtM back.reminderBt.next::after {border-left-color: var(--bt-w-txt);}/* テキスト色 */

/* 新規会員登録ボタン(ログインページ用) */
.BtM .newmemBt {
	margin: 0.5em auto;
	padding: 1.0em;
	width: 100%;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
.BtM button.newmemBt.next::after,
.BtM a.newmemBt.next::after,
.BtM span.newmemBt.next::after,
.BtM button.newmemBt.back::after,
.BtM a.newmemBt.back::after,
.BtM back.newmemBt.next::after {border-left-color: var(--bt-w-txt);}/* テキスト色 */

/* パスワード問い合わせボタン */
.remCtBt {
	margin: 1.5em auto;
	padding: 1.0em;
	width: 100%;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod); /* 角丸サブ */
}
.BtM button.remCtBt.next::after,
.BtM a.remCtBt.next::after,
.BtM span.remCtBt.next::after,
.BtM button.remCtBt.back::after,
.BtM a.remCtBt.back::after,
.BtM back.remCtBt.next::after {border-left-color: var(--bt-w-txt);}/* テキスト色 */

/* ** login_box end ** */

/* ** newreg_box start ** */

/*** 新規会員登録エリア(基本) ***/

/*** 基本枠 ***/
#main.newregArea {margin: 0 auto;padding: 0;}
#main.newregArea {padding: 0;}

/* タイトル */
.NewregTi {margin: 0 auto;padding: 2.0rem 0;text-align: center;}
.NewregTiDet {font-size: 1.8rem;font-weight: bold;}

/* ボックス */
.NewRegBox,
.NewRegThkBox {
	margin: 0 auto;
	padding: 2.0rem 1.5rem;
	border: var(--app-BgBox-brd);
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd);
}
.NewRegBoxInn,
.NewRegThkDet {margin: 0 auto;padding: 2.0rem 1.0rem;border: var(--app-BgBoxInn-brd);}
.NewregTi,
.NewRegBox,
.NewRegThkBox {
	width: var(--InputBaseBox-size);
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
}
.ordsv_det .LoginBox,
.ordsem_det .LoginBox,
.ordprd_det .LoginBox {width: var(--InputBaseBox-size);margin-bottom: 2.0rem;}

/*** 会員番号・仮パスワード等システム情報表示 ******/
/* 共通指定 */
.ThkSysIdTi,
.ThkSysPassTi {padding: 0.5rem 0;text-align: center;font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.ThkSysBox {
	margin: 1.0rem auto;
	padding: 1.0rem 0;
	text-align: center;
	font-weight: bold;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);
}
/* 会員番号情報表示 仮パスワード情報表示 */
.ThkSysId,
.ThkSysPass {
	font-size: clamp(2.0rem, 1.8vw, 2.5rem);
	color:  #000;
	border: 1px solid #cdcdcd;
	background: #e7e7e7;
}
.ThkSysCap {padding: 1.0rem;text-align: center;font-size: clamp(1.4rem, 1.4vw, 1.6rem);}/* 注意書き */

/* 会員情報登録ボタン */
.newRegBtBox {margin: 0 auto;padding-top: 1.5rem;}
.newRegBt {
	margin: 0 auto;
	padding: 1.5rem 0.5rem;
	width: 300px;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
.BtM button.newRegBt.next::after,
.BtM a.newRegBt.next::after,
.BtM span.newRegBt.next::after,
.BtM button.newRegBt.back::after,
.BtM a.newRegBt.back::after,
.BtM back.newRegBt.next::after {border-left-color: var(--bt-w-txt);}/* テキスト色 */

@media screen and (max-width: 600px) {
	.newRegBt {padding: 1.2em;width: 90%;}
}
/* ログイン後移動ボタン */
.BtM .LoginTopBt {
	margin: 1.2em auto;
	padding: 1.5rem 0;
	width: 300px;
	font-size: clamp(1.8rem, 1.4vw, 2.0rem);
	color: var(--bt-bk-txt);
	background: var(--bt-bk);
	border: var(--bt-bk-brd);
	box-shadow: var(--bt-bk-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
.BtM button.LoginTopBt.next::after,
.BtM a.LoginTopBt.next::after,
.BtM span.LoginTopBt.next::after,
.BtM button.LoginTopBt.back::after,
.BtM a.LoginTopBt.back::after,
.BtM back.LoginTopBt.next::after {border-left-color: var(--bt-bk-txt);}/* テキスト色 */

@media screen and (max-width: 600px) {
	.BtM .LoginTopBt {width: 90%;}
}
/* ** newreg_box end ** */