@charset "utf-8";

.sec-ranking_list_item_box1_rates_rate .ratestar.sougou:after {
  width: attr(data-rate);
}

.sec-column_atcl_text.article_body table {
  width: 100%;
}

ul.sec-logos_slide {
  display: none;
}

ul.sec-logos_slide.slick-initialized {
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-ranking_comparing_table {
    width: auto;
  }
}

.sec-ranking_list_item_box4_table_makerlist li {
  display: inline-block;
}

.sec-ranking_list_item_box4_table_makerlist li:after {
  content: "/";
  margin: 0 .75em;
}

.sec-ranking_list_item_box4_table_makerlist li:last-child:after {
  content: "";
  margin-right: 0;
}


footer .footer_inner .footer_logo {
  margin-bottom: 2rem;
}

footer .footer_inner .footer_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}

footer .footer_inner .footer_link a {
  width: 350px;
  height: 55px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border-radius: 100px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  position: relative;
}

footer .footer_inner .footer_link a:after {
  content: '';
  display: block;
  height: 1em;
  aspect-ratio: 1/1;
  background-image: url('../img/arrow-white.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  margin: auto 0;
  transition: 0.5s;
}

footer .footer_inner .footer_link a:hover:after {
  transform: translateX(0.5rem);
}

footer .footer_inner .footer_link a.eq {
  background: linear-gradient(to right, #29d01e, #1c8d14);
}

footer .footer_inner .footer_link a.battery {
  background: linear-gradient(to right, #1d83d1, #14588c);
}

footer .footer_inner .footer_link a.pv {
  background: linear-gradient(to right, #ff6d4d, #ff441a);
}

.article_body table.error-code-table {
  tr {

    th,
    td {
      &:nth-child(1) {
        width: 28%;
      }

      &:nth-child(2) {
        width: 12%;
      }

      &:nth-child(3) {
        width: 20%;
      }

      &:nth-child(4) {
        width: 40%;
      }
    }
  }
}

.article_body {
  .aligncenter {
    text-align: center;
  }

  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}