/* --- 空室検索セクション全体 --- */
.con_search {
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

/* 検索タイトル（ここまではサイト側の装飾） */
.search_title {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #ea6800;
  padding-bottom: 10px;
}

.search_title .jp_title {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

/* --- DYNA IBE パネル：外枠のレイアウトのみ指定 --- */

/* PC表示時の横並び設定 */
.search-panel-frame .di-search-panel {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 10px !important;
  border: none !important;
  background: transparent !important;
}

/* 各項目の「外箱」：システム側の装飾とぶつからない程度の最小限の設定 */
.search-panel-frame .di-search-panel-item {
  flex: 0 1 auto !important; /* 中身の幅に合わせる */
  background-color: #ffffff !important; /* 箱の背景は白を維持 */
  border: 1px solid #ccc !important;
  padding: 10px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* 日付エリア：文字が切れないよう、外箱の最小幅だけ確保 */
.search-panel-frame .di-search-panel-item-date {
  min-width: 320px !important; 
}

/* ボタンエリア：外箱の装飾を消してシステム側に任せる */
.search-panel-frame .di-search-panel-item-button { 
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* --- レスポンシブ（スマホ） --- */
@media (max-width: 768px) {
  .search-panel-frame .di-search-panel {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .search-panel-frame .di-search-panel-item {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
}


/* ==========================================================================
   空室検索パネル（DYNA IBE 2.0） カスタムスタイル
   ========================================================================== */

/* --- 1. チェックボックスの共通設定（PC・SP共通） --- */
input[type="checkbox"] {
    /* 縦方向の揃えを中央に固定 */
    vertical-align: middle !important;
}

.search-panel-frame input[type="checkbox"] {
    position: relative !important;
    /* 【PC調整】下にズレるのを防ぐため1px上に持ち上げ */
    /* ズレが残る場合は -2px や 0px に調整してください */
    top: -1px !important;
}

/* --- 2. スマートフォン表示用設定（768px以下） --- */
@media (max-width: 768px) {
    
    /* A. 検索パネル全体の中央寄せ */
    .search-panel-frame {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }


}