/* 虫眼鏡アイコンの色 */
.btn.btn-outline-success .fa-search {
  color: #fff;
}

/* ボタンの枠線とホバー時の色 */
.btn.btn-outline-success {
  border-color: #69b547;
  background-color: #69b547;
  color: #fff;
}
.btn.btn-outline-success:hover,
.btn.btn-outline-success:focus {
  border-color: #a2d58a;
  background-color: #a2d58a;
  color: #fff;
}

/* ボタンのホバー時に虫眼鏡アイコンの色も変更 */
.btn.btn-outline-success:hover .fa-search,
.btn.btn-outline-success:focus .fa-search {
  color: #fff;
}

/* 検索ボックスのスタイル */
.form-control {
  border: solid 1px #69b547;
  transition: 0.1s;
}

/* 検索ボックス選択時 */
.form-control:focus {
  border: solid 1px #69b547;
  box-shadow: 0 0 8px 4px #69b54730;
}