.c-ranking__items {
  counter-reset: rank;
}
.c-ranking__item {
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}
.c-ranking__item a {
  font-size: 12px;
  line-height: 1.4;
}
.c-ranking__item::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #e9edf0;
  font-size: 1.1rem;
  line-height: 20px;
  text-align: center;
  content: counter(rank);
  counter-increment: rank;
}
.c-ranking__item:nth-child(1)::before, .c-ranking__item:nth-child(2)::before, .c-ranking__item:nth-child(3)::before {
  border: 1px solid #5c62f6;
  background-color: #5c62f6;
  color: #fff;
}

.c-sticky-banner {
  margin-block: 40px;
  padding-inline: 15px;
}
@media screen and (min-width: 60.0625em) {
  .c-sticky-banner {
    padding-inline: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    left: 0;
  }
}
.c-sticky-banner__item + .c-sticky-banner__item {
  margin-top: 20px;
}
.c-sticky-banner__item img {
  width: 100%;
  height: auto;
  transition: 0.4s;
}
.c-sticky-banner__item a:hover img {
  opacity: 0.7;
}

@media screen and (min-width: 60.0625em) {
  .pg-article {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1180px;
  }
}
@media screen and (min-width: 60.0625em) {
  .pg-article__content {
    width: calc(100% - 320px);
  }
}
.pg-article__article {
  padding-inline: 5px;
}
@media screen and (min-width: 60.0625em) {
  .pg-article__sidebar {
    width: 280px;
    margin-top: 36px;
  }
}
.pg-article .contant1 {
  margin: 0;
}
.pg-article .postFooter {
  margin: 28px 0 0;
  padding-inline: 10px;
}
@media screen and (min-width: 60.0625em) {
  .pg-article .postFooter {
    margin: 80px 0 0;
  }
}
.pg-article h1.wp-block-heading.has-text-align-left, .pg-article h1.wp-block-heading:not(.has-text-align-center):not(.has-text-align-right), .pg-article h2.wp-block-heading.has-text-align-left, .pg-article h2.wp-block-heading:not(.has-text-align-center):not(.has-text-align-right), .pg-article h3.wp-block-heading.has-text-align-left, .pg-article h3.wp-block-heading:not(.has-text-align-center):not(.has-text-align-right) {
  text-align: left !important;
}
.pg-article h1.wp-block-heading.has-text-align-center, .pg-article h2.wp-block-heading.has-text-align-center, .pg-article h3.wp-block-heading.has-text-align-center {
  text-align: center !important;
}
.pg-article h1.wp-block-heading.has-text-align-right, .pg-article h2.wp-block-heading.has-text-align-right, .pg-article h3.wp-block-heading.has-text-align-right {
  text-align: right !important;
}
.pg-article .wp-block-list li + li {
  margin-top: 20px;
}