@charset "UTF-8";
/* ************************************************************************
   ************************************************************************

    COMMON SETTINGS

   ************************************************************************
   ************************************************************************ */
/* ------------------------------
    RESPONSIVE SETTINGS
  ------------------------------ */
/* ------------------------------
    FONT
  ------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600&display=swap");
.t__min {
  font-family: "Shippori Mincho", serif !important;
}

/* ------------------------------
    COLOR SETTINGS
  ------------------------------ */
svg {
  fill: currentColor;
}

/* ------------------------------
    MIXIN
  ------------------------------ */
/* ------------------------------
    TRANSITION TIMING
  ------------------------------ */
/* ------------------------------
    KEYFRAME
  ------------------------------ */
@keyframes scrollDown {
  0% {
    transform: translateY(0rem);
  }
  15% {
    transform: translateY(1rem);
  }
  30% {
    transform: translateY(0rem);
  }
  45% {
    transform: translateY(1rem);
  }
  60% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(0rem);
  }
}
@keyframes loopCl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loopClRv {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 280px) {
  html {
    font-size: 2.6667vw;
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 10px;
  }
}

/* ------------------------------
    日付選択フォームのテキストを左揃えに
  ------------------------------ */
input[type=date]::-webkit-date-and-time-value,
input[type=time]::-webkit-date-and-time-value {
  text-align: left;
}

/* ------------------------------
    自動入力した際の背景色削除 safari
  ------------------------------ */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* ------------------------------
    入力情報欄
  ------------------------------ */
input:-moz-read-only {
  border: none !important;
  font-size: 2rem;
  outline: none;
}

input:read-only {
  border: none !important;
  font-size: 2rem;
  outline: none;
}

input {
  display: block;
  width: 100%;
  caret-color: #555;
}

input:-moz-read-only:focus {
  background-color: transparent !important;
  color: #262626 !important;
}

input:read-only:focus {
  background-color: transparent !important;
  color: #262626 !important;
}

.__editing {
  display: block;
  width: 100%;
  padding: 1.5rem 1rem;
  background: #fcfcfc;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  outline: none;
}
.__editing:focus {
  background: #333;
  color: #fcfcfc;
}

.__inpItem.__twoCol {
  display: flex;
  flex-wrap: wrap; /*  並びきれない時に段落ちする */
}
@media screen and (min-width: 280px) {
  .__inpItem.__twoCol {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 600px) {
  .__inpItem.__twoCol {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .__inpItem.__twoCol {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1441px) {
  .__inpItem.__twoCol {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 280px) {
  .__inpItem.__twoCol.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 600px) {
  .__inpItem.__twoCol.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1025px) {
  .__inpItem.__twoCol.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1441px) {
  .__inpItem.__twoCol.__editmargin {
    margin-bottom: 0rem;
  }
}
.__inpItem.__twoCol dt {
  display: flex;
  align-items: center;
  padding: 1rem 1rem;
  margin-bottom: 0px !important;
}
@media screen and (min-width: 280px) {
  .__inpItem.__twoCol dt {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .__inpItem.__twoCol dt {
    width: 30%;
  }
}
@media screen and (min-width: 1025px) {
  .__inpItem.__twoCol dt {
    width: 30%;
  }
}
@media screen and (min-width: 1441px) {
  .__inpItem.__twoCol dt {
    width: 30%;
  }
}
.__inpItem.__twoCol dt .jp_txt {
  font-weight: 300 !important;
  letter-spacing: 0.02em;
}
.__inpItem.__twoCol dt .jp_txt::before {
  content: "/";
  display: inline-block;
  padding: 0 0.5rem;
}
.__inpItem.__twoCol dd {
  display: flex;
  align-items: center;
  width: 70%;
}
@media screen and (min-width: 280px) {
  .__inpItem.__twoCol dd {
    width: 100%;
    padding: 1rem 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 600px) {
  .__inpItem.__twoCol dd {
    width: 70%;
    padding: 1rem 0 1rem 1rem;
  }
}
@media screen and (min-width: 1025px) {
  .__inpItem.__twoCol dd {
    width: 70%;
    padding: 1rem 0 1rem 1rem;
  }
}
@media screen and (min-width: 1441px) {
  .__inpItem.__twoCol dd {
    width: 70%;
    padding: 1rem 0 1rem 1rem;
  }
}

@media screen and (min-width: 280px) {
  #__accountBody {
    padding: 13.5rem 0 30px;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody {
    padding: 17rem 0 30px;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody {
    padding: 23rem 0 30px;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody {
    padding: 23rem 0 30px;
  }
}
@media screen and (min-width: 280px) {
  #__accountBody.__editbody {
    padding: 15rem 0 30px;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody.__editbody {
    padding: 22rem 0 30px;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody.__editbody {
    padding: 25rem 0 30px;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody.__editbody {
    padding: 25rem 0 30px;
  }
}

#__accountBody .__accountWrapper {
  position: relative;
}

#__accountBody .__accountInner {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 280px) {
  #__accountBody .__accountInner {
    max-width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .__accountInner {
    max-width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .__accountInner {
    max-width: 600px;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .__accountInner {
    max-width: 600px;
  }
}

/* ------------------------------
  マイページ情報表示スタイル
------------------------------ */
#__accountBody .my_information_box {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 280px) {
  #__accountBody .my_information_box {
    max-width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .my_information_box {
    max-width: 70%;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .my_information_box {
    max-width: 500px;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .my_information_box {
    max-width: 500px;
  }
}
#__accountBody .my_information_box .__inpItem.__twoCol_me {
  display: flex;
  flex-wrap: wrap; /*  並びきれない時に段落ちする */
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 280px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me.__editmargin {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me.__editmargin {
    margin-bottom: 0rem;
  }
}
#__accountBody .my_information_box .__inpItem.__twoCol_me dt {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0px !important;
}
@media screen and (min-width: 280px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dt {
    width: 100%;
    padding: 1rem 0 0 0;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dt {
    width: 35%;
    padding: 1rem 0 1rem 0;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dt {
    width: 35%;
    padding: 1rem 0 1rem 0;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dt {
    width: 35%;
    padding: 1rem 0 1rem 0;
  }
}
#__accountBody .my_information_box .__inpItem.__twoCol_me dt .jp_txt {
  font-weight: 300 !important;
  letter-spacing: 0.02em;
}
#__accountBody .my_information_box .__inpItem.__twoCol_me dt .jp_txt::before {
  content: "/";
  display: inline-block;
  padding: 0 0.5rem;
}
#__accountBody .my_information_box .__inpItem.__twoCol_me dd {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
@media screen and (min-width: 280px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dd {
    width: 100%;
    padding: 0 1rem 1rem 0;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dd {
    width: 65%;
    padding: 1rem 0 1rem 0;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dd {
    width: 65%;
    padding: 1rem 0 1rem 0;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .my_information_box .__inpItem.__twoCol_me dd {
    width: 65%;
    padding: 1rem 0 1rem 0;
  }
}
#__accountBody .my_information_box .__inpItem.__twoCol_me dd span.mylabel {
  letter-spacing: 0.05em;
}
#__accountBody .my_information_box .myedit {
  display: block;
  width: 100%;
  padding: 0rem 1rem;
  height: 40px;
  background: #fcfcfc;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  outline: none;
  font-size: 1.3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #262626;
}
#__accountBody .my_information_box .myedit:focus {
  background: #fcfcfc;
  color: #262626;
}

/* ------------------------------
  マイページ画像表示
------------------------------ */
#_my_page_img {
  margin: 0 auto;
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  flex-direction: column;
  -webkit-tap-highlight-color: rgba(200, 200, 200, 0.4);
}
@media screen and (min-width: 280px) {
  #_my_page_img {
    width: 30%;
    margin-top: 0rem;
  }
}
@media screen and (min-width: 600px) {
  #_my_page_img {
    width: 20%;
    margin-top: 0rem;
  }
}
@media screen and (min-width: 1025px) {
  #_my_page_img {
    width: 20%;
    margin-top: 0rem;
  }
}
@media screen and (min-width: 1441px) {
  #_my_page_img {
    width: 20%;
    margin-top: 0rem;
  }
}
#_my_page_img:hover {
  opacity: 0.6;
  transition: 0.5s;
}
#_my_page_img .my_account_img {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
}
#_my_page_img .my_account_img img {
  aspect-ratio: 1;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#_my_page_img .my_account_img .while_edit_icon {
  position: absolute;
  width: 50%;
  height: auto;
  opacity: 0.4;
  top: 25%;
  left: 25%;
}
#_my_page_img .sub_text {
  padding-top: 1.2rem;
  line-height: 1.5;
  text-align: center;
  font-size: 1rem;
  color: #999999;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-family: "century-gothic", "Century Gothic", "CenturyGothic", "Noto Sans Japanese", sans-serif;
}

/* ------------------------------
    TOPナビ
  ------------------------------ */
#__accountBody .a_navarea {
  margin: 50px auto 30px auto;
}
@media screen and (min-width: 280px) {
  #__accountBody .a_navarea {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .a_navarea {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .a_navarea {
    display: block;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .a_navarea {
    display: block;
  }
}

#__accountBody ul.accountnav {
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: transparent;
}

@media screen and (min-width: 280px) {
  #__accountBody ul.accountnav li {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody ul.accountnav li {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody ul.accountnav li {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody ul.accountnav li {
    margin-right: 2rem;
  }
}

#__accountBody ul.accountnav li a {
  display: block;
  padding: 0 0.5rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: black;
}
@media screen and (min-width: 280px) {
  #__accountBody ul.accountnav li a {
    font-size: 10px;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody ul.accountnav li a {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody ul.accountnav li a {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody ul.accountnav li a {
    font-size: 1.2rem;
  }
}

#__accountBody ul.accountnav li a:hover:not(.active) {
  background-color: transparent;
}

#__accountBody ul.accountnav li a.active {
  background-color: transparent;
  border-bottom: 1px solid;
  border-color: 0;
  padding-bottom: 0px;
  font-weight: 700;
}

#__accountBody ul.accountnav li.right {
  margin-left: auto;
  margin-right: 0rem;
}

@media screen and (max-width: 480px) {
  #__accountBody ul.accountnav li.right,
  ul.accountnav li {
    float: none;
  }
}
@media screen and (min-width: 320px) {
  #__accountBody .a_navarea {
    max-width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .a_navarea {
    max-width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .a_navarea {
    max-width: 600px;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .a_navarea {
    max-width: 600px;
  }
}
/* ------------------------------
    サンクスページ用
  ------------------------------ */
@media screen and (min-width: 280px) {
  #__thanksBody {
    padding: 5rem 0 5rem;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody {
    padding: 6rem 0 5rem;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody {
    padding: 6rem 0 5rem;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody {
    padding: 6rem 0 5rem;
  }
}
#__thanksBody .__thanksWrapper {
  position: relative;
  min-height: 90vh;
}
#__thanksBody .__thanksInner {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner {
    max-width: 80%;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner {
    max-width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner {
    max-width: 400px;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner {
    max-width: 400px;
  }
}
#__thanksBody .__thanksInner .__signup_thanks {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#__thanksBody .__thanksInner .thankyou_txt {
  font-size: 6rem;
  line-height: 1.1;
  font-weight: 400;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .thankyou_txt {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .thankyou_txt {
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .thankyou_txt {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .thankyou_txt {
    margin-bottom: 5rem;
  }
}
#__thanksBody .__thanksInner .try_concierge {
  width: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
}
#__thanksBody .__thanksInner .try_concierge .limited_txt {
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  border: 1px solid #262626;
  padding: 0.5rem 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .try_concierge .limited_txt {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .try_concierge .limited_txt {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .try_concierge .limited_txt {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .try_concierge .limited_txt {
    font-size: 1.5rem;
  }
}
#__thanksBody .__thanksInner .try_concierge .suggestion_txt {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .try_concierge .suggestion_txt {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .try_concierge .suggestion_txt {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .try_concierge .suggestion_txt {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .try_concierge .suggestion_txt {
    font-size: 2.4rem;
  }
}
#__thanksBody .__thanksInner .try_concierge .concierge_icon_wrap {
  margin: 2.5rem 0;
}
#__thanksBody .__thanksInner .try_concierge .concierge_icon_wrap svg {
  display: inline-block;
  width: 80px;
  height: auto;
}
#__thanksBody .__thanksInner .try_concierge .description_txt {
  font-weight: 400;
  line-height: 1.8;
  font-size: 1.2rem;
}
#__thanksBody .__thanksInner .thanks_btn_wrap {
  width: 100%;
  margin: auto;
  padding: 3rem 0;
}
#__thanksBody .__thanksInner .thanks_btn_wrap .gene_btnArea {
  padding: 0 !important;
}
#__thanksBody .__thanksInner .thanks_btn_wrap .skip_suggestion {
  margin-top: 3rem;
  padding: 0 1rem;
  display: inline-block;
}
#__thanksBody .__thanksInner .thanks_btn_wrap .skip_suggestion span {
  font-weight: 400;
  font-size: 1.3rem;
}
#__thanksBody .__thanksInner .skip_text {
  font-weight: 400;
  line-height: 1.8;
  font-size: 1.1rem;
}
#__thanksBody .__thanksInner .skip_text svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin: 0 0.5rem;
}
#__thanksBody .__thanksInner .signup_merit {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .signup_merit {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .signup_merit {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .signup_merit {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .signup_merit {
    font-size: 1.3rem;
  }
}
#__thanksBody .__thanksInner .signup_merit .merit_wrap {
  width: auto;
}
#__thanksBody .__thanksInner .signup_merit .merit_wrap span {
  font-weight: 400;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  line-height: 1.8;
  counter-increment: mycounter;
}
#__thanksBody .__thanksInner .signup_merit .merit_wrap span::before {
  content: counter(mycounter) ".";
  padding-right: 0.5rem;
  vertical-align: middle;
  letter-spacing: 0.1em;
  font-weight: 600;
}
#__thanksBody .__thanksInner .welcome_title {
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 600;
  margin-top: 8rem;
  text-align: center;
}
#__thanksBody .__thanksInner .welcome_message {
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
  margin-top: 1rem;
  text-align: center;
}
#__thanksBody .__thanksInner .icon_grid {
  display: flex;
  justify-content: center;
  gap: 1rem;
  row-gap: 2rem;
  flex-wrap: wrap;
  margin-top: 4rem;
}
#__thanksBody .__thanksInner .icon_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
#__thanksBody .__thanksInner .icon_item:nth-child(odd) {
  animation-delay: 0.9s;
}
#__thanksBody .__thanksInner .icon_item svg {
  width: 3rem;
  height: auto;
  fill: #262626;
}
#__thanksBody .__thanksInner .actions_wrap {
  margin-top: 5rem;
  width: 100%;
}
#__thanksBody .__thanksInner .lets {
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: 600;
  text-align: center;
}
#__thanksBody .__thanksInner .try_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 1;
  background: #262626;
  color: #fcfcfc;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 22.5px;
  transition: all 0.3s ease;
  width: 100%;
  height: 4.5rem;
  -webkit-tap-highlight-color: transparent;
  margin-top: 1rem;
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .try_btn:hover {
    opacity: 1;
    transform: scale(1);
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .try_btn:hover {
    opacity: 1;
    transform: scale(1);
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .try_btn:hover {
    opacity: 0.6;
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .try_btn:hover {
    opacity: 0.6;
    transform: scale(1.05);
  }
}
@media screen and (min-width: 280px) {
  #__thanksBody .__thanksInner .try_btn:active {
    opacity: 0.6;
    transform: scale(0.97);
  }
}
@media screen and (min-width: 600px) {
  #__thanksBody .__thanksInner .try_btn:active {
    opacity: 0.6;
    transform: scale(0.97);
  }
}
@media screen and (min-width: 1025px) {
  #__thanksBody .__thanksInner .try_btn:active {
    opacity: 0.6;
    transform: scale(1);
  }
}
@media screen and (min-width: 1441px) {
  #__thanksBody .__thanksInner .try_btn:active {
    opacity: 0.6;
    transform: scale(1);
  }
}
#__thanksBody .__thanksInner .back_to_top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
#__thanksBody .__thanksInner .back_to_top .b_link_text {
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: 600;
  text-align: center;
  padding: 1rem;
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* ------------------------------
    パスワードリセットページ用
  ------------------------------ */
.rp_contentbox {
  margin: 0 auto;
}
@media screen and (min-width: 280px) {
  .rp_contentbox {
    max-width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .rp_contentbox {
    max-width: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .rp_contentbox {
    max-width: 400px;
  }
}
@media screen and (min-width: 1441px) {
  .rp_contentbox {
    max-width: 400px;
  }
}

.message_Area {
  font-family: "century-gothic", "Century Gothic", "CenturyGothic", "Noto Sans Japanese", sans-serif;
  margin-bottom: 4rem;
}

.target_Area {
  font-family: "century-gothic", "Century Gothic", "CenturyGothic", "Noto Sans Japanese", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.target_Area .__inpItem {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.target_Area .__inpItem dt {
  margin-bottom: 0px !important;
}
.target_Area .__inpItem dt .jp_txt {
  font-weight: 300 !important;
  letter-spacing: 0.02em;
}
.target_Area .__inpItem dt .jp_txt::before {
  content: "/";
  display: inline-block;
  padding: 0 0.5rem;
}
.target_Area .__inpItem label {
  display: block;
}
.target_Area .__inpItem input,
.target_Area .__inpItem select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0rem !important;
  background: #fcfcfc;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-weight: 600 !important;
  font-weight: 200;
  outline: none;
  color: #262626;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (min-width: 280px) {
  .target_Area .__inpItem input,
  .target_Area .__inpItem select {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 600px) {
  .target_Area .__inpItem input,
  .target_Area .__inpItem select {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1025px) {
  .target_Area .__inpItem input,
  .target_Area .__inpItem select {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 1441px) {
  .target_Area .__inpItem input,
  .target_Area .__inpItem select {
    font-size: 2rem !important;
  }
}
.target_Area .__inpItem input.target_name,
.target_Area .__inpItem select.target_name {
  text-align: center !important;
  padding-right: 1rem !important;
  letter-spacing: 0.05em !important;
  font-family: "century-gothic", "Century Gothic", "CenturyGothic", "Noto Sans Japanese", sans-serif !important;
}
@media screen and (min-width: 280px) {
  .target_Area .__inpItem input.target_name,
  .target_Area .__inpItem select.target_name {
    font-size: 1.8rem !important;
  }
}
@media screen and (min-width: 600px) {
  .target_Area .__inpItem input.target_name,
  .target_Area .__inpItem select.target_name {
    font-size: 2rem !important;
    letter-spacing: 0.05em !important;
  }
}
@media screen and (min-width: 1025px) {
  .target_Area .__inpItem input.target_name,
  .target_Area .__inpItem select.target_name {
    font-size: 2rem !important;
    letter-spacing: 0.05em !important;
  }
}
@media screen and (min-width: 1441px) {
  .target_Area .__inpItem input.target_name,
  .target_Area .__inpItem select.target_name {
    font-size: 2rem !important;
    letter-spacing: 0.05em !important;
  }
}
.target_Area .__inpItem input:focus,
.target_Area .__inpItem select:focus {
  background: #333;
  color: #fcfcfc;
}

.new_pass_Area {
  margin-top: 2rem;
}

.rp_message {
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
  line-height: 1.5;
}
@media screen and (min-width: 280px) {
  .rp_message {
    font-size: 1.2rem;
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .rp_message {
    font-size: 1.3rem;
    text-align: center;
  }
}
@media screen and (min-width: 1025px) {
  .rp_message {
    font-size: 1.5rem;
    text-align: center;
  }
}
@media screen and (min-width: 1441px) {
  .rp_message {
    font-size: 1.5rem;
    text-align: center;
  }
}

.rp_limit {
  font-weight: 600;
  line-height: 1.5;
  background-color: #e8e8e8;
  padding: 3rem;
}
@media screen and (min-width: 280px) {
  .rp_limit {
    font-size: 1.3rem;
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .rp_limit {
    font-size: 1.3rem;
    text-align: center;
  }
}
@media screen and (min-width: 1025px) {
  .rp_limit {
    font-size: 1.5rem;
    text-align: center;
  }
}
@media screen and (min-width: 1441px) {
  .rp_limit {
    font-size: 1.5rem;
    text-align: center;
  }
}

/* ------------------------------
    EDITボタン設定
  ------------------------------ */
#__accountBody .__sbmtEdit {
  display: block;
  padding-top: 50px;
  margin: 0 auto;
  /*  justify-content:center; -左寄り解除用- */
}
@media screen and (min-width: 280px) {
  #__accountBody .__sbmtEdit {
    width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .__sbmtEdit {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .__sbmtEdit {
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .__sbmtEdit {
    width: 100%;
  }
}

#__accountBody .__sbmtEdit .__btn {
  margin-left: 0rem;
}

#__accountBody .__sbmtEdit .__btn button,
#__accountBody .__sbmtEdit .__btn a {
  background: #262626;
  color: #fcfcfc;
}

#__accountBody .__sbmtEdit button,
#__accountBody .__sbmtEdit a {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #fcfcfc;
  color: #262626;
  font-size: 1.3rem;
  font-weight: 400;
  border: solid 1px #262626;
  transition: opacity 700ms ease, transform 400ms ease;
  height: 40px;
  border-radius: 20px;
}
@media screen and (min-width: 280px) {
  #__accountBody .__sbmtEdit button,
  #__accountBody .__sbmtEdit a {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #__accountBody .__sbmtEdit button,
  #__accountBody .__sbmtEdit a {
    width: 13rem;
  }
}
@media screen and (min-width: 1025px) {
  #__accountBody .__sbmtEdit button,
  #__accountBody .__sbmtEdit a {
    width: 13rem;
  }
}
@media screen and (min-width: 1441px) {
  #__accountBody .__sbmtEdit button,
  #__accountBody .__sbmtEdit a {
    width: 13rem;
  }
}

#__accountBody .__sbmtEdit button:hover,
#__accountBody .__sbmtEdit a:hover {
  opacity: 0.6;
  transform: scale(1.05);
}

/* ------------------------------
    マイページボタン設定
  ------------------------------ */
#my_account_menu {
  display: grid;
  margin: 0 auto;
  gap: 10px;
}
@media screen and (min-width: 280px) {
  #my_account_menu {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 3rem;
    width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #my_account_menu {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 3rem;
    width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  #my_account_menu {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 5rem;
    width: 500px;
  }
}
@media screen and (min-width: 1441px) {
  #my_account_menu {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 5rem;
    width: 500px;
  }
}
@media screen and (min-width: 280px) {
  #my_account_menu.edit {
    margin: 0 auto;
    grid-template-columns: repeat(1, 1fr);
    padding-top: 0rem;
    width: 90%;
  }
}
@media screen and (min-width: 600px) {
  #my_account_menu.edit {
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0rem;
    width: 70%;
  }
}
@media screen and (min-width: 1025px) {
  #my_account_menu.edit {
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0rem;
    width: 500px;
  }
}
@media screen and (min-width: 1441px) {
  #my_account_menu.edit {
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0rem;
    width: 500px;
  }
}
#my_account_menu .__sbmtEdit.mylabel {
  display: block;
  padding-top: 10px;
  margin: 0 auto 0 0;
  width: 100%;
}
#my_account_menu .__sbmtEdit.mylabel .__btn_me {
  margin: 0 auto;
  width: 100%;
}
#my_account_menu .__sbmtEdit.mylabel .__btn_me button,
#my_account_menu .__sbmtEdit.mylabel .__btn_me a {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #fcfcfc;
  color: #262626;
  font-size: 1.2rem;
  font-weight: 400;
  border: solid 1px #262626;
  transition: opacity 700ms ease, transform 400ms ease, background-color 400ms ease;
}
#my_account_menu .__sbmtEdit.mylabel .__btn_me button:hover,
#my_account_menu .__sbmtEdit.mylabel .__btn_me a:hover {
  background: #262626;
  color: #fcfcfc;
  opacity: 1;
  transform: scale(1.05);
}
#my_account_menu .__sbmtEdit.myedit {
  display: block;
  padding-top: 10px;
  margin: 0 auto 0 0;
}
@media screen and (min-width: 280px) {
  #my_account_menu .__sbmtEdit.myedit {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #my_account_menu .__sbmtEdit.myedit {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #my_account_menu .__sbmtEdit.myedit {
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  #my_account_menu .__sbmtEdit.myedit {
    width: 100%;
  }
}
#my_account_menu .__sbmtEdit.myedit .__btn_me {
  margin: 0 auto;
}
@media screen and (min-width: 280px) {
  #my_account_menu .__sbmtEdit.myedit .__btn_me {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #my_account_menu .__sbmtEdit.myedit .__btn_me {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #my_account_menu .__sbmtEdit.myedit .__btn_me {
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  #my_account_menu .__sbmtEdit.myedit .__btn_me {
    width: 100%;
  }
}
#my_account_menu .__sbmtEdit.myedit .__btn_me button {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #262626;
  color: #fcfcfc;
  font-size: 1.3rem;
  font-weight: 400;
  border: solid 1px #262626;
  transition: opacity 700ms ease, transform 400ms ease;
}
#my_account_menu .__sbmtEdit.myedit .__btn_me button:hover {
  opacity: 0.6;
  transform: scale(1.05);
}
#my_account_menu .__sbmtEdit.myedit .__btn_me a {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #fcfcfc;
  color: #262626;
  font-size: 1.2rem;
  font-weight: 400;
  border: solid 1px #262626;
  transition: opacity 700ms ease, transform 400ms ease;
}
#my_account_menu .__sbmtEdit.myedit .__btn_me a:hover {
  opacity: 0.6;
  transform: scale(1.05);
}

.ac_delete_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 280px) {
  .ac_delete_wrap {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 600px) {
  .ac_delete_wrap {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 1025px) {
  .ac_delete_wrap {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 1441px) {
  .ac_delete_wrap {
    padding-top: 4rem;
  }
}
.ac_delete_wrap .ac_delete_link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.ac_delete_wrap .ac_delete_link svg {
  width: auto;
  height: 15px;
  display: flex;
  padding-right: 1rem;
}
.ac_delete_wrap .ac_delete_link span {
  font-size: 1.2rem;
}/*# sourceMappingURL=myaccount.css.map */