@charset "UTF-8";
/*--------------------------*/
.div-main {
  text-align: center;
  padding-top: 70px;
}

/*--------------------------*/
.form-main {
  width: 90%;
  margin: auto;
  /*
  margin-top: 1rem;
  margin-left: 1rem;
  */
}

/*--------------------------*/
.tbl-search-main {
  width: 100%;
  color: rebeccapurple;
  text-align: left;
  border-collapse: collapse;
}
.tbl-search-main td {
  border: solid 1px;
}

/*--------------------------*/
.tbl-search-sub {
  width: 100%;
  color: black;
  text-align: left;
  border-collapse: collapse;
  font-size: 1rem;
}
.tbl-search-sub th {
  height: 1rem;
  background: #9fc2e0;
  border: solid 1px;
  font-size: 1rem;
}
.tbl-search-sub td {
  height: auto;
  background: #f9fdf5;
  border: solid 1px;
  font-size: 1rem;
}
.tbl-search-sub td .div-item {
  padding: 5px 10px;
}
.tbl-search-sub td .div-item label input {
  display: none; /* デフォルトのinputは非表示にする */
}
.tbl-search-sub td .div-item label span {
  color: #333; /* 文字色を黒に */
  font-size: 14px; /* 文字サイズを14pxに */
  border: 1px solid #333; /* 淵の線を指定 */
  border-radius: 20px; /* 角丸を入れて、左右が丸いボタンにする */
  padding: 5px 15px; /* 上下左右に余白をトル */
  display: inline-block; /* span 要素をブロックレベルに変更して上下の余白を適用 */
  margin-bottom: 5px; /* 上下に 5px の余白を追加 */
}
.tbl-search-sub td .div-item label input:checked + span {
  color: #FFF; /* 文字色を白に */
  background: #333; /* 背景色を薄い赤に */
  border: 1px solid #333; /* 淵の線を薄い赤に */
}

/*--------------------------*/
.btn_search {
  font-size: 1rem;
}/*# sourceMappingURL=style-search.css.map */