@charset "utf-8";
/*
*	File Name  member.css
*	Author     ：Tsukasa Chinen @ CoComina
*	Last Update：2019.01.29
*	Description：ログイン・会員関連ページ用CSS
*/
.m_detail_ttl {
  margin-bottom: 2rem;
}
.m_login_tbl,
.m_login_tbl thead,
.m_login_tbl tbody,
.m_login_tbl tfoot,
.m_login_tbl tr,
.m_login_tbl th,
.m_login_tbl td,
.m_profile_tbl,
.m_profile_tbl thead,
.m_profile_tbl tbody,
.m_profile_tbl tfoot,
.m_profile_tbl tr,
.m_profile_tbl th,
.m_profile_tbl td {
  display: block;
  font-size: 1.2rem;
}
.m_profile_tbl {
  margin-bottom: 2rem;
}
.m_profile_tbl th.hidden,
.m_profile_tbl td.hidden {
  display: none;
}
.m_login_tbl,
.m_profile_tbl {
  margin-top: 1rem;
}
.m_login_tbl tr {
  margin-bottom: 1rem;
}
.m_profile_tbl th {
  font-size: 1rem;
  background: var(--olive-gold-100);
  padding: 0.4rem;
}
.m_profile_tbl td {
  padding: 0.4rem;
}
.m_login_tbl input {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 2px 4px;
  border: 1px solid var(--color-gray-ec);
  box-sizing: border-box;
}
.m_member_btns {
  overflow: hidden;
  padding-top: 0.5rem;
  text-align: center;
}
.member_login_button,
.member_change_button,
.member_cancel_button {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: var(--primary);
  border-radius: 6px;
  border: none;
  font-size: 1.56rem;
  color: var(--color-white);
  padding: 1rem 0;
}
.member_cancel_button {
  background: var(--color-gray-99);
}
.m_member_forgotpass {
  padding: 1rem 0 0;
  text-align: center;
}
.m_changeprofile {
  display: none;
}
.m_changeprofile_message {
  margin-bottom: 1rem;
}
.m_changepfrofile_tbl,
.m_changepfrofile_tbl thead,
.m_changepfrofile_tbl tbody,
.m_changepfrofile_tbl tfoot,
.m_changepfrofile_tbl tr,
.m_changepfrofile_tbl th,
.m_changepfrofile_tbl td {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.m_changepfrofile_tbl th {
  background: var(--olive-gold-100);
  font-size: 16px;
  padding: 0.4rem;
}
.m_changepfrofile_tbl td {
  color: var(--color-gray-99);
  padding: 0.8rem 0.4rem 1.6rem;
}
.m_changepfrofile_tbl tr#name_row td,
.m_changepfrofile_tbl tr#furikana_row td {
  display: inline-block;
  width: calc((100% - 1rem) / 2);
  padding-top: 0.4rem;
}
.m_changepfrofile_tbl tr#name_row td + td,
.m_changepfrofile_tbl tr#furikana_row td + td {
  margin-left: 1rem;
}
.m_changepfrofile_tbl th em {
  display: none;
}
#member_tr_email br {
  display: none;
}
.m_changepfrofile_tbl input,
.m_changepfrofile_tbl select {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 0.24rem 0.4rem;
  margin-bottom: 0.4rem;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-gray-99);
}
.m_changepfrofile_tbl tr#name_row input,
.m_changepfrofile_tbl tr#furikana_row input,
.m_changepfrofile_tbl select {
  margin-bottom: 0;
}
.m_changepfrofile_tbl input[type="hidden"] {
  display: none;
}
.m_changeprofile_btns {
  display: flex;
  flex-wrap: wrap;
}
.m_changeprofile_btns .member_change_button + .member_cancel_button {
  margin-top: 1.2rem;
}

@media screen and (min-width: 768px) {
  .m_login_tbl,
  .m_profile_tbl,
  .m_changepfrofile_tbl {
    display: table;
    width: 100%;
    border: 1px solid var(--color-gray-ec);
    margin-bottom: 2rem;
  }
  s .m_login_tbl thead,
  .m_profile_tbl thead,
  .m_changepfrofile_tbl thead {
    display: table-header-group;
  }
  .m_login_tbl tbody,
  .m_profile_tbl tbody,
  .m_changepfrofile_tbl tbody {
    display: table-row-group;
    width: 100%;
  }
  .m_login_tbl tfoot,
  .m_profile_tbl tfoot,
  .m_changepfrofile_tbl tfoot {
    display: table-footer-group;
  }
  .m_login_tbl tr,
  .m_profile_tbl tr,
  .m_changepfrofile_tbl tr {
    display: table-row;
    width: 100%;
    margin-bottom: 0;
  }
  .m_login_tbl th,
  .m_login_tbl td,
  .m_profile_tbl th,
  .m_profile_tbl td,
  .m_changepfrofile_tbl th,
  .m_changepfrofile_tbl td,
  .m_changepfrofile_tbl tr#name_row td,
  .m_changepfrofile_tbl tr#furikana_row td {
    display: table-cell;
    margin-bottom: 0;
    padding: 1.2rem;
  }
  .m_login_tbl th,
  .m_profile_tbl th,
  .m_changepfrofile_tbl th {
    width: 14rem;
    background: var(--olive-gold-100);
    border-right: 1px solid var(--color-gray-ec);
  }
  .m_login_tbl td,
  .m_profile_tbl td,
  .m_changepfrofile_tbl td {
    width: calc(100% - 14rem);
    border-right: 1px solid var(--color-gray-ec);
  }
  .m_login_tbl tr:first-of-type th,
  .m_login_tbl tr:first-of-type td {
    border-bottom: 1px solid var(--color-gray-ec);
  }
  .m_profile_tbl th,
  .m_profile_tbl td,
  .m_changepfrofile_tbl th,
  .m_changepfrofile_tbl td {
    border-bottom: 1px solid var(--color-gray-ec);
  }
  .m_changepfrofile_tbl tr#name_row td,
  .m_changepfrofile_tbl tr#furikana_row td {
    width: 50%;
  }
  .m_changepfrofile_tbl tr#name_row td:first-of-type,
  .m_changepfrofile_tbl tr#furikana_row td:first-of-type {
    border-right: none;
  }
  .m_changepfrofile_tbl tr#name_row td + td,
  .m_changepfrofile_tbl tr#furikana_row td + td {
    margin-left: 0;
  }
  .member_login_button,
  .member_change_button,
  .member_cancel_button {
    width: 32%;
  }
  .m_changeprofile_btns {
    justify-content: center;
  }
  .m_changeprofile_btns .member_change_button + .member_cancel_button {
    margin-top: 0;
  }
  .m_changeprofile_btns .member_change_button {
    order: 2;
  }
  .m_changeprofile_btns .member_cancel_button {
    order: 1;
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 1080px) {
  .m_changepfrofile_tbl td {
    border-right-width: 2px;
  }
  .m_changepfrofile_tbl tr#name_row td,
  .m_changepfrofile_tbl tr#furikana_row td {
    border-right-width: 1px;
  }
}