@charset "UTF-8";
/* [顧客側] レンタカー css */

.inp-wrap > dl > dl > dt:not(.sub-ttl) { width: 120px; }
#rent2-form-wrap .inp-wrap > dl > dl > dt:not(.sub-ttl) { width: 192px; }
#rent9-wrap dd .u-jyen {
  text-align: right;
  min-width: 100px;
}
.inp-wrap dl dl dd { max-width: none; }

.bgimg { width: 300px; }
.bgimg, .photo-box img { height: 152px; max-width: 300px; }
/*.form-readonly .u-jyen { min-width: 80px; text-align: right; } 利用料金・延長料金 右寄せ不要 */

/* 未ログイン時のボタン */
.start-btn-wrap {
  margin-top: 20px;
}
.start-btn-wrap p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
.start-btn-wrap ul {
  display: flex;
  gap: 40px;
  justify-content: center;
}

.form-readonly .wrn-msg {
  font-size: 11px;
  color: var(--dan);
  line-height: 1.3;
}

/* ログインモーダル */
#login_modal .modal-content { max-width: 600px; padding: 20px 40px; }
#login_modal .inp-wrap > dl { margin: 40px 0; }
#login_modal div.ta-c:has( > a) { margin: 20px 0; }
#login_modal a { cursor: pointer; }
#login_modal .inp-wrap { position: relative; }
#login_modal .inp-wrap .login-err-msg { position: absolute; color: var(--dai-main-color); left: 0; bottom: 4px; }

/* テーブル */
.list-box {
  border-left: var(--tbl-br);
}
.list-box .tbl-outer {
  max-height: none;
}
table.tbl-th tr th {
  border: var(--tbl-br);
  border-left: none;
  border-right: var(--tbl-br);
  border-bottom: none;
  text-align: center;
  padding: 4px;
}
table tr td {
  border: var(--tbl-br);
  border-left: none;
  padding: 8px 4px;
}
table tr td.no-vlcCls-only {
  padding: 8px 12px;
}

/* 検索条件 */
.rent-frto-box { padding-bottom: 18px; }
:is(.-fr, .-to) input { width: 128px; }
:is(.-fr, .-to) .time-box { width: 92px; display: inline-block; position: relative; }
:is(.-fr, .-to) .time-box::after {
  content: '\f017';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
:is(.-fr, .-to) .datepicker-here-wrap.icn-cal::after { bottom: auto; right: 12px; top: 50%; transform: translateY(-50%); color: #999; }
[data-frto-err] { position: relative; }
[data-frto-err]::after {
  content: attr(data-frto-err);
  font-size: 11px;
  color: var(--dan);
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 検索条件 ＞ チェックボックス */
.inp-wrap dl dl dd.chkbox-wrap { display: block; }
.inp-wrap dl dl dd.chkbox-wrap ul { display: flex; flex-wrap: wrap; gap: 6px 0; width: 800px; }
.inp-wrap dl dl dd.chkbox-wrap ul li { width: 30%; }

.price-tbl-box { width: 1000px; margin-top: 20px; border: 2px solid #999; border-radius: 4px; display: none; }
.price-tbl-box .col_vcl { width: 240px; }
.chkbox-wrap:has(:checked) .price-tbl-box { display: block; }

label[for^="shopVclCls_"]::after { content: '台'; font-size: 80%; margin-left: 0.3em; }

/* 店舗の空き車両状況 */
#shop-cls-select-wrap .col_shop { width: 240px; }
#shop-cls-select-wrap .col_tel { width: 200px; }
#shop-cls-select-wrap .col_vclCls { width: 160px; }
#shop-cls-select-wrap .list-box {
  overflow: auto;
  -ms-overflow-style: auto;
  scrollbar-width: auto;
  scrollbar-width: thin;
}
#shop-cls-select-wrap .list-box[data-cls-cnt="1"] { width: 402px; }
#shop-cls-select-wrap .list-box[data-cls-cnt="2"] { width: 562px; }
#shop-cls-select-wrap .list-box[data-cls-cnt="3"] { width: 722px; }
#shop-cls-select-wrap .list-box[data-cls-cnt="4"] { width: 882px; }
#shop-cls-select-wrap .list-box[data-cls-cnt="5"] { width: 1042px; }
#shop-cls-select-wrap table.tbl-th tr th:nth-of-type(n+4) { padding: 4px 2px; font-size: 14px; }
#shop-cls-select-wrap table tr td:has([type="radio"]) { text-align: center; }
#shop-cls-select-wrap .rdo.mid [type="radio"]+label::before { width: 12px; height: 12px; }
#shop-cls-select-wrap .rdo.mid [type="radio"]+label::after { width: 10px; height: 10px; left: -2px; }
#shop-cls-select-wrap [data-nohit-reason] { position: relative; }
#shop-cls-select-wrap [data-nohit-reason]::after {
  content: attr(data-nohit-reason);
  font-size: 11px;
  color: var(--dan);
  position: absolute;
  bottom: -2px;
  right: 4px;
}


.btn-wrap-h { margin-top: 40px; }