.button_div {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.button_div input.buttons {
  position: relative;
  padding: 1em;
  max-width: 300px;
  width: 100%;
  background: var(--blue);
  color: #fff;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  display: block;
  margin: 3rem auto 0;
  text-align: center;
}

.contents {
  padding: 0 2rem;
}

.login, .passwdreset {
  background: var(--blue);
}
.login header, .passwdreset header {
  display: none;
}
.login main, .passwdreset main {
  margin: 0 !important;
  border: none;
}
.login main .contents, .passwdreset main .contents {
  max-width: 480px;
}
.login main .contents h2, .passwdreset main .contents h2 {
  color: #fff;
}
.login main .contents #wpmem_login, .passwdreset main .contents #wpmem_login {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
.login main .contents #wpmem_login legend, .passwdreset main .contents #wpmem_login legend {
  display: none;
}
.login main .contents #wpmem_login .div_text, .passwdreset main .contents #wpmem_login .div_text {
  margin-top: 0.5em;
  margin-bottom: 3rem;
}
.login main .contents #wpmem_login .div_text input, .passwdreset main .contents #wpmem_login .div_text input {
  width: 100%;
  background: #fff;
  padding: 0.5em 1em;
}
.login main .contents #wpmem_login #siteguard_captcha, .passwdreset main .contents #wpmem_login #siteguard_captcha {
  width: 50%;
  background: #fff;
  padding: 0.5em 1em;
  margin-top: 0.5em;
}
.login main .contents label, .passwdreset main .contents label {
  color: #fff;
}
.login main .contents fieldset p:has([alt=CAPTCHA]), .passwdreset main .contents fieldset p:has([alt=CAPTCHA]) {
  width: fit-content;
}

.login main .contents .site-logo {
  background: #fff;
  width: 40%;
  padding: 1rem;
  margin: 0 auto 3rem;
}
.login main .contents .password-reset {
  color: #fff;
  text-decoration: underline;
  margin-top: 2.4rem;
  text-align: center;
  font-size: 1.4rem;
}

.mypage .contents {
  max-width: 900px;
}
.mypage .contents .mypage-list dl {
  padding: 2rem 1rem;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
}
.mypage .contents .mypage-list dl:last-of-type {
  border-bottom: 1px solid #eee;
}
.mypage .contents .mypage-list dl dt {
  width: 10em;
}
.mypage .contents .mypage-list dl dd {
  flex: 1;
}
.mypage .contents .btn-wrap {
  display: flex;
  justify-content: center;
  column-gap: 2rem;
}
.mypage .contents .btn-wrap .link-btn {
  margin: 4rem 0 0;
}
.mypage .logout-btn a {
  position: relative;
  padding: 1em;
  max-width: 200px;
  width: 100%;
  background: var(--blue);
  color: #fff;
  font-weight: 600;
  border: 2px solid #fff;
  box-sizing: border-box;
  display: block;
  margin: 4rem auto 0;
  text-align: center;
  text-decoration: none;
}
.mypage #wpmem_login fieldset legend, .mypage #wpmem_reg fieldset legend {
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  width: 100%;
  margin-bottom: 3rem;
  color: var(--blue);
  border-bottom: 1px solid var(--blue);
  padding-bottom: 0.5em;
}
.mypage #wpmem_login fieldset label, .mypage #wpmem_reg fieldset label {
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0.5em;
  display: block;
}
.mypage #wpmem_login fieldset label .req, .mypage #wpmem_reg fieldset label .req {
  color: var(--blue);
}
.mypage #wpmem_login fieldset .div_text, .mypage #wpmem_reg fieldset .div_text {
  width: 50%;
  background: #efefef;
  padding: 0.5em 1em;
}
.mypage #wpmem_login fieldset .div_text:has([type=email]), .mypage #wpmem_reg fieldset .div_text:has([type=email]) {
  width: 100%;
}
.mypage #wpmem_login fieldset .div_text input, .mypage #wpmem_reg fieldset .div_text input {
  width: 100%;
}
.mypage #wpmem_login fieldset .req-text, .mypage #wpmem_reg fieldset .req-text {
  display: none;
}
@media screen and (max-width: 640px) {
  .mypage .contents .mypage-list dl {
    flex-direction: column;
    row-gap: 0.5em;
  }
  .mypage .contents .mypage-list dl dt {
    width: 100%;
  }
  .mypage .contents .mypage-list dl dd {
    width: 100%;
  }
  .mypage .contents .btn-wrap {
    flex-direction: column;
    row-gap: 2rem;
    margin: 4rem 0 0;
  }
  .mypage .contents .btn-wrap .link-btn {
    margin: 0 auto;
  }
  .mypage #wpmem_login fieldset .div_text, .mypage #wpmem_reg fieldset .div_text {
    width: 100%;
  }
}/*# sourceMappingURL=members.css.map */