@charset "utf-8";

/* 全体の共通 */

/* モーダル表示時のズレ修正 */
body.modal-open {
  padding-right: 0px !important;
}

/* リンクのターゲットのスクロール位置を調整する。 */
.fw-anchor-target {
  display: block;
  position: relative;
  top: calc(-1 * var(--fw-header-navi-height));
  visibility: hidden;
}

/* 読み取り専用のテキスト */
.fw-readonly-text,
.fw-readonly-textarea {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
}

/* 読み取り専用のテキストエリア */
.fw-readonly-textarea {
  white-space: pre-wrap;
}

/* 検索エリアの項目ラベル */
label.fw-search-area-col {
  font-weight: bold;
  width: 8rem;
  justify-content: left;
}

/* パスワード切り替え */
.fw-password-flip {
  width: 41px;
}

/*
 *必須項目
 */
 .fw-required-col:after {
  content: "必須";
  color: #ffffff;
  font-size:0.7rem;
  background-color:#dc143c;
  padding:0.4em 0.5em 0.2em;
  margin-left:0.5em;
  word-break: keep-all;
}

/*
 *必須項目前
 */
.fw-required-col-before:before {
  content: "必須";
  color: #ffffff;
  font-size:0.7rem;
  background-color:#dc143c;
  padding:0.4em 0.5em 0.2em;
  margin-right:0.5em;
  word-break: keep-all;
}

/*
 * 読み取り専用テキストボックスのフォーカス時の枠線を付加しないよう設定
 */
.form-control-plaintext:focus {
  outline: none;
}

/*
 * 固定フッター用
 */
@media screen {
  .fw-fixed-bottom-footer {
    position: sticky;
    bottom: 0;
    z-index: 5;
  }
}