@charset "UTF-8";
@font-face {
  font-family: "metro-nova-pro";
  src: url("../fonts/MetroNovaPro-Light.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "metro-nova-pro";
  src: url("../fonts/MetroNovaPro-Regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "metro-nova-pro";
  src: url("../fonts/MetroNovaPro-Medium.woff2") format("woff2");
  font-weight: 500;
}
body.login {
  font-family: "metro-nova-pro", sans-serif;
  background-color: #000;
  color: #7c7c7c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
}
body.login > h1 {
  display: none;
}
body.login form,
body.login #resetpassform,
body.login #lostpasswordform,
body.login #registerform,
body.login #loginform {
  background-color: #000;
  color: #7c7c7c;
  border: inherit;
  padding: 0;
}
body.login #login {
  width: 100%;
  max-width: 430px;
  margin: 0 auto !important;
}
body.login #login p {
  font-size: 14px;
}
body.login #pass1-text.short,
body.login #pass1.short,
body.login #pass1-text.bad,
body.login #pass1.bad,
body.login #pass1-text.good,
body.login #pass1.good,
body.login #pass1-text.strong,
body.login #pass1.strong,
body.login form .input {
  background-color: #000;
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
}
body.login input[type=email],
body.login input[type=password],
body.login input[type=text] {
  margin: 0 0 1.5em;
  font-size: 14px;
}
body.login input[type=email]:focus,
body.login input[type=password]:focus,
body.login input[type=text]:focus {
  box-shadow: inherit !important;
}
body.login #backtoblog a {
  display: none;
}
body.login #nav {
  padding-left: 0;
}
body.login #nav a {
  color: #7c7c7c;
  font-weight: 700;
  transition: 0.3s;
  margin: 0 14px;
  display: inline-block;
  font-size: 14px;
}
body.login #nav a:hover {
  color: #ed008c;
}
body.login #nav a:first-of-type {
  margin-left: 0;
}
body.login .forgetmenot,
body.login .language-switcher {
  display: none;
}
body.login #wp-submit {
  text-transform: uppercase;
  line-height: 1em;
  border: none;
  float: none;
  width: 185px !important;
  height: 32px !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  background-color: #a6a6a6 !important;
  transition: 0.3s;
}
body.login #wp-submit:hover {
  background-color: #ed008c !important;
}
body.login #wp-submit.is-input {
  background-color: #fff !important;
  color: #000 !important;
}
body.login #wp-submit.is-input:hover {
  background-color: #ed008c !important;
  color: #fff !important;
}
body.login #wp-submit.is-ok {
  background-color: #ed008c !important;
  color: #fff !important;
}
body.login #wp-submit.is-ok:hover {
  background-color: #ed008c !important;
  color: #fff !important;
}
body.login .wp-pwd button:hover,
body.login .wp-pwd button {
  color: #7c7c7c !important;
}
body.login #registerform p.submit {
  text-align: left;
}
body.login .wp-login-lost-password {
  color: #fff !important;
  transition: 0.3s;
}
body.login .wp-login-lost-password:hover {
  color: #ed008c !important;
}
body.login .message,
body.login .notice,
body.login .success {
  background-color: #000;
  color: #fff;
  border-left: none;
  padding: 10px 0;
  font-size: 14px;
}
body.login .message a,
body.login .notice a,
body.login .success a {
  font-weight: 700;
  color: #fff;
  text-decoration: underline;
}
body.login .message a:hover,
body.login .notice a:hover,
body.login .success a:hover {
  color: #ed008c;
}
body.login .notice-error {
  color: red;
}
body.login .notice-error a {
  color: red;
}
body.login .notice-info {
  margin-bottom: 0;
}
body.login .notice-info p {
  font-size: 28px !important;
}
body.login .math-captcha-form span,
body.login .math-captcha-form label {
  font-size: 12px;
}
body.login .math-captcha-form input {
  font-size: 12px;
  min-height: 20px;
  vertical-align: middle;
}
body.login .math-captcha-form span:last-of-type {
  display: none;
}
body.login .wp-login-log-in,
body.login .wp-login-register,
body.login .wp-login-lost-password {
  font-weight: normal !important;
}
body.login label {
  text-transform: capitalize;
}
body.login form .input,
body.login form .input:focus,
body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=email]:focus,
body.login input[type=text]:focus,
body.login input[type=text] {
  background: #000 !important;
  box-shadow: 0 0 0px 1000px #000 inset !important;
  -webkit-text-fill-color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 文字色を黒に設定（お好みの色に調整してください） */
  -webkit-text-fill-color: #fff;
  /* 背景色を擬似的に白に設定（お好みの色に調整してください） */
  /* 背景色の変化を滑らかにするためのトランジション（任意） */
  box-shadow: 0 0 0px 1000px #000 inset !important;
}

html {
  height: 100%;
}

body.error-page.login {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.error-page.login h1 {
  color: #fff;
}
body.error-page.login h2 {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}
body.error-page.login p {
  font-size: 14px;
  color: #fff;
}

body:not(.login-action-login) h1:after {
  content: inherit !important;
}

body.login-action-login #login-message p p,
body.login-action-login #login p,
body.login-action-register #login-message p p,
body.login-action-register #login p,
body.login-action-checkemail #login-message p p,
body.login-action-checkemail #login p,
body.login-action-lostpassword #login-message p p,
body.login-action-lostpassword #login p {
  font-size: 14px !important;
  font-weight: 400;
}
body.login-action-login #login-message p #login_error p,
body.login-action-login #login #login_error p,
body.login-action-register #login-message p #login_error p,
body.login-action-register #login #login_error p,
body.login-action-checkemail #login-message p #login_error p,
body.login-action-checkemail #login #login_error p,
body.login-action-lostpassword #login-message p #login_error p,
body.login-action-lostpassword #login #login_error p {
  font-size: 14px !important;
}

body.login-action-rp #login-message p,
body.login-action-rp #login p {
  font-size: 14px !important;
  font-weight: 400;
}
body.login-action-rp #pass-strength-result {
  border-radius: 3px;
  border: none;
}
body.login-action-rp #pass-strength-result.strong {
  background-color: #ed008c;
  color: #fff;
}
body.login-action-rp #wp-submit {
  color: #fff !important;
}
body.login-action-rp .button {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px !important;
  line-height: 1em;
}
body.login-action-rp .reset-pass-submit button {
  border: #ed008c;
  color: #ed008c;
  transition: 0.3s;
  font-size: 10px;
  line-height: 1em;
}
body.login-action-rp .reset-pass-submit button:hover {
  background-color: #ed008c;
  color: #fff;
}
body.login-action-rp form .input {
  margin-bottom: 5px !important;
}
body.login-action-rp #nav a {
  font-size: 12px;
}
body.login-action-rp .wp-generate-pw {
  background: none !important;
  color: #fff !important;
  border: 1px solid #666 !important;
}
body.login-action-rp .wp-generate-pw:hover {
  color: #ed008c !important;
}

body.login-action-register #login .notice.notice-info.message.register p {
  font-size: 26px !important;
}

body.login-action-resetpass #login p {
  font-size: 14px !important;
  font-weight: 400;
}

body.error-page.login #login h2 {
  font-size: 28px;
}
body.error-page.login #login p {
  font-size: 14px;
}

.cptch_block {
  opacity: 0;
}

body.login-action-lostpassword .wp-login-register {
  color: #fff !important;
}
body.login-action-lostpassword .wp-login-register:hover {
  color: #ed008c !important;
}