/*.formError {
  margin-top: -17px !important;
}*/
.formError.inline {
  display: block;
  margin-top: 7px !important;
}
.formError .formErrorArrowBottom,
.formError .formErrorArrow {
  opacity: 0;
}
.formError .formErrorContent,
.confirm-error .formErrorContent {
  background-color: transparent;
  color: #ee0101;
  border: none;
  padding-top: 0;
  padding-left: 0;
  margin-top: -5px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.formError.inline .formErrorContent {
  padding-left: 0;
}
.confirm-error .formErrorContent {
  margin-top: 8px;
}
.controls.error input,
.controls input.error,
.confirm-error input,
/*6.21変更 shopcodeのバリデーションチェック エラー時のスタイリング*/
.confirm-error select {
  border: 1px solid #ee0101;
  background-color: rgba(237,180,180,0.2);
}
.controls.error input#pass-toggle {
  border: none;
}
input.email.error + .help-block {
  margin-top: 26px !important;
}
.controls .inline li {
  display: table-cell;
}
.controls .code {
  display: table-cell;
}
.controls .code .hyphen {
  float: left;
  margin: 5px 13px;
}
.form_area .checkbox-txt {
  float: right;
}
.form_area .formError {
  clear: both;
  margin-right: -7px;
}
.formErrorContent {
  clear: both;
}
@media (max-width: 767px) {
  .controls .code .formError.inline .formErrorContent {
    margin: 0;
    max-width: 100px;
  }
  .register_wrap .customer_no input[type="text"] {
    width: 80%;
  }
  .register_wrap .customer_no input[name="code2"],
  .register_wrap .customer_no input[name="code3"] {
    width: 73%;
  }
  .controls .code .hyphen {
    margin: 5px 0;
    width: 13%;
    text-align: center;
  }
  .formError .formErrorContent {
    min-width: initial;
  }
  .controls .inline li {
   display: inline-block;
  }
  .controls.zip_code li {
    display: table-cell;
  }
}

/* renewal */
.formError .formErrorContent, .confirm-error .formErrorContent {
  top: 11px;
}
.formError.inline .formErrorContent {
  padding-right: 0;
}
.birthday_monthformError.parentFormundefined.formError.inline,
.birthday_dayformError.parentFormundefined.formError.inline {
  width: 80px;
}
.zipcode1formError.parentFormundefined.formError.inline,
.zipcode2formError.parentFormundefined.formError.inline {
  width: 80px;
}
.Sex2formError.parentFormundefined.formError {
  top: 25px!important;
}
.formError {
  z-index: 1;
}
.kana1formError.parentFormundefined.formError.inline,
.Kana2formError.parentFormundefined.formError.inline {
  width: 150px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .form-validation-field-0formError.parentFormundefined.formError .formErrorContent {
    top: 1px;
  }
  .Sex2formError.parentFormundefined.formError {
    top: 33px!important;
  }
}

@media (max-width: 375px) {
  .kana1formError.parentFormundefined.formError.inline,
  .Kana2formError.parentFormundefined.formError.inline {
    width: 115px;
    white-space: normal;
  }
  .birthday_monthformError.parentFormundefined.formError.inline,
  .birthday_dayformError.parentFormundefined.formError.inline {
    width: 70px;
  }
}

@media (max-width: 320px) {
  .kana1formError.parentFormundefined.formError.inline,
  .Kana2formError.parentFormundefined.formError.inline {
    width: 103px;
    white-space: normal;
  }
  .birthday_monthformError.parentFormundefined.formError.inline,
  .birthday_dayformError.parentFormundefined.formError.inline {
    width: 50px;
    white-space: nowrap;
  }
  .zipcode1formError.parentFormundefined.formError.inline,
  .zipcode2formError.parentFormundefined.formError.inline {
    width: 70px;
    white-space: nowrap;
  }
}