@charset "UTF-8";
/*
 * Cogmo Search UI version: 2.3.2
 * version date: 2024-01-30
 * Copyright: IACT CORPORATION.
 * Comment: 再配布を禁じます。契約者でのご利用にて改変を行うことは認められておりますが、新バージョンのUIファイルは標準ファイルのみ配布となりますので、再度、契約者で改変を行ってください。
 */
/*
 * 要素の指定はclassのみでお願いします
 * class指定はcgm-***という形でお願いします
 * 例
 * .cgm-font-color{
 *     color: red;
 * }
 */
.cgm-main #form_multiple_cogmo_search_form {
  max-width: 880px;
  margin: 0 auto 55px;
}
.cgm-main #form_multiple_cogmo_search_form > div {
  display: flex;
  flex-direction: column-reverse;
}
.cgm-main #form_multiple_cogmo_search_form #form_multiple_query_input {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-right: 0;
}
.cgm-main #form_multiple_cogmo_search_form #form_multiple_query_input + ul {
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  background: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 0 0 3px 3px;
}
.cgm-main #form_multiple_cogmo_search_form #form_multiple_query_input + ul > li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.cgm-main #form_multiple_cogmo_search_form #form_multiple_query_input + ul > li {
  display: block;
  width: 100%;
  padding: 5px 14px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease-out;
}
.cgm-main #form_multiple_cogmo_search_form #form_multiple_query_input + ul > li:hover {
  background: rgba(27, 77, 179, 0.05);
}