/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";

.memberContents {
	font-family: "Kosugi Maru", sans-serif;
}
@media only screen and (max-width:430px) {
	.memberContents {
		font-size:4vw;
	}
}

.registForm input[type="text"],
.registForm input[type="email"],
.registForm input[type="password"],
.registForm input[type="submit"],
.registForm select,
.registForm textarea {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance: none;
	border:0;
}
.orange {
	color:#ff7800;
}

/********************************************************************
 *　// 会員登録画面
********************************************************************/

.registForm {
	padding-bottom:3em;
}

/*========== タイトル部分 ==========*/
.registForm_title {
	padding:2.4em 0 1.6em;
	text-align:center;
}
.registForm_title .icon {
	display:inline-block;
	width:2em;
	margin-bottom:1em;
}
.registForm_title_text {
	font-size:1.1em;
	letter-spacing:0.16em;
}
.registForm_title_subText {
	font-size:0.6em;
	line-height:1.5;
	margin-top:2.2em;
	font-family: "Noto Sans JP", sans-serif;
}

/*========== コンテンツ部分(会員登録の流れ) ==========*/
.registForm_section {
	text-align:center;
}
.registForm_section_title {
	font-size:1.04em;
	line-height:1.6;
	margin-bottom:1.7em;
	letter-spacing:0.16em;
	color:#2d337a;
}
.registForm_section_title_subText {
	font-size:0.74em;
	line-height:1.6;
	color:#2d337a;
	letter-spacing:0.1em;
}

/*会員登録の流れ*/
.registForm_flow {
	background:url(../img/registForm_flow_lady.webp) -40% 32% no-repeat;
	background-size:60%;
	letter-spacing:0.1em;
}
.registForm_flow_content {
	width:80%;
	margin:auto;
}
.registForm_flow_item {
	position:relative;
	aspect-ratio:520/186;
	width:100%;
	text-align:center;
}
.registForm_flow_item.flow1 {
	background:url(../img/registForm_flow_step1.png) center top no-repeat;
	background-size:100% auto;
}
.registForm_flow_item.flow2 {
	background:url(../img/registForm_flow_step2.png) center top no-repeat;
	background-size:100% auto;
}
.registForm_flow_item.flow3 {
	background:url(../img/registForm_flow_step3.png) center top no-repeat;
	background-size:100% auto;
}
.registForm_flow_item.flowLast {
	position:relative;
	aspect-ratio:520/112;
	background:url(../img/registForm_flow_step_last.png) center top no-repeat;
	background-size:100% auto;
	width:100%;
	text-align:center;
}
.registForm_flow_item_name {
	font-size:0.94em;
	position:absolute;
	top:23%;
	left:0;
	width:100%;
	color:#2d337a;
}
.flow1 .registForm_flow_item_name {
	color:#3aa500;
}
.flowLast .registForm_flow_item_name {
	top:38%;
}
.registForm_flow_item_text {
	font-size:0.7em;
	line-height:1.3;
	position:absolute;
	top:67%;
	left:0;
	width:100%;
}

/* 利用規約と会員情報取り扱いのモーダルボタン */
.registForm_termsBtn {
	display:flex;
	justify-content:center;
	padding:1.6em 0;
}
.registForm_termsBtn a {
	aspect-ratio:278/64;
	font-size:0.6em;
	display:flex;
	justify-content:center;
	align-items:center;
	background:url(../img/registForm_termsBtn_bg.png) center top no-repeat;
	background-size:100% auto;
	width:37%;
	width:42%;
	margin:0 0.5em;
	color:#265698;
}

/* submitボタン(共通) */
.registForm_submit {
	position:relative;
	font-size:0.9em;
	aspect-ratio:406/80;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:url(../img/registForm_submit_bg.png) center center no-repeat;
	background-size:100% auto;
	box-sizing:border-box;
	width:60%;
	color:#fff;
	letter-spacing:0.1em;
	cursor:pointer;
}
.registForm_submit.sms {
	padding-left:0.5em;
}
.registForm_submit.sms::after {
	content:"";
	aspect-ratio:100/108;
	position:absolute;
	top:0;
	left:10%;
	bottom:0;
	width:1.8em;
	margin:auto;
	background:url(../img/registForm_submit_sms.png) center center no-repeat;
	background-size:cover;
	
}
/*========== コンテンツ部分(会員情報入力画面) ==========*/

/* 登録の流れインジケーター画像*/
.registForm_horizonFlow {
	margin-bottom:2.5em;
}

.registForm_input {
	
}
.registForm_input_field {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.5em;
	text-align:left;
}
.registForm_input_field .input_field {
	margin-top:1.5em;
}
.registForm_input_field .input_field dt {
	font-size:0.7em;
	margin-bottom:0.5em;
	color:#2d337a;
}

.registForm_input_field .input_field.birth .birth_text {
	font-size:0.7em;
} 

.registForm_input_field input[type="text"],
.registForm_input_field input[type="email"],
.registForm_input_field input[type="password"] {
	font-size:0.9em;
	line-height:1.8em;
	background: linear-gradient(135deg,  #ffffff 35%,#f6fcf2 60%,#f6fcf2 100%);
	border-radius:0.9em;
	box-shadow:inset 0.1em 0.1em 2px #e0e0e0;
	width:100%;
	text-indent:0.8em;
}
.registForm_input_field select {
	font-size:0.9em;
	line-height:1.8em;
	background: linear-gradient(135deg,  #ffffff 35%,#f6fcf2 60%,#f6fcf2 100%);
	border-radius:0.9em;
	box-shadow:inset 0.1em 0.1em 2px #e0e0e0;
	box-sizing:border-box;
	width:5em;
	padding-left:1em;
}
.registForm_input_field .location select {
	width:100%;
}

/*========== コンテンツ部分(会員情報入力後の確認画面) ==========*/
.registForm_confirm_field {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.5em;
	text-align:left;
}
.registForm_confirm_field .input_field {
	border-bottom:dotted 1px #999;
	padding-bottom:1.5em;
	margin-top:1.5em;
}
.registForm_confirm_field .input_field dt {
	font-size:0.7em;
	margin-bottom:0.5em;
	color:#2d337a;
	font-weight:bold;
}
.registForm_confirm_field .input_field dt {
	font-size:0.7em;
	margin-bottom:0.5em;
	color:#2d337a;
	font-weight:bold;
}
.registForm_confirm_field .input_field .confirmNotice,
.registForm_input_field .input_field .confirmNotice{
	font-size:0.7em;
	display:block;
	padding-top:0.5em;
	color:#ff7800;
}


/*========== コンテンツ部分(携帯電話番号認証画面) ==========*/
.registForm_verification_again {
	aspect-ratio:532/97;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:url(../img/registForm_verification_again_bg.png) center center no-repeat;
	background-size:100% auto;
	width:75%;
	margin:2.2em auto;
	color:#fff;
	cursor:pointer;
}
.registForm_verification_again span {
	font-size:0.8em;
	line-height:1.4;
	margin-left:1em;
	letter-spacing:0.1em;
}
.registForm_verification_announce {
	font-size:0.7em;
	line-height:1.7;
	margin-bottom:2em;
}
.registForm_verification_announce span {
	display:inline-block;
	padding:0 0.8em;
	color:#ff6500;
}
/* ご注意(ログインページと共通) */
.registForm_notice_frame {
	background: linear-gradient(135deg,  #f4f8ff 12%,#e4efff 88%);
	border-radius:1.2em;
	padding:1.5em;
	margin-top:2em;
	margin-left:4%;
	margin-right:4%;
}
.registForm_notice_frame_title {
	font-size:0.9em;
	display:block;
	margin-bottom:1em;
	color:#0054bc;
}
.registForm_notice_frame .pointList {
	font-size:0.7em;
	text-align:left;
}
.registForm_notice_frame_text {
	font-size:0.7em;
	line-height:1.5;
	text-align:left;
	letter-spacing:0;
}
.registForm_notice_frame_text a {
	text-decoration:underline;
	color:#0092dd;
}


/*========== コンテンツ部分(登録完了致しました) ==========*/
.registForm_complete {
	background:url(../img/registForm_complete_lady.webp) -3% 120% no-repeat;
	background-size:30%;
	letter-spacing:0.1em;
	padding-bottom:0;
}
.registForm_complete .registForm_section_title {
	color:#58c11f;
}
.registForm_complete_btn {
	display:flex;
	justify-content:center;
	padding:3em 0;
}
.registForm_complete_btn a {
	width:35%;
	margin:0 0.2em;
}




/********************************************************************
 *　// ログイン画面
********************************************************************/
.registForm_login {
}

.registForm_login .registForm_notice_frame {
	margin-top:0;
	margin-bottom:2.4em;
}
/* 次回から自動でログインするチェック枠 */
.registForm_input_field input[type="checkbox"] {
	/*display: none;*/
}
.registForm_input_next_check {
	margin-top:1em;
	text-align:center;
}
.registForm_input_field label.checkBox {
	position:relative;
	font-size:0.7em;
	display:ne-block;
}
/*
.registForm_input_field label.checkBox::before,
.registForm_input_field label.checkBoxPrivacy::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 5px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #eee;
	border: 1px solid #bebebe;
}
*/
/* チェックマーク 
.registForm_input_field input[type="checkbox"]:checked + label.checkBox::after,
.registForm_input_field input[type="checkbox"]:checked + label.checkBoxPrivacy::after {
	position: absolute;
	content: '';
	top: calc(50% - 10px);
	left: 9px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #aa0000;
	border-bottom: 2px solid #aa0000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index:2;
}
*/
/* パスワードを忘れてしまった方はこちら*/
.registForm_pw_forget_text {
	font-size:0.7em;
	margin-top:1.2em;
	text-align:center;
}
.registForm_pw_forget_text a {
	text-decoration:underline;
	color:#0092dd;
}

/* 新規会員登録ボタン */
.registForm_newRegist {
	font-size:0.8em;
	aspect-ratio:406/92;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:url(../img/registForm_newRegist_bg.png) center center no-repeat;
	background-size:100% auto;
	width:60%;
	margin-top:1em;
	color:#fff;
	cursor:pointer;
	letter-spacing:0.15em;
}

/********************************************************************
 *　// ログイン情報を忘れた方へ
********************************************************************/
.registForm_section_text {
	font-size:0.7em;
	line-height:1.6;
	padding:1.3em 2%;
}
.registForm_section_title_orange {
	font-size:0.8em;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(135deg,  #f6b300 11%,#f79d00 87%);
	border-radius:1.4em;
	width:90%;
	height:2.8em;
	color:#fff;
}

/********************************************************************
 *　// WEB予約画面
********************************************************************/
.registForm_webReserve {
	
}
/*大タイトルの日付表示*/
.registForm_webReserve_date {
	font-size:0.6em;
	display:inline-block;
	margin-top:1.5em;
	color:#009bd4;
	letter-spacing:0.14em;
}

.registForm_webReserve .input_field {
	border-bottom:dotted 1px #999;
	padding-bottom:1.5em;
	margin-top:1.5em;
}
.registForm_input_field .input_field dt {
	margin-bottom:1em;
}
.registForm_input_field .webReserve_course select {/*コース選択*/
	width:100%;
}
.webReserve_paymethod label {/*お支払方法*/
	display:inline-flex;
	align-items:center;
	margin-right:1em;
}
.webReserve_request textarea {/*ご要望*/
	border:solid 1px #999;
	width:100%;
	height:5em;
}

/********************************************************************
 *　// WEB予約内容確認画面
********************************************************************/
/*合計金額*/
.registForm_webReserve_amount {
	font-size:0.8em;
	aspect-ratio:582/133;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:url(../img/registForm_webReserve_amount_bg.png) center center no-repeat;
	background-size:100% auto;
	box-sizing:bodrer-box;
	width:80%;
	
}
.registForm_webReserve_amount_text {
	padding-top:1em;
	letter-spacing:0.1em;
}
.registForm_webReserve_amount_text .amount {
	font-size:1.8em;
	padding:0 0.3em;
}
/*内容を修正する・確定するボタン*/
.registForm_webReserve_preComplete_btn {
	display:flex;
	justify-content:center;
}
.registForm_webReserve_preComplete_btn li {
	width:38%;
	margin:0 0.3em;
}
.registForm_submit2_back,
.registForm_submit2 {
	aspect-ratio:304/79;
	font-size:0.9em;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	cursor:pointer;
}
.registForm_submit2_back {
	font-size:0.8em;
	background:url(../img/registForm_submit2_back_bg.png) center center no-repeat;
	background-size:100% auto;
	color:#333333;
}
.registForm_submit2 {
	background:url(../img/registForm_submit2_bg.png) center center no-repeat;
	background-size:100% auto;
	color:#fff;
	
}


/********************************************************************
 *　// WEB予約完了画面
********************************************************************/


/* ご注意 */
.registForm_notice_frame_orange {
	border:solid 3px #ffc3aa;
	border-radius:1.2em;
	padding:1.5em;
	margin-top:2em;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:2em;
}
.registForm_notice_frame_orange_title {
	font-size:0.8em;
	display:flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(135deg,  #f6b300 11%,#f79d00 87%);
	border-radius:1.4em;
	height:2.8em;
	margin-bottom:1em;
	color:#fff;
}
.registForm_notice_frame_orange_sub_title {
	font-size:0.9em;
	display:block;
	background: linear-gradient(135deg,  #0054bc 13%,#4498ff 91%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding:1em 0 1.5em;
}
.registForm_notice_frame_orange .pointList {
	font-size:0.7em;
	text-align:left;
}
.registForm_notice_frame_orange_text {
	font-size:0.7em;
	line-height:1.5;
	text-align:left;
	letter-spacing:0;
}
.registForm_notice_frame_orange_text a {
	text-decoration:underline;
	color:#0092dd;
}
/* お客様から店舗へ電話確認するボタン*/
.registForm_webReserve_tel {
	display:inline-block;
	width:70%;
}