/*
デフォルトスタイルはすべてインラインスタイルで定義されているため
custom.cssを使用する場合は!important指定を行ってください。
描画されるHTML要素には以下のクラス定義が行われていますが、必ずしもすべての要素にclass名が定義してあるわけではないので、
実際にブラウザで確認を行ってください。
*/
.widget-body {
  background-color: rgb(138, 170, 228);
}
div#konnect {
}
  div.mbaGuestFrame {
  }

    /*Trigger*/
    div.mbaGuestFrame_trigger {
        /*display:none; 非表示*/
    }
      div.mbaGuestFrame_trigger_inner {
        /* visibility: hidden; */
      }
      p.mbaGuestFrame_trigger_line {
      }
        span.mbaGuestFrame_trigger_line_left {
        }
        span.mbaGuestFrame_trigger_line_right {
        }
    ul.mbaGuestFrame_trigger_inner_buttons li {
        display: none!important;
    }

    /*Content*/
    div.mbaGuestFrame_content {
    }
      /* 最小画面表示のエラーボックス */
      div.mbaGuestFrame_content_smalls_screen {
        background: rgb(138, 170, 228)!important;
      }
      div.mbaGuestFrame_content_smalls_screen_inner {
        background: rgb(255, 255, 255)!important;
        color: rgb(51, 51, 51)!important;
      }
      div.mbaGuestFrame_content_timeout {
        background-color: rgb(138, 170, 228)!important;
      }
      div.mbaGuestFrame_content_timeout_inner {
        background: rgb(255, 255, 255)!important;
        color: rgb(51, 51, 51)!important;
      }

      /*Error 発生時*/
      /* エラーメッセージボックス */
      div.mbaGuestFrame_content_fatalError {
        font-size: 13px;
        color: rgb(51, 51, 51);
        margin: 0px auto;
        margin-top: 40px!important;
        width: 80%;
        text-align: center;
        padding: 17px 20px!important;
        background: rgb(255, 255, 255)!important;
        border-radius: 5px!important;
        word-break: break-all!important;
      }
        span.mbaGuestFrame_content_fatalError_message {
        }
          /* エラーメッセージボックス内のbull「・」 */
          span.mbaGuestFrame_content_fatalError_message_bull {
            display: none!important;
          }
          span.mbaGuestFrame_content_fatalError_message_text {
          }

      /*Timeline */
      /* ウェルカムメッセージ */
      div.mbaGuestFrame_content_timeline_welcomeMessage_inner {
        background: rgb(255, 255, 255)!important;
      }
      div.mbaGuestFrame_content_timeline {
      }
        ul.mbaGuestFrame_content_timeline_list {
        }
          li.mbaGuestFrame_content_timeline_list_message {
          }
          li.mbaGuestFrame_content_timeline_list_message.you { /*自分の発言の場合*/
          }
          /* 連携終了メッセージのボックス */
          li.mbaGuestFrame_content_timeline_list_message.operator.roomClosed {
            background-color: white!important;
            border-radius: 5px!important;
            margin: 0px 15px 14px!important;
          }
          li.mbaGuestFrame_content_timeline_list_message.operator {/*オペレーターの発言の場合*/
          }
            /* 連携終了メッセージのヘッダー */
            div.mbaGuestFrame_content_timeline_list_message_header {/*メッセージヘッダー*/
              padding: 10px 0px 5px!important;
            }
              span.mbaGuestFrame_content_timeline_list_message_speaker {
              }
              /* 連携終了メッセージの時間表示 */
              .mbaGuestFrame_content_timeline_list_message_time {
                color: #777777!important;
              }
            div.mbaGuestFrame_content_timeline_list_message_body {/*メッセージボディー*/
            }
              div.mbaGuestFrame_content_timeline_list_message_body_content {
              }
                p.mbaGuestFrame_content_timeline_list_message_body_content_text { /*テキストの場合*/
                }
                div.mbaGuestFrame_content_timeline_list_message_body_content_image { /*画像の場合*/
                }
                div.mbaGuestFrame_content_timeline_list_message_body_content_stamp { /*スタンプの場合*/
                }
                div.mbaGuestFrame_content_timeline_list_message_body_content_location { /*位置情報の場合*/
                }
                div.mbaGuestFrame_content_timeline_list_message_time_body_content_urlpreview { /*url先読み*/
                }
                div.mbaGuestFrame_content_timeline_list_message_time_body_content_template { /*テンプレートの場合*/
                }
                  div.mbaGuestFrame_content_timeline_list_message_time_body_content_template_slider {
                  }
                    div.mbaGuestFrame_content_timeline_list_message_time_body_content_template_item {
                    }
                      div.mbaGuestFrame_content_timeline_list_message_time_body_content_template_item_cell {
                      }
                      p.mbaGuestFrame_content_timeline_list_message_time_body_content_template_item_cell_title {
                      }
                      p.mbaGuestFrame_content_timeline_list_message_time_body_content_template_item_cell_desc {
                      }
                      div.mbaGuestFrame_content_timeline_list_message_time_body_content_template_item_cell_buttons {
                      }
      /*Input*/
      div.mbaGuestFrame_content_input_wrapper {
        position: fixed!important;
        z-index: 101!important;
        width: auto!important;
        height: auto!important;
        margin: 0px!important;
        padding: 10px 6px!important;
        background-color: rgb(245, 245, 245)!important;
        box-sizing: border-box!important;
        bottom: 0!important;
        left: 0!important;
        top: auto;
      }
        div.mbaGuestFrame_content_input_wrapper_textarea {
        }
          /* 設定（歯車）マーク */
          div.mbaGuestFrame_content_input_wrapper_textarea > div > ul > li:nth-child(1) {
            visibility: hidden!important;
          }
          div.mbaGuestFrame_content_input_wrapper_textarea > textarea {
          }
          div.mbaGuestFrame_content_input_wrapper_sendButton {
          }
            div.mbaGuestFrame_content_input_wrapper_sendButton > button {
            }

        div.mbaGuestFrame_content_input_wrapper_initial_nameInput {
        }
          div.mbaGuestFrame_content_input_wrapper_initial_nameInput > div {
          }
            span.mbaGuestFrame_content_input_wrapper_initial_nameInput_message{
            }
            input.mbaGuestFrame_content_input_wrapper_initial_nameInput_input{
            }
            button.mbaGuestFrame_content_input_wrapper_initial_nameInput_button{
            }

        div.mbaGuestFrame_content_input_wrapper_option {
        }
          div.mbaGuestFrame_content_input_wrapper_option_nameInput {
          }
            label.mbaGuestFrame_content_input_wrapper_option_nameInput_label{
            }
            input.mbaGuestFrame_content_input_wrapper_option_nameInput_input{
            }
            button.mbaGuestFrame_content_input_wrapper_option_nameInput_button{
            }

        div.mbaGuestFrame_content_input_wrapper_footer {
        }

      div.mbaGuestFrame_content_input_wrapper_guestReview {
      }
        div.mbaGuestFrame_content_input_wrapper_guestReview_header{
        }
        div.mbaGuestFrame_content_input_wrapper_guestReview_content{
        }
        div.mbaGuestFrame_content_input_wrapper_guestReview_rating{
        }
        div.mbaGuestFrame_content_input_wrapper_guestReview_footer{
        }
          div.mbaGuestFrame_content_input_wrapper_guestReview_buttons{
          }