#chatbot-container .chatHeader h6{
  font-size: 20px !important;
  line-height: 20px !important;
}
#chatbot-container .chatHeader {
  background-color: #fa3c4c !important;
  color: #fff !important;
}

/* 公式通販バッジ */
#chatbot-container .chatHeader #kosiki,
#chatbot-container #kosiki {
  display: inline-block !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  background: #ff9300 !important;
  background-color: #ff9300 !important;
  padding: 5px 12px !important;
  margin-left: 6px !important;
  border-radius: 9999px !important;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 2px 8px rgba(255, 147, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  letter-spacing: 0.5px !important;
}

@media (max-width: 768px) {
  #chatbot-container .chatHeader #kosiki,
  #chatbot-container #kosiki {
    font-size: 0.7em !important;
    padding: 4px 10px !important;
    margin-left: 4px !important;
  }
}

@media (max-width: 480px) {
  #chatbot-container .chatHeader #kosiki,
  #chatbot-container #kosiki {
    font-size: 0.65em !important;
    padding: 3px 8px !important;
    margin-left: 3px !important;
  }
}
#chatbot-container,
html.onshow{
  background-color: #fceeef;
}

#chatbot-container .inputContainer {
  position: initial;
  float: initial;
}

#chatbot-container .nextbtn-container, #chatbot-container .element-container{
  margin-left: initial!important;
}

#chatbot-container .option-label .listInputContainer {
  width: 100%;
  align-items: flex-start;
}
#chatbot-container .chatbot-element[data-custom-id="gender"] .list, #chatbot-container .chatbot-element[data-custom-id="sex"] .list {
  gap: 8px;
}

/* ボタン */
#chatbot-container .btn-primary {
  background-color: #fa3c4c;
  color: white;
}
#chatbot-container .btn {
  background-color: #fa3c4c !important;
  color: #fff !important;
}
#chatbot-container .btn:disabled {
  background-color: #ddd4d5 !important;
}

/* バルーン（ボット側メッセージ） */
#chatbot-container .balloon {
  background-color: #fb695b;
  color: #fff !important;
  font-size: 1.15rem !important;
  line-height: 1.65rem !important;
}

#chatbot-container .balloon a,
#chatbot-container .balloon span,
#chatbot-container .balloon * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 選択肢 */
#chatbot-container .sa-option-label {
  background-color: #faeeed !important;
  color: #74121f !important;
}
#chatbot-container .sa-option-label.selected {
  background-color: #ffd4d0 !important;
  color: #74121f !important;
}

/* 入力欄 */
#chatbot-container input[type="text"],
#chatbot-container input[type="tel"],
#chatbot-container input[type="email"],
#chatbot-container input[type="number"],
#chatbot-container input[type="password"],
#chatbot-container select,
#chatbot-container textarea {
  color: #74121f !important;
  background-color: #ffffe6 !important;
  border: solid 1px #fa3c4c !important;
}

#chatbot-container #kkg-send-container * {
  font-size: 0.9rem;
}

#chatbot-container #kkg-send-container .hideLabel {
  font-size: 0 !important;
}

#chatbot-container #kkg-send-container .balloon,
#chatbot-container #kkg-send-container .balloon * {
  font-size: 1.15rem !important;
}

.course_detail {
  display: block !important;
  font-size: 10px !important;
}

.closeConfirmContent {
  height: 50vh !important;
}

#np-postpay-description {
  display: none !important;
}

.nppostpayRetryOk {
  display: none !important;
}

/* NP後払いのロゴ画像も削除 */
img[alt="NP後払い"] {
  display: none !important;
}

/* NP後払いの説明文コンテナも削除 */
.chatbot-element[data-element-type="NPPostpay"] .w-full.rounded-lg.bg-white.drop-shadow-sm.p-2.mb-2 {
  display: none !important;
}

/* アコーディオン内の二重スクロールを解消 */
#chatbot-container #kkg-send-container accordion-item .accordion-body {
  max-height: none !important;
  overflow-y: visible !important;
  border: none !important;
}

/* submitButtonのバウンスアニメーション */
#submitButton {
  animation: bounce 2.6s infinite ease-in-out !important;
  overflow: hidden !important;
}

@keyframes bounce {
  5% {
    -webkit-transform: scale(1.2, .8);
  }
  10% {
    -webkit-transform: scale(.8, 1.2) translateY(-5px);
  }
  15% {
    -webkit-transform: scale(1, 1);
  }
}

/* submitButtonのリフレクトアニメーション */
#send-submit-container #submitButton:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 10%;
  height: 150%;
  background: #fff;
  transform: rotate(45deg);
  animation: reflect 4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes reflect {
  0%, 75% {
    transform: rotate(45deg) scale(0);
    opacity: 1;
  }
  100% {
    transform: rotate(45deg) scale(100);
    opacity: 0;
  }
}

/* タイマーボタン#aqur_timerを非表示にする（manaraと同様の処理） */
#aqur_timer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}