@charset "utf-8";

/* clearfix */


/* JS処理後にJSで表示状態に切り替える. */
/*body{ display: none; }*/  /* noscriptと相性悪い. */
.js_target{ display: none; }

/* 入力エラー時のエラーメッセージのデザイン. */
/* バリデーションのエラーメッセージのデザイン. */
.formError{
  color: #F89406;
  font-weight: bold;
  display: block;
}

.formError .label{
  color: #fff;
  background-color: #F89406;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 5px;
  margin-right: 5px;
}

article .step1 .form_area .privacy .formError{
  margin-top: 5px;
  margin-left: 0;
  text-align: left;
}

article .step1 .form_area .privacy .formError .label,
article .step1 .form_area .privacy .formError .ss_error_msg{
  display: inline;
  margin-left: 0;
  margin-right: 5px;
}

/* チェックボックスのデザイン対応. */
article section.step1 .form_area p.privacy .checkbox_label {
  display: block;
  float: left;
  margin-left: -4px;
  margin-top: -2px;
}

article section .form_area .checkbox_label input {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(../user/assets/image/bg_check.png) no-repeat right top;
}

article section .form_area .checkbox_label input[type='checkbox']:checked {
  background-position: right bottom;
}

article section .form_area input[type='checkbox'] {
  display: none;
  -webkit-appearance: none;
}

.privacy .formErrorContent{
  margin: 0 !important;
  display: inline !important;
}

.privacy .formError{
  margin-bottom: 10px !important;
}

/* 2018/10/31 add */
.ss_error_msg, .errorMsg {
	margin-left: 3px;
	color: #f80606;
	font-weight: bold;
}

warning, .badge-warning {
    background-color: #f80606;
}