@charset "UTF-8";
/* **********************************************************************************
	イニシャライズ
********************************************************************************** */
body {
  margin: 0; }

.chatbot-area div, .chatbot-area span, .chatbot-area h1, .chatbot-area h2, .chatbot-area h3, .chatbot-area h4, .chatbot-area h5, .chatbot-area h6, .chatbot-area p, .chatbot-area blockquote, .chatbot-area pre, .chatbot-area address, .chatbot-area cite, .chatbot-area code, .chatbot-area img, .chatbot-area q, .chatbot-area samp, .chatbot-area small, .chatbot-area sub, .chatbot-area sup, .chatbot-area dl, .chatbot-area dt, .chatbot-area dd, .chatbot-area ol, .chatbot-area ul, .chatbot-area li, .chatbot-area fieldset, .chatbot-area form, .chatbot-area label, .chatbot-area legend, .chatbot-area table, .chatbot-area caption, .chatbot-area tbody, .chatbot-area tfoot, .chatbot-area thead, .chatbot-area tr, .chatbot-area th, .chatbot-area td, .chatbot-area article, .chatbot-area aside, .chatbot-area canvas, .chatbot-area figcaption, .chatbot-area figure, .chatbot-area footer, .chatbot-area header, .chatbot-area nav, .chatbot-area section, .chatbot-area time, .chatbot-area audio, .chatbot-area video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
  background-color: transparent; }

.chatbot-area blockquote, .chatbot-area q {
  quotes: none; }

.chatbot-area blockquote:before, .chatbot-area blockquote:after, .chatbot-area q:before, .chatbot-area q:after {
  content: '';
  content: none; }

.chatbot-area a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.chatbot-area table {
  border-collapse: collapse;
  border-spacing: 0; }

.chatbot-area input, .chatbot-area select {
  vertical-align: top; }

.chatbot-area article, .chatbot-area aside, .chatbot-area footer, .chatbot-area header, .chatbot-area main, .chatbot-area nav, .chatbot-area section {
  display: block; }

.chatbot-area {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif; }
  .chatbot-area a:link {
    color: #2451c6;
    text-decoration: none; }
  .chatbot-area a:active {
    color: #2451c6;
    text-decoration: underline; }
  .chatbot-area a:visited {
    color: #7c169e;
    text-decoration: none; }
  .chatbot-area a:hover {
    color: #2451c6;
    text-decoration: underline; }
  .chatbot-area input {
    font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif; }
  .chatbot-area .clearfix {
    min-height: 1px; }
    .chatbot-area .clearfix:after {
      content: "";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }

/* -------------------------------------------------------------------
	初期化
------------------------------------------------------------------- */
.chatbot-area {
  /* リンクアイコンを消去 */ }
  .chatbot-area p {
    margin: 1em 0 0;
    font-size: 14px;
    line-height: 1.7em; }
  .chatbot-area ol, .chatbot-area ul {
    margin: 1em 0 0 29px; }
  .chatbot-area li {
    margin: 0.4em 0 0;
    font-size: 14px;
    line-height: 1.7em; }
  .chatbot-area li ul {
    margin: 1em 0 0 14px; }
  .chatbot-area dl {
    margin: 1em 0 0; }
  .chatbot-area dt {
    font-size: 14px;
    line-height: 1.7em; }
  .chatbot-area dd {
    font-size: 14px;
    line-height: 1.7em; }
  .chatbot-area table {
    font-size: 14px;
    line-height: 1.7em; }
  .chatbot-area a img {
    margin-left: -16px; }

/* *****************************************************************************
	PC対応 チャットボット
***************************************************************************** */
.wc-hidden {
  visibility: hidden; }

.chatbot-area {
  max-width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; }
  .chatbot-area .chatbot-title {
    margin: 0;
    padding: 10px 0 8px;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: bold; }
  .chatbot-area .child-cancel-button {
    position: relative;
    right: 0;
    width: calc((14px * 8) + (28px * 2) + (1px * 2));
    margin: calc(((22px * 1.2) + 10px + 8px) * -1) 0 10px auto;
    font-size: 14px;
    line-height: 1em;
    text-align: right; }
    .chatbot-area .child-cancel-button button {
      margin: 0;
      padding: 9px 28px;
      border: 1px solid #ccc;
      border-radius: 2em;
      background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 100%);
      background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
      font-size: 14px;
      font-weight: bold;
      line-height: 1em;
      white-space: nowrap;
      cursor: pointer;
      outline: none; }
      .chatbot-area .child-cancel-button button:hover {
        background: #f0f0f0;
        box-shadow: inset 0 0 0 2px #fff; }
  .chatbot-area #BotChatElement .wc-app {
    margin: -1px 0 0; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel {
      position: relative; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper {
        position: absolute;
        top: 8px;
        right: 18px;
        z-index: 201;
        width: calc(100% - (27px * 2) - 18px);
        margin: 0 27px;
        overflow: hidden; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me {
          margin-right: 17px;
          text-align: right; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .accompanying-info {
            display: none; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
            margin-left: auto;
            padding-right: 13px;
            width: 670px;
            overflow: hidden;
            transform: translate(0, 0); }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
              width: 660px;
              float: right; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                display: inline-block;
                position: relative;
                max-width: 660px;
                margin: 5px 0 10px 10px;
                padding: 12px 14px 10px;
                box-sizing: border-box;
                vertical-align: top;
                text-align: left;
                background: #fff3be;
                border-radius: 1.3em;
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
                word-break: break-all; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                  display: block;
                  position: absolute;
                  top: 14px;
                  right: -14px;
                  width: 17px;
                  height: 15px;
                  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFF3BE' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E");
                  background-repeat: no-repeat;
                  content: ""; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane {
        position: relative;
        border: 1px solid #ccc;
        border-bottom: none;
        box-sizing: border-box;
        background-color: #fcfcfc; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups {
          min-height: 270px;
          overflow-y: scroll;
          -webkit-transition: height 0.3s ease;
          transition: height 0.3s ease; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups::before, .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups::after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 200;
            content: ""; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups::before {
            width: 100%;
            height: 4px;
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups::after {
            width: 4px;
            height: 100%;
            background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
            background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content {
            padding: 27px; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper::after {
              display: block;
              content: "";
              clear: both; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.hide {
              display: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement {
              float: left;
              overflow: hidden;
              width: 670px;
              padding-left: 13px;
              -webkit-animation: statement-answer 0.7s ease-out 0s 1 alternate;
              animation: statement-answer 0.7s ease-out 0s 1 alternate; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner {
                width: 670px; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner img {
                  max-width: 100%;
                  height: auto;
                  vertical-align: top; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                  display: inline-block;
                  position: relative;
                  max-width: 660px;
                  margin: 5px 10px 10px 0;
                  padding: 12px 17px 13px;
                  border: 2px solid #ffd297;
                  border-radius: 16px;
                  box-sizing: border-box;
                  background: #fff;
                  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
                  vertical-align: top;
                  word-break: break-all; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main p {
                    font-size: 16px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a {
                    display: inline-block;
                    position: relative;
                    min-height: 16px;
                    padding-left: 20px;
                    color: #2451c6;
                    cursor: pointer; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
                      display: block;
                      position: absolute;
                      top: 3px;
                      left: 0;
                      width: 15px;
                      height: 15px;
                      content: "";
                      border-radius: 10em;
                      background: #ff8225 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFMjkwOEZGNzE2OEVFNzExQUQ2QkIzMjExOTE0QzkxNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRUEyMDc2MEUwNzcxMUU3QTNGQkI0QzcxMjQzMzIzOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRUEyMDc1RkUwNzcxMUU3QTNGQkI0QzcxMjQzMzIzOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwQTE4RTlDMzdEM0U3MTFBNTlBOUU1MzA4QTZFMjU2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyOTA4RkY3MTY4RUU3MTFBRDZCQjMyMTE5MTRDOTE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nL9whwAAACxJREFUeNpi/P//PwMUwBkwwEiKJCOS3H+QJEyQoCSGseg6MCQxxEEEQIABAMq/H+6Wq3AhAAAAAElFTkSuQmCC) 4px 4px no-repeat;
                      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26); }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a[href^="tel:"] {
                      padding-left: 0; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a[href^="tel:"]::before {
                        content: none; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl {
                    margin: 0;
                    padding: 0; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dt {
                      margin: 1em 0 0;
                      padding: 0;
                      font-size: 16px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dt a {
                        margin-bottom: 0; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dd {
                      margin-top: 0.2em; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-show-dl {
                    text-align: right;
                    font-size: 16px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                    display: block;
                    position: absolute;
                    top: 14px;
                    left: -16px;
                    width: 17px;
                    height: 15px;
                    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M12.75,0 c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    content: ""; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main button {
                    display: inline-block;
                    width: auto;
                    margin: 7px 0 0;
                    padding: 8px 15px 7px;
                    border: 1px solid #eaeaea;
                    border-radius: 2em;
                    outline: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    box-sizing: border-box;
                    background: #fff;
                    font-size: 16px;
                    font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
                    text-align: left;
                    cursor: pointer;
                    color: #2451c6;
                    text-decoration: none;
                    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main button:hover {
                      background: #f0f0f0;
                      box-shadow: 0 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
                      color: #2451c6;
                      text-decoration: underline; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .wc-list .wc-card .wc-card-buttons {
                    list-style: none;
                    margin: 0; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .wc-list .wc-card .wc-card-buttons li {
                      margin: 0; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .confidence {
                    display: inline-block;
                    margin-top: 10px;
                    padding-top: 15px;
                    color: #999;
                    font-size: 13px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback {
                    margin: 14px -14px -10px;
                    padding: 11px 13px 10px;
                    background: #f9f9f9;
                    border-radius: 0 0 12px 12px; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback p {
                      display: inline-block;
                      margin-top: 0;
                      font-size: 14px;
                      vertical-align: middle; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .buttons {
                      display: inline-block; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button {
                      display: inline-block;
                      min-width: 88px;
                      margin: 0 0 0 12px;
                      padding: 5px 10px 4px;
                      border: 1px solid #ccc;
                      border-radius: 10em;
                      outline: none;
                      box-sizing: border-box;
                      background: #fcfcfc;
                      background: -webkit-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
                      background: linear-gradient(to bottom, #fdfdfd 0%, #f5f5f5 100%);
                      -webkit-appearance: none;
                      -moz-appearance: none;
                      font-size: 12px;
                      font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
                      line-height: 1.3em;
                      text-align: center;
                      vertical-align: middle;
                      box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
                      color: #000;
                      cursor: pointer; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button:hover {
                        background: #f0f0f0;
                        text-decoration: none; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button + button {
                        margin-left: 5px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button.disabled {
                        color: #ccc !important;
                        cursor: default; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button.osk-comment {
                        margin: 5px 0 0; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .comment-area.hide {
                      display: none; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table {
                      margin: 0 -15px -15px;
                      border-collapse: separate;
                      border-spacing: 15px;
                      text-align: left; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table th {
                        width: 200px;
                        padding-top: 2px;
                        font-size: 16px;
                        vertical-align: top;
                        text-align: right; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td {
                        width: 409px;
                        vertical-align: top; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul {
                          margin: 0 !important;
                          padding-top: 2px !important; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul li {
                            display: inline-block;
                            margin: 0 !important;
                            padding: 0 !important; }
                            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul li + li {
                              margin-top: 0.3em; }
                            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul li input {
                              margin-right: 8px; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td select {
                          position: relative;
                          z-index: 3;
                          overflow: hidden;
                          box-sizing: border-box;
                          width: 409px;
                          width: calc(100%);
                          margin: 0;
                          margin-bottom: calc(0);
                          padding: 4px 5px;
                          padding: 4px calc(34px) 4px 5px;
                          border: 1px solid #ccc;
                          border-radius: 5px;
                          background: transparent;
                          background-color: #fff;
                          background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center;
                          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center, #fff;
                          -webkit-appearance: none;
                          -moz-appearance: none;
                          font-size: 16px;
                          font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
                          line-height: 1.5em;
                          white-space: normal;
                          color: #333;
                          text-overflow: ellipsis;
                          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.17); }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td select::-ms-expand {
                            display: none; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td select.invalid {
                            position: relative;
                            background-color: #ffe8ce; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td select::after {
                            display: block;
                            position: absolute;
                            right: 34px;
                            top: 0;
                            z-index: 50;
                            width: 19px;
                            height: 100%;
                            background: #faf6f5;
                            content: "";
                            -webkit-transform: rotate3d(1, 1, 0, 180deg);
                            transform: rotate3d(1, 1, 0, 180deg);
                            -webkit-transform-origin: 0 150px;
                            transform-origin: 0 150px; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td select.invalid::after {
                            display: block;
                            position: absolute;
                            right: 34px;
                            top: 0;
                            z-index: 50;
                            width: 19px;
                            height: 100%;
                            background: #ffeedb;
                            content: "";
                            -webkit-transform: rotate3d(1, 1, 0, 180deg);
                            transform: rotate3d(1, 1, 0, 180deg);
                            -webkit-transform-origin: 0 150px;
                            transform-origin: 0 150px; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td textarea {
                          width: 409px;
                          min-height: 100px;
                          margin-top: 0;
                          padding: 3px 5px;
                          border-radius: 5px;
                          border: 1px solid #ddd;
                          box-sizing: border-box;
                          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
                          font-size: 14px;
                          font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
                          line-height: 1.5em;
                          resize: vertical; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td textarea.invalid {
                            background-color: #ffe8ce; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment > .osk-row {
                      text-align: center; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment > .osk-row button {
                        min-width: 130px;
                        margin: 15px 0 10px;
                        padding: 10px 10px 9px;
                        font-size: 16px;
                        text-align: center; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment > .osk-row button:disabled {
                          color: #ccc !important;
                          cursor: default; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment > .osk-row button:disabled:hover {
                            background: #fff;
                            text-decoration: none; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area {
                    margin: 0 -14px -10px;
                    padding: 11px 13px 10px;
                    border-radius: 0 0 12px 12px;
                    background-color: #f9f9f9; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area.hide {
                      display: none; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul {
                      list-style: none;
                      margin: 0; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul > li {
                        margin: 0.5em 0 0; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul > li ul {
                          list-style: none;
                          margin: 0.5em 0 0 1.5em; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul > li ul li {
                            display: inline-block;
                            margin: 0;
                            vertical-align: top; }
                            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul > li ul li:nth-child(n+2) {
                              margin-left: 1em; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul li.full {
                        width: 100%; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul li.full input[type="text"], .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul li.full input:not([type]), .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area > ul li.full textarea {
                          width: 99%; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area input[type="text"], .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area input:not([type]), .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area textarea {
                      margin-top: 0;
                      padding: 3px 5px;
                      border-radius: 5px;
                      border: 1px solid #ddd;
                      box-sizing: border-box;
                      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
                      font-size: 14px;
                      line-height: 1.5em;
                      font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area input[type="text"].invalid, .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area input:not([type]).invalid, .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area textarea.invalid {
                        background-color: #ffe8ce; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area textarea {
                      min-height: calc(2em + 2px + 6px); }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area label {
                      margin: 0 0 0 0.2em; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area input:disabled + label {
                      color: #999; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area button {
                      display: block;
                      min-width: 130px;
                      margin: 15px auto 10px;
                      padding: 10px 10px 9px;
                      font-size: 16px;
                      text-align: center; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area button:disabled {
                        color: #ccc !important;
                        cursor: default; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .feedback-add-area button:disabled:hover {
                        background: #fff;
                        text-decoration: none; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main p.feedback-add-area-complete-message {
                    margin: 0 -14px -10px;
                    padding: 11px 13px 10px;
                    border-radius: 0 0 12px 12px;
                    background-color: #f9f9f9; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main {
                border-radius: 1.7em; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
                  top: 40%;
                  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info {
              display: table;
              margin: 0 0 0 86px;
              font-size: 0;
              overflow: hidden; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info .answerer {
                display: table-cell;
                vertical-align: middle;
                font-size: 12px;
                white-space: nowrap; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info .answerer::after {
                  content: "："; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button {
                display: table-cell;
                vertical-align: middle;
                position: relative;
                max-width: 568px;
                min-width: 150px;
                margin: 0 0 0 3px;
                padding: 6px 30px 4px 13px;
                border: none;
                border-radius: 10em;
                background: #757575;
                color: #fff;
                font-size: 12px;
                line-height: 1.4em;
                word-break: break-all;
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                cursor: pointer; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button::before {
                  display: block;
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  right: 4px;
                  z-index: 2;
                  width: 16px;
                  height: 16px;
                  margin: auto;
                  border-radius: 16px;
                  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABWElEQVRIibXVwUrDQBAG4DnUVh9A6iGHHHLbYGf//wVEEUR92kJr1RdQqNa+ja0HPWhhGxLdzY4DuYTJfuwQ5hcJSlXPAEzLsjwUo3LODQFMvfcXrQ0ATgG8k/wE8OacGxq4A5KvP2duVFU70eBZ5eAkD0i+hGfu4QCuWtBcfNBEG/i1kHzuQPvinWiAL6Wu6zHJlQXeNt4WdO2cOxGR7z/PAI+56bqqqtHeV5l4PzQHjx1vJ5qKB3A+mojfA1iYoYm4LZqLZ6F9cRM0LADzCHRhBu6K5CwCvrM0/1wOkUsmvmKWw3/gqTc1wWN27yPJBzM8ZrwA1kG/SaQmp4xFpPaOtt547Hh/20jJuPf+OBdNxeu6HgvJJws0BQewFJI3ADYWaCT+AeBWRERUVZt4bsp04FuS2GsMcatoa+DbyWTiWxsBnJOcFUVxlIvuqqqqEcmZql6G778AAga4Fg/wc64AAAAASUVORK5CYII=) center center no-repeat #fff;
                  background-size: 10px auto;
                  content: ""; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button:hover {
                  background: #525252;
                  overflow: hidden; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button:hover::after {
                    display: block;
                    position: absolute;
                    top: 50%;
                    bottom: 50%;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    width: 100%;
                    height: 10em;
                    margin: auto;
                    background: #525252;
                    line-height: 10.2em;
                    content: "別の製品にする"; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info .time {
                display: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .wc-message-content .chat-statement.child .chat-main {
              border-color: #dedede; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .wc-message-content .chat-statement.child .chat-main::before {
                background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-width='2' stroke-miterlimit='10' d='M12.75,0	c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .wc-message-content .chat-statement.child.one-line-only .chat-main::before {
              background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me {
              margin-right: 17px;
              text-align: right; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .accompanying-info {
                display: none; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
                margin-left: auto;
                padding-right: 13px;
                width: 670px;
                overflow: hidden;
                transform: translate(0, 0); }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
                  width: 660px;
                  float: right; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                    display: inline-block;
                    position: relative;
                    max-width: 660px;
                    margin: 5px 0 10px 10px;
                    padding: 12px 14px 10px;
                    box-sizing: border-box;
                    vertical-align: top;
                    text-align: left;
                    background: #fff3be;
                    border-radius: 1.3em;
                    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
                    word-break: break-all; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                      display: block;
                      position: absolute;
                      top: 14px;
                      right: -14px;
                      width: 17px;
                      height: 15px;
                      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFF3BE' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E");
                      background-repeat: no-repeat;
                      content: ""; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.waiting .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
              width: 73px;
              height: 54px; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.waiting .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 35px;
                height: 17px;
                margin: auto;
                background: url(img/loading-circle.gif) 0 0 no-repeat;
                background-size: 35px auto;
                content: ""; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.scrolling {
              visibility: hidden; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.scrolling ~ .wc-message-wrapper .wc-message-from-bot {
                visibility: hidden; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.animate ~ .wc-message-wrapper .wc-message-from-bot {
              visibility: hidden; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.animate:not(.animated) {
              visibility: hidden; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:not(.scrolling):not(.animate):not(.animated):not(.animate-message) .wc-message-from-me .wc-message-content .chat-statement {
              -webkit-animation: statement-question 0.7s ease-out 0s 1 alternate;
              animation: statement-question 0.7s ease-out 0s 1 alternate; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console {
        position: relative;
        z-index: 201;
        box-sizing: border-box;
        padding: 14px 46px;
        border: 2px solid #ccc;
        background: #e8e9ed;
        text-align: center;
        font-size: 0;
        letter-spacing: 0; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console span.hide {
          display: none; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
          position: absolute;
          bottom: 92px;
          left: 0;
          right: 0;
          z-index: 100;
          box-sizing: border-box;
          width: 402px;
          margin: 0 auto;
          padding: 9px 10px 11px;
          border: 1px solid #0069cc;
          background: #e8f4ff;
          font-size: 18px;
          text-align: center;
          -webkit-animation: help-popup 2s ease-out 0s infinite alternate;
          animation: help-popup 2s ease-out 0s infinite alternate;
          -webkit-transform: translateZ(0);
          transform: translateZ(0); }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup .note {
            display: block;
            font-size: 13px;
            line-height: 1.2em; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.hide {
            display: none; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -12px;
            z-index: 1;
            width: 0;
            margin: 0 auto;
            content: "";
            border: 13px solid transparent;
            border-top-color: #e8f4ff;
            border-bottom-width: 0; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -13px;
            width: 0;
            margin: 0 auto;
            content: "";
            border: 13px solid transparent;
            border-top-color: #0069cc;
            border-bottom-width: 0; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest {
          position: relative;
          display: inline-block;
          width: -webkit-calc(100% - 248px);
          width: calc(100% - 248px);
          letter-spacing: 0; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field {
            margin: 0; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
              width: 100%;
              height: 43px;
              box-sizing: border-box;
              padding: 8px 16px 6px;
              border-radius: 10px 0 0 10px;
              border: 1px solid #cfcfcf;
              font-size: 16px;
              line-height: 1.5em;
              box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.15);
              background-color: #fff;
              vertical-align: middle;
              -webkit-appearance: none;
              -moz-appearance: none; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input::-ms-clear {
                display: none; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist {
            position: absolute;
            left: 0;
            top: auto;
            bottom: calc(100% + 3px);
            margin: 0;
            padding: 0;
            width: 617px;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #ccc;
            z-index: 100; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist.hide {
              display: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul {
              margin: 0; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li {
                display: block;
                margin: 0;
                padding: 6px 14px 4px;
                color: #333;
                cursor: pointer;
                font-size: 18px;
                line-height: 1.5em;
                text-align: left; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li a:hover {
                  text-decoration: none; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select, .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
                  background: #f0f0f0; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
                  color: #ba5c00; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
          border-color: #0069cc; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
          outline: 0;
          border-color: #ff9e20;
          border-right-width: 1px;
          padding-right: 16px;
          box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.15); }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question {
          display: inline-block;
          margin: 0; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
            display: inline-block;
            width: 143px;
            height: 43px;
            overflow: hidden;
            box-sizing: border-box;
            vertical-align: middle;
            margin: 0;
            padding: 0;
            background: #ec7500;
            background: -webkit-linear-gradient(top, #ec7500 0%, #e16900 100%);
            background: linear-gradient(to bottom, #ec7500 0%, #e16900 100%);
            border-radius: 0 10px 10px 0;
            font-size: 18px;
            font-weight: bold;
            line-height: 44px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            text-shadow: 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00, 0 0 2px #ba5c00; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
              background: #f68d26;
              background: -webkit-linear-gradient(top, #f68d26 0%, #f08726 100%);
              background: linear-gradient(to bottom, #f68d26 0%, #f08726 100%);
              text-decoration: none; }

@-webkit-keyframes statement-answer {
  0% {
    width: 0; }
  100% {
    width: 670px; } }

@keyframes statement-answer {
  0% {
    width: 0; }
  100% {
    width: 670px; } }

@-webkit-keyframes statement-question {
  0% {
    width: 0; }
  100% {
    width: 670px; } }

@keyframes statement-question {
  0% {
    width: 0; }
  100% {
    width: 670px; } }

@-webkit-keyframes help-popup {
  0% {
    bottom: 92px; }
  60% {
    bottom: 92px; }
  80% {
    bottom: 100px; }
  100% {
    bottom: 92px; } }

@keyframes help-popup {
  0% {
    bottom: 92px; }
  60% {
    bottom: 92px; }
  80% {
    bottom: 100px; }
  100% {
    bottom: 92px; } }

/* *****************************************************************************
	PC版　アバター設定
***************************************************************************** */
.chatbot-area .wc-message-from-bot .osk-icon {
  display: block;
  width: 70px;
  height: 85px;
  margin-top: -15px;
  float: left;
  background-repeat: no-repeat; }

.ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-cube-calm-sprite.png);
  -webkit-animation: avatar-cube-calm-move 2s steps(24) forwards;
  animation: avatar-cube-calm-move 2s steps(24) forwards; }

.ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-cube-bouncy-sprite.png);
  -webkit-animation: avatar-cube-bouncy-move 2s steps(29) forwards;
  animation: avatar-cube-bouncy-move 2s steps(29) forwards; }

.ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-cube-sensitive-sprite.png);
  -webkit-animation: avatar-cube-sensitive-move 2s steps(31) forwards;
  animation: avatar-cube-sensitive-move 2s steps(31) forwards; }

.ots-chatbot-botavatar-cube .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-cube-loading-sprite.png);
  -webkit-animation: avatar-cube-loading-move 2s steps(29) forwards infinite;
  animation: avatar-cube-loading-move 2s steps(29) forwards infinite; }

@-webkit-keyframes avatar-cube-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2465px; } }

@keyframes avatar-cube-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2465px; } }

@-webkit-keyframes avatar-cube-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2635px; } }

@keyframes avatar-cube-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2635px; } }

@-webkit-keyframes avatar-cube-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2465px; } }

@keyframes avatar-cube-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2465px; } }

@-webkit-keyframes avatar-cube-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2040px; } }

@keyframes avatar-cube-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -2040px; } }

.ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-man-calm-sprite.png);
  -webkit-animation: avatar-man-calm-move 1.5s steps(6) forwards;
  animation: avatar-man-calm-move 1.5s steps(6) forwards; }

.ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-man-bouncy-sprite.png);
  -webkit-animation: avatar-man-bouncy-move 1.5s steps(10) forwards;
  animation: avatar-man-bouncy-move 1.5s steps(10) forwards; }

.ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-man-sensitive-sprite.png);
  -webkit-animation: avatar-man-sensitive-move 1.5s steps(11) forwards;
  animation: avatar-man-sensitive-move 1.5s steps(11) forwards; }

.ots-chatbot-botavatar-man .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-man-loading-sprite.png);
  -webkit-animation: avatar-man-loading-move 2s steps(6) forwards infinite;
  animation: avatar-man-loading-move 2s steps(6) forwards infinite; }

@-webkit-keyframes avatar-man-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -850px; } }

@keyframes avatar-man-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -850px; } }

@-webkit-keyframes avatar-man-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -935px; } }

@keyframes avatar-man-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -935px; } }

@-webkit-keyframes avatar-man-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@keyframes avatar-man-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@-webkit-keyframes avatar-man-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@keyframes avatar-man-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

.ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-woman-calm-sprite.png);
  -webkit-animation: avatar-woman-calm-move 1.5s steps(6) forwards;
  animation: avatar-woman-calm-move 1.5s steps(6) forwards; }

.ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-woman-bouncy-sprite.png);
  -webkit-animation: avatar-woman-bouncy-move 1.5s steps(10) forwards;
  animation: avatar-woman-bouncy-move 1.5s steps(10) forwards; }

.ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-woman-sensitive-sprite.png);
  -webkit-animation: avatar-woman-sensitive-move 1.5s steps(11) forwards;
  animation: avatar-woman-sensitive-move 1.5s steps(11) forwards; }

.ots-chatbot-botavatar-woman .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-woman-loading-sprite.png);
  -webkit-animation: avatar-woman-loading-move 2s steps(6) forwards infinite;
  animation: avatar-woman-loading-move 2s steps(6) forwards infinite; }

@-webkit-keyframes avatar-woman-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -850px; } }

@keyframes avatar-woman-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -850px; } }

@-webkit-keyframes avatar-woman-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -935px; } }

@keyframes avatar-woman-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -935px; } }

@-webkit-keyframes avatar-woman-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@keyframes avatar-woman-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@-webkit-keyframes avatar-woman-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

@keyframes avatar-woman-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -510px; } }

.ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-robot-calm-sprite.png);
  -webkit-animation: avatar-robot-calm-move 2s steps(18) forwards;
  animation: avatar-robot-calm-move 2s steps(18) forwards; }

.ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-robot-bouncy-sprite.png);
  -webkit-animation: avatar-robot-bouncy-move 1.5s steps(15) forwards;
  animation: avatar-robot-bouncy-move 1.5s steps(15) forwards; }

.ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-robot-sensitive-sprite.png);
  -webkit-animation: avatar-robot-sensitive-move 2s steps(18) forwards;
  animation: avatar-robot-sensitive-move 2s steps(18) forwards; }

.ots-chatbot-botavatar-robot .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-robot-loading-sprite.png);
  -webkit-animation: avatar-robot-loading-move 2s steps(18) forwards infinite;
  animation: avatar-robot-loading-move 2s steps(18) forwards infinite; }

@-webkit-keyframes avatar-robot-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1275px; } }

@keyframes avatar-robot-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1275px; } }

@-webkit-keyframes avatar-robot-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@keyframes avatar-robot-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@-webkit-keyframes avatar-robot-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@keyframes avatar-robot-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@-webkit-keyframes avatar-robot-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@keyframes avatar-robot-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

.ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-niji-calm-sprite.png);
  -webkit-animation: avatar-niji-calm-move 1.2s steps(18) forwards;
  animation: avatar-niji-calm-move 1.2s steps(18) forwards; }

.ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-niji-bouncy-sprite.png);
  -webkit-animation: avatar-niji-bouncy-move 1s steps(13) forwards;
  animation: avatar-niji-bouncy-move 1s steps(13) forwards; }

.ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-niji-sensitive-sprite.png);
  -webkit-animation: avatar-niji-sensitive-move 2s steps(16) forwards;
  animation: avatar-niji-sensitive-move 2s steps(16) forwards; }

.ots-chatbot-botavatar-niji .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-niji-loading-sprite.png);
  -webkit-animation: avatar-niji-loading-move 1s steps(18) forwards infinite;
  animation: avatar-niji-loading-move 1s steps(18) forwards infinite; }

@-webkit-keyframes avatar-niji-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1105px; } }

@keyframes avatar-niji-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1105px; } }

@-webkit-keyframes avatar-niji-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1360px; } }

@keyframes avatar-niji-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1360px; } }

@-webkit-keyframes avatar-niji-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@keyframes avatar-niji-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@-webkit-keyframes avatar-niji-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

@keyframes avatar-niji-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 -1530px; } }

.ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon {
  background-image: url(img/avatar-original-calm-sprite.png); }

.ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
  background-image: url(img/avatar-original-bouncy-sprite.png); }

.ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
  background-image: url(img/avatar-original-sensitive-sprite.png); }

.ots-chatbot-botavatar-original .chatbot-area .waiting .osk-icon {
  background-image: url(img/avatar-original-loading-sprite.png); }

@-webkit-keyframes avatar-original-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@keyframes avatar-original-bouncy-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@-webkit-keyframes avatar-original-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@keyframes avatar-original-sensitive-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@-webkit-keyframes avatar-original-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@keyframes avatar-original-loading-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@-webkit-keyframes avatar-original-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

@keyframes avatar-original-calm-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 0 0px; } }

/* *****************************************************************************
	PC対応 テーマカラーの設定
***************************************************************************** */
.ots-chatbot-theme-gray .chatbot-area .chatbot-title {
  padding: 10px 14px 8px;
  background: #656565;
  color: #fff; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #dedede; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23dedede' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  border-color: #d7d7d7; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
    background-color: #4d4d4d; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-width='2' stroke-miterlimit='10' d='M12.75,0	c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #dedede; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23dedede' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
  border-color: #d0d0d0;
  background: #d0d0d0; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before, .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
    border-top-color: #d0d0d0; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
  border-color: #0069cc; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select, .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
  background: #eaf2ff; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
  color: #0058d9; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
  border-color: #0069cc; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
  border-color: #0058db; }

.ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
  background: #0058db;
  background: -webkit-linear-gradient(top, #0058db 0%, #004fbc 100%);
  background: linear-gradient(to bottom, #0058db 0%, #004fbc 100%);
  text-shadow: 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
    background: #0058db; }

.ots-chatbot-theme-red .chatbot-area .chatbot-title {
  padding: 10px 14px 8px;
  background: #b50000;
  color: #fff; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #ffdcdc; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23ffdcdc' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  border-color: #edb4b4; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
    background-color: #b50000; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23edb4b4' stroke-width='2' stroke-miterlimit='10' d='M12.75,0	c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23edb4b4' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #ffdcdc; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23ffdcdc' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
  border-color: #fae790;
  background: #fae790; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before, .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
    border-top-color: #fae790; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
  border-color: #cfcfcf; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select, .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
  background: #ffdcdc; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
  color: #b50000; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
  border-color: #edb4b4; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
  border-color: #b50000; }

.ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
  background: #b50000;
  background: -webkit-linear-gradient(top, #b50000 0%, #ac0000 100%);
  background: linear-gradient(to bottom, #b50000 0%, #ac0000 100%);
  text-shadow: 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
    background: #c60505; }

.ots-chatbot-theme-original .chatbot-area .chatbot-title {
  padding: 10px 14px 8px;
  background: #ffffff;
  color: #000000; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #fff3be; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23fff3be' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  border-color: #ffd297; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
    background-color: #ffd297; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M12.75,0	c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
  background: #fff3be; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23fff3be' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
  border-color: #fae790;
  background: #e8f4ff; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before {
    border-top-color: #e8f4ff; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
    bottom: -14px;
    border-top-color: #fae790; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
  border-color: #cfcfcf; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select,
.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
  background: #fff3be; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
  color: #f68d26; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
  border-color: #ffd297; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
  border-color: #f68d26; }

.ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
  background: #f68d26;
  color: #ffffff;
  text-shadow: 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
    background: #f68d26;
    color: #ffffff; }

@media only screen and (max-device-width: 959px) and (min-device-width: 600px) and (orientation: portrait), only screen and (max-device-width: 959px) and (min-device-width: 600px) and (min-device-height: 600px) and (min-resolution: 144dpi) {
  /* *****************************************************************************
	タブレット対応 チャットボット
***************************************************************************** */
  .chatbot-area {
    max-width: 959px;
    min-width: 600px; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .accompanying-info {
      display: none; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
        position: relative;
        margin-left: auto;
        padding-right: 0;
        width: auto;
        overflow: visible;
        -webkit-animation: none;
        animation: none; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
          width: 100%; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
            max-width: 100%; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement {
      display: block;
      position: relative;
      float: right;
      width: calc(100% - 70px - 13px);
      overflow: visible;
      padding: 0;
      letter-spacing: 0;
      -webkit-animation: none;
      animation: none; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement::after {
        display: block;
        position: absolute;
        top: 0;
        right: -5px;
        width: 0;
        height: 100%;
        background: #fcfcfc;
        content: "";
        -webkit-animation: statement-answer 0.7s ease-out 0s 1 alternate;
        animation: statement-answer 0.7s ease-out 0s 1 alternate; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner {
        width: 100%; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
          max-width: 100%; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td {
            width: 279px; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul li {
              display: block; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td ul li + li {
                margin-top: 0.4em !important; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table td textarea {
              width: 100%; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .accompanying-info {
      display: none; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
        position: relative;
        margin-left: auto;
        padding-right: 0;
        width: auto;
        overflow: visible;
        -webkit-animation: none;
        animation: none; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
          width: 100%; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
            max-width: 100%; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:not(.scrolling):not(.animate):not(.animated):not(.animate-message) .wc-message-from-me .wc-message-content .chat-statement {
      -webkit-animation: none;
      animation: none; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:not(.animate-message) .wc-message-from-me .chat-statement::after {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: calc(100% + 5px);
      background: #fcfcfc;
      content: "";
      -webkit-animation: statement-question 0.7s ease-out 0s 1 alternate;
      animation: statement-question 0.7s ease-out 0s 1 alternate; }
    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console {
      padding: 14px; }
  @-webkit-keyframes statement-answer {
    0% {
      width: -webkit-calc(100% + 5px); }
    100% {
      width: 0; } }
  @keyframes statement-answer {
    0% {
      width: calc(100% + 5px); }
    100% {
      width: 0; } }
  @-webkit-keyframes statement-question {
    0% {
      width: 100%; }
    100% {
      width: 0; } }
  @keyframes statement-question {
    0% {
      width: 100%; }
    100% {
      width: 0; } } }

@media screen and (max-device-width: 599px) and (orientation: portrait), screen and (max-device-width: 736px) and (orientation: landscape) {
  /* *****************************************************************************
	スマートフォン対応 チャットボット
***************************************************************************** */
  html,
  body,
  .chatbot-area {
    height: 100%;
    max-height: 100vh; }
  .chatbot-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-width: 1px; }
    .chatbot-area .chatbot-title {
      padding: 10px 12px 8px;
      padding: 10px calc(constant(safe-area-inset-right) + 12px) 8px calc(constant(safe-area-inset-left) + 12px);
      padding: 10px calc(env(safe-area-inset-right) + 12px) 8px calc(env(safe-area-inset-left) + 12px);
      font-size: 14px;
      line-height: 1.2em;
      font-weight: bold;
      background-color: #fff3bf; }
    .chatbot-area .child-cancel-button {
      top: calc(((((14px * 1.2) + 10px + 8px) - ((12px * 1.5) + 4px + 5px + 2px)) / 2));
      right: 5px;
      width: auto;
      margin: calc(((14px * 1.2) + 10px + 8px) * -1) 0 6px auto; }
      .chatbot-area .child-cancel-button button {
        padding: 4px 10px 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
        background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        cursor: default; }
        .chatbot-area .child-cancel-button button:hover {
          background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
          background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
          box-shadow: none; }
    .chatbot-area #BotChatElement {
      -webkit-flex: 1;
      flex: 1; }
      .chatbot-area #BotChatElement .wc-app {
        margin: 0; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper {
          left: 0;
          right: 0;
          width: calc(100% - (7px * 2));
          margin: 0 auto; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me {
            text-align: left;
            margin-right: 0;
            padding-bottom: 5px; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .accompanying-info {
              display: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content {
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: flex-end;
              justify-content: flex-end; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
                margin-left: auto;
                padding-right: 0;
                width: auto;
                overflow: visible;
                -webkit-animation: none;
                animation: none;
                position: relative; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
                  width: 100%;
                  float: right; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                    max-width: 100%;
                    margin: 0 8px 0 49px;
                    padding: 10px 12px;
                    border-radius: 16px;
                    font-size: 13px;
                    line-height: 1.5em; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                      top: 11px;
                      right: -6px;
                      width: 8px;
                      height: 8px;
                      background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23FFF3BE' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A") left center/8px auto no-repeat; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane {
          overflow-x: hidden;
          overflow-y: auto;
          border: none; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups {
            overflow-x: hidden;
            overflow-y: auto;
            height: auto;
            min-height: 1px;
            padding: 0 7px;
            padding: 0 calc(constant(safe-area-inset-right) + 7px) 0 calc(constant(safe-area-inset-left) + 7px);
            padding: 0 calc(env(safe-area-inset-right) + 7px) 0 calc(env(safe-area-inset-left) + 7px);
            border: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups::after {
              display: none; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content {
              padding: 17px 0 20px; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper {
                margin-top: 1em; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:first-child {
                  margin-top: 0; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement {
                  position: relative;
                  float: right;
                  width: -webkit-calc(100% - 22px - 30px);
                  width: calc(100% - 22px - 32px);
                  overflow: visible;
                  margin: 0 20px 0 2px;
                  padding: 0;
                  letter-spacing: 0;
                  -webkit-animation: none;
                  animation: none; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement::after {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: -5px;
                    width: 0;
                    height: 100%;
                    background: #fcfcfc;
                    content: "";
                    -webkit-animation: statement-answer 0.7s ease-out 0s 1 alternate;
                    animation: statement-answer 0.7s ease-out 0s 1 alternate; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement img {
                    max-width: 100%;
                    height: auto;
                    vertical-align: top; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner {
                    width: 100%; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                      max-width: 100%;
                      margin: 0;
                      padding: 10px 12px;
                      border-width: 1px;
                      font-size: 13px;
                      line-height: 1.5em; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main > p {
                        font-size: 16px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
                        top: 1px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                        top: 13px;
                        left: -8.5px;
                        width: 9px;
                        height: 8px;
                        content: "";
                        background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-miterlimit='10' d='M12.75,0 c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E");
                        background-size: 9px auto; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main button {
                        margin: 0.42em 0 0;
                        padding: 5px 12px;
                        font-size: 13px;
                        line-height: 1.3em; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dt {
                        margin: 1em 0 0;
                        font-size: 14px;
                        line-height: 1.5em; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dt a::before {
                          top: 2px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main dl dd {
                        margin-top: 0.2em;
                        font-size: 13px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-show-dl {
                        font-size: 14px;
                        line-height: 1.5em; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-show-dl a::before {
                          top: 2px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .confidence {
                        font-size: 12px; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback {
                        margin: 10px -11px -9px;
                        padding: 9px 12px 10px;
                        border-radius: 0 0 16px 16px; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback p {
                          font-size: 13px; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback button {
                          display: block;
                          margin: 0.5em 0 0;
                          color: #000; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .buttons {
                          display: block;
                          text-align: center; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .buttons button {
                            display: inline;
                            margin: 0.5em 0.5em 0 0; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .buttons button + button {
                            display: inline;
                            margin: 0.5em 0.5em 0 0; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment {
                          margin-top: 1em; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment textarea {
                            width: 90%; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table {
                            display: block;
                            margin: 0;
                            border-spacing: 0; }
                            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody {
                              display: block; }
                              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr {
                                display: block; }
                                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr:nth-child(n+2) {
                                  margin: 1em 0 0; }
                                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr th, .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr td {
                                  display: block;
                                  width: 100%;
                                  padding: 0; }
                                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr th {
                                  text-align: center; }
                                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr td {
                                  margin-top: 0.5em; }
                                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr td ul {
                                    padding-top: 0 !important; }
                                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr td ul li {
                                      padding-left: 26px !important;
                                      text-indent: -26px;
                                      line-height: 1.4em; }
                                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment table tbody tr td textarea {
                                    width: 100%; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main .osk-feedback .osk-feedback-comment > .osk-row button {
                            margin-left: auto;
                            margin-right: auto; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main {
                    border-radius: 1.6em;
                    line-height: 1.5em; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
                      top: 10px;
                      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-miterlimit='10' d='M16.5,0 c0,1.58-4.71,6.08-8.05,8.22C7.01,9.141,3.5,9.5,3.5,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E");
                      background-size: 9px auto; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info {
                  margin: 0 0 5px 32px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info .answerer {
                    font-size: 9px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button {
                    max-width: 188px;
                    min-width: initial;
                    padding: 5px 23px 4px 10px;
                    font-size: 9px; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button::before {
                      right: 3px;
                      width: 14px;
                      height: 14px;
                      border-radius: 14px;
                      background-size: 8px auto; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .accompanying-info button:hover::after {
                      display: none; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .wc-message-content .chat-statement.child .chat-main::before {
                  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-miterlimit='10' d='M12.75,0 c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.integration .wc-message-from-bot .wc-message-content .chat-statement.child.one-line-only .chat-main::before {
                  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-miterlimit='10' d='M16.5,0 c0,1.58-4.71,6.08-8.05,8.22C7.01,9.141,3.5,9.5,3.5,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me {
                  text-align: left;
                  margin-right: 0; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .accompanying-info {
                    display: none; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content {
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: flex-end;
                    justify-content: flex-end; }
                    .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement {
                      margin-left: auto;
                      padding-right: 0;
                      width: auto;
                      overflow: visible;
                      -webkit-animation: none;
                      animation: none;
                      position: relative; }
                      .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner {
                        width: 100%;
                        float: right; }
                        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                          max-width: 100%;
                          margin: 0 8px 0 49px;
                          padding: 10px 12px;
                          border-radius: 16px;
                          font-size: 13px;
                          line-height: 1.5em; }
                          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
                            top: 11px;
                            right: -6px;
                            width: 8px;
                            height: 8px;
                            background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23FFF3BE' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A") left center/8px auto no-repeat; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:not(.scrolling):not(.animate):not(.animated):not(.animate-message) .wc-message-from-me .wc-message-content .chat-statement {
                  -webkit-animation: none;
                  animation: none; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.waiting .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
                  width: 61px;
                  height: 33px; }
                  .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper.waiting .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::after {
                    top: -6px; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper:not(.animate-message) .wc-message-from-me .chat-statement::after {
                  display: block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 0;
                  height: calc(100% + 5px);
                  background: #fcfcfc;
                  content: "";
                  -webkit-animation: statement-question 0.7s ease-out 0s 1 alternate;
                  animation: statement-question 0.7s ease-out 0s 1 alternate; }
        .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console {
          display: flex;
          padding: 8px 10px;
          padding: 8px calc(constant(safe-area-inset-right) + 10px) 8px calc(constant(safe-area-inset-left) + 10px);
          border-width: 1px 0 0; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
            width: calc(100% - 64px);
            width: calc(100% - 64px - constant(safe-area-inset-right) - constant(safe-area-inset-left));
            width: calc(100% - 64px - env(safe-area-inset-right) - env(safe-area-inset-left));
            padding: 7px 8px 9px;
            bottom: 74px;
            font-size: 13px;
            line-height: 1.5em; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup .note {
              margin: 0.2em 0 0;
              font-size: 10px; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before {
              bottom: -9px;
              border: 10px solid transparent;
              border-top-color: #e8f4ff;
              border-bottom-width: 0; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
              bottom: -10px;
              border: 10px solid transparent;
              border-top-color: #0069cc;
              border-bottom-width: 0; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest {
            flex: 1;
            width: calc(100% - 60px); }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
              height: 40px;
              padding: 7px 10px; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input::-webkit-input-placeholder {
                font-size: 14px; }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input::placeholder {
                font-size: 14px; }
            .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist {
              width: calc(100% + 60px); }
              .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li {
                position: relative;
                padding: 4px 30px 4px 14px;
                border-top: 1px solid #ccc;
                font-size: 12px; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:first-child {
                  border-top: none; }
                .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li::after {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  right: 0;
                  content: "";
                  width: 26px;
                  height: 100%;
                  margin: auto 0;
                  background: #f6f6f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA0CAIAAAChLTe/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANlJREFUeNrs2EEKhCAUBuAaTMFjdITu0MYjd4c8gl6hlS5CmWZWTQMtxvfEgf9fRWB8+PMs6kMIXfN5dP8QKKGEEkoooYQSSiih/Ii11jn383JRmTiOY4t7eSZu29Zi45ddnKapduPLsqSUXo8QYp5nPmKRct/3GONxMQwDK7GocaUUd9EESillHSK9koNI3DgTkVLJRyya8fNor+vqvWci0uzlcWqyEmmUOWdWYlHj3zPu3rnc1FobY5o7L9v6vrx595Cnx79gKKGEEkoooYQSSiihbDJPAQYASYpr5x+zat0AAAAASUVORK5CYII=) right center/auto 26px no-repeat; }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
            outline: 0;
            border-color: #ff9e20;
            border-right-width: 1px;
            padding-right: 16px;
            box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.15); }
          .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
            width: 60px;
            height: 40px;
            font-size: 11px;
            line-height: 40px; }
  @-webkit-keyframes help-popup {
    0% {
      bottom: 74px; }
    60% {
      bottom: 74px; }
    80% {
      bottom: 82px; }
    100% {
      bottom: 74px; } }
  @keyframes help-popup {
    0% {
      bottom: 74px; }
    60% {
      bottom: 74px; }
    80% {
      bottom: 82px; }
    100% {
      bottom: 74px; } }
  @-webkit-keyframes statement-answer {
    0% {
      width: -webkit-calc(100% + 5px); }
    100% {
      width: 0; } }
  @keyframes statement-answer {
    0% {
      width: calc(100% + 5px); }
    100% {
      width: 0; } }
  @-webkit-keyframes statement-question {
    0% {
      width: 100%; }
    100% {
      width: 0; } }
  @keyframes statement-question {
    0% {
      width: 100%; }
    100% {
      width: 0; } }
  /* **********************************************************************************
	SP版　アバター設定
********************************************************************************** */
  .ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-cube-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-cube-calm-move 2s steps(24) forwards;
    animation: avatar-cube-calm-move 2s steps(24) forwards; }
  .ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-cube-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-cube-bouncy-move 2s steps(29) forwards;
    animation: avatar-cube-bouncy-move 2s steps(29) forwards; }
  .ots-chatbot-botavatar-cube .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-cube-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-cube-sensitive-move 2s steps(31) forwards;
    animation: avatar-cube-sensitive-move 2s steps(31) forwards; }
  .ots-chatbot-botavatar-cube .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-cube-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-cube-loading-move 2s steps(29) forwards infinite;
    animation: avatar-cube-loading-move 2s steps(29) forwards infinite; }
  @-webkit-keyframes avatar-cube-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -986px; } }
  @keyframes avatar-cube-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -986px; } }
  @-webkit-keyframes avatar-cube-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -1054px; } }
  @keyframes avatar-cube-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -1054px; } }
  @-webkit-keyframes avatar-cube-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -986px; } }
  @keyframes avatar-cube-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -986px; } }
  @-webkit-keyframes avatar-cube-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -816px; } }
  @keyframes avatar-cube-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -816px; } }
  .ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-man-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-man-calm-move 1.5s steps(6) forwards;
    animation: avatar-man-calm-move 1.5s steps(6) forwards; }
  .ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-man-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-man-bouncy-move 1.5s steps(10) forwards;
    animation: avatar-man-bouncy-move 1.5s steps(10) forwards; }
  .ots-chatbot-botavatar-man .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-man-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-man-sensitive-move 1.5s steps(11) forwards;
    animation: avatar-man-sensitive-move 1.5s steps(11) forwards; }
  .ots-chatbot-botavatar-man .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-man-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-man-loading-move 2s steps(6) forwards infinite;
    animation: avatar-man-loading-move 2s steps(6) forwards infinite; }
  @-webkit-keyframes avatar-man-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -340px; } }
  @keyframes avatar-man-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -340px; } }
  @-webkit-keyframes avatar-man-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -374px; } }
  @keyframes avatar-man-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -374px; } }
  @-webkit-keyframes avatar-man-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @keyframes avatar-man-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @-webkit-keyframes avatar-man-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @keyframes avatar-man-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  .ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-woman-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-woman-calm-move 1.5s steps(6) forwards;
    animation: avatar-woman-calm-move 1.5s steps(6) forwards; }
  .ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-woman-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-woman-bouncy-move 1.5s steps(10) forwards;
    animation: avatar-woman-bouncy-move 1.5s steps(10) forwards; }
  .ots-chatbot-botavatar-woman .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-woman-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-woman-sensitive-move 1.5s steps(11) forwards;
    animation: avatar-woman-sensitive-move 1.5s steps(11) forwards; }
  .ots-chatbot-botavatar-woman .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-woman-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-woman-loading-move 2s steps(6) forwards infinite;
    animation: avatar-woman-loading-move 2s steps(6) forwards infinite; }
  @-webkit-keyframes avatar-woman-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -340px; } }
  @keyframes avatar-woman-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -340px; } }
  @-webkit-keyframes avatar-woman-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -374px; } }
  @keyframes avatar-woman-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -374px; } }
  @-webkit-keyframes avatar-woman-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @keyframes avatar-woman-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @-webkit-keyframes avatar-woman-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  @keyframes avatar-woman-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -204px; } }
  .ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-robot-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-robot-calm-move 2s steps(18) forwards;
    animation: avatar-robot-calm-move 2s steps(18) forwards; }
  .ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-robot-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-robot-bouncy-move 1.5s steps(15) forwards;
    animation: avatar-robot-bouncy-move 1.5s steps(15) forwards; }
  .ots-chatbot-botavatar-robot .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-robot-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-robot-sensitive-move 2s steps(18) forwards;
    animation: avatar-robot-sensitive-move 2s steps(18) forwards; }
  .ots-chatbot-botavatar-robot .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-robot-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-robot-loading-move 2s steps(18) forwards infinite;
    animation: avatar-robot-loading-move 2s steps(18) forwards infinite; }
  @-webkit-keyframes avatar-robot-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -510px; } }
  @keyframes avatar-robot-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -510px; } }
  @-webkit-keyframes avatar-robot-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @keyframes avatar-robot-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @-webkit-keyframes avatar-robot-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @keyframes avatar-robot-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @-webkit-keyframes avatar-robot-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @keyframes avatar-robot-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  .ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-niji-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-niji-calm-move 1.2s steps(18) forwards;
    animation: avatar-niji-calm-move 1.2s steps(18) forwards; }
  .ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-niji-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-niji-bouncy-move 1s steps(13) forwards;
    animation: avatar-niji-bouncy-move 1s steps(13) forwards; }
  .ots-chatbot-botavatar-niji .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-niji-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-niji-sensitive-move 2s steps(16) forwards;
    animation: avatar-niji-sensitive-move 2s steps(16) forwards; }
  .ots-chatbot-botavatar-niji .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-niji-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto;
    -webkit-animation: avatar-niji-loading-move 1s steps(18) forwards infinite;
    animation: avatar-niji-loading-move 1s steps(18) forwards infinite; }
  @-webkit-keyframes avatar-niji-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -442px; } }
  @keyframes avatar-niji-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -442px; } }
  @-webkit-keyframes avatar-niji-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -544px; } }
  @keyframes avatar-niji-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -544px; } }
  @-webkit-keyframes avatar-niji-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @keyframes avatar-niji-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @-webkit-keyframes avatar-niji-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  @keyframes avatar-niji-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 -612px; } }
  .ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon {
    display: block;
    margin-top: -5px;
    width: 28px;
    height: 34px;
    float: left;
    background: url(img/avatar-original-calm-sprite.png) 0 0 no-repeat;
    background-size: 28px auto; }
  .ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon.emo-bouncy {
    background: url(img/avatar-original-bouncy-sprite.png) 0 0 no-repeat;
    background-size: 28px auto; }
  .ots-chatbot-botavatar-original .chatbot-area .wc-message-from-bot .osk-icon.emo-sensitive {
    background: url(img/avatar-original-sensitive-sprite.png) 0 0 no-repeat;
    background-size: 28px auto; }
  .ots-chatbot-botavatar-original .chatbot-area .waiting .osk-icon {
    background: url(img/avatar-original-loading-sprite.png) 0 0 no-repeat;
    background-size: 28px auto; }
  @-webkit-keyframes avatar-original-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @keyframes avatar-original-bouncy-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @-webkit-keyframes avatar-original-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @keyframes avatar-original-sensitive-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @-webkit-keyframes avatar-original-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @keyframes avatar-original-loading-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @-webkit-keyframes avatar-original-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  @keyframes avatar-original-calm-move {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 0 0px; } }
  /* *****************************************************************************
	SP対応 テーマカラーの設定
***************************************************************************** */
  .ots-chatbot-theme-gray .chatbot-area .chatbot-title {
    padding: 10px 14px 8px;
    background: #656565;
    color: #fff; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #dedede; }
    .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23dedede' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A"); }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    border-color: #d7d7d7; }
    .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
      background-color: #4d4d4d; }
    .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-miterlimit='10' d='M12.75,0 c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23d7d7d7' stroke-miterlimit='10' d='M16.5,0 c0,1.58-4.71,6.08-8.05,8.22C7.01,9.141,3.5,9.5,3.5,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #dedede; }
    .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23dedede' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A"); }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
    border-color: #0069cc; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select, .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
    background: #eaf2ff; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
    color: #0058d9; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
    border-color: #0069cc; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
    border-color: #0058db; }
  .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
    background: #0058db;
    background: -webkit-linear-gradient(top, #0058db 0%, #004fbc 100%);
    background: linear-gradient(to bottom, #0058db 0%, #004fbc 100%);
    text-shadow: 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f, 0 0 2px #0d448f; }
    .ots-chatbot-theme-gray .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
      background: #0058db; }
  .ots-chatbot-theme-red .chatbot-area .chatbot-title {
    padding: 10px 14px 8px;
    background: #b50000;
    color: #fff; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #ffdcdc; }
    .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffdcdc' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A"); }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    border-color: #edb4b4; }
    .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
      background-color: #b50000; }
    .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23edb4b4' stroke-miterlimit='10' d='M12.75,0 c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23edb4b4' stroke-miterlimit='10' d='M16.5,0 c0,1.58-4.71,6.08-8.05,8.22C7.01,9.141,3.5,9.5,3.5,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #ffdcdc; }
    .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='297.502 387.614 16 16' enable-background='new 297.502 387.614 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffdcdc' enable-background='new' d='M297.502,387.614c0,0,1.55,2.279,6.505,5.219 c5.167,3.065,9.495,2.246,9.495,2.246s-6.113,2.246-9.495,3.884s-6.505,4.65-6.505,4.65V387.614z'/%3E%3C/svg%3E%0A"); }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
    border-color: #cfcfcf; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select, .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
    background: #ffdcdc; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
    color: #b50000; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
    border-color: #edb4b4; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
    border-color: #b50000; }
  .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
    background: #b50000;
    background: -webkit-linear-gradient(top, #b50000 0%, #ac0000 100%);
    background: linear-gradient(to bottom, #b50000 0%, #ac0000 100%);
    text-shadow: 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303, 0 0 2px #8e0303; }
    .ots-chatbot-theme-red .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
      background: #c60505; }
  .ots-chatbot-theme-original .chatbot-area .chatbot-title {
    padding: 10px 14px 8px;
    background: #ffffff;
    color: #000000; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #fff3be; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel > .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23fff3be' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    border-color: #ffd297; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main a::before {
      background-color: #ffd297; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='-2.25 0 17 15' enable-background='new -2.25 0 17 15' xml:space='preserve'%3E%3Crect x='12.75' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M12.75,0	c0,1.58-3.21,6.08-6.55,8.22C4.76,9.14,1.25,9.5,1.25,9.5s7.42,3.74,11.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-bot .wc-message-content .chat-statement.one-line-only .chat-main::before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Crect x='15' fill='%23FFFFFF' width='2' height='15'/%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23FFFFFF' stroke='%23ffd297' stroke-width='2' stroke-miterlimit='10' d='M15,0 c0,1.58-3.21,6.08-6.55,8.221C7.01,9.141,3.5,9.5,3.5,9.5s8.42,3.74,12.5,4V15'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main {
    background: #fff3be; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-message-pane .wc-message-groups .wc-message-group-content .wc-message-wrapper .wc-message-from-me .wc-message-content .chat-statement .chat-statement-inner .chat-main::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='15px' viewBox='0 0 17 15' enable-background='new 0 0 17 15' xml:space='preserve'%3E%3Cpath vector-effect='non-scaling-stroke' fill='%23fff3be' d='M0,13.5h2c4.08-0.26,11.5-4,11.5-4S9.988,9.141,8.55,8.221 C5.21,6.08,2,1.58,2,0H0'/%3E%3C/svg%3E"); }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup {
    border-color: #fae790;
    background: #e8f4ff; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::before {
      border-top-color: #e8f4ff; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup::after {
      bottom: -14px;
      border-top-color: #fae790; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .input-field input {
    border-color: #cfcfcf; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li.select,
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li:hover {
    background: #fff3be; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest .datalist ul li b.highlight {
    color: #f68d26; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input {
    border-color: #ffd297; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .help-popup.show + .auto-suggest input:focus,
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .auto-suggest input:focus {
    border-color: #f68d26; }
  .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a {
    background: #f68d26;
    color: #ffffff;
    text-shadow: 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26, 0 0 2px #f68d26; }
    .ots-chatbot-theme-original .chatbot-area #BotChatElement .wc-app .wc-chatview-panel .wc-console .btn-question a:hover {
      background: #f68d26;
      color: #ffffff; } }