@charset "UTF-8";
/* Engine Guide
   検索エンジン選択の下に表示する「対策対象箇所」の説明画像
   （サジェストPR / サジェスト削除 / サジェスト見守り対策）
   ----------------------------------------------------------------- */

/* 親の .c-search--box は display:grid / gap:8px。
   ラッパー自身をグリッドアイテムにすると、全画像が非表示のとき（説明画像が
   用意されていないエンジンを選択したとき）に空の行と余白が残る。
   display:contents でラッパーを畳み、表示中の1枚だけをグリッドアイテムにする。 */
.c-engine-guide {
  display: contents;
}

.c-engine-guide__item {
  display: none;
}

.c-engine-guide__item--active {
  display: block;
}

.c-engine-guide__img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #ffffff;
}