@charset "UTF-8";
/*!
 * CheckBoxFor対応
 * CheckBoxForはinputタグを２つ出力するため、隣接セレクタでなく間接セレクタにする。
 */
.checkbox-label input[type="checkbox"]:checked ~ span:before {
  display: inline-block;
  content: url(../img/svg/ws_btn_check_on.svg);
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px; }

.checkbox-label input[type="checkbox"]:disabled ~ span:before {
  display: inline-block;
  content: url(../img/svg/ws_btn_check_off_disabled.svg);
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px; }

/*!
 * RadioButtonのエラーメッセージ出力対応
 * 検証表示用のクラスが予め定義されているため、名前を合わせる。ValidationMessageForは「field-validation-error」が使用される。
 * https://docs.microsoft.com/en-us/aspnet/web-pages/overview/ui-layouts-and-themes/validating-user-input-in-aspnet-web-pages-sites
 */
.field-validation-error {
  color: #c0483e;
  font-weight: bold;
  margin-top: -4px;
  margin-bottom: 4px; }

.field-validation-error:before {
  display: inline-block;
  content: url(../img/down.svg);
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  margin-right: 4px; }

/*!
 * RadioButtonのエラー表示対応
 * 検証表示用のクラスが予め定義されているため、名前を合わせる。inputタグに「.input-validation-error」が使用される。
 * https://docs.microsoft.com/en-us/aspnet/web-pages/overview/ui-layouts-and-themes/validating-user-input-in-aspnet-web-pages-sites
 */
.field-validation-error + div > label {
  background-color: #f9eceb;
  -webkit-box-shadow: 0 0 0 4px #DFA39E inset;
  box-shadow: 0 0 0 4px #DFA39E inset; }

.field-validation-error + div > label > span {
  color: #333333;
  font-weight: normal;
  padding-right: 8px; }

/*!
 * TextAreaのエラー表示対応
 * 検証表示用のクラスが予め定義されているため、名前を合わせる。inputタグに「.input-validation-error」が使用される。
 * https://docs.microsoft.com/en-us/aspnet/web-pages/overview/ui-layouts-and-themes/validating-user-input-in-aspnet-web-pages-sites
 */
.field-validation-error + div > label > span:before {
  margin-right: 16px; }

.input-validation-error {
  background-color: #f9eceb;
  border-bottom: solid 2px #DFA39E; }