/* =========================================================
   WILL CLENS
   AUTH / PASSWORD RESET REQUEST

   背景：
   COLUMN / NEWS と同じ
   PC : ../images/column/column-back-fixed.png
   SP : ../images/column/column-back-fixed-sp.png
========================================================= */


/* =========================================================
   RESET / PAGE
========================================================= */

#customers-password-new-view.wc-auth-password-new-page,
#customers-password-new-view.wc-auth-password-new-page *,
#customers-password-new-view.wc-auth-password-new-page *::before,
#customers-password-new-view.wc-auth-password-new-page *::after {
  box-sizing: border-box !important;
}

#customers-password-new-view.wc-auth-password-new-page,
#customers-password-new-view.wc-auth-password-new-page input,
#customers-password-new-view.wc-auth-password-new-page button,
#customers-password-new-view.wc-auth-password-new-page a {
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif !important;
}

#customers-password-new-view.wc-auth-password-new-page {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 150px 0 160px !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #555 !important;
}


/* =========================================================
   FIXED BACKGROUND
========================================================= */

#customers-password-new-view.wc-auth-password-new-page::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  pointer-events: none !important;

  background-image:
    url("../images/column/column-back-fixed.png") !important;

  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: 100% auto !important;
}

#customers-password-new-view.wc-auth-password-new-page > * {
  position: relative !important;
  z-index: 1 !important;
}


/* =========================================================
   INNER
========================================================= */

#customers-password-new-view .wc-auth-password-new-page__inner {
  width: 80% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#customers-password-new-view .wc-auth-password-new-page__flash {
  width: 100% !important;
  margin: 0 0 30px !important;
}


/* =========================================================
   CONTENT
========================================================= */

#customers-password-new-view .wc-auth-password-new {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#customers-password-new-view .wc-auth-password-new__header {
  width: 100% !important;
  margin: 0 0 42px !important;
  padding: 0 !important;
  text-align: left !important;
}

#customers-password-new-view .wc-auth-password-new__en {
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #3c9fcf !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: .16em !important;
}

#customers-password-new-view .wc-auth-password-new__title {
  margin: 0 !important;
  padding: 0 !important;
  color: #3c9fcf !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .06em !important;
}

#customers-password-new-view .wc-auth-password-new__lead {
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}


/* =========================================================
   FORM
========================================================= */

#customers-password-new-view .wc-auth-password-new__form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#customers-password-new-view .wc-auth-password-new__field {
  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}

#customers-password-new-view .wc-auth-password-new__label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

#customers-password-new-view .wc-auth-password-new__input {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: rgba(255,255,255,.92) !important;
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  appearance: none !important;
}

#customers-password-new-view .wc-auth-password-new__input:focus {
  border-color: #3c9fcf !important;
}


/* =========================================================
   ACTIONS
========================================================= */

#customers-password-new-view .wc-auth-password-new__actions {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#customers-password-new-view .wc-auth-password-new__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 17px !important;

  width: 320px !important;
  max-width: 100% !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 28px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background:
    linear-gradient(90deg, #ff964c, #ffb67d) !important;

  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 5px 9px rgba(0,0,0,.16) !important;
}

#customers-password-new-view .wc-auth-password-new__button-arrow {
  position: relative !important;
  display: block !important;
  width: 42px !important;
  height: 1px !important;
  background: #fff !important;
}

#customers-password-new-view
.wc-auth-password-new__button-arrow::after {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  right: 0 !important;
  width: 9px !important;
  height: 9px !important;
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  transform: rotate(45deg) !important;
}

#customers-password-new-view .wc-auth-password-new__back {
  display: inline-block !important;
  margin: 22px 0 0 !important;
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


/* =========================================================
   SP
========================================================= */

@media (max-width: 560px) {

  #customers-password-new-view.wc-auth-password-new-page {
    padding: 105px 0 100px !important;
  }

  #customers-password-new-view.wc-auth-password-new-page::before {
    background-image:
      url("../images/column/column-back-fixed-sp.png") !important;

    background-size: 100% auto !important;
    background-position: top center !important;
  }

  #customers-password-new-view .wc-auth-password-new-page__inner {
    width: 82% !important;
    max-width: none !important;
  }

  #customers-password-new-view .wc-auth-password-new__header {
    margin-bottom: 30px !important;
  }

  #customers-password-new-view .wc-auth-password-new__en {
    font-size: 9px !important;
  }

  #customers-password-new-view .wc-auth-password-new__title {
    font-size: 20px !important;
  }

  #customers-password-new-view .wc-auth-password-new__lead {
    margin-top: 16px !important;
    font-size: 11px !important;
    line-height: 1.85 !important;
  }

  #customers-password-new-view .wc-auth-password-new__field {
    margin-bottom: 29px !important;
  }

  #customers-password-new-view .wc-auth-password-new__label {
    margin-bottom: 7px !important;
    font-size: 11px !important;
  }

  #customers-password-new-view .wc-auth-password-new__input {
    height: 46px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  #customers-password-new-view .wc-auth-password-new__button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    gap: 12px !important;
    font-size: 11px !important;
  }

  #customers-password-new-view .wc-auth-password-new__button-arrow {
    width: 32px !important;
  }

  #customers-password-new-view .wc-auth-password-new__back {
    margin-top: 18px !important;
    font-size: 10px !important;
  }

}



#customers-password-new-view .wc-auth-password-new__title {
  font-size: var(--top-h1) !important;
}

#customers-password-new-view .wc-auth-password-new__lead {
  font-size: var(--top-16) !important;
}