:root {
  --color-brand-mid: #c6b75f;
}

body {

}

body[class*="login-action-"] {
  background-color: #f0f0f1;
  background-image: url(../images/common/bg.jpg);
  background-size: cover;
}

body[class*="login-action-"] *,
body[class*="login-action-"] *::before,
body[class*="login-action-"] *::after {
  box-sizing: border-box;
}

#login_error {
  margin-bottom: 10px;
}

.custom-login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  min-height: 100vh;
  margin-right: auto;
  margin-left: auto;
}

.custom-login-wrapper::before {
  content: '';
  display: block;
  width: 100%;
  background-color: transparent;
  border-top: var(--color-brand-mid) solid 1.25rem;
}

.login .message, .login .notice {
  border-left: 4px solid #c6b75f;
}

.login .notice.notice-ritsubi {
  border: 2px solid #c43967;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.login .notice.notice-ritsubi .t-salon-deadlines__date {
  background-color: #c43967;
  padding: 6px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.t-salon-deadlines__today,
.t-salon-deadlines__left {
  padding-inline: 12px;
}

#login {
  flex: 1;
  width: 100%;
  max-width: 480px;
  padding: min(max(1.5rem,1.243902439rem + 1.4634146341vw),3rem) 1.5rem;
}

#login a {
  color: #c43967;
}

#login a:hover {
  color: #ac315a;
}

#login h1 a {
  background-image: url(../images/common/logo.svg);
  background-size: contain;
  max-width: 201px;
  width: 100%;
  height: 48px;
  margin: 1rem auto;
}

#login h2 {
  font-size: min(max(1.125rem,1.0609756098rem + .3658536585vw),1.5rem);
  margin-bottom: 2rem;
  color: rgb(64, 64, 64);
}

.register-guidance-box-wrapper {
  margin-top: 2rem;
  border-top: dashed 1px #bababa;
  padding-top: 2.5rem;
}

.register-guidance-box-wrapper h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
}

.register-guidance-box,
.login form {
  width: 100%;
  max-width: 30rem;
  padding: min(
    max(1rem, 0.6585365854rem + 1.9512195122vw),
    3rem
  );
  margin: 0 auto;
  background-color: #fff;
  border: none;
  color: rgb(64, 64, 64);
}

#login .register-guidance-box p {
  text-align: center;
}

#login .register-guidance-box > div {
  display: flex;
  justify-content: center;
}

#login .register-guidance-box a {
  color: #fff;
  background: #c43967;
  border-radius: .3em;
  text-decoration: none;
  padding: .5em 12px;
  display: inline-block;
  text-align: center;
  margin-top: 1em;
  margin-inline: auto;
  max-height: 32px;
}

@media (hover: hover) {
  #login .register-guidance-box a:hover {
    background: #ac315a;
  }
}

#login .forgetmenot {
  /*margin: 16px 0;*/
}

#login .forgetmenot label {
  margin-bottom: 0;
}

#login input[type="text"],
#login input[type="password"],
#login input[type="tel"] {
  padding: 8px 16px;
  border-color: rgb(204, 204, 204);
  border-radius: 6px;
  font-size: 16px;
}

#login label {
  font-size: 1rem;
  color: rgb(64, 64, 64);
}

.login form .button {
  color: #c43967;
  border-color: #c43967;
}

.login form .button:hover {
  color: #c43967;
  border-color: #c43967;
}

#login form .button.button-primary {
  background-color: #c6b75f;
  color: #fff;
  border-color: #c6b75f;
}

#login form .button.button-primary:hover {
  background-color: #b8b046;
}

.login form #wp-submit {
  background-color: #c6b75f;
  border: none;
  color: #fff;
  /*padding: .5rem 1rem;*/
  cursor: pointer;
  /*transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
  /*float: none;*/
  /*width: 100%;*/
}

.login form #wp-submit:hover {
  background-color: #b8b046;
}

.login form #submit {
  background-color: #c6b75f;
  border: none;
  color: #fff;
  /*padding: .5rem 1rem;*/
  cursor: pointer;
  transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  /*float: none;*/
  /*width: 100%;*/
}

.l-site-footer {
  position: relative;
  display: block;
  padding: 1.0625rem 0 0;
  background-color: var(--color-brand-mid);

  /*@include mq.mq(mobile) {*/
  /*  padding: global.rem(25) 0 0;*/
  /*}*/
}

.l-site-footer__logo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 12px;

  /*@include mq.mq(mobile) {*/
  /*// height: 49px;*/
  /*}*/
}

.l-site-footer__logo img {
  width: min(max(7.5rem, 6.2195121951rem + 7.3170731707vw), 15rem);
  max-width: 100%;
  height: auto;
}

.l-site-footer__copyright {
  height: 45px;
  margin: 0;
  font-family: '游明朝', '游明朝体', 'Yu Mincho', YuMincho, 'Sawarabi Mincho', 'Hiragino Kaku Gothic ProN',
  'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}

@media (min-width: 48.8125em) {
  .l-site-footer {
    padding: 1.5625rem 0 0;
  }
}

#backtoblog {
  display: none;
}