@charset "UTF-8";
@media screen and (max-width: 767px) {
  /*****************************************
   * ログインフォーム
   *****************************************/
  .form_wrapper,
  .form_message,
  .login .form_message {
    padding: 10px 20px 20px;
  }

  .loginForm {
    margin-bottom: 0px;
    padding: 10px 0 0 0;
  }
  .loginForm label {
    line-height: 1.5;
  }
  .loginForm .loginForm_group {
    margin-bottom: 10px;
  }
  .loginForm #form_password, .loginForm #form_email {
    border: none;
    padding: 5px;
  }
  .loginForm [type="password"] {
    width: calc(100% - 75px);
  }
  .loginForm .form_border, .loginForm .form_noborder {
    display: block;
    border-radius: 4px;
    padding: 6px;
  }

  .button_small {
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    transition: 0.25s background-color;
  }

  .button {
    display: block;
    margin: 0;
    padding: 8px 40px;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    transition: 0.25s background-color;
    width: 100%;
  }

  .form_message {
    padding: 10px 0 20px 0;
  }
  .form_message .button {
    display: block;
    width: auto;
  }

  .form_pwreset {
    padding: 0 20px 20px 20px;
  }

  .user_mypage .form_wrapper table {
    width: 100%;
  }
  .user_mypage .form_messages {
    padding: 0 20px;
  }

  #unregisterInfoForm .form_messages {
    padding: 0 20px;
  }

  #form_password1, #show_password1, #form_password2, #show_password2 {
    padding: 5px;
    border: none;
  }

  .send_pass {
    padding: 0 20px;
  }
}