@charset "UTF-8";
.ict_chat_box {
  /* header */
}

.ict_chat_box #iframeInner {
  height: calc(100% + 80px) !important;
}

.ict_chat_box .ict_header {
  display: none;
  height: 0;
}

.ict_chat_box .ict_chat_log {
  background: #ece7de;
  border-top: 2px solid #680717;
}

.ict_chat_box .ict_chat_log .ict_category .ict_log {
  background: none;
  border: none;
}

.ict_chat_box .ict_staff .ict_log {
  background-color: #ffeada;
  border-color: #ffeada;
  color: #000;
}

.ict_chat_box .ict_staff .ict_log:before {
  border-right: 10px solid #ffeada;
}

.ict_chat_box .ict_user .ict_log {
  background-color: #fff;
  border-color: #fff;
  color: #222;
}

.ict_chat_box .ict_user .ict_log:before {
  border-left: 10px solid #fff;
}

.ict_buttons .btn_question a em,
.ict_button_set .btn_question a em,
.ict_btn_send button {
  background: #680717;
  color: #fff;
}

.ict_chat_window {
  background-color: #fff;
}

.ict_chat_log {
  height: calc( 100vh - 0px - 68px);
}

/* スクロールバー削除 */
.ict_log .ict_content {
  max-height: none;
  overflow-y: visible;
}

.ict_chat_open {
  bottom: 25px;
  right: 110px;
  z-index: 105;
}

.ict_banner_close {
  background: #aaa;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -8px;
  text-indent: -999em;
  padding: 3px 4px 4px 4px;
  overflow: hidden;
}

.ict_banner_close span {
  background-repeat: no-repeat;
  background-position: -96px -128px;
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.ict_close {
  display: none;
  position: absolute;
  bottom: -100px;
}

/* i-ask category item
-------------------------------------------------*/
.ict_chat_box .ict_chat_log .ict_category .ict_log p a,
.ict_chat_box .ict_chat_log .ict_other .ict_log p a {
  background-color: #ffeada;
}

/* i-ask otheritem
-------------------------------------------------*/
.ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .url a, .ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .image a, .ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .relation a {
  background-color: #ffeada;
}

.ict_chat_fixed_main {
  bottom: -800em;
}

@media screen and (max-width: 480px) {
  /*html, body {
    overflow: auto;
    height: 100%;
  }
  html.ict_opened,
  html body.ict_opened {
    overflow: hidden;
  }*/
  .ict_banner {
    height: auto !important;
    width: auto !important;
  }
  .ict_banner img {
    max-width: 100%;
  }
  .ict_chat_box #iframeInner {
    height: calc(100% + 40px) !important;
  }
  .ict_chat_box .ict_header {
    height: 80px;
    background-image: none;
  }
  .ict_footer {
    height: 68px;
  }
  .ict_chat_log {
    height: calc( 100vh - 80px - 68px);
  }
  .ict_chat_box .ict_header {
    background-size: contain;
  }
  .ict_chat_fixed_main {
    box-shadow: none;
    position: fixed;
    height: 94vh !important;
    width: 90vw;
  }
  .ict_chat_fixed_main iframe {
    width: 100%;
  }
  .ict_chat_log {
    height: calc( 100vh - 80px - 68px);
  }
}

.ict_chat_fixed_main iframe {
  height: 580px;
}

.ict_chat_fixed_main h3 {
  color: #999;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.ict_banner {
  height: 105px;
  width: 279px;
}

.ict_log {
  box-sizing: border-box;
  width: 100%;
}

.ict_staff,
.ict_dialog {
  padding: .75em 15px .25em 18px;
}

.ict_chat_box .ict_chat_log .ict_category .ict_log p a,
.ict_chat_box .ict_chat_log .ict_category .ict_log li a,
.ict_chat_box .ict_chat_log .ict_other .ict_log p a,
.ict_chat_box .ict_chat_log .ict_other .ict_log li a {
  background-image: url(../images/bg_link_white.png);
  color: #000;
}

/*# sourceMappingURL=theme.css.map */