.p-ranking#ranking {
  padding-top: 0;
}
.p-ranking#ranking .c-mainTitle {
  text-align: center;
}
.p-ranking {
  /* mv */
}
/* ID:183 */
.p-ranking__mv {
  padding: 40px 0;
}
.p-ranking__fallbackNote {
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  color: #888;
}
.p-ranking__empty {
  text-align: center;
  padding: 60px 0;
  color: #888;
}

/* ランキングカード */
.p-rankingCard a {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.p-rankingCard__rank {
  flex-basis: 40px;
}
.p-rankingCard__heading {
  flex-basis: calc(100% - 180px);
  display: flex;
  gap: 24px;
}
.p-rankingCard__rankText {
  font-size: 28px;
  color: var(--accent-color-teal);
  text-align: center;
  border: 1px solid var(--accent-color-teal);
}
.p-rankingCard__thumb {
  flex-basis: 180px;
  box-shadow: var(--box-shadow);
}
.p-rankingCard__thumb img {
  width: 100%;
  height: auto;
}
.p-rankingCard__body {
  flex-basis: calc(100% - 40px);
}
.p-ranking__listWrap {
  margin-top: 40px;
}
.p-ranking__listItem {
  padding: 12px 0;
  position: relative;
}
.p-ranking__listItem:not(:last-child)::after {
  content: '';
  display: block;
  width: calc(100% - 64px);
  height: 1px;
  background: var(--border-color);
  position: absolute;
  top: 100%;
  right: 0;
}
.p-rankingCard__title {
  font-size: 17px;
  margin-top: 12px;
  width: fit-content;
  /* ID:438 R→M */
  font-family: "MFW-PIshiiGothicStdN-M", sans-serif;
  font-weight: 500;
}
/* ID:160 hover 下線は h3 に付く c-titleLink:hover (animation.css) のみで一本化。
   span ベースの border-bottom と併用すると2本下線になるため削除。 */
.p-rankingCard__authorWrap {
  margin-top: 12px;
}
.p-ranking__content {
  padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
  .p-ranking__mv {
    padding: 32px 0;
  }
  .p-rankingCard a {
    display: block;
  }
  .p-rankingCard__thumb {
    margin-top: 24px;
    width: calc(100% - (40px + 24px));
    margin-left: auto;
    margin-right: 0;
  }
  .p-ranking__listItem {
    padding: 20px 0;
  }
  .p-ranking__content {
    padding-bottom: 80px;
  }
}/*# sourceMappingURL=ranking.css.map */