@charset "UTF-8";

/**
 * sign_in.css
 *
 * - コンテンツ名1
 * - コンテンツ名2
 * - Modal
 */

[data-pagetype="sign_in"] .l-mypageform .form-label {
  color: #333333;
}

[data-pagetype="sign_in"] .l-mypageform-disable .form-control {
  background: #f5f5f5;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[data-pagetype="sign_in"] .l-submit {
  margin: 25px auto 0;
  padding: 0 7%;
  text-align: center;
}

[data-pagetype="sign_in"] .l-submit .btn {
  width: 100%;
  max-width: 100%;
}

[data-pagetype="sign_in"] .l-submit-full {
  margin: 25px auto 0;
  padding: 0 7%;
  text-align: center;
}

[data-pagetype="sign_in"] .l-submit-full .btn {
  width: 100%;
  max-width: 100%;
}

[data-pagetype="sign_in"] .l-login {
  text-align: left;
  width: 100%;
}

[data-pagetype="sign_in"] .l-login .notice {
  margin-top: 1.2em;
  text-align: center;
}

[data-pagetype="sign_in"] .l-login-checkbox {
  margin-top: 25px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  [data-pagetype="sign_in"] .l-submit {
    max-width: 600px;
  }

  [data-pagetype="sign_in"] .l-login .loginbox {
    margin: 0 auto;
    width: 450px;
  }
}

@media screen and (max-width: 767px) {
  [data-pagetype="sign_in"] .l-submit {
    padding: 0 15px;
  }

  [data-pagetype="sign_in"] .l-submit-full {
    padding: 0;
  }

  [data-pagetype="sign_in"] .l-submit-full .btn[type="submit"] {
    height: 40px;
  }

  [data-pagetype="sign_in"] .l-login {
    padding: 30px 7% 0;
  }

  [data-pagetype="sign_in"] .l-login .notice {
    text-align: left;
  }

  [data-pagetype="sign_in"] .l-login .l-submit {
    padding: 0;
  }
}