/*
 * ファセット
 */

/* もっと見る */
.more {
	text-align: right;
	width: 100%; 
}

/* モバイル設定 */
@media screen and (max-width:600px) {
	#facet .facetSearch li+li:not(:last-child)::after {
	  content: none;
	}
	#facet .facetSearch li.choice_1:has(+li.choice_2:not(.none))::after {
	  content: ' / ';
	}
}

/* モーダル表示の背景 */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:9;
}
.modal-overlay .modal li::after {
    content: '' !important;
}

.modal-overlay[hidden] {
  display: none !important;
}

/* モーダル本体 */
.modal {
  background: #fff;
  border-radius: 6px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 16px;
  width: 90%;
  max-width: 1280px;
}

/* ヘッダー */
.modal-header-h3 {
	padding: 0px !important; /* 左を揃える */
}

/* ボディ */
.modal-body {
  margin-bottom: 16px; /* 閉じるボタンとの間隔 */
}

/* ファセット値 */
.modal-list {
  display: flex; /* 横並び */
  flex-wrap: wrap; /* 折り返しを許可 */
  gap: 8px; /* 要素間の余白 */
  list-style: none;
  padding: 0;
  margin: 0;
}
.modal-list li {
  display: inline-flex;    /* li内のaを横並びに */
}

/* フッター */
.modal-footer {
  padding: 5px 10px; /* 左を揃える */
}

/* 閉じる */
#facet-close {
  display: inline;
  margin-top: 12px;
  text-align: left;
  padding: 0;
  background: none;
  border-radius: 0;  /* 角丸削除 */
  text-decoration: underline; /* 下線を付ける */
  color: #007bff;
  cursor: pointer;
}