/*チャットボット::ベースカラー設定
==========================================================*/
/*チャットボット内の背景
-------------------------------------*/
#chatbot {
  background: #fff;
}

/*OPENボタン
-------------------------------------*/
/*ボタン背景とボタンライン*/
.chatbot-btn {
  color: var(--color-text-base);
  background:var(--color-white);
  border-bottom: 5px solid var(--color-secondary);
  /* z-index: 51; */
}


/*テキスト＆企業名
-------------------------------------*/
.chatbot-box-txtbx {
  /* background: linear-gradient(270deg, var(--gradation-main));
   */
background: var(--color-primary);
  border: solid 1px #777979;
  border-bottom: none;
  font-weight: var(--font-weight-medium);
}


/*CLOSEボタン
-------------------------------------*/
/*ボタン背景*/
.chatbot-btn.current .btn-bx {
  background:var(--color-tertiary);

}

/*ボタンライン*/
.chatbot-btn.current .btn-bx .line:nth-child(1),
.chatbot-btn.current .btn-bx .line:nth-child(3) {
  background: #fff;
}

/*テキスト外枠ボーダーカラー
----------------------------------*/
#chatbot-app {
  /* border: solid 1px #ccc; */
  border-top: none;
  border: solid 1px #777979;

}

/*回答テキストカラー
----------------------------------*/
.human.botui-message-content.text {
  background-color: var(--color-text-primary);
  border-bottom: 4px solid #399448;
  font-weight: var(--font-weight-medium);
}

/*選択ボタン
----------------------------------*/
.botui-actions-buttons-button {
  background-color:var(--color-primary);
  font-weight: var(--font-weight-medium);
  /* font-family: var(--font-main); */

}

/*アナウンステキスト
----------------------------------*/
.botui-message-content {
  color: var(--color-text-base);
  background-color: var(--color-theme);
  border-bottom: 4px solid var(--color-secondary);
  font-weight: var(--font-weight-medium);
}
.botui-message-content a{
  display: inline;
}