/* Choices.js 全体 */
.choices {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  font-size: 16px;
}

/* 閉じている時のセレクトボックス部分 */
.choices__inner {
  min-height: 48px;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 選択前のプレースホルダー */
.choices__placeholder {
  color: #999;
  opacity: 1;
}

/* ドロップダウン本体：通常時は非表示＆高さを取らない */
.choices__list--dropdown,
.choices__list[aria-expanded] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  margin-top: 4px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  box-sizing: border-box;
}

/* 開いた時だけ表示 */
.choices__list--dropdown.is-active,
.choices__list[aria-expanded].is-active {
  display: block;
}

/* 検索入力欄 */
.choices__list--dropdown .choices__input,
.choices__list[aria-expanded] .choices__input,
.wpcf7 .choices__list--dropdown .choices__input,
.wpcf7 .choices__list[aria-expanded] .choices__input {
  width: calc(100% - 20px);
  margin: 10px;
  padding: 10px 12px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  font-size: 15px;
}

/* 候補1つずつ */
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 10px 14px;
  font-size: 15px;
  color: #333;
}

/* hover・選択中 */
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f0f0f0;
  color: #333;
}

/* フォーカス時 */
.choices.is-focused .choices__inner,
.choices.is-open .choices__inner {
  border-color: #999;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
}