/*************************************************

リアルタイムバリデーション

*************************************************/

.confirm_msg {
    text-align: center;
    width: 100%;
    padding: 15px;
  }
  .validateError {
    margin-top: 15px;
    color: #CC0000;
    font-size: 16px;
  }
  .validateError_BirthDay {
    margin-top: 15px;
    color: #CC0000;
    font-size: 16px;
  }
  @media only screen and (max-width: 480px) {
    .validateError {
      font-size: 10px;
    }
    .validateError_BirthDay {
      font-size: 9px;
    }
  }

  .confirmMode {
    display:none !important;
  }
  input[type="number"].invalid.touched, input[type="number"].invalid.validated {
    color: #CC0000;
    /* background-color: rgb(255, 240, 245); */
  }
  input[type="tel"].invalid.touched, input[type="tel"].invalid.validated {
    color: #CC0000;
    /* background-color: rgb(255, 240, 245); */
  }
  input.invalid.touched,input.invalid.validated {
    /* color: #CC0000; */
    /* background-color: rgb(255, 240, 245); */
  }
  .partsFormitem input.validationMode {
    color: #CC0000;
    /* background-color: rgb(255, 240, 245); */
  }
  .partsFormitem input.validationMode.passed {
    background-color: white;
    color:black;
  }
  .partsFormitem textarea.validationMode {
    color: #CC0000;
    background-color: rgb(255, 240, 245) ;
  }
  .partsFormitem textarea.validationMode.passed {
    background-color: white;
    color:black;
  }
  textarea.invalid.touched, textarea.invalid.validated {
    /* color: #CC0000; */
    /* background-color: rgb(255, 240, 245); */
  }
  select.invalid.touched, select.invalid.validated {
    /* color: #CC0000; */
    /* background-color: rgb(255, 240, 245); */
  }
  .partsFormitem select.validationMode {
    color: #CC0000;
    background-color: rgb(255, 240, 245) ;
  }
  .partsFormitem select.validationMode.passed {
    background-color: white;
    color:black;
  }
  .file_remove {
    padding-right:15px;
    cursor: pointer;
  }