@charset "utf-8";
/* AIデジタルスタッフ（チャットボット）デザイン調整 GS */
.chatbot-container .chatbot-title {
  color: #fff;
}
.chatbot-container div {
  text-align: left;
  font-weight: bold;
}
.chatbot-container a[target=_blank] {
  background: none;
  padding-right: 0;
}

/* SP：絞り込み条件の変更ボタンと重ならないよう表示位置を調整（ABCサイトSPと同様） */
@media screen and (max-width: 768px) {
  /* チャットボット側で後から読み込まれるCSSに負けないよう html body を付与して詳細度を上げる */
  html body .chatbot-container:not(.is-open) {
    bottom: 110px !important;
    right: 0 !important;
    width: 90px !important;
    border-radius: 8px 0px 0px 8px !important;
    z-index: 80 !important;
  }
  /* 「AIチャット」が2行に折り返して縦に伸びないようにする */
  html body .chatbot-container:not(.is-open) .chatbot-title {
    white-space: nowrap !important;
  }
  .chatbot-container:not(.is-open) .chatbot-frame {
    display: none !important;
  }
  .chatbot-container:not(.is-open) .close-chatbot {
    display: none !important;
  }
}