.my-wpmem__inner{
	max-width: var(--width-sm);
	margin-inline: auto;
}

/* 必須項目に関する注釈 */
.my-wpmem__reqNote{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
	font-weight: var(--fw-lg);
}
.my-wpmem__reqNote span{
	font-size: 1.25rem;
}


/*===============================
* ステータスのメッセージ：登録情報の変更時など
* =================================*/
/* メッセージのCSS */
.my-wpmem__message{
	margin-bottom: var(--g-sec--md);
	text-align: center;
	padding: var(--g-sec--sm) 1em;
	background: var(--c-gray--light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
	font-size: 1.5rem;
	font-weight: var(--fw-lg);
}

/* メッセージ = 表示 : フォーム = 非表示 */
.my-wpmem:has(.my-wpmem__message) :is(#wpmem_login, #wpmem_reg){
	display: none;
}
/* メッセージ = 表示 : ボタン = 表示 */
.my-wpmem:has(.my-wpmem__message) .my-wpmem__cta{
	display: block;
}
/* メッセージ = 非表示 : ボタン = 非表示 */
.my-wpmem:not(:has(.my-wpmem__message)) .my-wpmem__cta{
	display: none;
}



/*===============================================================================
フォーム
================================================================================*/
/*===============================
* フォーム
* =================================*/
#wpmem_login, #wpmem_msg, #wpmem_reg{
	width: 100%;
}

/* 特定ページのフォーム */
#content:has(.mypage) .my-wpmem__form{
	margin-bottom: var(--g-sec--md);
}

:is(#wpmem_login, #wpmem_reg) .form, 
.my-wpmem__form{
	padding: var(--g-sec--xs);
	background: var(--c-gray--light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
:is(#wpmem_login, #wpmem_reg) fieldset{
	max-width: 640px;
	margin: 0 auto;
}

/* 各入力項目 */
.my-wpmem__rows:not(:last-child){
	margin-bottom: var(--g-sec--sm);
}
.my-wpmem__row:not(:last-of-type){
	margin-bottom: 2rem;
}
.my-wpmem__row{
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

/* 入力ラベル */
:is(#wpmem_login, #wpmem_reg) label, 
.my-wpmem__label{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	font-weight: var(--fw-lg);
	font-size: 1.25rem;
}

/* 必須項目 */
.my-wpmem__required{
	padding: 0 .75rem;
	text-align: center;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	background: var(--c-required);
	color: var(--c-light);
}

/* 入力エリア */
#content .my-wpmem__row > input, 
.my-wpmem__input{
	padding: .75em 1em;
	border-width: 0;
	background: none repeat scroll 0 0 #fff;
	border-radius: 99999px;
	overflow: hidden;
	font-size: 1.25rem;
}

/* パスワードを忘れた場合 & 新規ユーザー登録 */
#wpmem_login .link-text{
	display: none;
}

.my-wpmem__btns{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	max-width: 25rem;
	margin-inline: auto;
	font-size: 1.5rem;
}