@charset "utf-8";

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

/* .error {
  background: #ff066a !important;
} */

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

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

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

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