/*-------------------------------
common
-------------------------------*/
/*** body ***/
body {
  /* font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; */
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 12px;
  /* background: #f2f8ff; */
}

.topmenu {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif !important;
}

.multiRow p {
  padding: 5px 0;

}

.modal::-webkit-scrollbar {
  display: none;
}

/*** a ***/
table a {
  color: #5072b5;
}

table a:visited {
  color: #526998;
}

a.disabled {
  display: inline-block;
  color: initial !important;
  pointer-events: none;
}

/*** hover ***/
.date-lists tr:hover,
.dataTables tbody tr:hover,
.search-results-table tbody tr:hover,
.over {
  background: #a5b3cf;
}

.click-selected {
  background: #a5b3cf;
}

/* inputボックス透過 */
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="search"]:read-only {
  background: rgba(0, 0, 0, 0) !important;
  border: none !important;
}

/* 非表示 */
.hide {
  display: none !important;
}

/* 行追加用 */
.default-add-row {
  display: none;
}

/* CSVアップロード用 */
.csv-upload-file {
  display: none;
}

/* 選択 */
.selected {
  background-color: #a5b3cf;
}

/* 承認済 */
.approved {
  background: #b6bdff;
}

/* ロック */
.lock {
  background: #c0c0c0;
}

/* 取り消し */
.cansell {
  background: #b6cfff;
}

/* マイナス */
.minus {
  background: #ffb6c1;
}

/* 縦スクロール */
.scroll-y {
  overflow-y: scroll;
  height: 200px;
}

/* 右寄せ */
.right-position {
  text-align: right !important;
}

span.right-position {
  float: right !important;
}

/* 中央 */
.center-position {
  text-align: center !important;
}

/* 左寄せ */
.left-position {
  text-align: left !important;
}

span.left-position {
  float: left !important;
}

/* 横並び */
.flex-line {
  display: flex !important;
}

.table-base-area-flex {
  display: flex;
}

/* ボーダーなし */
td.no-border {
  border-style: none !important;
}

/* 左線無し */
.no-border-left {
  border-left: none !important;
}

/* 右線無し */
.no-border-right {
  border-right: none !important;
}

/* テーブル上部余白 */
.table-margin {
  margin-top: 10px;
}

/* テーブル上部余白 */
.table-bottom {
  margin-bottom: 10px !important;
}

/* 右余白 */
.margin-right {
  margin-right: 10px !important;
}

/* 余白 */
.margin-left-s {
  margin-left: 5px;
}

.margin-left-m {
  margin-left: 10px;
}

.margin-left-l {
  margin-left: 20px;
}

.margin-top-s {
  margin-top: 5px;
}

.margin-top-m {
  margin-top: 10px;
}

.margin-top-l {
  margin-top: 20px;
}

/* 空の箱 */
.empty-box {
  border: none !important;
  background-color: transparent !important;
  width: 10px !important;
}

/* 単語の途中改行なし */
.keep-word {
  word-break: keep-all;
}

/* 単語の途中改行なし */
.white-space-nowrap {
  white-space: nowrap;
}

/*** 必須項目 ***/
/* 必須マーク */
/* .required::after {
  display: inline-block;
  background-image: url("/img/required-ed58ef885ac3e96418dcca550e84292c.png");
  width: 43px;
  height: 13px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  margin-left: 5px;
} */

.required::after {
  content: "必須";
  background-color: orange;
  display: inline-block;
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 15px;
  vertical-align: middle;
  font-weight: 600;
  color: white;
}

.new-broker-register-input-area .required::after {
  font-size: 20px;
  margin-left: 10px;
  padding: 7px 20px;
}

.register-input-area .required::after {
  font-size: 1em;
  margin-left: 1rem;
  padding: 5px 15px;
}

/* 必須項目 */
.input-required {
  background-color: #ffebeb;
}

/*** input ***/
/* 必須inputエラー無し */
.input-not-error {
  background: #fff !important;
}

/* ファイル選択 */
#file-select1,
#file-select2 {
  background: #4f6fb5;
  color: #fff;
  padding: 3px 10px;
  background-image: linear-gradient(to bottom, #4f6fb5, #1f318d);
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
}

#preview-image1,
#preview-image2 {
  width: 200px;
}

/*** チェックボックス ***/
section input[type="checkbox"] {
  /* position: relative; */
  cursor: pointer;
  border-radius: 2px;
}

.modal section input[type="checkbox"] {
  position: relative;
}

input[type="checkbox"] {
  accent-color: #3380ff;
}

section input[type="checkbox"]:before {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 3px;
  width: 6px;
  height: 2px;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  border: 1.5px solid #ffffff;
  border-top-style: none;
  border-right-style: none;
}

section input[type="checkbox"]:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}

section input[type="checkbox"]:after {
  position: absolute;
  top: -0.025rem;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
  cursor: pointer;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  border-radius: 2px;
}

section input[type="checkbox"]:checked:after {
  position: absolute;
  /*  top: -0.125rem; */
  top: -0.025rem;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
  cursor: pointer;
  border: 1px solid #d8d8d8;
  background: #3380ff;
  border-radius: 2px;
}

/*** チェックボックス非活性 ***/
section input[type="checkbox"]:disabled {
  pointer-events: none;
}

section input[type="checkbox"]:disabled:before {
  border: 2px solid #ffffff;
  border-top-style: none;
  border-right-style: none;

}

section input[type="checkbox"]:disabled:after {
  background: -webkit-linear-gradient(top, #cfcfcf, #7f7f7f);
}

/*** ラジオボタン ***/
section input[type="radio"] {
  position: relative;
  margin: 0 3px 0 0;
  cursor: pointer;
}

section input[type="radio"]:before {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-radius: 50%;
  background: #3380ff;
}

section input[type="radio"]:checked:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

section input[type="radio"]:after {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 12px;
  height: 12px;
  content: '';
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background: #ffffff;
}

section input[type="radio"]:disabled:after {
  background: #f0f0f0;
  cursor : auto;
}

/*** ラジオボタン非活性 ***/
section input[type="radio"]:disabled:before {
  background: #7b7b7b;
}

input[type="radio"] {
  accent-color: #3380ff;
}

/*** h1 ***/
/* h1共通 */
h1 {
  width: 98%;
  height: 25px;
  margin: 0 auto;
  margin-top: 6px;
  padding: 2px 0px;
  font-size: 18px;
  position: relative;
}

/* 検索画面h1固定 */
.search-screen .h1-fixed,
.search-screen .h1-fixed2 {
  position: fixed;
  top: 30px;
  left: 0px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  background: #f2f8ff;
  z-index: 4;
}

/* モーダルh1共通 */
.modal h1 {
  width: 98%;
  background: #8f91ab;
  height: 32px;
  color: #fff;

}

.modal h1::before {
  top: -3px;
}

.h1-fixed,
.h1-fixed2 {
  position: fixed;
  top: 34px;
  left: 0px;
  width: 100%;
  padding-bottom: 5px;
  background: #f2f8ff;
  z-index: 5;
}

/* モーダレスh1共通 */
.modeless h1 {
  width: 750px;
  background: #8f9dab;
}



/* h1テキスト表示位置 */
.h1-name {
  margin-left: 40px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
}

/* h1アイコン */
h1::before {
  width: 40px;
  height: 45px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -7px;
  left: -5px;
}

/* h1ログインアイコン */
.h1-login::before {
  background-image: url("/img/h1-login-bf16dcbe04b79fc6a374f71468531756.png");
}

/* h1ログアウトアイコン */
.h1-logaout::before {
  background-image: url("/img/h1-logout-c0d34391d1c7562627ad10fd2b7bd052.png");
}

/* h1検索アイコン */
.h1-search::before {
  background-image: url("/img/h1-search-33dabae410e78e1b61326179c22c46f4.png");
}

.modal .h1-search::before {
  background-image: url("/img/h1-modal-search-9ef1d56a2ef5ed618940f0d8c6dee361.png");
}

/* h1登録アイコン */
.h1-registration::before {
  background-image: url("/img/h1-registration-8fc4a1b148dd8e6c430d604a7a0ed22a.png");
}

.modal .h1-registration::before {
  background-image: url("/img/h1-modal-registration-8fd40195e54b00d8d12f3b2997f2de2d.png");
}

/* h1読込アイコン */
.h1-load::before {
  background-image: url("/img/h1-registration-8fc4a1b148dd8e6c430d604a7a0ed22a.png");
}

.modal .h1-load::before {
  background-image: url("/img/h1-modal-load-74384481b3ff31de7cc83a8b5d407308.png");
}

/* h1一覧アイコン */
.h1-list::before {
  background-image: url("/img/h1-list-6b87afec524e14cf6a8c6dacb8e90c11.png");
}

.modal .h1-list::before {
  background-image: url("/img/h1-modal-list-4d7bc22b557879f941a82a015ae3be39.png");
}

/* h1履歴アイコン */
.h1-history::before {
  background-image: url("../img/h1-history.png");
}

.modal .h1-history::before {
  background-image: url("/img/h1-modal-history-2bcc85fc117830c46743f21ab7fb1bc8.png");
}

/* h1報告書アイコン */
.h1-report::before {
  background-image: url("/img/h1-report-b6b9dca76299d1e5f3f54eee537e42f5.png");
}

.modal .h1-report::before {
  background-image: url("../img/h1-modal-report.png");
}

/* h1メール送信アイコン */
.h1-mail::before {
  background-image: url("../img/h1-mail.png");
}

.modal .h1-mail::before {
  background-image: url("/img/h1-modal-mail-da49fd0d719bc1c9826c47f07baf94b7.png");
}

/* h1出力アイコン */
.h1-print::before {
  background-image: url("/img/h1-print-2960607d82285f69f30901854260488c.png");
}

.modal .h1-print::before {
  background-image: url("../img/h1-modal-print.png");
}

/* h1アフター依頼アイコン */
.h1-after::before {
  background-image: url("/img/h1-after-47903b0f09bf61b3c09302473411696a.png");
}

.modal .h1-after::before {
  background-image: url("../img/h1-modal-after.png");
}

/* h1発注明細アイコン */
.h1-details::before {
  background-image: url("../img/h1-details.png");
}

.modal .h1-details::before {
  background-image: url("/img/h1-modal-details-98ac4b6899dfba39af856fc8391d6d12.png");
}

/* h1選択アイコン */
.h1-select::before {
  background-image: url("/img/h1-select-9af974bbbdaba118078fd3bf5e2534b5.png");
}

.modal .h1-select::before {
  background-image: url("/img/h1-modal-select-0ae7971a9f2f2fbb45861ed2c669b6a5.png");
}

/* h1スケジュールアイコン */
.modal .h1-schedule::before {
  background-image: url("/img/h1-modal-schedule-9e3cf3391817d48ab3d102a1af4a3d0f.png");
}

/* h1FBデータ取込アイコン */
.h1-fbdata::before {
  background-image: url("/img/h1-fbdata-7f81af1a38da6c1053e391616dd60c3e.png");
}

/* h1ファイル管理アイコン */
.h1-file::before {
  background-image: url("../img/h1-file-control.png");
}

.modal .h1-file::before {
  background-image: url("/img/h1-modal-file-control-2fa621e443bb1a746efdbfca4d920fe1.png");
}

.modeless .h1-file::before {
  background-image: url("/img/h1-modal-file-control-2fa621e443bb1a746efdbfca4d920fe1.png");

}

/*** h2 ***/
/* h2共通 */
h2 {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #6a83b5;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1.3px;
  padding-left: 10px;
}

h2>span {
  line-height: 20px;
  padding-left: 10px;
}

.h2-black {
  background: #000;
}

.h2-keiaicolor {
  background: #FF3333;
}

/* h2モーダル */
.modal h2 {
  height: 16px;
  background: #8f91ab;
  margin-top: -1px;
}

.modal h2>span {
  line-height: 16px;
  padding-left: 10px;
}

/* h2モーダレス */
.modeless h2 {
  height: 16px;
  background: #8f9dab;
}

/* h2開くアイコン */
.close-icon {
  padding-left: 25px;
}

.close-icon::before {
  width: 10px;
  height: 17px;
  content: "";
  display: inline-block;
  background-image: url("/img/close-accordion-icon-6ef46ab0be2619449bcedabc1bdcee9e.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: -15px;
  padding-left: 10px;
}

.close-icon::after {
  padding-left: 10px;
}

/* h2閉じるアイコン */
.open-icon {
  padding-left: 25px;
}

.open-icon::before {
  width: 10px;
  height: 17px;
  content: "";
  display: inline-block;
  background-image: url("/img/open-accordion-icon-46c2c2301498fe73653a7fc4563deca1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: -15px;
  padding-left: 10px;
}

.open-icon::after {
  padding-left: 10px;
}

/*** button ***/
/* 通常ボタン */
.basic-btn {
  /* background: #4f6fb5; */
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 0px 10px 0px 10px !important;
  /* background-image: -webkit-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -moz-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -ms-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -o-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: linear-gradient(to bottom, #4f6fb5, #1f318d); */
  border-radius: 1px;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  box-shadow: 3px 3px 5px #3b59972e;
  -webkit-box-shadow: 3px 3px 5px #3b59972e;
  -moz-box-shadow: 3px 3px 5px #3b59972e;
}

.basic-btn:hover {
  /* background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5); */
}

/* 通常ボタン非活性 */
.basic-btn-inactive,
.basic-btn:disabled {
  border: none;
  color: #7d7d7d;
  font-size: 12px;
  padding: 0px 10px 0px 10px !important;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -moz-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -ms-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -o-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: linear-gradient(to bottom, #e0e0e0, #afafaf);
  border-radius: 1px;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  pointer-events: none;
}

/* クリアボタン */
input[type="button"].clear-btn {
  width: 23px;
  height: 23px;
  background: #fff;
  background-position: center;
  border-radius: 1px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
  color: #4f6fb5;
}


.clear-btn:hover {
  background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5);
}

input[type="button"].clear-btn:disabled {
  width: 23px;
  height: 23px;
  background: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-position: center;
  border-radius: 1px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
  color: #4f6fb5;
}

/*モーダル通常ボタン */
.modal .basic-btn {
  background-image: -webkit-linear-gradient(top, #8f91ab, #646579);
  background-image: -moz-linear-gradient(top, #8f91ab, #646579);
  background-image: -ms-linear-gradient(top, #8f91ab, #646579);
  background-image: -o-linear-gradient(top, #8f91ab, #646579);
  background-image: linear-gradient(to bottom, #8f91ab, #646579);
}

.modal .basic-btn:hover {
  background-image: -webkit-linear-gradient(top, #646579, #8f91ab);
  background-image: -moz-linear-gradient(top, #646579, #8f91ab);
  background-image: -ms-linear-gradient(top, #646579, #8f91ab);
  background-image: -o-linear-gradient(top, #646579, #8f91ab);
  background-image: linear-gradient(to bottom, #646579, #8f91ab);
}

.modal .basic-btn:disabled {
  background-image: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -moz-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -ms-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -o-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: linear-gradient(to bottom, #e0e0e0, #afafaf);
}

/*** ボタン配置 ***/
.command-area input,
.command-area2 input {
  width: 84px;
  height: 28px;
  font-size: 11px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  padding-left: 18px;
  font-weight: bold;
}

.command-areanone input {
  width: 83px;
  margin-top: 4px;
}

/* 編集ボタン */
.command-area .edit-btn {
  background-image: url("/img/edit-btn-be77966eb77f2c58ea72b6c8420952e0.png");
  background-repeat: no-repeat;
}

/* 編集ボタンhover */
.command-area .edit-btn:hover {
  background: url("/img/edit-btn-on-9ccc7945bad5ec65a8caceff9bf09b8b.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 編集ボタン非活性 */
.command-area .edit-btn-inactive,
.command-area .edit-btn:disabled {
  background-image: url("/img/edit-btn-inactive-888da71c970ec36e46b5966ec036ccc6.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 削除ボタン */
.command-area .delete-btn {
  background-image: url("/img/delete-btn-bfe5f11e5028e55587f012c384e60da1.png");
  background-repeat: no-repeat;
}

/* 削除ボタンhover */
.command-area .delete-btn:hover {
  background: url("/img/delete-btn-on-266c98fa408f4a250fc6d8e598b052bc.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 削除ボタン非活性 */
.command-area .delete-btn-inactive,
.command-area .delete-btn:disabled {
  background-image: url("/img/delete-btn-inactive-62cb5a28b4d0dfd0b7487989d1806a60.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 戻るボタン */
.command-area .return-btn {
  background-image: url("/img/return-btn-e9b72aaa6f05c398fd94a60561b55be3.png");
  background-repeat: no-repeat;
}

/* 戻るボタンhover */
.command-area .return-btn:hover {
  background: url("/img/return-btn-on-2a0357ee4610e7e166034c562404c165.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 戻るボタン非活性 */
.command-area .return-btn-inactive,
.command-area .return-btn:disabled {
  background-image: url("../img/return-btn-inactive.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 登録ボタン */
.command-area .register-btn {
  background-image: url("/img/register-btn-9998a9dc5cc3c9637d0d1983667093f0.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 登録ボタンhover */
.command-area .register-btn:hover {
  background: url("/img/register-btn-on-1705554b7ffd11bc30ee075c450303c5.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 登録ボタン非活性 */
.command-area .register-btn-inactive,
.command-area .register-btn:disabled {
  background-image: url("/img/register-btn-inactive-3cbc5cfa518c3a5f69aded26fc18fcf3.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* リセットボタン */
.command-area .reset-btn {
  background-image: url("../img/reset-btn.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* リセットボタンhover */
.command-area .reset-btn:hover {
  background: url("../img/reset-btn-on.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* リセットボタン非活性 */
.command-area .reset-btn-inactive,
.command-area .reset-btn:disabled {
  background-image: url("/img/reset-btn-inactive-f9a5d00c8af9e217292cfe0587a67a82.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 登録して新規作成ボタン(KK021001_1.html) */
input.easy-register-btn {
  width: 130px;
  margin-top: 3px;
}

.command-area .easy-register-btn {
  background-image: url("/img/easy-register-btn-29e33fa10400aafcf927e5e7b61d39a0.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 登録して新規作成ボタン(KK021001_1.html) hover */
.command-area .easy-register-btn:hover {
  background-image: url("/img/easy-register-btn-on-6c9b0e781936d76d161715005db85596.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 登録して新規作成ボタン非活性(KK021001_1.html) */
.command-area .easy-register-btn-inactive,
.command-area .easy-register-btn:disabled {
  background-image: url("/img/easy-register-btn-inactive-dda4726293ae40d9ec3e8906680644c4.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 顧客カード出力ボタン(KK021001_1.html) */
input.customer-card-output-btn {
  width: 135px;
  margin-top: 3px;
}

.command-area .customer-card-output-btn {
  background-image: url("/img/easy-register-btn-29e33fa10400aafcf927e5e7b61d39a0.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 顧客カード出力ボタン(KK021001_1.html) hover */
.command-area .customer-card-output-btn {
  background-image: url("/img/easy-register-btn-on-6c9b0e781936d76d161715005db85596.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* 顧客カード出力ボタン非活性(KK021001_1.html) */
.command-area .customer-card-output-btn-inactive,
.command-area .customer-card-output-btn:disabled {
  background-image: url("/img/easy-register-btn-inactive-dda4726293ae40d9ec3e8906680644c4.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 出力ボタン */
.command-area .upload-btn {
  background-image: url("/img/upload-btn-74b197d92cf4c802db69fbea5e137e46.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* 出力ボタンhover */
.command-area .upload-btn:hover {
  background: url("../img/upload-btn-on.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* 出力ボタン非活性 */
.command-area .upload-btn-inactive,
.command-area .upload-btn:disabled {
  background: url("../img/upload-btn-inactive.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* 取り込みボタン */
.command-area .download-btn {
  background-image: url("/img/download-btn-84bcd84aabf693410c9b9f46168a1bcb.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* 取り込みボタンhover */
.command-area .download-btn:hover {
  background: url("/img/download-btn-on-bb5dc03f3dc4d3e3dba2d7caf5f01fc7.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* 取り込みボタン非活性 */
.command-area .download-btn-inactive,
.command-area .download-btn:disabled {
  background: url("/img/download-btn-inactive-576787de59c8b7e4faca2061c4de4fae.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ロック解除ボタン */
.command-area .unlock-btn {
  background-image: url("/img/unlock-btn-05de978341a9d79cee3f0b8b30a6f5dc.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* ロック解除ボタンhover */
.command-area .unlock-btn:hover {
  background: url("../img/unlock-btn-on.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* ロック解除ボタン非活性 */
.command-area .unlock-btn-inactive,
.command-area .unlock-btn:disabled {
  background: url("../img/unlock-btn-inactive.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ロックボタン */
.command-area .lock-btn {
  background-image: url("/img/lock-btn-8002503e5e3918c2b269193d3997d3d6.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59, 89, 151, 0.18);
  border-radius: 12px;
  width: 109px;
}

/* ロックボタンhover */
.command-area .lock-btn:hover {
  background: url("/img/lock-btn-on-66954fa5197815b61b344467fd9405ff.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59, 89, 151, 0.18);
  border-radius: 12px;
  width: 109px;
}

/* ロックボタン非活性 */
.command-area .lock-btn-inactive,
.command-area .lock-btn:disabled {
  background: url("/img/lock-btn-inactive-57506cc7137181a053016b2225363f99.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ファイル選択ボタン */
.command-area .file-btn {
  background-image: url("/img/file-btn-2373967f6bb63f182c93a8f6ef636ce9.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* ファイル選択ボタンhover */
.command-area .file-btn:hover {
  background: url("/img/file-btn-on-482faa862db46b9fd6a090dbfa26ec70.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
  width: 109px;
}

/* ファイル選択ボタン非活性 */
.command-area .file-btn-inactive,
.command-area .file-btn:disabled {
  background: url("/img/file-btn-inactive-daed12aa6d6338f9a905f4a49281891a.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ファイル選択ボタン */
.command-area .capture-btn {
  background-image: url("/img/capture-btn-30a416ccbe5192187efee0553b7da85b.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* ファイル選択ボタンhover */
.command-area .capture-btn:hover {
  background: url("/img/capture-btn-on-6afdbfd72f463c11645481b4dafaa71f.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px #3b59972e;
  border-radius: 12px;
}

/* ファイル選択ボタン非活性 */
.command-area .capture-btn-inactive,
.command-area .capture-btn:disabled {
  background: url("/img/capture-btn-inactive-02509c282755930bed4621aa41af533e.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}


.modal .command-area2 {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
  padding-top: 2px;
}

/* モーダル用閉じるボタン */
.modal .command-area .close-btn,
.modal .command-area2 .close-btn {
  background-image: url("/img/modal-close-btn-47f8a6c8f88afe63788df76d934c3af0.png");
}

/* モーダル用戻るボタンhover */
.modal .command-area .close-btn:hover,
.modal .command-area2 .close-btn:hover {
  background-image: url("/img/modal-close-btn-on-8a2adaf5099adfb323e70a5de8d16831.png");
}

/* モーダル用閉じるボタン非活性 */
.modal .command-area .close-btn-inactive,
.modal .command-area .close-btn:disabled,
.modal .command-area2 .close-btn-inactive,
.modal .command-area2 .close-btn:disabled {
  background-image: url("/img/modal-close-btn-inactive-b8cc21ba0fbfb5d2215d4a097878df4f.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用前へボタン */
.modal .command-area .modal-back-btn,
.modal .command-area2 .modal-back-btn {
  background-image: url("/img/modal-back-btn-953093d2114cd581117fb0eb5457fd62.png");
  width: 95px !important;
}

/* モーダル用前へボタンhover */
.modal .command-area .modal-back-btn:hover,
.modal .command-area2 .modal-back-btn:hover {
  background-image: url("/img/modal-back-btn-on-f8b5cc133ffa3795bbf0458a3cbfcc74.png");
  width: 95px !important;
}

/* モーダル用前へボタン非活性 */
.modal .command-area .modal-back-btn-inactive,
.modal .command-area .modal-back-btn:disabled,
.modal .command-area2 .modal-back-btn-inactive,
.modal .command-area2 .modal-back-btn:disabled {
  background-image: url("/img/modal-back-btn-inactive-4abd1e92f5ccec01c054b196ce01f4e4.png");
  cursor: auto;
  color: #a5a5a5;
  width: 95px !important;
}

/* モーダル用次へボタン */
.modal .command-area .modal-next-btn,
.modal .command-area2 .modal-next-btn {
  background-image: url("/img/modal-next-btn-526074412072811dfba3fe2af685fc88.png");
  width: 95px !important;

}

/* モーダル用次へボタンhover */
.modal .command-area .modal-next-btn:hover,
.modal .command-area2 .modal-next-btn:hover {
  background-image: url("../img/modal-next-btn-on.png");
  width: 95px !important;
}

/* モーダル用次へボタン非活性 */
.modal .command-area .modal-next-btn-inactive,
.modal .command-area .modal-next-btn:disabled,
.modal .command-area2 .modal-next-btn-inactive,
.modal .command-area2 .modal-next-btn:disabled {
  background-image: url("/img/modal-next-btn-inactive-593fe32137478d597389590ad3e97ca9.png");
  cursor: auto;
  color: #a5a5a5;
  width: 95px !important;
}

/* モーダル用登録ボタン */
.modal .command-area .modal-register-btn,
.modal .command-area2 .modal-register-btn {
  /* background-image: url("../img/modal-register-btn2.png"); */
  background-image: url("/img/modal-register-btn-on-f55962eb08bf57636b253f1b6fb9d391.png");
}

/* モーダル用登録ボタンhover */
.modal .command-area .modal-register-btn:hover,
.modal .command-area2 .modal-register-btn:hover {
  /* background-image: url("../img/modal-register-btn2-on.png"); */
  background-image: url("/img/modal-register-btn-5744b7ff0f4635ec7d61169692339db3.png");
}

/* モーダル用登録ボタン */
/* .modal .command-area .modal-temp-register-btn,
.modal .command-area2 .modal-temp-register-btn { */
/* } */

/* モーダル用登録ボタンhover */
/* .modal .command-area .modal-temp-register-btn:hover,
.modal .command-area2 .modal-temp-register-btn:hover {
} */

/* モーダル用登録ボタン非活性 */
.modal .command-area .modal-register-btn-inactive,
.modal .command-area .modal-register-btn:disabled,
.modal .command-area2 .modal-register-btn-inactive,
.modal .command-area2 .modal-register-btn:disabled {
  background-image: url("/img/modal-register-btn-inactive-3cbc5cfa518c3a5f69aded26fc18fcf3.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用リセットボタン */
.modal .command-area .modal-reset-btn,
.modal .command-area2 .modal-reset-btn {
  background-image: url("../img/modal-reset-btn.png");
}

/* モーダル用リセットボタンhover */
.modal .command-area .modal-reset-btn:hover,
.modal .command-area2 .modal-reset-btn:hover {
  background-image: url("/img/modal-reset-btn-on-1d6f517b5d2ee3e66a97cecb2a7dd46c.png");
}

/* モーダル用リセットボタン非活性 */
.modal .command-area .modal-reset-btn-inactive,
.modal .command-area .modal-reset-btn:disabled,
.modal .command-area2 .modal-reset-btn-inactive,
.modal .command-area2 .modal-reset-btn:disabled {
  background-image: url("../img/modal-reset-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用削除ボタン */
.modal .command-area .modal-delete-btn,
.modal .command-area2 .modal-delete-btn {
  background-image: url("/img/modal-delete-btn-f5c4c9bfdc41ac13a6de112f96fe7d51.png");
}

/* モーダル用削除ボタンhover */
.modal .command-area .modal-delete-btn:hover,
.modal .command-area2 .modal-delete-btn:hover {
  background-image: url("/img/modal-delete-btn-on-a70aae5c3b5b4cf8198257aeaac04141.png");
}

/* モーダル用削除ボタン非活性 */
.modal .command-area .modal-delete-btn-inactive,
.modal .command-area .modal-delete-btn:disabled,
.modal .command-area2 .modal-delete-btn-inactive,
.modal .command-area2 .modal-delete-btn:disabled {
  background-image: url("/img/modal-delete-btn-inactive-62cb5a28b4d0dfd0b7487989d1806a60.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用読み込みボタン */
.modal .command-area .modal-load-btn,
.modal .command-area2 .modal-load-btn {
  background-image: url("/img/modal-load-btn-cdc99371d6596fc79d6fb73396244023.png");
}

/* モーダル用読み込みボタンhover */
.modal .command-area .modal-load-btn:hover,
.modal .command-area2 .modal-load-btn:hover {
  background-image: url("../img/modal-load-btn-on.png");
}

/* モーダル用読み込みボタン非活性 */
.modal .command-area .modal-load-btn-inactive,
.modal .command-area .modal-load-btn:disabled,
.modal .command-area2 .modal-load-btn-inactive,
.modal .command-area2 .modal-load-btn:disabled {
  background-image: url("../img/modal-load-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用送信ボタン */
.modal .command-area .modal-send-btn,
.modal .command-area2 .modal-send-btn {
  background-image: url("/img/modal-send-btn-cd949f272a836f3fd2eaa4d5eb808a8e.png");
}

/* モーダル用送信ボタンhover */
.modal .command-area .modal-send-btn:hover,
.modal .command-area2 .modal-send-btn:hover {
  background-image: url("../img/modal-send-btn-on.png");
}

/* モーダル用送信ボタン非活性 */
.modal .command-area .modal-send-btn-inactive,
.modal .command-area .modal-send-btn:disabled,
.modal .command-area2 .modal-send-btn-inactive,
.modal .command-area2 .modal-send-btn:disabled {
  background-image: url("../img/modal-send-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用実行ボタン */
.modal .command-area .modal-execution-btn,
.modal .command-area2 .modal-execution-btn {
  background-image: url("/img/modal-execution-btn-ba2938dd9c378fc13b0f3c48977b8199.png");
}

/* モーダル用実行ボタンhover */
.modal .command-area .modal-execution-btn:hover,
.modal .command-area2 .modal-execution-btn:hover {
  background-image: url("/img/modal-execution-btn-on-2705f6ca489c1c6559585a78fc21d10c.png");
}

/* モーダル用実行ボタン非活性 */
.modal .command-area .modal-execution-btn-inactive,
.modal .command-area .modal-execution-btn:disabled,
.modal .command-area2 .modal-execution-btn-inactive,
.modal .command-area2 .modal-execution-btn:disabled {
  background-image: url("/img/modal-execution-btn-inactive-4258b4f4bece997a73018bc1d565cb8b.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用受注取消ボタン */
.modal .command-area .modal-order-cancel-btn,
.modal .command-area2 .modal-order-cancel-btn {
  background-image: url("../img/modal-order-cancel-btn.png");
}

/* モーダル用受注取消ボタンhover */
.modal .command-area .modal-order-cancel-btn:hover,
.modal .command-area2 .modal-order-cancel-btn:hover {
  background-image: url("/img/modal-order-cancel-btn-on-f3ea3215062ea6550979f3c4dfeeae02.png");
}

/* モーダル用受注取消ボタン非活性 */
.modal .command-area .modal-order-cancel-btn-inactive,
.modal .command-area .modal-order-cancel-btn:disabled,
.modal .command-area2 .modal-order-cancel-btn-inactive,
.modal .command-area2 .modal-order-cancel-btn:disabled {
  background-image: url("/img/modal-order-cancel-btn-inactive-b348005c5637b6b3645a666d88169e27.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請取消ボタン */
.modal .command-area .modal-request-cancel-btn,
.modal .command-area2 .modal-request-cancel-btn {
  background-image: url("../img/modal-request-cancel-btn.png");
}

/* モーダル用申請取消ボタンhover */
.modal .command-area .modal-order-cancel-btn:hover,
.modal .command-area2 .modal-order-cancel-btn:hover {
  background-image: url("/img/modal-order-cancel-btn-on-f3ea3215062ea6550979f3c4dfeeae02.png");
}

/* モーダル用申請取消ボタン非活性 */
.modal .command-area .modal-order-cancel-btn-inactive,
.modal .command-area .modal-order-cancel-btn:disabled,
.modal .command-area2 .modal-order-cancel-btn-inactive,
.modal .command-area2 .modal-order-cancel-btn:disabled {
  background-image: url("/img/modal-order-cancel-btn-inactive-b348005c5637b6b3645a666d88169e27.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請引戻ボタン */
.modal .command-area .modal-request-back-btn,
.modal .command-area2 .modal-request-back-btn {
  background-image: url("/img/modal-request-back-btn-25df8e3b3a356b991d584a9f3212b782.png");
}

/* モーダル用申請引戻ボタンhover */
.modal .command-area .modal-request-back-btn:hover,
.modal .command-area2 .modal-request-back-btn:hover {
  background-image: url("/img/modal-request-back-btn-on-bdd5e2b6cd87eed726bd0070a88f968e.png");
}

/* モーダル用申請引戻ボタン非活性 */
.modal .command-area .modal-request-back-btn-inactive,
.modal .command-area .modal-request-back-btn:disabled,
.modal .command-area2 .modal-request-back-btn-inactive,
.modal .command-area2 .modal-request-back-btn:disabled {
  background-image: url("../img/modal-request-back-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請差戻ボタン */
.modal .command-area .modal-repayment-btn,
.modal .command-area2 .modal-repayment-btn {
  background-image: url("/img/modal-repayment-btn-7b7a132f981f2b6ee089ec97d9f1b2d2.png");
}

/* モーダル用申請差戻ボタンhover */
.modal .command-area .modal-repayment-btn:hover,
.modal .command-area2 .modal-repayment-btn:hover {
  background-image: url("../img/modal-repayment-btn-on.png");
}

/* モーダル用申請差戻ボタン非活性 */
.modal .command-area .modal-repayment-btn-inactive,
.modal .command-area .modal-repayment-btn:disabled,
.modal .command-area2 .modal-repayment-btn-inactive,
.modal .command-area2 .modal-repayment-btn:disabled {
  background-image: url("../img/modal-repayment-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用承認ボタン */
.modal .command-area .modal-approval-btn,
.modal .command-area2 .modal-approval-btn {
  background-image: url("/img/modal-approval-btn-07f5f22a61914c489566f3d75d38f704.png");
}

/* モーダル用承認ボタンhover */
.modal .command-area .modal-approval-btn:hover,
.modal .command-area2 .modal-approval-btn:hover {
  background-image: url("/img/modal-approval-btn-on-24e6b331d0a5c77e3e13c1645d8f3080.png");
}

/* モーダル用承認ボタン非活性 */
.modal .command-area .modal-approval-btn-inactive,
.modal .command-area .modal-approval-btn:disabled,
.modal .command-area2 .modal-approval-btn-inactive,
.modal .command-area2 .modal-approval-btn:disabled {
  background-image: url("/img/modal-approval-btn-inactive-84539e51d94cef2d1c2153008a1e54e7.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用アップロードボタン */
.modal .command-area .modal-upload-btn,
.modal .command-area2 .modal-upload-btn {
  background-image: url("../img/modal-upload-btn.png");
  width: 109px;
}

/* モーダル用アップロードボタンhover */
.modal .command-area .modal-upload-btn:hover,
.modal .command-area2 .modal-upload-btn:hover {
  background-image: url("../img/modal-upload-btn-on.png");
  width: 109px;
}

/* モーダル用アップロードボタン非活性 */
.modal .command-area .modal-upload-btn-inactive,
.modal .command-area .modal-upload-btn:disabled,
.modal .command-area2 .modal-upload-btn-inactive,
.modal .command-area2 .modal-upload-btn:disabled {
  background-image: url("../img/modal-upload-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用ダウンロードボタン */
.modal .command-area .modal-download-btn,
.modal .command-area2 .modal-download-btn {
  background-image: url("/img/modal-download-btn-c4152c67d78046f56a5afffbc061d3e4.png");
  width: 109px;
}

/* モーダル用ダウンロードボタンhover */
.modal .command-area .modal-download-btn:hover,
.modal .command-area2 .modal-download-btn:hover {
  background-image: url("/img/modal-download-btn-on-f64f3e14146e63130ff3d664c3565151.png");
  width: 109px;
}

/* モーダル用ダウンロードボタン非活性 */
.modal .command-area .modal-download-btn-inactive,
.modal .command-area .modal-download-btn:disabled,
.modal .command-area2 .modal-download-btn-inactive,
.modal .command-area2 .modal-download-btn:disabled {
  background-image: url("/img/modal-download-btn-inactive-576787de59c8b7e4faca2061c4de4fae.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用テンプレート読込ボタン */
.modal .command-area .modal-read-btn,
.modal .command-area2 .modal-read-btn {
  background-image: url("/img/modal-read-btn-d29e2e6c4f39976c4a17a3d0a0eb5da5.png");
  width: 151px;
}

/* モーダル用テンプレート読込ボタンhover */
.modal .command-area .modal-read-btn:hover,
.modal .command-area2 .modal-read-btn:hover {
  background-image: url("/img/modal-read-btn-on-e20e5219a319d421895587e223c218be.png");
  width: 151px;
}

/* モーダル用テンプレート読込ボタン非活性 */
.modal .command-area .modal-read-btn-inactive,
.modal .command-area .modal-read-btn:disabled,
.modal .command-area2 .modal-read-btn-inactive,
.modal .command-area2 .modal-read-btn:disabled {
  background-image: url("/img/modal-read-btn-inactive-de5240d8126aed21e940c50dffce994e.png");
  cursor: auto;
  color: #a5a5a5;
  width: 151px;
}

/* モーダル用フォルダ作成ボタン */
.modal .command-area .modal-createfolder-btn,
.modal .command-area2 .modal-createfolder-btn {
  background-image: url("/img/modal-createfolder-btn-c65d58a7b091f2239787fff251b42ea0.png");
  width: 109px;
}

/* モーダル用フォルダ作成ボタンhover */
.modal .command-area .modal-createfolder-btn:hover,
.modal .command-area2 .modal-createfolder-btn:hover {
  background-image: url("/img/modal-createfolder-btn-on-c280bd655c824bb4e36ff194c97f3e84.png");
  width: 109px;
}

/* モーダル用フォルダ作成ボタン非活性 */
.modal .command-area .modal-createfolder-btn-inactive,
.modal .command-area .modal-createfolder-btn:disabled,
.modal .command-area2 .modal-createfolder-btn-inactive,
.modal .command-area2 .modal-createfolder-btn:disabled {
  background-image: url("/img/modal-createfolder-btn-inactive-54096b5f981adfdeed137b9b52686dd9.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用フォルダ作成ボタン */
.modal .command-area .modal-rename-btn,
.modal .command-area2 .modal-rename-btn {
  background-image: url("../img/modal-rename-btn.png");
}

/* モーダル用フォルダ作成ボタンhover */
.modal .command-area .modal-rename-btn:hover,
.modal .command-area2 .modal-rename-btn:hover {
  background-image: url("/img/modal-rename-btn-on-d30aaa89d1065555d2de1de5a13e2ead.png");
}

/* モーダル用フォルダ作成ボタン非活性 */
.modal .command-area .modal-rename-btn-inactive,
.modal .command-area .modal-rename-btn:disabled,
.modal .command-area2 .modal-rename-btn-inactive,
.modal .command-area2 .modal-rename-btn:disabled {
  background-image: url("../img/modal-rename-btn-inactive.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダレス用閉じるボタン */
.modeless .command-area .close-btn {
  background: url("/img/modales-close-btn-8814092e85e297e95f88eacd355dfb09.png");
}

/* モーダレス用閉じるボタンhover */
.modeless .command-area .close-btn:hover {
  background: url("/img/modales-close-btn-on-a61cdc8e34c5e104927747468fb44044.png");
}

/* モーダレス用閉じるボタン非活性 */
.modeless .command-area .close-btn-inactive,
.modeless .command-area .close-btn:disabled {
  background: url("/img/modales-close-btn-inactive-b8cc21ba0fbfb5d2215d4a097878df4f.png");
  cursor: auto;
  color: #a5a5a5;
}

.modeless .command-area .close-btn {
  background: url("/img/modales-close-btn-8814092e85e297e95f88eacd355dfb09.png");
}

/* モーダル用ボタン配置 */
.modal .command-area {
  margin-top: 5px;
}

/* 虫眼鏡ボタン */
input[type="button"].search-btn {
  width: 23px;
  height: 23px;
  background: #fff;
  background-image: url("/img/search-f7361d5171aed4220d1bc4f15908ccae.png");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
}

input[type="button"].search-btn-inactive,
input[type="button"].search-btn:disabled {
  width: 23px;
  height: 23px;
  background: url(/img/search-inactive-b0edf1b3433fe3f2e944fc3b93dd723c.png), -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  pointer-events: none;
}

/*モーダル用虫眼鏡ボタン */
input[type="button"].modal-search-btn {
  width: 23px;
  height: 23px;
  background-color: #fff;
  background-image: url(/img/modal-search-114f97686cc9d0e4408ee756620a8189.png);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
}

/*編集ボタン */
input[type="button"].modal-edit-btn {
  width: 23px;
  height: 23px;
  background-color: #fff;
  background-image: url(/img/modal_edit-b876269b5b6f972d0c0aedef708e4bd0.png);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
}

/*** pager ***/
.pager {
  overflow: hidden;
}

.pager ul {
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}

.pager ul li {
  margin: 0 1px;
  position: relative;
  left: -50%;
  float: left;
}

.pager ul li span,
.pager ul li a {
  display: block;
  font-size: 12px;
  padding: 0.6em 1em;
  border-radius: 3px;
}

.pager ul li a {
  background: #ddd;
  color: #000;
  text-decoration: none;
}

.pager ul li a:hover {
  background: #333;
  color: #fff;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 15px;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

/* モーダル用 */
.modal .pagination>.active>a,
.modal .pagination>.active>span,
.modal .pagination>.active>a:hover,
.modal .pagination>.active>span:hover,
.modal .pagination>.active>a:focus,
.modal .pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #797c9f;
  border-color: #797c9f;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 12px;
  line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next>a,
.pager .next>span {
  float: right;
}

.pager .previous>a,
.pager .previous>span {
  float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/*** input ***/
/* input共通 */
select,
input[type="text"],
input[type="password"],
input[type="search"],
textarea {
  font-family: inherit;
  font-size: 100%;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 2px;
  background-color: lightyellow;
}

select:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
textarea:disabled {
  background: #ececec !important;
  color: black !important;
}

/* input枠なし */
input.no-border {
  border: 1px solid #fff;
  background-color: transparent !important;
}

select {
  max-width: 380px;
}

/*注釈用*/
.annotation-message {
  margin-top: 3px;
  color: blue;
}

/*注釈用（赤字）*/
.caution-message {
  margin-top: 3px;
  color: red;
}

.margin-left80 {
  margin-left: 80px;
}

.margin-left100 {
  margin-left: 100px;
}

/*-------------------------------
登録画面開閉
-------------------------------*/

.expansion-command {
  position: fixed;
  top: 30%;
  left: -130px;
  /*  z-index: 1; */
  z-index: 100;
}

.expansion-command div {
  padding: 15px 10px;
  margin: 10px 0;
}

.expansion-command .expansion-open {
  z-index: 99;
  cursor: pointer;
  background: #17354e;
  width: 140px;
  border-radius: 0px 5px 5px 0px;
  color: #fff;
  font-size: 18px;
  position: relative;
  box-shadow: 3px 3px 5px #3b59972e;
  padding-left: 15px;
}

.expansion-command .expansion-close {
  z-index: 99;
  cursor: pointer;
  background: #17354e;
  width: 140px;
  border-radius: 0px 5px 5px 0px;
  color: #fff;
  font-size: 18px;
  position: relative;
  box-shadow: 3px 3px 5px #3b59972e;
  padding-left: 15px;
}

.expansion-command .expansion-open::after {
  float: right;
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  background: url("/img/expansion-open-690093ea9217d3ab75834b48e8d9b4a6.png");
  background-repeat: no-repeat;
  margin-top: 2px;
}

.expansion-command .expansion-close::after {
  float: right;
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  background: url("/img/expansion-close-ea948f166473328c2f72bceea32a8c4c.png");
  background-repeat: no-repeat;
  margin-top: 2px;
}

/*** 展開 ***/
.expansion-open,
.expansion-close {
  background-color: #3b5997;
  width: 150px;
  transition: .6s;
}

.expansion-open:hover,
.expansion-close:hover {
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}

/*-------------------------------
header
-------------------------------*/
/*** header固定 ***/
.header-fixed,
.header-fixed2 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  /* background: #FF3333; */
  background: #fff;
  /* background: #f2f8ff; */
  padding-bottom: 0px;
  z-index: 5;
}

.header-area {
  display: table;
  width: 100%;
  height: 90px;
  /* height: 20%; */
  color: #fff;
  /* background: #3b5997; */
  /* background: #FF3333;  */
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.edi div.header-area {
  background: #3b5997;
}

/*** メニューボタン ***/
.menu-area {
  width: 5%;
  height: 100%;
  display: table-cell;
  text-align: center;
  /* background: #5975ac; */
  /* background: #E3646F; */
  background: #000;
  font-size: 12px;
  vertical-align: middle;
  /* float: right; */
}

.before-login-menu-area {
  background: #fff;
}

/* メニューボタン hover */
.menu-area:hover {
  opacity: .8;
}

/* メニューアイコン */
.menu-area img {
  width: 50%;
  margin: 20px 0px;
}

/* メニューテキスト */
.menu-area a {
  color: #fff;
}
.btn-area-pc-layout{
width: 40%;
text-align: center;
}

.pdf-comment-area{
  display: block;
  padding-top: 5.5px;
  font-size: 18px;
}

.pdf-comment-alert {
  position: relative;
  display: inline-block;
}
.pdf-comment-alert::before {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
  animation: moveLine 6s cubic-bezier(0.27, 1.1, 0.5, 1.02) forwards;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}
.pdf-comment-alert span{
  z-index: 1;
  display: inline-block;
  position: relative;
}

@keyframes moveLine {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}

.menu-area span.menu-text {
  vertical-align: text-top;
}

/*** logo ***/
.logo-area {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 8%;
}

.logo-text {
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.logo-text-not-login {
  height: 100%;
  width: 100%;
}

/* アイコンイメージ画像に置き換え */
.logo-img-icon {
  background-image: url(/img/logo_sp-4e0c4a3ab6c44d3a574dc54ff81655bc.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-img-icon img {
  height: auto;
  width: 60%;
  display: block;
}

img.disp-logo-tb,
img.disp-logo-sp {
  display: none;
}

.logo-container {
  display: flex;
  align-items: center;
}

.logo {
  width: 100%;
  max-width: 150px;
  /* 最大サイズを指定 */
  height: auto;
  /* アスペクト比を保つ */
}

/*** user name ***/
.login-info-area {
  width: 87%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
  color: #000;
}

.login-info-area.before-login {
  /* width: 92%; */
}

.user-info-area {
  display: flex;
  align-items: center;
  height: 100%;
}

/** ヘッダー_ゆたかバンク資料ダウンロードボタン */
.yutaka-area{
   text-align: left;
   width: 30%;
}

.yutaka-header{
   width: 45%;
   height: auto;
   cursor: pointer;
}

.yutaka-header-detail{
   width: 45%;
   height: auto;
}

/** ゆたかバンクヘッダー（タブレットの場合） */
.yutaka-header-home {
	display: none;
}

.yutaka-header-home-detail {
	display: none;
}

/** ヘッダー_共通資料ダウンロードボタン */
.dl-header-btn br {
  display: none;
}

.dl-header-btn {
  padding: 0.45em !important;
  border-radius: 30px;
  letter-spacing: 0.1em;
  cursor: pointer;
  /* background-color: #fff; */
  background-color: #FF3333;
  border: 2px solid #FF3333;
  background-repeat: no-repeat;
  /* color: #FF3333; */
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.dl-header-btn::before {
  content: '';
  display: inline-block;
  background-image: url(/img/dl-header-7af9c67d15b844cba0da00623651287b.png);
  background-repeat: no-repeat;
  width: 1.5vw;
  height: 3.5vh;
  background-size: 100% auto;
  vertical-align: middle;
  margin: 1%;
}

.dl-header-btn:hover {
  background-color: #FFF;
  color: #FF3333;
}

.dl-header-btn:hover::before {
  background-image: url(/img/dl-header-hover-533dfb424702ec381879b329dbd32abf.png);
}

/** ヘッダー_お気に入り物件一覧ボタン */
.favorite-build-btn {
  padding: 0.45em !important;
  border-radius: 30px;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #ff8702;
  background-repeat: no-repeat;
  color: #000;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 6%;
}

.favorite-build-btn::before {
  content: '';
  display: inline-block;
  background-image: url(/img/icon-favorite-43708cc6a027ba0cbd52f7e2c1b9230b.png);
  background-repeat: no-repeat;
  width: 1.5vw;
  height: 3.5vh;
  background-size: 100% auto;
  vertical-align: middle;
  margin: 1%;
}

.favorite-build-btn:hover {
  background-color: #FFF;
  color: #FF3333;
}

/* .favorite-build-btn:hover::before {
  background-image: url(/img/dl-header-hover-533dfb424702ec381879b329dbd32abf.png);
} */


/** ヘッダー_ログインユーザー情報部分 */
.user-icon {
  background-color: #fff;
  cursor: pointer;
}

.user-icon-img{
  width: 20%;
}

.company-info {
  font-size: 20px;
  width: 45%;
  padding-right: 1%;
  justify-items: end;
  padding-top: 4px;
  line-height: 23px;
}

.user-info{
  width: 35%;
}

.head-btn {
  /* width: 60%; */
  /* height: 55%; */
}

.login-user-info {
  font-size: 20px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 43%;
}


.login-user-info span {
  /* margin-right: 15px; */
  display: inline-block;
  width: 100%;
}

.hide-login-info {
  position: fixed;
  top: 10%;
  right: 1%;
  z-index: 100;
  background: rgb(0, 0, 0, .8);
}

.detail-user-info {
  display: flex;
  padding: 10px;
}

.permission-name {
  font-size: 14px !important;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 5px;
}

p.user-name {
  font-weight: bolder;
  margin-top: 8px;
}

p.user-name::after {
  content: "さん";
  font-size: 14px;
  margin-left: 5px;
}

.company-info p {
  margin-top: 7px;
  min-width: 280px;
  max-width: 280px;
  display: contents;
}

.user-icon-img span{
  text-align: right;
}

.company-info span,
.user-info span{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* ユーザーアイコンクリックで表示するログインユーザー情報のスタイル */
.login-user-info-for-click{
  position: fixed;
  top: 100px;
  right: 24%;
  z-index: 100;
  max-width: 25vw;
  min-width: 20vw;
  background: rgba(0, 0, 0, 0.9);
  border: #000 solid 2px;
  border-radius: 5px;
  font-size: 14px;
}

.login-user-info-for-click p{
  text-align: left;
  width: 95%;
  font-weight: normal;
  margin: auto;
}

.login-user-info-for-click p.user-info-close-btn-area{
  text-align: right;
  border-bottom: none;
  padding-top: 2%;
  padding-bottom:  1.5%;
}

.login-user-info-for-click p.user-info-close-btn-area input{
  font-size: 16px;
  width: 20px;
  height: 20px;
}

.login-user-info-for-click .user-name{
  text-align: center;
  font-size: 18px;
  color: #ffff;
  padding: 1%;
}

.login-user-info-for-click .user-permission{
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  width: 8vw;
  padding: 1%;
}

.login-user-info-for-click .user-company{
  text-align: center;
  padding-top: 2%;
}

.login-user-info-for-click .user-company span,
.login-user-info-for-click .user-store span{
  display: inline-block;
  width: 90%;
  /* background: rgba(255, 255, 255, .9); */
  padding: 1%;
  color: #ffff;
}

.login-user-info-for-click .user-store{
  text-align: center;
  padding-bottom: 2%;
}

/** ゆたかバンクフッター（画面下部に表示） */
.yutaka-footar {
  display: none !important;
}

/*** nav ***/
/*登録画面*/
body.registration-screen .h1-fixed,
body.registration-screen .h1-fixed2 {
  background: #f2f8ff;
  z-index: 20;
  position: fixed;
  width: 100%;
  box-shadow: 3px 5px 5px #3b59972e;
  padding-bottom: 10px;
}

body.registration-screen .nav-transform {
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}

/*-------------------------------
menu
-------------------------------*/
/*** メニュー(開いているとき) ***/
#menu-contents {
  display: none;
  width: 15vw;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, .9);
  z-index: 30;
  height: 1000px;
  height: 100%;
  box-shadow: 5px -5px 5px #3b59972e;
}

ul.secondmenu li {
  width: 200px;
  display: block;
  padding: 100px;
}

/* 注文・分譲・リフォーム切り替えボタン */
.business-select {
  font-size: 10px;
  width: 183px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0px 0px;
  margin: 20px 10px;
  display: flex;
  text-align: center;
}

.business-select a {
  display: block;
  width: 55px;
  color: #000;
  border-right: 1px solid #ccc;
  padding: 8px 3px;
  vertical-align: middle;
}

.business-select a:last-child {
  border-right: none;
}

.business-select a:hover {
  color: #fff;
  background: #3b5997;
  padding: 8px 3px;
}

.business-select>a.selected {
  color: #fff;
  background: #3b5997;
  padding: 8px 3px;
}


div.menuScroll {
  height: calc(100vh - 150px);
  /*ホーム・設定・ログアウト分を引く*/
  overflow-y: scroll !important;
  overflow-x: hidden;
}

div.menuScroll::-webkit-scrollbar {
  display: none;
}

/* 一階層目 */
ul.topmenu {
  border: 0;
  width: 98%;
  font-size: 20px;
  overflow-y: scroll !important;
  overflow-x: hidden;
  background: none !important;
}

ul.topmenu::-webkit-scrollbar {
  display: none;
}

ul.topmenu>li {
  cursor: pointer;
  border-bottom: 1px solid #fff;
  padding: 18px 0 !important;
}

ul.topmenu li a {
  color: #fff !important;
  margin-left: 5px;
}

ul.topmenu li a img {
  vertical-align: middle;
  width: 22px;
  padding: 5px;
}

ul.topmenu li.ui-menu-item:hover {
  background: #ccc;
}

ul.topmenu li.ui-menu-item a:hover {
  color: black !important;
}

.ViewSale .ui-menu li.ui-menu-item .ui-state-active {
  background: none !important;
}

.ui-datepicker .ui-datepicker-calendar a.ui-state-hover {
  border: 1px solid #999;
  background-color: #ccc;
  color: #444
}

/* 二階層目 */
/* ul.secondmenu {
  width: 190px;
  margin-left: 0px;
  font-size: 11px;
  background: #17354e;
  border: none;
  position: relative;
} */

/* 二階層目三角画像 */
/* ul.secondmenu:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 8px;
  left: -15px;
  content: "";
  border-right: 15.6px solid #17354e;
  border-bottom: 9px solid transparent;
  border-top:  9px solid transparent;
} */

/* 二階層目 hover */
/* ul.secondmenu ul li:hover {
  color: #fff;
}

ul.secondmenu li.ui-menu-item a {
  color: #fff;
  padding: 8px;
  background: #17354e;
}

ul.secondmenu li.ui-menu-item a:hover {
  color: #000;
}

ul.secondmenu li.ui-menu-item a:active {
  background: #ccc;
} */

/*** ホーム・設定・ログアウトボタン ***/
.bottommenu {
  font-size: 11px;
  display: flex;
  padding: 10px;
  margin: 5px 30px 5px 10px;
}

.bottommenu a {
  width: 55px;
  display: block;
  text-align: center;
  color: #fff;
}

/* .bottommenu a:hover {
  background: #ccc;
} */

/* テキスト */
.bottommenu a span {
  display: block;
  text-align: center;
  font-size: 10px;
  margin-bottom: 5px;
}

.bottommenu li img {
  padding: 15px 15px 5px 5px;
  width: 70%;
}

.menu-icon li img {
  width: 50% !important;
  padding: 15px 0 5px 0;
}

/*-------------------------------
nav
-------------------------------*/
/*** nav共通 ***/
nav {
  width: 98%;
  margin: 0 auto;
  text-align: right;
  position: relative;
  margin-top: -30px;
  z-index: 1;
}

nav ul>li {
  display: inline-block;
}

nav ul>li>a {
  padding: 5px 5px;
  display: block;
  font-size: 14px;
  letter-spacing: .2em;
  text-decoration: none;
  color: #fff;
}

nav ul>li>a:first-child {
  padding: 5px 10px;
}

/***  ***/
h2.expansion-nav nav {
  margin-left: 40px;
}

h2.expansion-nav nav ul li a,
h2.expansion-nav nav ul li ul li {
  font-weight: normal;
}

h2.expansion-nav nav ul li a {
  margin-top: 3px;
}

h2.expansion-nav>span {
  padding-left: 4px !important;
}

/***  ***/
h3.expansion-nav nav {
  margin-left: 40px;
}

h3.expansion-nav nav ul li a,
h3.expansion-nav nav ul li ul li {
  font-weight: normal;
}

h3.expansion-nav nav ul li a {
  margin-top: 3px;
}

h3.expansion-nav>span {
  padding-left: 4px !important;
}

/*** nav ***/
/* h1申請アイコン(登録画面) */
nav li.nav-request {
  background: url("/img/nav-request-6b0a5f1bd94b0820279f1e3e71ec44f3.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1申請アイコン(登録画面) hover */
nav ul>li.nav-request:hover {
  background-image: url("/img/nav-request-hover-83a8ebe23fcac8754f52a57dd1bcdb39.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1帳票アイコン(登録画面) */
nav li.nav-register {
  background: url("/img/nav-search-form-3bb9c42794e1ad7191faaae39c3106a0.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1帳票アイコン(登録画面) hover */
nav ul>li.nav-register:hover {
  background-image: url("/img/nav-search-form-hover-05983fc0a0c84205df31e8bacea4ca4e.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1機能アイコン(登録画面) */
nav li.nav-function {
  background: url("/img/nav-function-42b42d5521a8b13d1b295daf85db8703.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1機能アイコン(登録画面) hover */
nav ul>li.nav-function:hover {
  background-image: url("/img/nav-function-hover-6c9243dac4337b7faf7b713e5bfbbe48.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1移動アイコン(登録画面) */
nav li.nav-transition {
  background: url("/img/nav-transition-5ba8df91bc5e924e3e9b2f2b458ed2a1.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1移動アイコン(登録画面) hover */
nav ul>li.nav-transition:hover {
  background-image: url("/img/nav-transition-hover-94d6829ef3ac83c71d9ffeebc1136d7b.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h2機能アイコン(登録画面) */
nav li.nav-h2-function {
  position: relative;
  top: -7px;
}

/* h2移動アイコン(登録画面) */
nav li.nav-h2-transition {
  position: relative;
  top: -7px;
}

/* h2帳票アイコン(登録画面) */
nav li.nav-h2-register {
  position: relative;
  top: -7px;
}

/* 帳票アイコン(検索画面) */
nav li.nav-search-form {
  background: url("/img/nav-registered-form-3bb9c42794e1ad7191faaae39c3106a0.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/* 帳票アイコン(検索画面) hover */
nav ul>li.nav-search-form:hover {
  background-image: url("/img/nav-search-form-hover-05983fc0a0c84205df31e8bacea4ca4e.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/* データ出力アイコン(検索画面)*/
nav li.nav-print {
  background: url("/img/nav-print-38c2c268a504d462dd9617d43f755555.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 3px;
  position: relative;
  top: -7px;
}

/* データ出力アイコン(検索画面) hover */
nav ul>li.nav-print:hover {
  background-image: url("/img/nav-print-hover-a70b2e215365e0021c496f86cfc80300.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 3px;
}

/* 機能アイコン(検索画面) */
nav li.nav-search-function {
  background: url("/img/nav-function-42b42d5521a8b13d1b295daf85db8703.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/* 機能アイコン(検索画面) hover */
nav ul>li.nav-search-function:hover {
  background-image: url("/img/nav-function-hover-6c9243dac4337b7faf7b713e5bfbbe48.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/*** nav 未hover時 ***/
nav li.nav-first-level {
  padding-left: 15px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

nav li.h2-nav-first-level {
  padding-left: 15px;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

nav li.nav-first-level:hover>a {
  font-weight: bold;
}

/*** nav hover時 ***/
/* 二階層目表示位置 */
nav li.nav-request ul,
nav li.nav-register ul,
nav li.nav-function ul,
nav li.nav-transition ul {
  position: absolute;
  top: 15px;
  right: -2px;
  z-index: 100;
  margin-top: 14px;
  display: none;
  /*hoverしていないときは隠す*/
}

nav li.nav-search-form ul,
nav li.nav-print ul,
nav li.nav-search-function ul {
  position: absolute;
  top: 28px;
  right: -2px;
  margin-top: 0px;
  display: none;
  /*hoverしていないときは隠す*/
  z-index: 100 !important;
}

nav li.nav-request:hover ul,
nav li.nav-register:hover ul,
nav li.nav-function:hover ul,
nav li.nav-transition:hover ul,
nav li.nav-search-form:hover ul,
nav li.nav-print:hover ul,
nav li.nav-search-function:hover ul {
  display: block;
  /*hoverで表示*/
}

/* 一階層目テキスト色 */
nav ul>li:hover>a {
  color: #3b5997;
}

/* 一階層目背景色 */
nav ul>li.nav-request:hover,
nav ul>li.nav-register:hover,
nav ul>li.nav-function:hover,
nav ul>li.nav-transition:hover,
nav ul>li.nav-search-form:hover,
nav ul>li.nav-print:hover,
nav ul>li.nav-search-function:hover {
  background-color: #fff;
}

/* 二階層目文字色,幅,文字サイズ */
nav ul>li:hover>ul>li>a {
  color: #000;
  width: 140px;
  font-size: 11px;
}

/* 二階層目背景 */
nav ul li ul {
  background: #fff;
  padding: 10px 10px 10px 10px;
}

/* 二階層目下線 */
nav ul li ul li {
  display: block;
  padding: 0px;
  border-bottom: 2px solid #ddd;
}

/* 二階層目hover時背景色,文字色 */
nav ul li ul li a:hover {
  background-color: #ddd;
  color: #000;
}

/* 枠線 */
li.nav-request:hover,
li.nav-register:hover,
li.nav-function:hover,
li.nav-transition:hover,
li.nav-search-form:hover,
li.nav-search-function:hover {
  border-top: 2px solid #17354e;
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-radius: 5px 5px 0px 0px;
  margin: -2px;
}

li.nav-print:hover,
li.nav-search-form:hover,
li.nav-function:hover,
li.nav-register:hover,
li.nav-search-function:hover {
  border-top: 2px solid #17354e;
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-bottom: 2px solid #17354e;
  border-radius: 5px 5px 5px 5px;
  margin: -2px;
}

li.nav-request ul,
li.nav-register ul,
li.nav-function ul,
li.nav-transition ul,
li.nav-search-form ul,
li.nav-print ul,
li.nav-search-function ul {
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-bottom: 2px solid #17354e;
  border-radius: 5px 0px 5px 5px;
}

/* 下線なし */
li.border-none {
  border-bottom: none;
}

/* 下線あり */
li.border-bottom {
  border-bottom: 2px solid #ddd !important;
}

/*** 二階層目マーク ***/
nav ul li ul li a::before {
  display: inline-block;
  width: 5px;
  height: 13px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
  background-color: #3b5997;
}

nav ul li ul li a::before {}

li.left-margin {
  margin-left: 10px;
  border-bottom: #fff;
}

li.left-margin a::before {
  display: none;
}

nav ul>li:hover>ul>li>a {
  color: #000;
  width: 156px;
  font-size: 11px;
}

nav ul>li:hover>ul>li>a.hover-none {
  background: #fff;
}

/*** 帳票非活性 ***/
li.nav-inactive a,
li.nav:disabled a {
  color: #ccc !important;
  pointer-events: none;
}

li.nav-inactive a:hover,
li.nav:disabled a:hover {
  background: #fff !important;
  pointer-events: none;
}

/*** 非活性 ***/
nav ul li.nav-inactive,
nav ul li.nav:disabled {
  pointer-events: none;
}

nav ul li.nav-inactive,
nav ul li.nav:disabled {
  opacity: .4;
}

/*-------------------------------
command area
-------------------------------*/
.command-area {
  width: 98%;
  margin: 0 auto;
  clear: both;
  text-align: right;
}

body.registration-screen .command-area {
  margin-top: 12px;
}

/* モーダル用 */
.modal .command-area {
  width: 98%;
}

/* モーダレス用 */
.modeless .command-area {
  margin-top: 5px;
  width: 750px;
}

/*-------------------------------
contents
-------------------------------*/
/*** コンテンツ上部の余白 ***/
body.search-screen .contents-base-top-margin {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  margin-top: 120px;
  /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
}

body.registration-screen .contents-base-top-margin {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  /*  margin-top: 60px; ページ上部固定分 */
  margin-top: 130px;
  /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
}

/* 検索画面検索エラー・メッセージ */
body.search-screen .input-alert,
body.search-screen .info {
  margin-top: 10px;
}

body.registration-screen .input-alert,
body.registration-screen .info {
  margin-top: 10px;
}

/*** ダイアログ ***/
/* 閉じるボタン */
.ui-dialog-titlebar-close {
  background-image: url("/img/ui-dialog-titlebar-close-4ffe21e0025923adf9380541d6b00229.png");
  background-repeat: no-repeat;
  background-size: 95% auto;
}

/*** Alert ***/
/* ポップアップアラート */
p.alert-message {
  color: red;
}

p.alert-form {
  padding-top: 1%;
}


/* 登録用アラート */
.input-alert-hide {
  display: none;
}

.input-alert {
  /*width: 97%;*/
  margin: 0 auto;
  border: 2px solid red;
  background: #ff00002e;
  border-radius: 5px;
  padding: 10px;
  font-size: 1.5em;
}

.input-alert ul li {
  color: red;
  font-weight: bold;
}

.input-alert ul{
  display: flex;
  flex-direction: column;
}

/* 検索用アラート */
.search-alert-hide {
  display: none;
}

.search-alert {
  font-size: 15px;
  /*width: 99%;*/
  margin: 0 auto;
  border: 2px solid red;
  background: #ff00002e;
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
 /* margin-bottom: -4.5%;*/
}

.search-alert-home {
  font-size: 1.5em;
  /*width: 99%;*/
  margin: 0 auto;
  border: 2px solid red;
  background: #ff00002e;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 0%;
  margin-top: 15px;
}

.search-alert-home ul li {
  color: red;
  font-weight: bold;
}

/* 検索用アラート内容 モーダル用 */
.modal .search-alert {
  width: 97%;
  margin: 0 auto;
  border: 2px solid red;
  background: #ff00002e;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
}

.search-alert ul li {
  color: red;
  font-weight: bold;
}

/* info */
.info-hide {
  display: none;
}

.info {
  /* width: 97%; */
  font-size: 1.5em;
  margin: 0 auto;
  border: 2px solid #3b5997;
  background: #cccef5;
  border-radius: 5px;
  padding: 10px;
  padding: 10px;
  /*margin-top: 45px;
  margin-bottom: -50px;*/
}

.modal .info {
  width: 97%;
  margin: 0 auto;
  border: 2px solid #3b5997;
  background: #cccef5;
  border-radius: 5px;
  padding: 10px;
  padding: 10px;
  margin-top: 5px;
}

.info ul li {
  color: #3b5997;
  font-weight: bold;
}

/*** コンテンツの1番目以降 ***/
.registration-screen .contents-base-area,
.search-screen .contents-base-area {
  width: 98%;
  /* min-width: 1345px; */
  margin: 0 auto;
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
  margin-top: 15px;
}

/* モーダル用 */
.modal .contents-base-area {
  max-width: 98%;
  min-width: 700px;
  height: 500px;
  margin: 10px auto 0 auto;
  /* background: #fff;
  box-shadow: 3px 5px 5px #3b59972e; */
  padding-top: 1px;
}

/* モーダレス用 */
.modeless .contents-base-area {
  width: 98%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
}

/*** コンテンツ内容 ***/
.table-base-area {
  width: 98%;
  min-width: 98%;
  margin: 0 auto;
  padding: 10px 0px;
}

.modal .table-base-area {
  min-width: auto;
  margin: 0 auto;
  padding: 7px 0px;
}

.modeless .table-base-area {
  margin: 0 auto;
  padding: 5px 0px;
}

/*** テ－ブル ***/
/*** 検索結果画面 ***/
table.search-results-table {
  table-layout: fixed;
}

table.search-results-table th {
  width: 200px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #ddd;
  background: #5975ac;
  color: #fff;
  ;
  text-align: right;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
}

table.search-results-table th:first-child {
  width: 20px !important;
}

table.search-results-table thead tr th {
  font-weight: bold;
  background: #000;
  /* background: grey; */
  color: white;
}

table.search-results-table td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 2px 4px !important;
  height: 19px;
}

/* 省略表示 */
table tr td.elliptical-sentence {
  white-space: nowrap;
  overflow: hidden;
  max-width: 1px;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  /* Safari */
  -o-text-overflow: ellipsis;
  /* Opera */
}


/* データテーブル枠外領域 */
.outer_region {
  padding-top: 0.25em;
  padding-left: 15px;
  margin: 0 auto;
}

/* チェックボックス選択件数表示領域 */
.outer_field {
  width: 54px;
  /* num(7 * 7px + 6px) (参考：input-item.css) */
  text-align: right;
}

/*** 登録画面 ***/
/* 通常テーブル(th,tdのセットが2列横にならんだもの) */
table.basic-table {
  width: 100%;
  table-layout: auto;
}

table.basic-table th {
  height: 20px;
  width: 20%;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #bbb;
  background: #ddd;
  color: #000;
  text-align: left;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
}

table.basic-table td {
  vertical-align: middle;
  border: 1px solid #bbb;
  padding: 2px;
  height: 20px;
  width: 30%;
  overflow-wrap: anywhere;
}

/* 通常テーブル + thに2階層目 */
table.basic-table-secondlevel tr th[colspan="2"] {
  width: 20%;
}

table.basic-table-secondlevel tr th[rowspan] {
  width: 10%;
}

table.basic-table-secondlevel .th-secondlevel {
  background: #eee;
  width: 10% !important;
}

table.basic-table-thirdlevel td {
  width: 19.5%;
}

th.th-secondlevel[colspan="2"] {
  /*2階層目が左右にある場合*/
  width: 20% !important;
}

/* 通常テーブル (th + th二階層目 td) */
table.basic-table-threecol td {
  width: 40%;
}

table.basic-table-threecol .th-secondlevel {
  background: #eee;
}

/* 2カラム (th + td)*/
table.basic-table-twocol td {
  width: 80%;
}

/* 均等 */
table.equality-table {
  table-layout: fixed !important;
}

table.equality-table th,
table.equality-table td {
  width: auto !important;
}

table.equality-table th:first-child {
  width: auto !important;
}

/* 100%幅 */
.full-width {
  width: 99%;
}

/*  */
table.basic-table.half-left-table,
table.basic-table.half-right-table {
  width: 49.5%;
}

table.basic-table.half-left-table {
  margin-right: .5%;
}

table.basic-table.half-left-table th,
table.basic-table.half-right-table th {
  width: 40%;
}

table.basic-table.half-left-table td,
table.basic-table.half-right-table td {
  width: 60%;
}

/* 行移動のあるテーブル */
.sort-table th:first-child,
.sort-table td:first-child {
  width: 10px;
}

.sort-table th {
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #bbb;
  background: #ddd;
  color: #000;
  text-align: right;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
  height: 37px;
}

.sort-table td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 2px;
}

td.sort-icon::before {
  content: ":";
  cursor: pointer;
}

td.sort-icon {
  border-right: none;
}

td.sort-icon+td {
  border-left: none;
}

th.sort-no-border-right {
  border-right: none !important;
}

th.sort-no-border-left {
  border-left: none !important;
}

td.sort-no-border-right {
  border-right: none !important;
}


td.sort-no-border-left {
  border-left: none !important;
}

/*** 検索画面用talbeタグ ***/
.search_table {
  width: 98%;
  margin: 0 auto;
}

.search_table th {
  width: 10%;
  background: none;
  border: none;
  padding: 0;
  /* color: #000; */
  color: #3b5997;
  text-align: right;
  font-weight: 600;
  padding-right: 10px;
}

.search_table td {
  width: 23%;
  border: none;
  padding: 5px 0;
}

.search_table td label {
  display: inline-block;
  margin-top: 5px;
}

.search-btn-area {
  /* width: 185px; */
  margin: 0 auto;
  padding-top: 2%;
  margin-bottom: 5px;
  text-align: center;
  font-size: 20px;
}

.search-btn-area .reset-button {
  margin-left: 10px;
}

/** 詳細検索条件の設定 */
.search_main_table select {
  width: 15%;
}

.select-detail_item-aria {
  font-size: 20px;
}

div.detail_selection {
  display: inline-block;
  width: 24%;
  vertical-align: top;
  padding: 12px 0;
}

.detail_item {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.detail-group-title {
  padding: 20px 0 5px 0;
  width: 100%;
  color: #FF3333;
  /* color: #3b5997; */
  font-weight: 600;
}


/* テーブルテキスト中央寄せ */
table tr.table-th-center th {
  text-align: center;
}

/* テーブルテキスト左寄せ */
table th.table-headline {
  text-align: left;
  background: #ddd;
  font-weight: bold;
  height: 24px;
}

.num-unit-list {
  width: 40px;
}

/*** モーダル用テーブル ***/
.modal table th {
  background: #ddd;
}

.modal .search_table th {
  background: #fff;
}

/*** モーダレス用テーブル ***/
.modeless table th {
  background: #ddd;
}

.modeless .search_table th {
  background: #fff;
}

/*** 検索条件の表示・非表示 ***/
.search-item-bottom {
  margin: 5px 0px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  letter-spacing: .3em;
  background: #afb5c2;
  text-align: center;
  padding: 2px 0;
}

.search-item-detail {
  display: none;
}

/*** 検索条件AND OR ***/
.search-condition {
  width: 60%;
  border: 1px solid #ccc;
  padding: 5px 0 10px 0;
  margin-left: 50px;
  height: 65px;
}

.search-condition-store {
  margin-left: 145px;
}

/* 顧客検索 住所位置 */
.search-condition-adress {
  margin-left: 150px;
}

/* 顧客検索 営業店位置 */
.search-condition-store {
  margin-left: 130px;
}

/* アイコン表示 */
.search-item-bottom::before {
  content: '';
  display: inline-block;
  background-image: url("/img/openIcon-f0858dc33c4f8a8948bc39d338935a60.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
}

/* 使用不可レコード */
.invalid-flag-invalid {
  background-color: #C0C0C0;
}

/*** タブ ***/
/* TODO:class名は暫定 */
.tab-base-area {}

.tab-contents-area {
  border: 1px solid #8f8f8f;
  margin-top: -1px;
  border-radius: 0px 5px 5px 5px;
}

.tab-contents-area>div {
  padding: 15px;
}

.tab {
  overflow: hidden;
  /* margin-left: 15px; */
}

.tab li {
  float: left;
  display: table;
  height: 30px;
  width: 120px;
  /* border-radius: 5px 5px 0px 0px; */
  background: #6a84bd;
  margin: 13px 2px 0px 0px;
  text-align: center;
  color: #fff;
}

.tab li p,
.tab li a {
  display: table-cell;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}

.tab li.selected,
.tab li.active {
  background: #fff;
  margin-top: 9px;
  border-top: solid 4px #5975ac;
  color: #000000;
  border-left: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
}

.tab li.add {
  height: 30px;
  width: 40px;
}

.tab-contents-base .content {
  padding: 20px;
}

.tab-contents-base .active {
  display: block;
}

.tab-contents-base .hide {
  display: none;
}

/*** 追加のあるtab ***/
ul.panels>li.panel {
  display: none;
}

ul.panels>li.panel.active {
  display: block;
}

ul.panels>li.panel.active a {
  display: block;
}

.tabs li {
  display: table !important;
}

.tabs li a {
  color: #fff;
}

.tabs li.active>a {
  color: #000;
}

.tab li.addicon {
  background: #6a84fd;
  border-radius: 0px 10px 0px 0px;
  height: 30px;
  width: 30px;
  font-size: 8pt;
}


/* tab承認済 */
span.approved-tab li {
  background: #7f8fad !important;
}

span.approved-tab li.selected {
  background: #fff !important;
  border-top: 4px solid #7f8fad !important;
}

/*** 検索結果一覧 ***/
/* 「○件中○から○まで表示」表示位置 */
.dataTables_info {
  float: right !important;
  position: relative;
}

/* □件表示プルダウン表示位置 */
.dataTables_length {
  position: absolute;
  display: block;
  right: 200px;
  bottom: 70px;
}

.dataTables_paginate {
  clear: both;
}

/* データテーブル非表示用スタイル */
.dataTables-invisible {
  display: none;
}

/*** その他の検索条件を開く・閉じるアイコン切り替え ***/
.search-item-bottom.condition-close::before {
  content: '';
  display: inline-block;
  background-image: url("/img/openIcon-f0858dc33c4f8a8948bc39d338935a60.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
  vertical-align: middle;
}

.search-item-bottom.condition-open::before {
  content: '';
  display: inline-block;
  background-image: url("/img/closeIcon-29ea8bd1a851f76b565d40f05a5e56ae.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
  vertical-align: middle;
}

/*-------------------------------
footer
-------------------------------*/
footer {
  width: 100%;
  text-align: center;
  margin-top: 45px;
}

/* footer固定 */
.footer-fixed {
  display: block;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  color: #fff;
  /* background: #3b5997; */
  background: #000;
  /*全体背景、固定背景*/
  padding: 10px;
  z-index: 4;
}

/*-------------------------------
画面初期表示時の commandConfirmArea設定
(初期表示時に一瞬表示される動作の抑止)
-------------------------------*/
#commandConfirmArea {
  display: none;
}

/*-------------------------------
インライン要素をインラインブロックに
-------------------------------*/
.inline-block {
  display: inline-block;
}

/* エラーinput */
input.validate-error,
select.validate-error,
textarea.validate-error {
  background: #ff00002e;
  border-color: #ff0000;
}


/* 来場マーク */
.visit-mark::before {
  display: inline-block;
  background: #9933ff;
  width: 43px;
  height: 13px;
  font-size: 11px;
  content: "来場";
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  vertical-align: middle;
  line-height: 13px;
  text-align: center;
  margin-right: 5px;

}


/*-------------------------------
4列構成
-------------------------------*/

.new-4-style table.basic-table th {
  width: 10%;
}

.new-4-style table.basic-table td {
  width: 15%;
}

.new-4-style table.basic-table td[colspan="3"] {
  width: 40%;
}

.new-4-style table.basic-table td[colspan="5"] {
  width: 65%;
}

.new-4-style table.basic-table td[colspan="7"] {
  width: 90%;
}

/* 通常テーブル + thに2階層目 */
.new-4-style table.basic-table-secondlevel tr th {
  width: 8%;
}


.new-4-style table.basic-table-secondlevel tr th[colspan="2"] {
  width: 16%;
}

.new-4-style table.basic-table-secondlevel tr th[rowspan] {
  width: 8%;
}

.new-4-style table.basic-table-secondlevel .th-secondlevel {
  background: #eee;
}

.new-4-style table.basic-table-secondlevel.basic-table-w-second tr th {
  width: 6.6%;
}

.new-4-style table.basic-table-secondlevel.basic-table-w-second td[colspan="3"] {
  width: 36.6%;
}

.new-4-style table.basic-table-secondlevel.basic-table-w-second td[colspan="4"] {
  width: 43.2%;
}

.new-4-style table.basic-table-thirdlevel td {
  width: 19.5%;
}

th.th-secondlevel[colspan="2"] {
  /*2階層目が左右にある場合*/
  width: 20% !important;
}

/* 通常テーブル (th + th二階層目 td) */
.new-4-style table.basic-table-threecol td {
  width: 40%;
}

.new-4-style table.basic-table-threecol .th-secondlevel {
  background: #eee;
}

/* 2カラム (th + td)*/
.new-4-style table.basic-table-twocol td {
  width: 90%;
}


/*-------------------------------
EDI用スタイル
-------------------------------*/

.header-area .left-area,
.header-area .middle-area,
.header-area .right-area {
  width: 33%;
  display: table-cell;
  padding-right: 10px;
}

.header-area .left-button-area {
  display: flex;
  width: 100%;
  vertical-align: middle;
}

.header-area .middle-button-area {
  display: flex;
  justify-content: center;
  width: 100%;
  vertical-align: middle;
}

.header-area .right-button-area {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  vertical-align: middle;
}


.header-button {
  height: 20px;
  text-align: center;
  background: #5975ac;
  border-radius: 5px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.header-button:hover {
  opacity: .8;
}

.header-button a {
  color: #fff;
}

.header-button span.menu-text {
  vertical-align: text-top;
}

.header-button-text {
  color: #ffffff;
}

.header-button2 {
  height: 20px;
  text-align: center;
  background: #5975ac;
  border-radius: 5px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  margin-top: -23px;
  margin-left: 85px;
  vertical-align: middle;
  cursor: pointer;
}

.header-button2:hover {
  opacity: .8;
}

.header-button2 a {
  color: #fff;
}

.header-button2 span.menu-text {
  vertical-align: text-top;
}

.header-button-text {
  color: #ffffff;
}

.home-button {
  width: 85px;
}

.setting-button {
  width: 65px;
}

.logout-button {
  width: 100px;
}

/*注釈用*/
.print-message {
  margin-top: 3px;
  color: blue;
}

/* ▼メニューバーの装飾 */
ul.ddmenu {
  margin: 15px 5px;
  /* メニューバー外側の余白(ゼロ) */
  padding: 0px 0px 0px 15px;
  /* メニューバー内側の余白(左に15px) */
  /*background-color: #0000ff; /* バーの背景色 */
}

/* メインメニュー項目の装飾 */
ul.ddmenu li {
  width: 125px;
  /* メニュー項目の横幅(125px) */
  display: inline-block;
  /* ★1:横並びに配置する */
  list-style-type: none;
  /* ★2:リストの先頭記号を消す */
  position: relative;
  /* ★3:サブメニュー表示の基準位置にする */
}

/* サブメニューがある場合に開く処理 */
ul.ddmenu li:hover ul {
  display: block;
  /* マウスポインタが載っている項目の内部にあるリストを表示する */
  z-index: 5;
  /* 検索結果の上にメニューが表示されるようにする*/
}

ul.ddmenu a {
  background-color: #4f6fb5;
  /* メニュー項目の背景色 */
  color: white;
  /* メニュー項目の文字色*/
  line-height: 30px;
  /* メニュー項目のリンクの高さ*/
  text-align: center;
  /* メインメニューの文字列の配置 */
  text-decoration: none;
  /* メニュー項目の装飾(下線を消す) */
  font-weight: bold;
  /* 太字にする */
  display: block;
  /* ★4:項目内全域をリンク可能にする */
}

ul.ddmenu a:hover {
  background-color: #a5b3cf;
  /* メニュー項目にマウスが載ったときの背景色*/
  color: #3f5fb5;
  /* メニュー項目にマウスが載ったときの文字色*/
}

/* ▼サブメニューの装飾 */
ul.ddmenu ul {
  display: none;
  /* ★1:標準では非表示にする */
  padding-top: 1px;
  /*★2:サブメニュー外側の余白(ゼロ) */
  /*padding-left: 10px;        /* ★3:サブメニュー内側の余白(ゼロ) */
  position: absolute;
  /* ★4:絶対配置にする */
}

ul.ddmenu ul li {
  width: 180px;
  /* メニュー項目の横幅(200px) */
}


ul.ddmenu ul a {
  border-radius: 0px;
  background-color: #a5b3cf;
  text-align: left;
  padding-left: 10px;
}

/* サブメニュー項目にマウスが乗った時 */
ul.ddmenu ul a:hover {
  background-color: #4f6fb5;
  /* 背景色 */
  color: #ffffff;
  /* 文字色 */
}

.command-area2 {
  width: 50%;
}

.command-area2 input[type="button"] {
  background-color: rgba(255, 255, 255, 0.25);
  background-repeat: no-repeat;
  border-radius: 12px;
  background-blend-mode: lighten;
}

.command-area2 .next-btn {
  width: 84px;
  background-image: url(/img/modal-next-btn-526074412072811dfba3fe2af685fc88.png);
}

.command-area2 .next-btn:hover {
  background-image: url(../img/modal-next-btn-on.png);
}

.command-area2 .lock-btn {
  width: 102px;
  background-image: url(/img/lock-btn-8002503e5e3918c2b269193d3997d3d6.png);
}

.command-area2 .lock-btn:hover {
  background-image: url(/img/lock-btn-on-66954fa5197815b61b344467fd9405ff.png);
}

.command-area2 .unlock-btn {
  width: 102px;
  background-image: url(/img/unlock-btn-05de978341a9d79cee3f0b8b30a6f5dc.png);
}

.command-area2 .unlock-btn:hover {
  background-image: url(../img/unlock-btn-on.png);
}

.command-area2 .edit-btn {
  background-image: url(/img/edit-btn-be77966eb77f2c58ea72b6c8420952e0.png);
}

.command-area2 .edit-btn:hover {
  background-image: url(/img/edit-btn-on-9ccc7945bad5ec65a8caceff9bf09b8b.png);
}

.command-area2 .delete-btn {
  background-image: url(/img/delete-btn-bfe5f11e5028e55587f012c384e60da1.png);
}

.command-area2 .delete-btn:hover {
  background-image: url(/img/delete-btn-on-266c98fa408f4a250fc6d8e598b052bc.png);
}

.command-area2 .return-btn {
  background-image: url("/img/return-btn-e9b72aaa6f05c398fd94a60561b55be3.png");
}

.command-area2 .return-btn:hover {
  background-image: url("/img/return-btn-on-2a0357ee4610e7e166034c562404c165.png");
}

.command-area2 .register-btn {
  background-image: url(/img/register-btn-9998a9dc5cc3c9637d0d1983667093f0.png);
}

.command-area2 .register-btn:hover {
  background-image: url(/img/register-btn-on-1705554b7ffd11bc30ee075c450303c5.png);
}

.command-area2 .download-btn {
  background-image: url("/img/download-btn-84bcd84aabf693410c9b9f46168a1bcb.png");
  width: 109px;
}

.command-area2 .download-btn:hover {
  background-image: url("/img/download-btn-on-bb5dc03f3dc4d3e3dba2d7caf5f01fc7.png");
}

.command-area2 .download-btn-inactive,
.command-area2 .download-btn:disabled {
  background: url("/img/download-btn-inactive-576787de59c8b7e4faca2061c4de4fae.png");
  color: #a5a5a5;
  width: 109px;
}

.h1-name2 {
  font-size: 18px;
  font-weight: bold;
}

.common-btn-area2 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.command-area2 nav {
  margin-top: initial;
  width: initial;
  padding: 3px 0;
}

.h1-fixed2 {
  top: 70px;
}

.menu {
  vertical-align: middle;
  display: table-cell;
}

.header-fixed2 {
  min-width: 1345px;
  z-index: 30;
}

.logo-area2 {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  pointer-events: none;
}

.logo-text2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

body.registration-screen .contents-base-top-margin2 {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  margin-top: 85px;
  /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
}

body.registration-screen .contents-base-top-margin3 {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  margin-top: 40px;
  /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px #3b59972e;
}

body.search-screen .contents-base-top-margin2 {
  margin-top: 40px;
  /* ページ上部固定分 */
}


.search-condition-div {
  width: 100%;
}

.search-condition-div.flex {
  display: flex;
}

.search-condition-left {
  width: 92%;
}

.search-condition-right {
  width: 140px;
  padding-left: 10px;
}


.searchbtn {
  /* width: 130px !important;
  height: 45px !important;
  margin-bottom: 5px;
  font-size: 20px !important; */
}

.search-button {
  background: #4f6fb5;
  border: none;
  color: #fff;
  height: 40px;
  padding: 0px 10px 0px 10px !important;
  background-image: -webkit-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -moz-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -ms-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -o-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: linear-gradient(to bottom, #4f6fb5, #1f318d);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  box-shadow: 3px 3px 5px #3b59972e;
  -webkit-box-shadow: 3px 3px 5px #3b59972e;
  -moz-box-shadow: 3px 3px 5px #3b59972e;
}

.search-button:hover {
  background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5);
}

.reset-button {
  background: #ccc;
  border: none;
  color: #fff;
  font-size: 15px;
  padding: 2px 10px !important;

  /* background-image: -webkit-linear-gradient(top, #aad4ec, #80bfe4);
  background-image: -moz-linear-gradient(top, #aad4ec, #80bfe4);
  background-image: -ms-linear-gradient(top, #aad4ec, #80bfe4);
  background-image: -o-linear-gradient(top, #aad4ec, #80bfe4);
  background-image: linear-gradient(to bottom, #aad4ec, #80bfe4); */
  border-radius: 1px;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  box-shadow: 3px 3px 5px #3b59972e;
  -webkit-box-shadow: 3px 3px 5px #3b59972e;
  -moz-box-shadow: 3px 3px 5px #3b59972e;
}

.reset-button:hover {
  /* background-image: -webkit-linear-gradient(top, #80bfe4, #aad4ec);
  background-image: -moz-linear-gradient(top, #80bfe4, #aad4ec);
  background-image: -ms-linear-gradient(top, #80bfe4, #aad4ec);
  background-image: -o-linear-gradient(top, #80bfe4, #aad4ec);
  background-image: linear-gradient(to bottom, #80bfe4, #aad4ec); */

}


.modal .search-button {
  background: #8f91ab;
  border: none;
  color: #fff;
  height: 40px;
  padding: 0px 10px 0px 10px !important;
  background-image: -webkit-linear-gradient(top, #8f91ab, #676983);
  background-image: -moz-linear-gradient(top, #8f91ab, #676983);
  background-image: -ms-linear-gradient(top, #8f91ab, #676983);
  background-image: -o-linear-gradient(top, #8f91ab, #676983);
  background-image: linear-gradient(to bottom, #8f91ab, #676983);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  box-shadow: 3px 3px 5px #3b59972e;
  -webkit-box-shadow: 3px 3px 5px #3b59972e;
  -moz-box-shadow: 3px 3px 5px #3b59972e;
}

.modal .search-button:hover {
  background-image: -webkit-linear-gradient(top, #676983, #8f91ab);
  background-image: -moz-linear-gradient(top, #676983, #8f91ab);
  background-image: -ms-linear-gradient(top, #676983, #8f91ab);
  background-image: -o-linear-gradient(top, #676983, #8f91ab);
  background-image: linear-gradient(to bottom, #676983, #8f91ab);
}

.modal .reset-button {
  background: #ccc;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 0px 10px 0px 10px !important;
  background-image: -webkit-linear-gradient(top, #ccc, #bbb);
  background-image: -moz-linear-gradient(top, #ccc, #bbb);
  background-image: -ms-linear-gradient(top, #ccc, #bbb);
  background-image: -o-linear-gradient(top, #ccc, #bbb);
  background-image: linear-gradient(to bottom, #ccc, #bbb);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  box-shadow: 3px 3px 5px #3b59972e;
  -webkit-box-shadow: 3px 3px 5px #3b59972e;
  -moz-box-shadow: 3px 3px 5px #3b59972e;
}

.modal .reset-button:hover {
  background-image: -webkit-linear-gradient(top, rgb(214, 214, 214), rgb(197, 197, 197));
  background-image: -moz-linear-gradient(top, rgb(214, 214, 214), rgb(197, 197, 197));
  background-image: -ms-linear-gradient(top, rgb(214, 214, 214), rgb(197, 197, 197));
  background-image: -o-linear-gradient(top, rgb(214, 214, 214), rgb(197, 197, 197));
  background-image: linear-gradient(to bottom, rgb(214, 214, 214), rgb(197, 197, 197));
}


/* 以下、EDI用のcss */

/* flex画面用 */
body.edi .home-flex {
  display: flex;
  margin: 55px 10px 0 0;
}

/* 画面左側　メニュー関連*/

body.edi .menu-area_test {
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 3px 5px 5px #3b59972e;
}

body.edi .left {
  width: 250px !important;
  margin-left: 10px;
}

body.edi .menu-info li a img {
  vertical-align: middle;
  padding: 10px;
}

body.edi .menu-info li {
  border-bottom: 2px dashed #000;
  font-size: 15px;
}

body.edi .menu-info li:hover {
  background-color: rgb(242, 248, 255);
  font-weight: bold;
  border: solid;
  border-color: #3f5fb5;
  ;
}

body.edi .menu-info li a {
  color: #000;
}

body.edi .menu-css {
  padding: 0px 0px !important;
  height: calc(100vh - 130px);
  overflow-x: auto;
}

body.edi .pink {
  text-align: right;
  color: fuchsia;
  margin-left: 10px;
}

/* 画面右側　画面別項目 */
body.edi .right {
  width: calc(99% - 250px);
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
}

body.edi .contents-base-area {
  min-width: 990px !important;
  margin-top: 0px !important
}



/** 画面ベース*/
.home-flex,
.search-flex,
.register-flex,
.build-info-flex {
  display: flex;
  width: 90%;
  margin: 5% auto 0 auto;
  flex-wrap: wrap;
}

.home-contents-base-area {
  background: #fff;
}

.home-info-flex-item {
  margin-left: 10px;
}

.home-info-flex {
  display: flex;
  margin-bottom: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.home-item {
  width: 100%;
  margin: 10px auto 0 auto;
}

.before-login-item {
  width: 60%;
  margin: 10px auto 0 auto;
}

/* .home-item .home-contents-base-area {
  height: 100%;
} */


.search-item {
  width: 100%;
  margin: 10px auto 0 auto;
}

/* .build-info-flex {
  display: flex;
  width: 90%;
  margin: 6% auto 0 auto;
  flex-wrap: wrap;
} */

/* .register-flex {
  display: flex;
  width: 90%;
  margin: 5% auto 0 auto;
  flex-wrap: wrap;
} */

.register-item {
  width: 100%;
  margin: 10px auto 0 auto;
}



.accent-color-orange {
  color: #ff8702;
}

/** 画面タイトルの設定*/
.title-area {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.screen-title-area {
  width: 45%;
  text-align: left;
}

.back-btn-area {
  width: 55%;
  justify-content: right;
  display: flex;
  font-size: 20px;
}

.title-area h1.new-broker-register-title,
.title-area h1.title {
  color: #FF3333;
}

.title-area h1.new-broker-register-title::after,
.title-area h1.title::after {
  border-bottom: 1px solid #FF3333;
}

h1.search-screen-title {
  width: 98%;
  height: 25px;
  margin: 1% 0 0 0;
  padding: 2px 0px;
  color: #FF3333;
  /* color: #3b5997; */
  font-size: 200%;
  position: relative;
  line-height: normal;
}

.title-border {
  border-bottom: 3px solid #FF3333;
  /* border-bottom: 3px solid #4f6fb5; */
}

.build_info_detail-title {
  margin: auto 1%;
  padding: 2px 0px;
  color: #FF3333;
  /* color: #3b5997; */
  font-size: 24px;
  font-weight: 600;
  position: relative;
}

/* .build_info_detail-title::before {
  content: '';
  display: inline-block;
  background-image: url(/img/icon-build_info_detail-bf12e32ae6cafd7c5d166276870b6a6b.png);
  background-repeat: no-repeat;
  width: 3vw;
  height: 3vw;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
} */


/** 検索条件divタグの設定*/
.search_main_table-div {
  padding: 1% 0 1.5% 0;
  font-size: 20px;
  font-weight: bold;
  /* color: #E3646F; */
  border-bottom: 3px solid #FF3333;
  /* color: #3b5997; */
  /* border-bottom: 3px solid #3b5997; */
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  align-items: center;
}

.search_main_table-div.none-border-bottom {
  border-bottom: none;
}

.search-area .search-target-name {
  width: 10%;
  background: none;
  border: none;
  padding: 0;
  /* color: #E3646F; */
  /* color: #3b5997; */
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  padding-right: 10px;
}

.search-area .search-target-name.status-div {
  width: 4%;
}

.search-area .search-target-input {
  width: 35%;
}

.search-area .search-target-input select {
  width: 35%;
  padding: 0.2vh 0.2vw;
}

.search-area .search-target-input-full {
  width: 85%;
}

.search-area .search-target-input-full select {
  width: 20%;
  padding: 0.2vh 0.2vw;
}

.one-line {
  width: 100% !important;
  display: flex;
  align-items: center;
}

.multiple-line {
  display: flex;
  width: 100%;
  align-items: center;
}

/**（ここまで）検索条件divタグの設定*/

/** 物件一覧の検索条件表示の設定 */
.search-conditions-area {
  /* color: #E3646F; */
  color: #000;
  font-size: 20px;
  margin: auto 0;
  display: flex;
  align-items: center;
}

/**（ここまで）物件一覧の検索条件表示の設定*/

/* 物件資料の表示設定*/

.document-area {
  display: flex;
}

.document-area span input[type="text"].title {
  width: 80%;
}

.info-border div {
  padding-left: 1%;
  padding-top: 1%;
}

.document-check,
.document-title,
.document-name,
.single-download-area {
  display: flex;
  border: #ddd solid 1px;
  align-items: center;
}

.document-check {
  width: 3%;
  justify-content: center;
}

.document-title {
  width: 25%;
}

.document-name {
  width: 60%;
}

.single-download-area {
  width: 12%;
  justify-content: center;
  background: #F5F5F5;
}

.document-area span {
  padding: 0 0.5em;
}

.document-area span input[type="text"] {
  width: 90%;
}

input[type="button"].single-download-btn {
  color: #fff;
  padding: 5px 20px;
  margin: 2% 0;
}

h2.bulk-download-btn {
  display: flex;
}

.bulk-download-btn span {
  display: flex;
  align-items: center;
  height: 100%;
  width: 50%;
}

.bulk-download-btn span.row-btn-area {
  justify-content: right;
  padding-right: 1%;
}

/**（ここまで）物件資料の表示設定*/


/**登録画面の設定*/
.register-target-item {
  width: 50%;
  padding-top: 2%;
}

.register-target-item-full {
  width: 80%;
  padding-top: 2%;
}

.register-input-area .register-target-name {
  padding: 0;
  color: #000;
  text-align: left;
  font-size: 1.5em;
  font-weight: 400;
  padding-top: 10px;
  padding-right: 10px;
}

.register-input-area .register-target-input {
  font-size: 1.5em;
}

.register-input-area .register-target-item .register-target-input {
  padding-left: 3%;
  padding-top: 1.5%;
}

.register-input-area .register-target-item-full .register-target-input {
  padding-left: 2%;
  padding-top: 1%;
}

.register-input-area .register-target-supplement {
  font-size: 1.25em;
  padding-left: 2%;
  padding-top: 1%;
}

/**（ここまで）登録画面の設定*/


/** 参照系の詳細画面の設定 */
.register-reference-area {
  padding-top: 1%;
  padding-left: 1%;
  font-size: 18px;
}

.register-reference-area .reference-item {
  display: flex;
  padding-top: 1%;
  align-items: center;
}

.register-reference-area .reference-item .reference-title {
  width: 20%;
  background: none;
  border: none;
  padding: 0;
  color: #000;
  font-weight: 400;
  padding-right: 1%;
}

.register-reference-area .reference-item .reference-val {
  width: 80%;
  border: none;
  text-align: left;
}

.register-reference-area .reference-main-label {
  font-size: 1.25em;
  padding-bottom: 1%;
}

/** （ここまで）参照系の詳細画面の設定 */


/** 登録系マスタ詳細画面の設定 */

.register-reference-area .reference-input-item-title,
.register-reference-area .reference-input-item {
  padding: 0.5% 0 1% 0.5%;
}

.register-reference-area .reference-input-item-title {
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  color: #000;
  font-weight: 400;
  padding-right: 1%;
}

.register-reference-area .reference-input-item {
  width: 100%;
  border: none;
  text-align: left;
}

.register-reference-area .reference-input-item input {
  padding: 2px 5px !important;
}


/** （ここまで）登録系のマスタ詳細画面の設定 */

.info-border {
  /* border-bottom: 1px solid #4f6fb5; */
  border-bottom: 1px solid #cccc;
}

.serch-result-area {
  font-size: 18px;
  overflow-wrap: anywhere;
}

.serch-result-area tbody {
  font-size: 0.8em;
}

.serch-result-area h1 {
  width: 98%;
  height: 25px;
  margin: 0 auto;
  padding: 2px 0px;
  font-size: 1em;
  position: relative;
  border-bottom: 1px solid #cccc;
}

/**ボタンの設定 */
.back-btn,
.register-btn,
.delete-btn,
.approval-btn,
.denial-button,
.cancel-button {
  height: 50px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 0;
  padding: 5px 20px !important;
}

/* 検索ボタン */
.search-btn-color {
  background-color: #FF3333;
}

.search-btn-color:hover {
  background-color: #f39f9f;
}

/* 登録・更新ボタン */
.ru-btn-color,
.favorite_btn.favorite_off_btn a {
  background-color: #94080D;
}

.ru-btn-color:hover,
.favorite_btn.favorite_off_btn a:hover {
  background-color: #c26063;
}

/* 画面遷移・クライアントのイベント発火ボタン */
.other-btn-color {
  background-color: #E7A9B0;
}

.other-btn-color:hover {
  background-color: #fde3e6;
}

/* 出力（ダウンロード）ボタン */
.dl-btn-color {
  background-color: #E3646F;
}

.dl-btn-color:hover {
  background-color: #f9b9be;
}


/* ボタン再考案 */
/* 画面遷移ボタン　赤+アニメーション */
.base-btn {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
  background-color: #FF3333;
  color: #fff;
  font-weight: 600;
  align-content: center;
  font-size: 1.5em;
  cursor: pointer;
  border: 2px solid #FF3333;
  width: 80%;
  height: 40px;
  transition: all .2s ease;
}

.base-btn-label {
  display: block;
  position: relative;
  z-index: 3;
  background-image: url(/img/base-btn-arrow-3b83b544edee994483f89e6862deb3ae.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1em;
  width: 96%;
  height: 100%;
  align-content: center;
}

/* 左から右へ流すためのcss */
.base-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.base-btn:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.base-btn-label:hover {
  background-image: url(/img/base-btn-arrow-hover-5fbfb5d99befffc6bd29e0f9bca1356e.png);
}

.base-btn:hover {
  /* background-color: #fff; */
  color: #FF3333;
  width: 80%;
}

/* 画面遷移系ボタン赤丸矢印のみ */
.base-btn-other {
  display: block;
  background-color: #fff;
  color: #000;
  font-weight: 100;
  align-content: center;
  font-size: 1.25em;
  cursor: pointer;
  border-bottom: 2px solid #ccc;
  width: 80%;
  height: 40px;
}

.base-btn-other-label {
  background-image: url(/img/base-btn-other-arrow-0e76963859dc2773c6ac0e9ae20728ce.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 2em;
  display: block;
  width: 96%;
  height: 100%;
  align-content: center;
}

.base-btn-other-label:hover {
  background-image: url(/img/base-btn-other-arrow-hover-cc11372cc1ab2987c2215305ed9dac41.png);
}

/* ダイアログ表示系ボタン */
.dialog-disp-btn,
.map-transition-btn {
  background-color: #FFD83B !important;
  color: #000 !important;
  border: 2px solid #FFD83B !important;
  font-size: 1em;
  font-weight: 600;
  transition: all .2s ease;
}

.dialog-disp-btn:hover,
.map-transition-btn:hover {
  background-color: #fff !important;
  /* color: #FFD83B !important; */
  border: 2px solid #FFD83B !important;
}

/* ファイルダウンロード系ボタン */
.file-dl-btn {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #ccc !important;
  font-size: 1em;
  font-weight: 600;
}

.file-dl-btn:hover {
  color: #FF3333 !important;
}

.single-download-area .file-dl-btn {
  box-shadow: 3px 2px 3px #3b59972e;
  -webkit-box-shadow: 3px 2px 3px #3b59972e;
  -moz-box-shadow: 3px 2px 3px #3b59972e;
  border: 1px solid #ccc !important;
}

/* 画面遷移系、戻るボタン */
.back-btn,
.move-btn,
.searchbtn {
  background-color: #FF3333;
  color: #fff;
  align-content: center;
  border: 2px solid #FF3333 !important;
  transition: all .2s ease;
  font-size: 1em;
  font-weight: 600;
}

.back-btn:hover,
.move-btn:hover,
.searchbtn:hover {
  background-color: #fff;
  color: #FF3333;
}

.move-btn.searchbtn-for-property:hover:before {
  background-image: url(/img/btn-search-for-property-hover-2b31689ff7426a9c997db6bd657623b7.png);
}

/* 追加・削除・参照・リセットボタン */
.client-btn {
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #ccc !important;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}

.client-btn:hover {
  color: #FF3333 !important;
}

input[type="button"].client-btn {
  padding: 0 0.5em !important;
}

.client-btn.reset-button {
  font-size: .75em;
}

input[type="button"].client-btn.mst-client-btn {
  font-size: 0.8em;
  padding: 0 1em !important;
  margin: 0 1em 0 0;
}

/* 登録・更新ボタン */
.reg-btn,
.ru-btn-color {
  background-color: #94080D;
  color: #fff;
  border: 2px solid #94080D !important;
  font-size: 1em;
  font-weight: 600;
  transition: all .2s ease;
}

.reg-btn:hover,
.ru-btn-color:hover {
  background-color: #fff;
  color: #94080D !important;
}

.sub-btn-area .reg-btn,
.sub-btn-area .ru-btn-color {
  padding: 0 1%;
}

/* 検索・CSV出力ボタン */
.searchbtn {
  width: 130px !important;
  height: 45px !important;
  margin-right: 1%;
}


/* （ここまで）ボタン再考案 */


/* お気に入りボタン-色 */

.favorite_btn {
  font-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-color: transparent;

}

.favorite_btn span {
  vertical-align: middle;
  height: 80%;
}

.favorite-btn-area {
  height: 100%;
  width: 40%;
  margin: auto;
}

.favorite_off_btn {
  background-image: url(/img/favorite-off-f7b7631ccd19bd462f1a7036c1e7cebb.png);
}

/* お気に入り済みボタン-色 */
.favorite_on_btn {
  background-image: url(/img/favorite-on-c47adafbadbe2e83091dda95d76d2b2b.png);
}


/**（ここまで）ボタン色の設定*/

.register_item_disp_table {
  width: 100%;
  table-layout: fixed;
  margin: 0 auto;
}

.btn-area {
  margin-top: 5%;
}

.sub-btn-area {
  margin: 1% auto;
  width: 98%;
}

.btn-area input[type="button"] {
  font-size: 20px;
  height: 45px;
  font-weight: 600;
  letter-spacing: 1.3px;
  padding: 5px 20px !important;
}

.bc-btn-area {
  padding-left: 4%;
}

.btn-margin {
  margin-left: 10px4
}


/** 登録・削除・承認・否認ボタン */
input[type="button"].register-btn,
input[type="button"].delete-btn,
input[type="button"].approval-btn,
input[type="button"].denial-button {
  padding: 5px 40px !important;
}

/** 差戻ボタン */
input[type="button"].sendback-btn {
  padding: 2px 15px !important;
  font-size: 16px;
  height: 25px;
}


/** キャンセルボタン*/
input[type="button"].cancel-button {
  /* margin-left: 50px; */
}

/** 新規追加ボタン */
input[type="button"].new-register-btn {
  font-size: 20px;
}


/* 広告表示ボタン-色 */
/* .advertisement_display_btn input[type="button"],
.advertisement-btn {
  color: #fff;
} */

/**アップロードボタン*/
input[type="button"].upload-btn {
  color: #fff;
  height: 50px;
  margin-right: 20px;
  letter-spacing: 0.1em;
}

/**一括ダウンロードボタン*/
input[type="button"].bulk-download-btn {
  color: #fff;
  height: 50px;
  margin-right: 20px;
}


/* お気に入りボタン-色 */
.favorite_btn a {
  display: block;
  width: 70%;
  padding: 12% 5%;
}

.favorite_off_btn a::before {
  display: block;
  content: "";
  background-image: url(/img/favorite-off-f7b7631ccd19bd462f1a7036c1e7cebb.png);
  background-repeat: no-repeat;
  width: 45%;
  height: 3.5vh;
  background-size: 100% auto;
  margin: 0 auto;
}

/* お気に入り済みボタン-色 */
.favorite_btn.favorite_on_btn a {
  background-color: #ffb300;
}

.favorite_btn.favorite_on_btn a:hover {
  background-color: #fac64d;
}

.favorite_on_btn a::before {
  display: block;
  content: "";
  background-image: url(/img/favorite-on-c47adafbadbe2e83091dda95d76d2b2b.png);
  background-repeat: no-repeat;
  width: 1.5vw;
  height: 3.5vh;
  background-size: 100% auto;
  margin: 0 auto;
}

/* （ここまで）お気に入りボタン */

/** 検索ボタン（エリア・沿線・学校区） */
.search-btn-area-for-property {
  width: 30%;
  margin: 50px auto 5px auto;
  text-align: center;
}


a.searchbtn-for-property {
  padding: 5px 40px !important;
  font-size: 22px;
  width: 97%;
  height: 3.5vh;
  letter-spacing: 5px;
  color: #fff;
  cursor: pointer;
  display: block;
}

.searchbtn-for-property::before {
  content: '';
  display: inline-block;
  background-image: url(/img/btn-search-for-property-5cf5831e1c386dcadf4751aadb6084ee.png);
  background-repeat: no-repeat;
  width: 1.5vw;
  height: 3.5vh;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
}

input[type="text"].link,
label.link,
.link {
  color: #5072b5 !important;
  text-decoration: underline;
  cursor: pointer;
}

label.logout {
  padding-left: 30px;
  cursor: pointer;
}

label.logout::after {
  width: 10px;
  height: 17px;
  content: "";
  display: inline-block;
  background-image: url("/img/footer-logout-icon-d7e63496270eb8c9b412bb13b80bba5c.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: 5px;
  padding-left: 10px;
  vertical-align: bottom;
}


/* 区画 */
.build-section {
  /* background: #fff; */
  background: #000;
  color: #fff;
  margin: 1% 0.5%;
  text-align: center;
}

.section-block {
  /* border: #E3646F solid 1px; */
  /* width: 90%; */
  font-size: 30px;
  padding: 3%;
  /* margin: 4% 0; */
  border-width: thick;
}

/** インフォメーションメッセージ*/
.information-area {
  padding-top: 30px;
}

.information-area h2 {
  font-size: 22px;
  text-align: center;
  background: none;
  color: black;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px lightyellow inset;
}

/* アイコン表示 */

.status-icon {
  font-size: 20px;
  color: #ff9000;
  padding: 1% 0;
  width: 100%;
  height: 60px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.new-icon {
  background-image: url(/img/status-new-icon-02d0f5b07099c12894849eb895782a2e.png);
  color: hotpink;
}

.price-update-icon {
  background-image: url(/img/status-icon-42f06a33f197b08e177bea4ffeedad3b.png);
  color: #ff8702;
}

.completed-icon {
  background-image: url(/img/status-completed-icon-d4b885bca6b47d67009dd54a43992000.png);
  color: green;
}

.disp-icon {
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 3%;
  /* color: #fff; */
}

/* エラーダイアログ用 */
.ui-dialog .ui-dialog-buttonpane button {
  background: #94080D !important;
  font-size: 1em !important;
  padding: 5px 10px 5px 10px !important;
  background-image: none !important;
  border-radius: 0 !important;
}

.ui-dialog-titlebar button {
  display: none;
}

.entry-reason-area {
  padding-top: 2%;
  color: red;
}

.entry-reason-area textarea {
  margin-top: 1%;
}

/*-------------------------------
レスポンシブ対応
-------------------------------*/
/* brによる改行無効 */
br.not-pc-br {
  display: none;
}

/*非表示要素*/
.vis-hidden {
  visibility: hidden;
}

/* レスポンシブ対応用の検索結果テーブル */
.result-area-table {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 15px;
  width: 100%;
  display: grid;
}

/* ヘッダー部分 */
.result-area-table .result-head,
.result-area-table .result-head-multi {
  /* display: flex; */
  width: 100%;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
}

.result-head,
.result-head-multi,
.result-body,
.result-line,
.result-area-table .result-body .result-col.respo-label-multi,
.result-area-table .result-body .result-col label.respo-label-multi-input {
  display: contents;
}

/* ヘッダーが2行の場合 */
.result-area-table .result-head-multi .result-col {
  grid-row: auto / span 2;
}

.result-area-table .result-head .result-col,
.result-area-table .result-head-multi .result-col,
.result-area-table .result-head-multi .result-col1,
.result-area-table .result-head-multi .result-col2 {
  background: #000;
  border: 1px solid #bbb;
  padding: 1%;
}

/* モーダル */
.modal .result-area-table .result-head .result-col,
.modal .result-area-table .result-head-multi .result-col,
.modal .result-area-table .result-head-multi .result-col1,
.modal .result-area-table .result-head-multi .result-col2 {
  background: #ddd;
  color: #000;
  font-weight: 100;
}

.result-area-table .result-head .result-col label,
.result-area-table .result-head-multi .result-col label,
.result-area-table .result-head-multi .result-col1 label,
.result-area-table .result-head-multi .result-col2 label {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* ボディ部分 */
.result-area-table .result-body {
  width: 100%;
}

.result-area-table .result-body .result-col {
  border: 1px solid #bbb;
  padding: 1%;
}

.result-area-table .result-body .invalid-flag-invalid .result-col {
  background: #C0C0C0 !important;
}

.result-area-table .result-body .over {
  background: #a5b3cf !important;
  ;
}

.result-area-table .result-body .result-col label {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  overflow-wrap: anywhere;
}

.result-area-table .result-body label.not-pc-disp-label,
.result-area-table .result-body label.not-pc-disp-label-multi {
  display: none;
}

.center label {
  justify-content: center;
}

/* （ここまで）レスポンシブ対応用の検索結果テーブル */

/* レスポンシブ対応モーダル */
.modal.respo-modal .disp-not-smp {
  display: inline-block;
}

.modal.respo-modal .disp-smp {
  display: none;
}

/* トップへ戻るアイコン */
.top-move-icon-area {
  display: none;
}

.top-move-icon {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 80%;
  right: 3%;
  width: 108px;
  padding: 8px 0;
  height: 24px;
}
/* エリアを選択　各地方ボタンの配置*/
.tohoku {
	top: 34%;
	right: 21%;
}

.kanto {
	bottom: 23%;
	right: 21%;
}

.kinki {
	bottom: 4%;
	right: 39%;
}

.sikoku {
	bottom: 4%;
	left: 33%;
}

.tyubu {
	top: 35%;
	left: 40%;
}

.kyusyu {
	bottom: 22%;
	left: 21%
}

.tyugoku {
	top: 46%;
	left: 31%;
}

/** 検索アイコンの設定 */
.picture-area img {
	width: 40%;
	height: 78vh;
	object-fit: cover;
	box-sizing: border-box;
}

body.portrait .area-search-select {
    margin-top:0px;
}

body.landscape .area-search-select {
	margin-top:35px;
}


/* タブレット用 */
@media screen and (max-width: 1024px) {

  /* トップへ戻るアイコン */
  .top-move-icon-area {
    display: block;
  }

  .home-flex,
  .search-flex,
  .register-flex,
  .build-info-flex {
    margin-top: 21%;
    display: block;
    max-height: none;
  }

  /* ヘッダー部分 */
  .header-area {
    /* height: 90px; */
  }

  /* .home-item {
    width: 94vw;
    margin: 10vh 2vw;
  } */

  .search-item {
    /* width: 92vw;
    margin: 0 4vw; */
  }

  .register-item {
    /* width: 94vw;
    margin: 10vh 2vw; */
  }

  .before-login-item {
    width: 98%;
  }

  /* ヘッダー部分 */

/** ゆたかバンクヘッダーのバナー（PC・スマホ） */
  .yutaka-area img.yutaka-header,
  .yutaka-area img.yutaka-header-detail {
    display: none;
  }

/** ゆたかバンクフッター（画面下部に表示） */
  .yutaka-footar {
    display: none !important;
  }

/** ゆたかバンクヘッダー（タブレットの場合） */
	.yutaka-header-home {
		width: 30%;
		display: inline-block !important;
		margin-top: 0%;
  }

    .yutaka-header-home-detail{
	     width: 30%;
	     display: inline-block !important;
  }

	.yutaka-area-home{
	    text-align: center !important;
	    position: fixed;
	    background-color: white;
  }

  .login-user-info {
    display: none;
  }

  .logo-area {
    width: 10%;
    height: 100%;
    /* padding: 5px; */
    background: #fff;
  }

  .login-info-area {
    width: 80%;
  }

  .logo-text-not-login,
  .logo-text {
    /* color: #000;
    font-weight: 600;
    font-size: 2em; */
  }

  .logo-text {
    /* color: #000;
    font-size: 210%;
    padding: 0 10%; */
  }

  img.disp-logo-tb {
    display: block;
  }

  img.disp-logo-pc,
  img.disp-logo-sp {
    display: none;
  }

  /* ヘッダーボタンエリア */
  .head-btn {
    width: 100%;
    text-align: center;
    align-content: flex-end;
    height: 45%;
  }

  .dl-header-btn {
    padding: 0.3em !important;
  }

  .favorite-build-btn {
    padding: 0.3em !important;
    margin-left: 5%;
  }

  .btn-area-pc-layout {
    display: contents;
}
  .pdf-comment-area {
    justify-content: center;
  }

  .user-info-area {
    flex-wrap: wrap;
}

  .user-info-area .pdf-comment-area{
    height: 25%;
    width: 100%;
    font-size: 1.5em;
    text-align: center;
    align-content: center;
    padding-top: 0;
  }

  .dl-header-btn::before,
  .favorite-build-btn::before {
    width: 4vw;
    height: 3vh;
  }

  /* ログイン前ーメッセージエリア */
  .information-area {
    padding-top: 1%;
  }

  /* メニューエリア */
  .topmenu a.pdf-comment-area {
    font-size: 120%;
    padding-top: 10px;
    padding-left: 20px;
}

  .menu-button {
    height: 100%;
  }

  .menu-area {
    width: 10%;
  }

  .bottommenu a {
    width: 10%;
  }

  .bottommenu a#menu-close-button {
    order: 4;
    right: 0;
    position: absolute;
  }

  .bottommenu a.menu-icon {
    width: 15%;
  }

  .bottommenu a span {
    font-size: 1.5em;
  }

  /* フッター部分 */
  label.logout {
    display: none;
  }

  .footer-fixed p {
    font-size: 170%;
  }

  /* メニューの設定*/
  #menu-contents {
    width: 100vw;
  }

  .bottommenu {
    justify-content: center;
    margin: 0;
    position: relative;
  }

  ul.topmenu>li {
    padding: 1.5vh 0 !important;
  }

  .topmenu a {
    font-size: 160%
  }

  /* エラー・成功メッセージ */
  .search-alert,
  .info {
    font-size: 180%;
  }

  .search-alert-home,
  .info {
    font-size: 160%;
  }

  .search-alert {
    /*margin-top: 100px !important;
    margin-bottom: -7vh !important;*/
  }

  .search-alert-home {
   margin-bottom: 20px !important;
  }

.logo-img-icon img {
  height: auto;
  width: 100%;
  display: block;
}

  .info {
    /* margin-top: 10vh !important;
    margin-bottom: -11vh !important;*/
  }

  h1.search-screen-title {
    font-size: 220%;
  }

  .screen-title-area {
    width: 30%;
  }

  .back-btn-area {
    width: 70%;
    /* flex-direction: column; */
  }

  .bc-btn-area,
  .rg-btn-area {
    width: 50%;
    text-align: right;
  }

  /* エリアを選択　各地方ボタンの配置*/
  .tohoku {
	top: 34%;
	right: 1%;
  }

  .kanto {
	bottom: 15%;
	right: 16%;
  }

  .kinki {
	bottom: 13%;
	right: 39%;
  }

  .sikoku {
	bottom: 13%;
	left: 33%;
  }

  .tyubu {
	top: 36%;
	left: 43%;
  }

  .kyusyu {
	bottom: 21%;
	left: 4%
  }

  .tyugoku {
	top: 46%;
	left: 31%;
  }

/** 検索アイコンの設定 */
  .picture-area img {
    width: 85%;
	height: 78vh;
	object-fit: cover;
	box-sizing: border-box;
	object-fit: contain;
  }

  /* 検索条件divタグの設定 */
  .search_main_table-div {
    /* padding: 2.0vh 0 1.5vh 0; */
    padding-top: 3%;
  }

  .multiple-line {
    display: contents;
  }

  .search_main_table-div {
    row-gap: 5px;
  }

  .search-area .search-target-name {
    /* display: none; */
    width: 100%;
    font-size: 1.1em;
    padding-top: 1%;
  }

  .search-area .search-target-input,
  .search-area .search-target-name.status-div {
    width: 100%;
  }

  .search-area .search-target-input select {
    max-width: 70%;
    font-size: 1em;
    min-width: 30%;
  }

  .search-area .search-target-input-full select {
    width: 40%;
    font-size: 135%;
  }

  .search-area .search-target-input select option,
  .search-area .search-target-input-full select option {
    font-size: 70%;
  }

  .select-detail_item-aria div.detail_selection {
    width: 90%;
  }

  div.detail_selection {
    padding: 2.5% 0;
  }

  .search-btn-area-for-property {
    width: 70%;
    margin: 2% auto .5% auto;
    text-align: center;
  }

  /* 物件検索-検索 */
  a.searchbtn-for-property {
    /* padding: 5px 10px 5px 0 !important */
    margin: auto;
    width: 60%;
  }

  .searchbtn-for-property::before {
    width: 4.5vw;
  }

  .select-detail_item-aria {
    padding: 2.5% 0px;
    font-size: 1.75em;
  }

  .select-detail_item-aria input[type="checkbox"] {
    inline-size: 1.25rem;
    block-size: 1.25rem;
  }

  .detail_item {
    max-height: 60vh;
  }

  /*マスタ系登録画面*/
  .register-target-item,
  .register-target-item-full {
    width: 100%;
  }

  .register-input-area .register-target-item .register-target-input,
  .register-input-area .register-target-item-full .register-target-input {
    padding-left: 2%;
  }

  /* 参照系画面 */
  .register-reference-area {
    font-size: 16px;
  }

  .register-reference-area .reference-main-label {
    padding-top: 1%;
    padding-bottom: 2%;
  }

  /* 物件詳細関連画面 */
  .build-info-area {
    width: 96% !important;
  }

  .register-reference-area .reference-main-label {
    font-weight: 600;
  }

  /* 一覧系画面 */
  .respo-search-btn-area .searchbtn {
    width: 70% !important;
    font-size: 1.25em;
    height: auto !important;
    padding: 1%;
  }

  .respo-search-btn-area .client-btn.reset-button {
    width: 40%;
    font-size: 1em;
    margin-top: 3%;
    padding: 1% !important;
  }

  .sub-btn-area.respo-target {
    text-align: center;
    padding: 1% 0;
  }

  .sub-btn-area.respo-target input[type="button"] {
    width: 70%;
    font-size: 1.25em;
    padding: 1%;
  }

  /* 検索ボタン */
  .search-btn-area {
    padding-top: 5%;
  }

  /* 検索結果エリア */
  .serch-result-area {
    padding-top: 2%;
  }

  .serch-result-area h1 {
    font-size: 1.2em;
  }

  /* 検索結果欄 */
  .result-area-table {
    padding-top: 6%;
  }

  .result-area-table {
    display: block;
  }

  .result-area-table .result-head,
  .result-area-table .result-head-multi {
    display: none;
  }

  /* ボディ部分 */
  .title-area {
  margin-top: 6%;
}

  .result-area-table .result-body label.not-pc-disp-label {
    display: block;
    width: 40%;
    height: 100%;
    background: #ddd;
    text-align: center;
  }

  .result-line {
    display: block;
    border: 1px solid #bbb;
    margin-bottom: 5%;
  }

  .result-area-table .result-body .result-col {
    border: none;
    display: flex;
    padding: 0;
  }

  .result-area-table .result-body label {
    font-size: 1.25em;
    padding: 1.5%;
    border: 1px solid #bbb;
  }

  .block-title-label {
    font-size: 2em !important;
    font-weight: 600;
  }

  .center label {
    justify-content: left;
  }

  .result-area-table .result-body .invalid-flag-invalid label.not-pc-disp-label {
    background-color: #C0C0C0;
  }

  /* ヘッダーにて2行以上になっている項目 */
  .result-area-table .result-body .result-col.respo-label-multi {
    display: flex;
  }

  .respo-label-multi-label,
  .respo-label-multi-input,
  .not-pc-disp-label-multi {
    display: block;
  }

  .result-area-table .result-body .result-col.respo-label-multi label.not-pc-disp-label {
    height: auto;
    display: flex;
    justify-content: center;
  }

  .result-area-table .result-body .result-col.respo-label-multi label.respo-label-multi-input {
    display: block;
  }

  .result-area-table .result-body .result-col.respo-label-multi label.respo-label-multi-input .result-col label {
    justify-content: left;
  }

  .result-area-table .result-body .result-col.respo-label-multi label.respo-label-multi-input label {
    border: none;
  }

  .result-area-table .result-body label.not-pc-disp-label-multi {
    display: block;
  }

  /* （ここまで）一覧系画面 */
  /* 登録系画面 */
  /* ヘッダーエリア */
  .respo-title-area .screen-title-area,
  .respo-title-area .back-btn-area {
    width: 50%;
  }

  .respo-title-area .back-btn-area {
    flex-wrap: wrap;
  }

  .respo-title-area h1.search-screen-title {
    display: flex;
    align-items: center;
    height: 100%;
  }

  .respo-title-area .rg-btn-area {
    order: 2;
    width: 100%;
  }

  .respo-title-area .bc-btn-area {
    order: 1;
    width: 100%;
    padding-bottom: 2%;
  }

  /* 登録エリア */
  .respo-register-area {
    flex-wrap: wrap;
    font-size: 22px;
    padding-top: 4%;
  }

  .respo-register-area .reference-item {
    flex-wrap: wrap;
  }

  .register-reference-area.respo-register-area .reference-input-item-title {
    padding: 2% 0 1% 0;
  }

  .register-reference-area.respo-register-area .reference-item .reference-title,
  .register-reference-area.respo-register-area .reference-item .reference-val {
    width: 100%;
  }

  .register-reference-area.respo-register-area .reference-item .reference-val {
    padding: 2%;
  }

  /* 有効にするチェックボックス */
  .register-reference-area.respo-register-area .reference-item.availability-checkbox,
  .register-reference-area.respo-register-area .reference-val.availability-checkbox {
    align-items: center;
  }

  .register-reference-area.respo-register-area .reference-item.availability-checkbox input[type="checkbox"],
  .register-reference-area.respo-register-area input[type="checkbox"] {
    inline-size: 1.5em;
    block-size: 1.5em;
  }

  .register-reference-area.respo-register-area .reference-item.availability-checkbox label,
  .register-reference-area.respo-register-area .reference-val.availability-checkbox label {
    width: 60%;
  }

  .register-reference-area.respo-register-area .reference-input-item.availability {
    padding-top: 2%;
  }


  /* （ここまで）登録系画面 */

  /* モーダルダイアログ */
  .modal.respo-modal .contents-base-area {
    min-width: 98%;
    height: auto;
    padding-top: 8%;
  }

  .modal.respo-modal h1::before {
    top: 3px;
  }

  .modal.respo-modal h2 {
    font-size: 2em;
    height: 30px;
    margin: 0;
    align-content: center;
  }

  .modal.respo-modal .command-area .close-btn,
  .modal.respo-modal .command-area2 .close-btn,
  .modal.respo-modal .command-area2 .modal-register-btn {
    font-size: 1.25em;
    width: 27%;
    height: 40px;
    background-size: 53%;
    border-radius: 20px;
    background-position-y: center;
  }

  .modal.respo-modal h1 {
    height: 45px;
  }

  .modal.respo-modal .h1-name {
    font-size: 1.25em;
  }

  .modal.respo-modal .respo-head-fixed {
    position: fixed;
    z-index: 2;
    width: 100%;
    top: 0;
    background: #8f91ab;

  }

  /* モーダル　テーブル形式 */
  .modal.respo-modal .result-area-table {
    width: 98%;
    margin: 0 auto;
    padding-top: 3%;
  }

  .modal.respo-modal .result-area-table .result-body label.not-pc-disp-label {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modal.respo-modal .block-title-label {
    font-size: 1.2em !important;
  }


  /* モック用 */
  .disp-for-B {
    width: 50% !important;
  }
}

/* スマホ用 */
@media screen and (max-width: 599px) {
  .home-flex {
    margin: 22% auto 0 auto;
  }

  .search-flex {
    margin: 22% auto 0 auto;
  }

  .home-item {
    width: 96%;
  }

  .search-item {
    /* width: 92vw;
    margin: 0 4vw; */
  }

  .search-flex {
    display: block;
    max-height: none;
  }

  /* ヘッダー部分 */
  .header-area {
    height: 80px;
  }

  .logo-text {
    /* font-size: 110%; */
  }

  .logo-area {
    /* padding-right: 2%; */
    width: 17%;
  }

  .login-info-area {
    width: 66% !important;
  }

  img.disp-logo-sp {
    display: block;
  }

  img.disp-logo-pc,
  img.disp-logo-tb {
    display: none;
  }

/** ゆたかバンクヘッダーのバナー（PC・スマホ） */
  .yutaka-area img.yutaka-header,
  .yutaka-area img.yutaka-header-detail {
    display: none;
  }

/** ゆたかバンクフッター（画面下部に表示） */
  .yutaka-footar {
    display: block !important;
	width: 100%;
    height: auto;
    margin-top:3%;
    margin-bottom:5%;
    box-shadow: 10px 10px 15px -10px;
  }

/** ゆたかバンクヘッダー（タブレットの場合） */
	.yutaka-header-home {
	display: none !important;
  }

   .yutaka-header-home-detail {
	display: none !important;
  }

  .menu-area {
    width: 17%;
  }

  .user-info-area {
    align-items: normal;
  }

  .user-info-area .pdf-comment-area {
  font-size: 1.1em;
  width: 230px;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding-top: 0;
  }

  .pdf-comment-pc-div
  ,.pdf-comment-alert span
  ,.pdf-comment-alert::before {
    display: contents;
  }

  .pdf-comment-alert {
    font-size: 1em;
    animation: MoveLabel 10s linear infinite;
    transform: translateX(100%);
    padding: 1%;
}

  @keyframes MoveLabel {
    from { transform:translateX(100%); }
    to { transform:translateX(-100%); }
  }

  .head-btn {
    display: flex;
    height: 60%;
    /* align-items: flex-end; */
    justify-content: center;
    margin-top: 2.5%;
  }

  .dl-header-btn br {
    display: block;
    padding-top: 1%;
  }

  .dl-header-btn,
  .favorite-build-btn {
    border-radius: 0;
    /* font-size: 1.25em; */
    font-size: 3vw;
    display: flex;
    width: 40%;
    height: 65%;
    align-items: center;
    justify-content: center;
    padding: 0.2em !important;
  }

  .dl-header-btn::before,
  .favorite-build-btn::before {
    height: auto;
    width: auto;
    background-image: none;
  }

  /* エラー・成功メッセージ */
  .search-alert,
  .info {
    font-size: 140%;
    padding: 2%;
  }

  .search-alert {
    /*margin-top: 90px !important;
    margin-bottom: -7vh !important;*/
  }

  .search-alert-home,
  .info {
    font-size: 120%;
    padding: 2%;
  }

   .search-alert-home {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left:12px;
  }

  /* メニューの設定*/

  .topmenu a {
    font-size: 120%;
  }

  .bottommenu a.menu-icon {
    width: 20%;
  }

  .bottommenu a span {
    font-size: 1em;
  }

  /* フッター部分 */
  .footer-fixed p {
    font-size: 100%;
  }

  /* フリー検索 */
  .free-input {
    font-size: 85% !important;
    width: 90vw;
    margin: 10px 10px 10px 5px;
  }

  .free-search-btn-area {
    text-align: center;
    display: block;
  }

  /*タイトルエリアの設定*/
  h1.search-screen-title {
    font-size: 180%;
  }

  .build_info_detail-title {
    font-size: 200% !important;
  }

  .screen-title-area {
    width: 40%;
  }

  .back-btn-area {
    width: 60%;
  }

  .back-btn,
  .bulk-download-btn {
    /* font-size: 130% !important; */
    font-size: 1em !important;
  }

  .register-btn,
  .upload-btn {
    font-size: 100% !important;
  }

  .upload-btn {
    width: 100%;
  }

  .rg-btn-area {
    width: 100%;
    position: relative;
    padding-top: 6%;
  }

  .back-btn {
    width: 50%;
  }

  .back-btn,
  .register-btn,
  .upload-btn,
  .bulk-download-btn {
    /* height: 4vh !important; */

  }

  /* 検索条件divタグの設定 */
  .search_main_table-div {
    padding: 0.8vh 0 1.2vh 0;
  }


  .search-area .search-target-name {
    display: none;
  }

  .search-area .search-target-input {
    width: 50%;
  }

  .search-area .search-target-input select {
    max-width: 80%;
    font-size: 1em;
    min-width: 50%;
  }

  .search-area .search-target-input-full select {
    width: 35%;
    font-size: 100%;
  }

  .search_main_table-div.name-disp {
    display: block;
  }

  .search_main_table-div.name-disp .search-target-name {
    display: inline;
  }

  .search_main_table-div.name-disp .search-target-input {
    width: 100%;
    padding: 1% 0 4% 0;
  }

  .select-detail_item-aria div.detail_selection {
    width: 90%;
  }

  div.detail_selection {
    padding: 1.5vh 0;
  }

  .search-btn-area-for-property {
    width: 70%;
    margin: 2vh auto .5vh auto;
    text-align: center;
  }

  a.searchbtn-for-property {
    padding: 5px 10px 5px 0 !important;
    width: 80%;
    font-size: 1em;
  }

  .searchbtn-for-property::before {
    width: 6vw;
  }

  .select-detail_item-aria {
    padding: 2.5vh 0px;
    font-size: 18px;
  }

  .select-detail_item-aria input[type="checkbox"] {
    inline-size: 1rem;
    block-size: 1rem;
  }

  .detail_item {
    max-height: 60vh;
  }

  .search-area {
    padding-bottom: 3vh;
  }

  /* 一覧系 */
  /* 検索結果欄 */
  .search-btn-area {
    /* margin-top: 1vh; */
  }

  .respo-search-btn-area .searchbtn {
    margin-bottom: 4%;
  }

  .respo-search-btn-area input[type="button"].client-btn {
    width: 50%;
    padding: 1% !important;
  }

  .searchbtn {
    width: 70% !important;
  }

  .reset-button {
    /* display: none; */
  }

  .result-area-table .result-body label {
    font-size: 1em;
  }

  .block-title-label {
    font-size: 1.25em !important;
  }

  .result-area-table .result-body label.not-pc-disp-label {
    width: 55%;
  }

  /* 登録系画面 */

  .title-area.respo-title-area {
    flex-wrap: wrap;
  }

  .respo-title-area .screen-title-area,
  .respo-title-area .back-btn-area {
    width: 100%;
  }

  .respo-title-area .rg-btn-area,
  .respo-title-area .bc-btn-area {
    text-align: center;
  }

  .respo-title-area .bc-btn-area input[type="button"] {
    width: 80%;
    font-size: 0.9em !important;
  }

  .respo-title-area .rg-btn-area input[type="button"] {
    width: 40%;
    font-size: 0.9em !important;
  }

  .respo-title-area .rg-btn-area {
    padding: 0;
    padding-bottom: 3%;
  }

  .respo-title-area .bc-btn-area {
    padding: 2% 0 5% 0;
  }

  /* 登録エリア */
  .respo-register-area {
    font-size: 20px;
  }

  .register-reference-area.respo-register-area .reference-input-item-title {
    padding: 4% 0 2% 0;
  }

  .respo-register-area .reference-item {
    padding-top: 3%;
  }

  .register-reference-area.respo-register-area .reference-item .reference-val {
    padding-left: 4%;
  }

  .register-reference-area.respo-register-area .reference-item.availability-checkbox input[type="checkbox"],
  .register-reference-area.respo-register-area input[type="checkbox"] {
    inline-size: 1.25em;
    block-size: 1.25em;
  }

  .register-reference-area.respo-register-area .reference-input-item.availability {
    padding-top: 5%;
  }

  /* （ここまで）登録系画面 */
  /* モーダルダイアログ */
  .modal.respo-modal .disp-not-smp {
    display: none;
  }

  .modal.respo-modal .disp-smp {
    display: inline-block;
  }

  .modal.respo-modal .h1-name {
    font-size: 1em;
  }

  .modal.respo-modal .close-btn-resp {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    width: 8%;
    font-size: 1.25em;
    height: auto;
    padding: 0;
    border-radius: 1px;
    margin-top: 5px;
  }

  .modal.respo-modal .contents-base-area {
    padding-top: 15%;
  }

  .modal.respo-modal h2 {
    font-size: 1.5em;
    height: 23px;
  }

  /* モーダル 申請ボタン */
  .modal.respo-modal .command-area2 .modal-register-btn {
    background-color: rgba(255, 255, 255, 0.9);
    color: #8f91ab;
    background-image: none;
    border-radius: 1px;
    font-size: 1em;
    padding: 0;
    height: 35px;
    width: 30%;
    margin-right: 8%;
  }
}

/*-------------------------------
以下はモック用
-------------------------------*/
.mock {
  text-align: center;
  padding-top: 3%;
}

.mock-border {
  border-top: 3px dashed #ccc;
  padding-bottom: 1%;
}

/* モックでのみ表示するボタン（画面確認などに使用） */
.disp-for-B {
  width: 15%;
  font-size: 20px;
  color: #fff;
  height: 40px;
  background-color: #337ab7;
  margin: 1%;
}

.base-btn-mock {
  color: #fff;
  font-size: 1.5em;
  cursor: pointer;
  width: 80%;
  height: 40px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1em;
    font-weight: 100;
}