﻿/* form.css - 検索フォーム専用スタイル */

#search_map {
  width: 94%;
  margin: 20px auto 0 auto;
  text-align: center;
}
#search_map ul {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 0;
  vertical-align: top;
}

#search_map li {
  list-style: none;
  margin: 2px 0;
  font-size: 14px;      /* ← ここを小さくする（例: 14px） */
  padding: 2px 4px;     /* ← 余白も調整 */
  width: auto;          /* 必要なら幅も調整 */
  line-height: 1.2;     /* 行間も調整 */
}
#search_map input[type="checkbox"] {
  transform: scale(1);  /* チェックボックスの大きさを標準に */
  margin-right: 4px;    /* ラベルとの間隔 */
}

#search_map table {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  width: auto;
  display: block;
}
#search_map td {
  font-size: 16px;
  text-align: left;
  /* 幅を揃える */
  min-width: 100px;  /* th, td両方に指定してバランスを取る */
  box-sizing: border-box;
}
#search_map th {
  white-space: nowrap; /* 改行させない */
  text-align: left;   /* ラベルを右寄せにしたい場合 */
  font-weight: normal; /* 必要なら */
}

.tac { text-align: center; }
.w94per { width: 94%; }

/* チェックボックスのラベルを少し余白 */
#search_map label {
  margin-left: 4px;
}

/* input, select, button の基本スタイル */
#search_map input[type="text"],
#search_map select {
  font-size: 16px;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#search_map input[type="button"] {
  font-size: 13px;
  padding: 6px 16px;
  background: #DFDFDF;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

#search_map input[type="text"] {
  font-size: 13px;
  padding: 2px 4px;
  height: 22px;
  box-sizing: border-box;
}
#search_map select {
  font-size: 13px;
  padding: 2px 4px;
  height: 24px;
  width: 80px;
  box-sizing: border-box;
}

/* レスポンシブ対応（必要なら） */
@media (max-width: 600px) {
  #search_map ul {
    display: block;
    width: 100%;
  }
  #search_map table {
    width: 100%;
  }
  .w94per, #search_map {
    width: 100%;
  }
} 

#search_map table,
#search_map th,
#search_map td {
  font-size: 13px;
}
#search_map th,
#search_map td {
  padding: 3px 6px;
}