@charset "utf-8";
/* ロコンドのFAQに上書きするcss */

/* -------------------------------------
  common
------------------------------------- */
/* ロゴ */
#locondo_faq.tolonco_faq h1 {
  width: 250px;
}
#locondo_faq.tolonco_faq h1 a,
#locondo_faq.tolonco_faq h1 a img {
  display: block;
  width: 100%;
}

#locondo_faq.tolonco_faq .header_right a {
  background: #E84747;
  width: unset;
  padding: 10px 20px 10px 30px;
  text-align: center;
  font-size: 13px;
}
#locondo_faq.tolonco_faq .headerR_icon {
  background-image: url(img/outlink.svg);
    margin-left: 8px;
    width: 14px;
    display: block;
    transform: translateY(5px);
    background-size: contain;
    opacity: .8;
}

#locondo_faq a,
#locondo_faq.tolonco_faq h1,
#locondo_faq.tolonco_faq h2,
#locondo_faq.tolonco_faq h3,
#locondo_faq.tolonco_faq h4,
#locondo_faq.tolonco_faq li {
  color: #333;
}
#locondo_faq.tolonco_faq h2 .ja {
  color: #666;
}
#locondo_faq.tolonco_faq h2:after {
  background: #121212;
}

/* hover, a文字色 */
#locondo_faq.tolonco_faq #faqContents .post-edit-link,
#locondo_faq.tolonco_faq .breadcrumbs a,
#locondo_faq.tolonco_faq #faqContents .list_A a {
  color: #E84747;
}

/* hover, 背景色 */
#locondo_faq.tolonco_faq #popularWord li a:hover,
#locondo_faq.tolonco_faq #category li a:hover {
  background: #E84747;
}

/* svgの色変えるmask */
#locondo_faq.tolonco_faq .searchBtn:before {
  background: #E84747;
  mask: url(img/icon_search.svg);
  -webkit-mask: url(img/icon_search.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
#locondo_faq.tolonco_faq #faqList li:before,
#locondo_faq.tolonco_faq #faqList .list_Q:before,
#locondo_faq.tolonco_faq #faqContents h3:before {
  background: #E84747;
  mask: url(img/icon_Q.svg);
  -webkit-mask: url(img/icon_Q.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
#locondo_faq.tolonco_faq #faqList .list_A:before,
#locondo_faq.tolonco_faq #faqContents .list_A:before {
  background: #E84747;
  mask: url(img/icon_A.svg);
  -webkit-mask: url(img/icon_A.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
#locondo_faq.tolonco_faq #category li a:after,
#locondo_faq.tolonco_faq #faqList li a:after {
  background: #E84747;
  mask: url(img/icon_arw.svg);
  -webkit-mask: url(img/icon_arw.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
#locondo_faq.tolonco_faq #category li a:hover:after {
  background: #fff;
}
#locondo_faq.tolonco_faq #faqContents .list_A a {
  color: #E84747;
}

/* -------------------------------------
  archive
------------------------------------- */
#locondo_faq.tolonco_faq #category li a {
  border-radius: 8px;
}
#locondo_faq.tolonco_faq #faqList .pager_top:before {
  border-right: 1px solid #E84747;
  border-bottom: 1px solid #E84747;
}
#locondo_faq.tolonco_faq #faqList .readmore {
  color: #E84747;
}
#locondo_faq.tolonco_faq #faqList .pager_bottom .current:before {
  background: #E84747;
}
#locondo_faq.tolonco_faq #faqList .pager_bottom .page_prev,
#locondo_faq.tolonco_faq #faqList .pager_bottom .page_next {
  color: #E84747;
}

/* -------------------------------------
  single
------------------------------------- */
/* 解決したか */
#locondo_faq.tolonco_faq .branch {
  border-radius: 12px;
}
#locondo_faq.tolonco_faq .branch a:hover{
  color: #E84747;
}
#locondo_faq.tolonco_faq .branch li.branch_no a {
  background: #E84747;
}
#locondo_faq.tolonco_faq .branch li.branch_no a:hover {
  opacity: .8;
  color: #fff;
}
#locondo_faq.tolonco_faq .branch li.branch_no a,
#locondo_faq.tolonco_faq .branch li.branch_neutral a,
#locondo_faq.tolonco_faq .branch li.branch_yes a {
  border-radius: 8px;
}

#locondo_faq.tolonco_faq .branch li.branch_yes .branch_symbol,
#locondo_faq.tolonco_faq .branch li.branch_neutral .branch_symbol {
  background: #E84747;
}
#locondo_faq.tolonco_faq .branch li.branch_yes .branch_symbol {
  mask: url(img/icon_faq_solved.svg) no-repeat;
  -webkit-mask: url(img/icon_faq_solved.svg) no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
#locondo_faq.tolonco_faq .branch li.branch_neutral .branch_symbol {
  mask: url(img/icon_faq_more.svg) no-repeat;
  -webkit-mask: url(img/icon_faq_more.svg) no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

@media screen and (max-width: 767px) {
  /* -------------------------------------
    common
  ------------------------------------- */
  /* ロゴ */
  #locondo_faq.tolonco_faq h1 {
    width: 200px;
  }
  #locondo_faq.tolonco_faq .header_right{
    width: 50%;
  }
  #locondo_faq.tolonco_faq .header_right a {
    flex-direction: row;
    white-space: nowrap;
    padding: 10px 10px 10px 15px;
  }
}