@charset "UTF-8";
/*--変数設定--*/
/*横幅*/
/*ブレイクポイント設定*/
/*--mixin設定--*/
/*レスポンシブル*/
#com_serch form h4 {
  font-size: 1.15em !important;
  margin-top: 10px;
}

#com_serch form div.form-check {
  display: inline-block;
  margin-right: 0.5em;
}

#com_serch form select.form-select {
  width: 300px;
}

#com_serch table {
  width: 100%;
  display: block;
}

#com_serch table thead {
  display: none;
}

#com_serch table tbody {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  border-top: none;
}

@media screen and (max-width: 1025px) {
  #com_serch table tbody {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 480px) {
  #com_serch table tbody {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

#com_serch table tbody > a {
  display: block;
  width: 95%;
  background-color: #fff;
  padding: 10px 15px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-left: 3px solid #636363;
  border-radius: 0 5px 5px 0;
  -webkit-filter: drop-shadow(rgba(99, 99, 99, 0.2) 0px 2px 8px);
          filter: drop-shadow(rgba(99, 99, 99, 0.2) 0px 2px 8px);
  text-decoration: none;
  color: #212121;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 480px) {
  #com_serch table tbody > a {
    padding: 8px 15px;
  }
}

#com_serch table tbody > a:hover {
  background-color: #d5e9fc;
}

#com_serch table tbody > a tr {
  display: block;
  border-bottom-width: 0;
}

#com_serch table tbody > a tr td {
  display: block;
  width: 100%;
}

#com_serch table tbody > a tr td img {
  max-width: 100%;
  height: auto;
}

#com_serch table tbody > a tr td:nth-child(1) {
  padding-bottom: 0.2em;
}

#com_serch table tbody > a tr td:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #f1f1f1;
  border-bottom: none;
  margin-bottom: 5px;
}

#com_serch table tbody > a tr td:nth-child(3) {
  display: inline-block;
  font-size: 0.9em;
  padding: 0.14em 0.5em 0.21em 0.5em;
  margin-right: 0.2em;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #858585;
}

@media screen and (max-width: 480px) {
  #com_serch table tbody > a tr td:nth-child(3) {
    font-size: 0.85em;
  }
}

#com_serch table tbody > a tr td:nth-child(4) {
  display: inline-block;
  font-size: 0.9em;
  padding: 0.14em 0.5em 0.21em 0.5em;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  border: 1px solid transparent;
}

@media screen and (max-width: 480px) {
  #com_serch table tbody > a tr td:nth-child(4) {
    font-size: 0.85em;
  }
}

#com_serch table tbody > a tr td:nth-child(5) {
  display: none;
}

#com_serch table tbody > a tr td:nth-child(6) {
  min-height: 9em;
  overflow: hidden;
  padding-top: 0.3em;
}

#com_serch table tbody > a tr td:nth-child(6) p {
  font-size: 0.9em;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

@media screen and (max-width: 480px) {
  #com_serch table tbody > a tr td:nth-child(6) {
    display: none;
  }
}

#com_serch table tbody > a tr td:nth-child(7) {
  font-size: 0.9em;
  letter-spacing: 0.04em;
  padding-top: 5px;
}

@media screen and (max-width: 480px) {
  #com_serch table tbody > a tr td:nth-child(7) {
    display: none;
  }
}
/*# sourceMappingURL=com_serch.css.map */