.mdp-body div:empty{
  margin-bottom: 2em;
}

.member-form input[type="text"], .member-form input[type="password"], .member-form input[type="email"], .member-form input[type="tel"], .member-form textarea, .member-form select {
  width: 100%;
  margin: 5px 0;
  padding: 8px;
  line-height: 1.5em;
  background: #FFF;
  border-radius: 2px;
  font-size: 100%;
  border: 1px solid #015892;
  box-sizing: border-box;
}

.member-form input[type="text"]:-moz-placeholder, .member-form input[type="password"]:-moz-placeholder, .member-form input[type="email"]:-moz-placeholder, .member-form input[type="tel"]:-moz-placeholder, .member-form textarea:-moz-placeholder {
  color: #c4aca8;
  font-weight: normal;
}

.member-form input[type="text"]::-moz-placeholder, .member-form input[type="password"]::-moz-placeholder, .member-form input[type="email"]::-moz-placeholder, .member-form input[type="tel"]::-moz-placeholder, .member-form textarea::-moz-placeholder {
  color: #c4aca8;
  font-weight: normal;
}

.member-form input[type="text"]:-ms-input-placeholder, .member-form input[type="password"]:-ms-input-placeholder, .member-form input[type="email"]:-ms-input-placeholder, .member-form input[type="tel"]:-ms-input-placeholder, .member-form textarea:-ms-input-placeholder {
  color: #c4aca8;
  font-weight: normal;
}

.member-form input[type="text"]::-webkit-input-placeholder, .member-form input[type="password"]::-webkit-input-placeholder, .member-form input[type="email"]::-webkit-input-placeholder, .member-form input[type="tel"]::-webkit-input-placeholder, .member-form textarea::-webkit-input-placeholder {
  color: #c4aca8;
  font-weight: normal;
}

.member-form input[type="text"] textarea, .member-form input[type="password"] textarea, .member-form input[type="email"] textarea, .member-form input[type="tel"] textarea, .member-form textarea textarea {
  line-height: 1.5em;
}
.member-form .readonly{
  width: 100%;
  margin: 5px 0;
  padding: 8px;
  line-height: 1.5em;
  background: #eee;
  border-radius: 2px;
  font-size: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.member-form input[type="submit"] {
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  padding: 10px 30px;
  color: #FFFFFF;
  background-color: #000;
  cursor: pointer;
  float: right;
}

.member-form input[type="button"] {
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  padding: 10px 30px;
  color: #FFFFFF;
  background-color: #666;
  cursor: pointer;
  float: right;
}

.member-form input:focus, .member-form select:focus {
  outline: 2px solid #00A3D9;
}



.login-contents__form-wrap{
  margin: 40px 0;
  max-width: 950px;
}
.login-contents__form-wrap.--narrow{
  margin: 40px auto;
  max-width: 650px;
}
.login-form__container{
  margin-bottom: 20px;
}

.login-form__row{
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap:20px;
}
@media (min-width: 768px){
  .login-form__row{
    flex-direction: row;
  }
}
.login-form__checkbox-label{
  display: flex;
  align-items: center;
}
.login-form__checkbox-control{
  margin-right: 5px;
}
.login-form__forget-password{
  margin-top: 10px;
}
.login-form__submit{
  text-align: right;
  margin-left: auto;
}
.member-form__button,
.login-form__login-button{
  font-size: 1.2em;
  margin: 0px;
  max-width: 100%;
  vertical-align: baseline;
  border: 1px solid #015892;
  border-radius: 10px;
  cursor: pointer;
  padding: 0.8em 2em;
  color: #FFFFFF;
  background-color: #015892;
  cursor: pointer;
}
.member-form__back-button,
.login-form__back-button{
  font-size: 1.2em;
  margin: 0px;
  max-width: 100%;
  vertical-align: baseline;
  border: 1px solid #ccc;
  background-color: rgb(239, 239, 239);
  border-radius: 10px;
  cursor: pointer;
  padding: 10px 30px;
  color: #000;
  cursor: pointer;
}

.login-form .error{
  display: block;
  color: #B70000;
  font-size: 12px;
}

.logout-msg{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.member-form__wrap{
}
.mypage-form__row,
.member-form__row{
  margin-top: 20px;
  margin-bottom: 20px;
}
.member-form__row._submit{
  text-align: right;
}
.member-form__row input[readonly]{
  background: #eee;
}
.member-form__row input[readonly]:focus{
  outline: none;
}
.member-form__row .block{
  display: block;
}
.member-form__row input[type='radio'],
.member-form__row input[type='checkbox']{
  margin-right: 5px;
  vertical-align: -5%;
}
.member-form__row input[type='radio']:focus,
.member-form__row input[type='checkbox']:focus{
      outline-width: 0;
}
.member-form__row input[type='radio']:focus-visible,
.member-form__row input[type='checkbox']:focus-visible{
      outline-width: 1px;
}
.member-form .error,
.member-form__error{
  color: red;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 0;
  padding: 0;
}
.member-form__confirm-content{
  background: #eee;
  padding: 8px;
  margin: 5px 0;
  min-height: 1.5em;
}