@charset "utf-8";

#coR .req::after {
  content: '*';
  color: #ff066a !important;
  font-size: 10pt;
}

#coR .error {
  background: #ff066a !important;
}

#coR [data-error] {
  margin: 0 !important;
}
#coR [data-error] .error-message {
    color: #ff066a !important;
    margin: 0 !important;
    font-size: 10pt !important;
  }

#coR label {
  margin-bottom: 5px;
  display: inline-block;
}
#coR label+label {
  margin-left: 15px;
}

/* --- success --- */
#coR .success {
	background-color: #06a8ff;
	color: white;
}
/* --- focus input --- */
#coR input:focus, #coR textarea:focus {
	background-color: rgb(255, 251, 143);
	color: inherit;
}
/* --- status status --- */
#coR .status {
	font-size: 10px;
	font-weight: bold;
	color: white;
}
#coR .status:before {
	padding: 5px;
	border-radius: 10px;
}
#coR .status.ok:before {
	content: 'OK';
	background: #06a8ff;
}
#coR .status.ng:before {
	content: 'NG';
	background: #ff066a;
}

#coR input, #coR textarea {
  padding: 5px 10px;
  margin: 3px 0;
  vertical-align: middle;
  border-radius: 3px;
  border: solid 1px #aaa;
}
#coR input[type=radio] ,
#coR input[type=checkbox] {
  margin-right: 3px;
}
#coR select {
  margin-bottom: 5px;
  border: solid 1px #aaa;
  border-radius: 3px;
  padding: 5px;
}
#coR .textarea-style ,
#coR textarea {
  font-family: Helvetica,Arial,sans-serif;
}
#coR .notice {
  margin: 0 !important;
  font-size: 10pt !important;
  padding: 0 !important;
}