@charset "UTF-8";
.region--content,
.region > :where(:not([data-big-pipe-placeholder-id])) {
  margin-block-end: 0;
}

.p-series__mv {
  padding: 40px 0;
}
.p-series__mv .c-mainTitle {
  text-align: center;
}
.p-series__tags {
  margin-top: 80px;
  margin-right: min(-5vw, (100vw - 1280px) / 2 * -1);
  /* ID:425 タグとコンテンツ間の余白 80px (PC) */
  margin-bottom: 40px;
}
/* ID:425 さらに p-series__mv の余分な下余白を削減して合計 80px に揃える */
.p-series:not(.p-seriesCategory) .p-series__mv {
  padding-bottom: 0;
}
.p-series__tagList {
  display: flex;
  overflow: auto;
  gap: 8px;
  /* ID:262 タグエリアのスクロールバー(横棒)がタグに被るのを回避 */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-series__tagList::-webkit-scrollbar {
  display: none;
}
.p-series__tagItem {
  flex-shrink: 0;
}
.p-series__tagLink {
  display: block;
  border: 1px solid var(--accent-color-black);
  color: var(--accent-color-black);
  padding: 4px 8px;
  border-radius: 999px;
}
.p-series__tagLink.is-active {
  background-color: var(--accent-color-black);
  color: #fff;
}
.p-series__content {
  background: none;
  padding-bottom: 160px;
}
.p-series__content.c-cardGrid {
  padding-top: 40px;
}
.p-series-other {
  background: none;
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .p-series-other__slider .swiper {
    padding-bottom: 0;
  }
}
.p-series-other__slider .swiper-button-lock {
  display: none !important;
}
/* ID:183 */
.p-series .p-article-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-series {
  /* 著者 */
}
/* ID:183 */
.p-series .p-articleContant {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-series .p-articleContant::before {
  content: "";
  display: block;
  width: min(1280px, 90%);
  height: 1px;
  background: var(--border-color);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-series {
  /* 他の連載 */
}
.p-series-other .c-cardGrid__listItem {
  box-shadow: none;
}
.p-series-other .p-attentionCard__thumb {
  aspect-ratio: 1/1;
}
.p-series-other .p-attentionCard__body {
  padding: 16px 0;
}
.p-series-other .p-attentionCard__title {
  margin-top: 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  padding-bottom: 0;
  margin-bottom: 4px;
}
.p-series-other__meta {
  margin-top: 8px;
  color: var(--text3-color);
  font-size: 13px;
}
.p-series-other__latestHead {
  color: var(--text3-color);
  font-size: 13px;
}
.p-series-other__latestTitle {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.p-series-other__latestLink {
  display: block;
  padding: 12px 32px 12px 0;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  position: relative;
}
.p-series-other__latestLink::after {
  content: "";
  display: block;
  width: 6px;
  height: 12px;
  background: url(../images/arrow.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.p-series-other__showSeries {
  padding-top: 16px;
}
.p-series-other__showSeriesLink {
  color: var(--accent-color-teal);
  display: flex;
  align-items: center;
  gap: 13px;
}
.p-series-other__showSeriesLink::after {
  content: "";
  display: block;
  width: 6px;
  height: 12px;
  background: url(../images/arrow-teal.svg) no-repeat center/contain;
}
.p-series {
  /* カテゴリートップ */
}
/* ID:158 連載トップ ビジュアル(ヒーロー)のみ max-width 1440px、ヒーロー外側はベージュ背景 (No27 デザイン仕様) */
.p-seriesCategory .p-series__mv {
  padding-top: 0;
  /* base の `.p-series__mv { padding: 40px 0 }` の下余白が残ると
     画像下に無駄なベージュ余白が出るので明示的に 0 にする。 */
  padding-bottom: 0;
  display: flex;
  /* 1440 を超える幅では両端に余白、ヒーロー全幅でベージュ背景 */
  background: var(--bg-color);
  padding-inline: max(0px, calc((100% - 1440px) / 2));
}
.p-seriesCategory .p-series__mvBody {
  width: 50%;
  background: var(--bg-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 4%;
}
.p-seriesCategory .p-series__mvLabel {
  font-size: 15px;
  line-height: 1.5;
  color: var(--accent-color-teal);
  margin-bottom: 20px;
}
.p-seriesCategory .p-series__mvTitle {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: 500;
}
.p-seriesCategory .p-series__mv .c-articleCard__authorWrap {
  margin-top: 0;
}
/* ID:430/431 各連載一覧の表紙画像。
   ID:431 (5/7差戻): aspect-ratio 3/2 と align-self: stretch が競合し、本文側
   (mvBody) が背高いケースで画像下にベージュ余白が出ていた。aspect-ratio を
   削除して align-self: stretch のみで親 (mv) の高さに従わせ、img は
   object-fit: cover で枠を完全に埋めて余白を出さない。 */
.p-seriesCategory .p-series__mvThumb {
  width: 50%;
  align-self: stretch;
  display: flex;
}
.p-seriesCategory .p-series__mvThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-seriesCategory .p-series__mvCaption {
  left: unset;
  right: 0;
}

@media (max-width: 1024px) {
  .p-series__mv {
    padding-top: 32px;
  }
  .p-series__tags {
    margin-top: 48px;
    /* ID:432 SP タグとコンテンツ間 48px (現在 80px → 48px) */
    margin-bottom: 24px;
  }
  .p-series__content.c-cardGrid {
    padding-top: 24px;
  }
  .p-series__tagLink {
    font-size: 13px;
  }
  .p-series .p-article-content {
    padding-top: 48px;
    padding-bottom: 40px;
  }
  .p-series .p-articleContant {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-seriesCategory .p-series__mv {
    flex-direction: column;
  }
  .p-seriesCategory .p-series__mvBody {
    width: 100%;
    padding: 32px 24px;
  }
  .p-seriesCategory .p-series__mvLabel {
    margin-bottom: 16px;
  }
  .p-seriesCategory .p-series__mvTitle {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .p-seriesCategory .p-series__mv .c-authorName {
    font-size: 15px;
  }
  .p-seriesCategory .p-series__mvThumb {
    width: 100%;
  }
}

/* 他の連載セクション フッター上余白 */
.p-series-other {
  margin-bottom: 80px;
}/*# sourceMappingURL=series.css.map */