/* === Direct In：人数/スラッシュ/客室 強制横並び再修正（幅と隙間を再調整） === */
.search-panel-frame {
  width: 240px !important;
  margin: 0 auto 20px 0 !important;
  padding: 6px 6px !important;
  box-sizing: border-box !important;
  background: #f9f9f9 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 12.5px !important;
  overflow: hidden !important;
}

/* ★★★ 人数、客室のラベルを完全に非表示にする（横並びの妨げになるため） ★★★ */
.search-panel-frame label[for*="cmbADULT"],
.search-panel-frame label[for*="hidROOM"],
.search-panel-frame .label-guest,
.search-panel-frame .label-room {
  display: none !important;
}

/* 4. 人数、客室数、スラッシュの横並びを強制 */
.search-panel-frame .directin-sp-form-row:nth-of-type(2) {
  margin: 5px 0 !important;

  /* 横並びを強制 */
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  flex-wrap: nowrap !important;
  gap: 15px !important;
  /* ★隙間を15pxに設定 */
  min-width: 0 !important;
  width: 228px !important;
}

/* セレクトボックスのラッパーの役割を無効化 (維持) */
.search-panel-frame .guests-select,
.search-panel-frame .rooms-select {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
}

/* ★★★ セレクトボックス本体の幅を90pxに固定 ★★★ */
.search-panel-frame select[name*="cmbADULT"],
.search-panel-frame select[name*="hidROOM"],
.search-panel-frame select {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important;
  height: 26px !important;
  padding: 2px 6px !important;
  box-sizing: border-box !important;
  font-size: 12.5px !important;
  display: block !important;
}

/* ★★★ 区切り（スラッシュ）の幅を8pxに固定 ★★★ */
.search-panel-frame .guests-rooms-sep,
.search-panel-frame .sep {
  width: 8px !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 26px !important;
  margin: 0 !important;
  display: block !important;
}

/* ---------------------------------------------------- */
/* === その他の設定（日付、検索ボタンなど）は維持 === */
/* ---------------------------------------------------- */

/* 宿泊日ブロックの構造 (日程未定の折り返し機能は一旦無効化) */
.search-panel-frame .directin-sp-form-row:nth-of-type(1) {
  display: block !important;
  /* 横並び・折り返し機能を無効化し、ブロックとして配置 */
  width: 228px !important;
  max-width: 228px !important;
  margin-bottom: 5px !important;
}

/* カレンダー入力フィールドの幅と display (維持) */
.search-panel-frame .directin-sp-form-input-group {
  display: inherit !important;
  margin: 5px 0 !important;
  width: 228px !important;
  max-width: 228px !important;
  overflow: hidden !important;
}

/* 日付表示とアイコンの非表示 (維持) */
.search-panel-frame .directin-sp-date,
.search-panel-frame .directin-sp-label--date,
.search-panel-frame .directin-sp-calendar-icon,
.search-panel-frame .directin-sp-input--date {
  display: none !important;
}

/* 日程未定チェックボックスの配置（現状の縦配置を維持） */
.search-panel-frame .directin-sp-checkbox,
.search-panel-frame .directin-sp-form-checkbox,
.search-panel-frame label[for*="chkDATEUNDET"] {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12.5px !important;
  margin-top: 2px !important;
  width: auto !important;
  justify-content: flex-start !important;
  max-width: 228px !important;
  padding-right: 0px !important;
  box-sizing: border-box !important;
}

/* 検索ボタンを幅200pxで中央に配置 (維持) */
.search-panel-frame button,
.search-panel-frame input[type="submit"] {
  width: 200px !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
  padding: 6px 0 !important;
  font-size: 13px !important;
  border-radius: 4px !important;
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  box-sizing: border-box !important;
}

.search-panel-frame input[type="text"],
.search-panel-frame input[type="date"],
.search-panel-frame .directin-sp-input--text {
  max-width: 100% !important;
  width: 220px !important;
  min-width: 0 !important;
  height: 32px !important;
  font-size: 10px !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
}

.search-panel-frame input[type="checkbox"] {
  margin: 0 4px 0 0 !important;
  vertical-align: middle !important;
}

.directin-sp-form-date-input {
  display: block !important;
  height: 80px;
}

.directin-sp-form-guest-room-input-group {
  display: flex !important;
}

.directin-sp-form-date-input-group {
  position: relative;
}

.directin-sp-form-nodate-checkbox {
  position: absolute;
  top: 60px;
}

.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
  font-size: 1em;
  margin-bottom: 10px;
}

.directin-sp-form {
  padding: 0;
}

.search-panel-frame h2 {
  font-size: 1.4em;
  background-color: #004e50;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

.search-info {
  display: block;
}

#frmplanseek{
  margin-bottom:10px !important;
}

/*
#frmplanseek,
#qr {
    display: none;
}
    */