@charset "UTF-8";

/* =========================================================
   Awashima Coffee - Forgot Password
   2026-09-03
========================================================= */

.aw-forgot_page .ec-layoutRole,
.aw-forgot_page .ec-layoutRole__contents,
.aw-forgot_page .ec-layoutRole__main{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}

.aw-forgot{
  width:100%;
  max-width:1120px;
  margin:150px auto 0;
  padding:0 20px;
  box-sizing:border-box;
}

.aw-forgot__header{
  margin:0 0 54px;
  text-align:center;
}

.aw-forgot .aw-mypage__label{
  margin:0 0 10px;
  color:#9a7d67;
  font-family:"Noto Sans JP",sans-serif;
  font-size:12px;
  letter-spacing:.28em;
}

.aw-forgot .aw-mypage__title{
  margin:0;
  color:#2d2924;
  font-family:"Noto Serif JP",serif;
  font-size:38px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.08em;
}

.aw-forgot .aw-mypage__lead{
  max-width:720px;
  margin:16px auto 0;
  color:#6f6258;
  font-size:15px;
  line-height:2;
  letter-spacing:.08em;
  text-align:center;
}

/* Input / reset form */
.aw-forgotBox{
  width:100%;
  max-width:560px;
  margin:0 auto 150px;
}

.aw-forgotBox__intro{
  margin:0 0 34px;
  color:#6f6258;
  font-size:15px;
  line-height:2;
  letter-spacing:.05em;
}

.aw-forgotBox__intro p{
  margin:0;
}

.aw-forgotBox__intro p + p{
  margin-top:8px;
}

.aw-forgotBox__field{
  margin:0 0 30px;
}

.aw-forgotBox__label{
  display:block;
  margin:0 0 12px;
  color:#2d2924;
  font-family:"Noto Serif JP",serif;
  font-size:15px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:.06em;
}

.aw-forgotBox__input{
  width:100%;
}

.aw-forgotBox__input--second{
  margin-top:16px;
}

.aw-forgotBox__input input{
  display:block;
  width:100% !important;
  max-width:none !important;
  height:56px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:1px solid #d8d3cd !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#2d2924 !important;
  font-size:15px !important;
  box-sizing:border-box;
}

.aw-forgotBox__input input:focus{
  border-color:#8b5a35 !important;
  outline:none !important;
  box-shadow:none !important;
}

.aw-forgotBox__input .ec-errorMessage,
.aw-forgotBox__error{
  margin:10px 0 0;
  padding:0;
  background:transparent;
  color:#b83b3b;
  font-size:14px;
  line-height:1.8;
}

.aw-forgotBox__actions{
  margin:46px 0 0;
}

.aw-forgotBox__actions .aw-mypageBtn,
.aw-forgotComplete__actions .aw-mypageBtn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:58px;
  margin:0;
  padding:0 24px;
  border:1px solid #4b2817;
  border-radius:0;
  background:#4b2817;
  color:#fff;
  font-family:"Noto Serif JP",serif;
  font-size:18px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:.12em;
  text-decoration:none;
  box-sizing:border-box;
  cursor:pointer;
  transition:.25s;
}

.aw-forgotBox__actions .aw-mypageBtn:hover,
.aw-forgotComplete__actions .aw-mypageBtn:hover{
  background:#6b4028;
  border-color:#6b4028;
  color:#fff;
  text-decoration:none;
}

/* Complete */
.aw-forgot--complete{
  min-height:520px;
}

.aw-forgotComplete{
  width:100%;
  max-width:720px;
  margin:0 auto 150px;
  text-align:center;
}

.aw-forgotComplete__title{
  margin:0 0 24px;
  color:#2d2924;
  font-family:"Noto Serif JP",serif;
  font-size:25px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.08em;
}

.aw-forgotComplete__text{
  margin:0;
  color:#6f6258;
  font-size:15px;
  line-height:2.2;
  letter-spacing:.06em;
}

.aw-forgotComplete__actions{
  width:100%;
  max-width:360px;
  margin:48px auto 0;
}

/* Footer breadcrumb */
.aw-forgot_page .aw-footer__breadcrumb{
  display:none !important;
}

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

@media screen and (max-width:900px){

  .aw-forgot{
    width:100%;
    max-width:none;
    margin:96px auto 0;
    padding:0 20px;
  }

  .aw-forgot__header{
    margin:0 0 46px;
  }

  .aw-forgot .aw-mypage__label{
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:.26em;
  }

  .aw-forgot .aw-mypage__title{
    font-size:36px;
    line-height:1.45;
  }

  .aw-forgot .aw-mypage__lead{
    margin-top:18px;
    font-size:15px;
    line-height:2.15;
    letter-spacing:.06em;
  }

  .aw-forgotBox,
  .aw-forgotComplete{
    margin-bottom:104px;
  }

  .aw-forgotBox__intro{
    margin-bottom:30px;
    font-size:14px;
    line-height:2;
  }

  .aw-forgotBox__field{
    margin-bottom:28px;
  }

  .aw-forgotBox__input input{
    height:54px !important;
    padding:0 15px !important;
    font-size:16px !important;
  }

  .aw-forgotBox__actions{
    margin-top:40px;
  }

  .aw-forgotBox__actions .aw-mypageBtn,
  .aw-forgotComplete__actions .aw-mypageBtn{
    height:56px;
    font-size:17px;
  }

  .aw-forgotComplete__title{
    font-size:23px;
  }

  .aw-forgotComplete__actions{
    max-width:none;
  }
}