/* 会員情報(wp-members.css)*/

/* 会員情報(wp-members)のカスタマイズです（ver1.0.4) */



/* ==============================
ボックスデザインの追加カスタマイズ
============================== */


.form_custom {
    margin-top: 5px; /* 上のマージン */
    padding-top: 5px; /* 上のパディング */
    top: 5px; /* 上のパディング */
	text-align:left;
}

/* ラベルの文字の左寄せ */
.form_custom label[for="pass1"],
.form_custom label[for="pass2"] {
    text-align: left!important;
}

/* ==============================
新規登録とログインボックス項目の共通
============================== */


/* 新規登録とログインボックスのデザイン */
#wpmem_register_form,#wpmem_login_form{
   width:100%; 
   margin-left:auto;
   margin-right:auto;
	 height:350px;
}


/* ボックスのデザイン */
#wpmem_login,
#wpmem_reg {
  font-family: 'Arial', sans-serif;
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  width:100%!important;
  max-width: 600px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 800px) {
#wpmem_register_form,#wpmem_login_form{
   width:100%!important; 
   height:350px;
}
#wpmem_login,
#wpmem_reg {
  padding: 10px;
  width:100%!important;
  margin-left:auto;
  margin-right:auto;
}
}

/* フィールドセット */
#wpmem_login fieldset,
#wpmem_reg fieldset {
    border: none;
    padding: 5px;
    margin: 0;
}

/* タイトルの装飾 */
#wpmem_login legend,
#wpmem_reg .myform__title {
    font-size: 24px;
    color: #5c6bc0;
    margin-bottom: 10px;
}

/* ラベルの色 */
#wpmem_login label,
#wpmem_reg label,
#wp-members label {
    color: #000;
	text-align:left;
}



/* テキスト入力エリア */
#wpmem_login .div_text input,
#wpmem_reg .div_text input,
#wp-members .username,
#wp-members .password {
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(133, 133, 133);
    border-radius: 5px;
    background-color: #FAFAFA;
    color: #333;
}


/* ボタン位置の調整 */
.button_div{
	margin-top:10px;
}


/* 送信ボタン */
#wpmem_login .button_div input[type="submit"],
#wpmem_reg .button_div input[type="submit"],
#wp-members .buttons {
    background-color: #5555FE;
    color: #fff;
    border-radius: 3px;
    width: 100%;
    height: 49px;
    font-size: 16px;
    cursor: pointer;
    border: none;
	   margin-top:5px;
}


/* ボタンのホバー時 */
#wpmem_login .button_div input[type="submit"]:hover,
#wpmem_reg .button_div input[type="submit"]:hover {
    background-color: #7777FF;
}

/* リンク部分のテキストの段 */
.link-text{
	margin-top:10px;
}

/* リンクテキスト */
.link-text-forgot a {
    text-decoration: none; /* テキストの下線をなくす */
    color: #007bff; /* 文字色 */
    background: #fff; /* 背景色 */
    padding: 10px 10px; /* パディング */
    border: 1px solid #007bff; /* 境界線 */
    border-radius: 4px; /* 境界線の角を丸くする */
    display: inline-block; /* インラインブロック表示 */
    transition: background-color 0.3s ease, color 0.3s ease; /* 色の変更を滑らかにする */
}

.link-text-forgot a:hover {
    background-color: #007bff; /* ホバー時の背景色 */
    color: #ffffff; /* ホバー時の文字色 */
    text-decoration: none; /* ホバー時のテキストの下線をなくす */
}


/* ==============================
メッセージ項目
============================== */


/* メッセージ関連 */
#wpmem_msg,
div.wpmem_msg,
#wpmem_restricted_msg,
#wp-members .err {
    width: 100%!important;
    max-width: 600px;
    padding: 10px;
	margin-left:auto;
	margin-right:auto;
    border: 1px #000 solid;
    background-color: #fdf9ee;
}

/* ==============================
パスワード処理
============================== */

/* パスワード */
#pwd {
  padding-right: 30px; /* アイコンのスペースを確保 */
}

#pwd + i.fas {
  /* 上記の JavaScript によって設定されるスタイルがここで適用されます */
}


/* ==============================
非表示項目
============================== */

/* 会員情報ページの非表示要素 */
#getusername,
#pwdreset,
#register,
#pwdchange {
	display: none;
}