/**************************************************/
/*  WP-Membersのログインページのスタイル		  */
/**************************************************/
/* ログインフォーム全体のスタイリング */
#wpmem_login {
  max-width: 400px !important;
  margin: 50px auto;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

/* ラベルのスタイリング */
#wpmem_login label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

/* 入力フィールドのスタイリング */
#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

/* ボタンのスタイリング */
#wpmem_login input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

/* ボタンのホバーエフェクト */
#wpmem_login input[type="submit"]:hover {
  background-color: #45a049;
}



/**************************************************/
/*  WP-Membersの新規登録ページのスタイル		  */
/**************************************************/
/* 登録フォーム全体のスタイリング */
#wpmem_reg {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  background-color: #f7fcfd;
  border: 1px solid #cce7f0;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: 'Verdana', sans-serif;
}

/* ラベルのスタイリング */
#wpmem_reg label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #02475e;
}

/* 入力フィールドのスタイリング */
#wpmem_reg input[type="text"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #a5c8d7;
  border-radius: 5px;
  box-sizing: border-box;
}

/* ボタンのスタイリング */
#wpmem_reg input[type="submit"] {
  background-color: #007c91;
  color: white;
  border: none;
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

/* ボタンのホバーエフェクト */
#wpmem_reg input[type="submit"]:hover {
  background-color: #006f81;
}



/**************************************************/
/*  WP-Membersのプロフィールページのスタイル	  */
/**************************************************/
/* プロフィールフォーム全体のスタイリング */
#wpmem_profile {
  max-width: 500px;
  margin: 50px auto;
  padding: 20px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: 'Helvetica', sans-serif;
}

/* ラベルのスタイリング */
#wpmem_profile label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

/* 入力フィールドのスタイリング */
#wpmem_profile input[type="text"],
#wpmem_profile input[type="email"],
#wpmem_profile input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

/* ボタンのスタイリング */
#wpmem_profile input[type="submit"] {
  background-color: #008CBA;
  color: white;
  border: none;
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

/* ボタンのホバーエフェクト */
#wpmem_profile input[type="submit"]:hover {
  background-color: #007baa;
}


/**************************************************/
/*  WP-Membersのその他共通のスタイル	 		  */
/**************************************************/
/* エラーメッセージのスタイリング */
#wpmem_msg {
  color: red;
  margin-bottom: 10px;
  font-size: 14px;
}