/* c5-t1
   ========================================================================== */
/* line 100, _src/chat.scss */
.c5-heading1, .c5-heading2, .c5-heading3, .c5-heading4, .c5-heading5 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}

@media screen and (max-width: 639px) {
  /* line 108, _src/chat.scss */
  .c5-heading1, .c5-heading2, .c5-heading3, .c5-heading4, .c5-heading5 {
    font-size: 1.375rem;
  }
}
/* c5-t2
   ========================================================================== */
/* line 115, _src/chat.scss */
.c5-heading2 {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 639px) {
  /* line 121, _src/chat.scss */
  .c5-heading2 {
    font-size: 1.125rem;
  }
}
/* c5-t3
   ========================================================================== */
/* line 128, _src/chat.scss */
.c5-heading3 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 639px) {
  /* line 134, _src/chat.scss */
  .c5-heading3 {
    font-size: 1rem;
  }
}
/* c5-t4
   ========================================================================== */
/* line 141, _src/chat.scss */
.c5-heading4 {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 639px) {
  /* line 147, _src/chat.scss */
  .c5-heading4 {
    font-size: 1rem;
  }
}
/* c5-t5
   ========================================================================== */
/* line 154, _src/chat.scss */
.c5-heading5 {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 639px) {
  /* line 160, _src/chat.scss */
  .c5-heading5 {
    font-size: 1rem;
  }
}
/* modifier: align
   ========================================================================== */
/* line 166, _src/chat.scss */
.c5--alignLeft {
  text-align: left !important;
}

/* line 167, _src/chat.scss */
.c5--alignRight {
  text-align: right !important;
}

/* line 168, _src/chat.scss */
.c5--alignCenter {
  text-align: center !important;
}

/* line 169, _src/chat.scss */
.c5--alignTop {
  vertical-align: top !important;
}

/* line 170, _src/chat.scss */
.c5--alignMiddle {
  vertical-align: middle !important;
}

/* line 171, _src/chat.scss */
.c5--alignBottom {
  vertical-align: bottom !important;
}

/* modifier:fontsize
   ========================================================================== */
/* line 175, _src/chat.scss */
.c5--fontXSmall {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

/* line 176, _src/chat.scss */
.c5--fontSmall {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

/* line 177, _src/chat.scss */
.c5--fontBase {
  font-size: 16px !important;
  font-size: 1rem !important;
}

/* line 178, _src/chat.scss */
.c5--fontLarge {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

/* line 179, _src/chat.scss */
.c5--fontXLarge {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}

/* modifier: text color
   ========================================================================== */
/* line 185, _src/chat.scss */
.c5--colorStoreOrange {
  color: #f5683a !important;
}

/* line 186, _src/chat.scss */
.c5--colorBlack {
  color: #2f353d !important;
}

/* line 187, _src/chat.scss */
.c5--colorGray {
  color: #83838f !important;
}

/* line 188, _src/chat.scss */
.c5--colorRed {
  color: #c93434 !important;
}

/* line 189, _src/chat.scss */
.c5--colorPink {
  color: #f26b88 !important;
}

/* line 191, _src/chat.scss */
.c5--colorGray-light {
  color: #cccccc !important;
}

/* line 192, _src/chat.scss */
.c5--colorGray {
  color: #83838f !important;
}

/* line 194, _src/chat.scss */
.c5--colorGreen {
  color: #22c083 !important;
}

/* line 196, _src/chat.scss */
.c5--colorBlue-light {
  color: #55acee !important;
}

/* line 197, _src/chat.scss */
.c5--colorBlue {
  color: #5887ab !important;
}

/* line 198, _src/chat.scss */
.c5--colorBlue-dark {
  color: #3a5897 !important;
}

/* line 200, _src/chat.scss */
.c5--colorOrange {
  color: #f25529 !important;
}

/* c5--bordered
   ========================================================================== */
/* line 208, _src/chat.scss */
.c5--bordered {
  border-bottom: 1px solid;
  padding-bottom: 8px;
}

/* c5-link
   ========================================================================== */
/* line 215, _src/chat.scss */
.c5-link {
  padding: 2px 0 2px 13px;
  background: transparent url(/member_images/support/mod_registered_products_list_02.gif) left center no-repeat;
}

/* ==========================================================================
   .c5-chatArea
   ========================================================================== */
/* line 224, _src/chat.scss */
.c5-chatArea {
  font-size: 16px;
}

/* ==========================================================================
   .c5-frameBox
   ========================================================================== */
/* line 230, _src/chat.scss */
.c5-frameBox {
  border: #ccc solid 1px;
  padding: 16px 20px 16px 20px;
  margin-bottom: 20px;
}

/* line 235, _src/chat.scss */
.c5-frameBox.c5-frameBox--pink {
  border: #f26b88 solid 1px;
}

/* line 238, _src/chat.scss */
.c5-comList {
  margin: 0;
}
/* line 240, _src/chat.scss */
.c5-comList .c5-comList__icon {
  display: inline-block;
  padding-right: 15px;
}
/* line 245, _src/chat.scss */
.c5-comList dl dt {
  margin-bottom: 20px;
  font-size: 24px;
}
/* line 252, _src/chat.scss */
.c5-comList.c5-comList--qa ul {
  list-style: none;
  margin-left: 0;
}

/* line 258, _src/chat.scss */
.c5-moreLinks {
  margin: 0;
  text-align: right;
}

/* ==========================================================================
   .c5-contactCol1
   ========================================================================== */
/* line 266, _src/chat.scss */
.c5-contactCol1 {
  font-size: 0;
  font-family: 'zeroWidth';
  margin: 30px -15px;
}
/* line 270, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner {
  font-size: 16px;
  font-family: sans-serif;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 0 40px;
}
/* line 279, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner .c5-contactCol1__innerHeading {
  font-weight: bold;
  vertical-align: middle;
}
/* line 282, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner .c5-contactCol1__innerHeading span {
  vertical-align: middle;
  display: inline-block;
}
/* line 287, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner .c5-contactCol1__innerText {
  margin: 20px 0 15px;
}
/* line 290, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner .c5-contactCol1__innerImg {
  text-align: center;
  margin-bottom: 15px;
}
/* line 293, _src/chat.scss */
.c5-contactCol1 .c5-contactCol1__inner .c5-contactCol1__innerImg img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ==========================================================================
   .c5-contactCol2
   ========================================================================== */
/* line 305, _src/chat.scss */
.c5-contactCol2 {
  font-size: 0;
  font-family: 'zeroWidth';
  margin: 30px -15px;
}
/* line 309, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner {
  font-size: 16px;
  font-family: sans-serif;
  vertical-align: top;
  display: inline-block;
  width: 49.999%;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 0 40px;
}
/* line 318, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner .c5-contactCol2__innerHeading {
  font-weight: bold;
  vertical-align: middle;
}
/* line 321, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner .c5-contactCol2__innerHeading span {
  vertical-align: middle;
  display: inline-block;
}
/* line 326, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner .c5-contactCol2__innerText {
  min-height: 3.2em;
  margin: 20px 0 15px;
}

@media screen and (max-width: 639px) {
  /* line 344, _src/chat.scss */
  .c5-contactCol2 .c5-contactCol2__inner {
    font-size: 14px;
    width: 100%;
  }
}
/* line 355, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner .c5-contactCol2__innerImg {
  text-align: center;
  margin-bottom: 15px;
}

/* line 359, _src/chat.scss */
.c5-contactCol2 .c5-contactCol2__inner .c5-contactCol2__innerImg img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ==========================================================================
   .c5-contactCol3
   ========================================================================== */
/* line 367, _src/chat.scss */
.c5-contactCol3 {
  font-size: 0;
  font-family: 'zeroWidth';
  margin: 30px -15px;
}

/* line 372, _src/chat.scss */
.c5-contactCol3 .c5-contactCol3__inner {
  font-size: 14px;
  font-family: sans-serif;
  vertical-align: middle;
  display: inline-block;
  width: 33.333%;
  box-sizing: border-box;
  padding: 0 15px;
}

@media screen and (max-width: 639px) {
  /* line 382, _src/chat.scss */
  .c5-contactCol3 .c5-contactCol3__inner {
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
  }
}
/* line 388, _src/chat.scss */
.c5-contactCol3 .c5-contactCol3__inner a:hover {
  color: #7d8794;
  transition: opacity .2s;
  text-decoration: none;
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
}

/* ==========================================================================
   .c5-contactTips
   ========================================================================== */
/* line 398, _src/chat.scss */
.c5-contactTips {
  display: table;
  color: #55acee;
  font-size: 16px;
  font-weight: bold;
}

/* line 404, _src/chat.scss */
.c5-contactTips > span {
  display: table-cell;
  vertical-align: middle;
}

/* line 408, _src/chat.scss */
.c5-contactTipsUnder {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* line 413, _src/chat.scss */
.c5-contactTips__icon {
  color: #55acee;
  padding-right: 8px;
  text-align: center;
}

/* line 419, _src/chat.scss */
.c5-contactTips__icon span {
  display: block;
}

@media screen and (max-width: 639px) {
  /* line 423, _src/chat.scss */
  .c5-contactTips__icon {
    font-size: 24px;
  }
}
/* line 427, _src/chat.scss */
.c5-contactLineBox {
  border: solid 1px #ccc;
  margin: 40px 20px;
  padding: 20px 20px;
}

/* line 432, _src/chat.scss */
.c5-contactLineBox ol.c5-contactLineBox__list {
  margin: 0 20px;
}

/* line 435, _src/chat.scss */
.c5-contactLineBox ol.c5-contactLineBox__list li {
  margin: 10px;
}

@media screen and (max-width: 639px) {
  /* line 439, _src/chat.scss */
  .c5-contactLineBox ol.c5-contactLineBox__list {
    margin: 20px 10px;
  }
}
/* line 443, _src/chat.scss */
.c5-contactLineTable {
  display: table;
  margin: 30px 0;
}

/* line 447, _src/chat.scss */
.c5-contactLineTable .c5-contactLineTable__cell {
  display: table-cell;
  font-size: 14px;
  width: 50%;
  vertical-align: middle;
}

@media screen and (max-width: 639px) {
  /* line 454, _src/chat.scss */
  .c5-contactLineTable .c5-contactLineTable__cell {
    display: block;
    width: 100%;
  }

  /* line 458, _src/chat.scss */
  .c5-contactLineTable .c5-contactLineTable__cell img {
    margin: 20px 0 0;
  }
}
/* line 462, _src/chat.scss */
.c5-contactLineTable .c5-contactLineTable__cell img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   .c5-chatAreaBox
   ========================================================================== */
/* line 470, _src/chat.scss */
.c5-chatAreaBox {
  margin: 0 0 60px;
}
/* line 472, _src/chat.scss */
.c5-chatAreaBox ul {
  list-style-type: disc;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
}
/* line 480, _src/chat.scss */
.c5-chatAreaBox h1,
.c5-chatAreaBox h2,
.c5-chatAreaBox h3,
.c5-chatAreaBox h4,
.c5-chatAreaBox h5 {
  margin-bottom: 15px;
}
