/* ----------------------------------------------------------------------
 製品一覧の検索フォーム（functions/showroom_search.php）
 見た目は「お問い合わせ」フォーム（入力欄 #F6F6F6 / 枠線 #ddd、送信ボタン rgba(181,0,101,1)）に合わせる
---------------------------------------------------------------------- */
.tb-showroom-search { margin:0 0 40px; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.tb-showroom-search__fields {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:20px;
}
.tb-showroom-search__field { min-width:0; }
.tb-showroom-search__field label { display:block; margin:0 0 8px; font-weight:bold; line-height:1.5; }
.tb-showroom-search__field input,
.tb-showroom-search__field select {
  display:block; width:100%; height:44px; margin:0; padding:10px 12px;
  border:1px solid #ddd; border-radius:0; background-color:#F6F6F6; color:#000; font-size:0.8125rem; line-height:1.5;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.tb-showroom-search__field select {
  padding-right:34px; cursor:pointer;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:10px 6px;
}
.tb-showroom-search__field input:focus,
.tb-showroom-search__field select:focus { border-color:rgba(181,0,101,1); background-color:#fff; }

.tb-showroom-search__actions {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-align:center; -webkit-align-items:center; align-items:center;
  -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
  gap:30px; margin-top:30px;
}
.tb-showroom-search__submit {
  min-width:200px; padding:15px 2em; cursor:pointer;
  border:1px solid rgba(181,0,101,1); border-radius:0; background:rgba(181,0,101,1);
  color:#fff; font-size:1rem; font-weight:bold; line-height:1.5;
  -webkit-transition:all 0.6s ease; transition:all 0.6s ease;
}
.tb-showroom-search__submit:hover,
.tb-showroom-search__submit:focus { background:#fff; color:rgba(181,0,101,1); }
.tb-showroom-search__clear {
  display:inline-block; min-width:200px; padding:15px 2em; text-align:center;
  border:1px solid #ccc; background:#fff; color:#000; font-size:1rem; font-weight:bold; line-height:1.5; text-decoration:none;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease;
}
.tb-showroom-search__clear:hover,
.tb-showroom-search__clear:focus { background:#f2f2f2; color:#000; }

.tb-showroom-search__result { margin:-40px 0 30px; font-weight:bold; line-height:1.7; }

@media screen and (max-width:950px) {
  .tb-showroom-search__fields { grid-template-columns:1fr 1fr; }
  .tb-showroom-search__field--keyword { grid-column:1 / -1; }
}
@media screen and (max-width:750px) {
  .tb-showroom-search { margin-bottom:30px; padding:20px 0; }
  .tb-showroom-search__fields { grid-template-columns:1fr; gap:15px; }
  .tb-showroom-search__field input,
  .tb-showroom-search__field select { font-size:16px; } /* iOSで入力時に拡大されないよう16px以上にする */
  .tb-showroom-search__actions { -webkit-flex-direction:column; flex-direction:column; gap:15px; margin-top:20px; }
  .tb-showroom-search__submit,
  .tb-showroom-search__clear { width:100%; }
  .tb-showroom-search__result { margin:-20px 0 20px; }
}