.path-weekly-shincho .region--content,
.path-weekly-shincho .region > :where(:not([data-big-pipe-placeholder-id])) {
  margin-block-end: 0;
}

/* ID:183 */
.p-weekly-shincho {
  background: var(--white-color);
}

/* ID:183 */
.p-weekly-shincho__mv {
  background: var(--bg-color);
  padding: 80px 0 40px;
}
.p-weekly-shincho__mv .c-mainTitle {
  text-align: center;
}
.p-weekly-shincho__mv .c-mainTitle img {
  width: 160px;
}
/* ID:183 */
.p-weekly-shincho__content {
  padding-top: 40px;
}
.p-weekly-shincho__topContent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 48px;
}
.p-weekly-shincho__latestIssue {
  width: 250px;
  flex-shrink: 0;
  padding: 32px;
  background: var(--bg-color);
}
.p-weekly-shincho__latestIssue .p-weekly-shinchoCard__body {
  padding: 24px 0 0;
}
.p-weekly-shincho__latestIssue .p-weekly-shinchoCard__label {
  font-size: 13px;
  margin-bottom: 3px;
  color: var(--text6-color);
}
.p-weekly-shincho__latestIssue .p-weekly-shinchoCard__title {
  margin-top: 3px;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 24px;
}
.p-weekly-shincho__latestIssue .p-weekly-shinchoCard__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 7px;
  color: var(--accent-color-teal);
}
.p-weekly-shincho__latestIssue .p-weekly-shinchoCard__link::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background: url(../images/arrow-teal.svg) no-repeat center/contain;
}
/* ID:440 週刊新潮 上部右2つの写真からドロップシャドウを除去 */
.p-weekly-shincho__latest .p-latestCard__thumb {
  aspect-ratio: 3/2;
  box-shadow: none;
  overflow: hidden;
}
.p-weekly-shincho__latest {
  flex: 1;
  min-width: 0;
}
.p-weekly-shincho__latest .p-latest__listWrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 20px;
  width: 100%;
}
.p-weekly-shincho__latest .p-latest__listItem {
  min-width: 0;
}
.p-weekly-shincho__latest .p-latestCard__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-weekly-shincho__latest .p-latestCard__meta {
  margin-top: 16px;
}
.p-weekly-shincho__latest .p-latestCard__title {
  font-family: "MFW-PIshiiGothicStdN-M", sans-serif;
  margin-top: 12px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}
.p-weekly-shincho__latest .p-latestCard__excerpt {
  margin-top: 12px;
  color: var(--text3-color);
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.p-weekly-shincho__latest .p-latestCard__authorWrap {
  margin-top: 12px;
  font-size: 13px;
}
/* ID:160 hover 下線は animation.css の c-cardAnimationTitle / p-latestCard 系 text-decoration に統一。
   span ベースの border-bottom は削除（テンプレートに span が無い場合に効かないため）。 */
.p-weekly-shincho__listWrap {
  gap: 48px 2%;
}
.p-weekly-shincho__listItem {
  width: 23.5%;
  border: 1px solid var(--border-color);
  /* ID:496 ドロップシャドウを薄く (デザインに合わせる) */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 1px 0 rgba(0, 0, 0, 0.02);
}
.p-weekly-shinchoCard {
  height: 100%;
}
.p-weekly-shinchoCard a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* ID:160 hover 下線は animation.css の text-decoration ルールで処理 (p-weekly-shinchoCard__title)。 */
.p-weekly-shinchoCard__body {
  padding: 16px;
}
.p-weekly-shinchoCard__title {
  font-family: "MFW-PIshiiGothicStdN-M", sans-serif;
  font-weight: 500;
  margin-top: 16px;
  font-size: 15px;
  margin-bottom: 14px;
}
.p-weekly-shinchoCard__link {
  font-family: "MFW-PIshiiGothicStdN-M", sans-serif;
  font-weight: 500;
}
.p-weekly-shinchoCard__category {
  font-family: "MFW-PIshiiGothicStdN-M", sans-serif;
  font-weight: 500;
}
.p-weekly-shincho__slider {
  background: none;
}
.p-weekly-shincho__slider .swiper {
  padding-bottom: 0;
}
.p-weekly-shincho__slider .c-cardGrid__listItem {
  box-shadow: none;
}
.p-weekly-shincho__slider .c-cardGrid__listItem .p-attentionCard__body {
  padding: 16px 0;
}
.p-weekly-shincho__slider .c-cardGrid__listItem .p-attentionCard__title {
  margin-top: 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  padding-bottom: 0;
  margin-bottom: 4px;
}
.p-weekly-shincho__slider .swiper-button-disabled {
  display: none !important;
}

/* 連載タブ: 3列グリッド */
.p-weekly-shincho__seriesGrid {
  padding: 0;
}
.p-weekly-shincho__seriesGrid .c-cardGrid__listWrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px 2%;
}
.p-weekly-shincho__seriesGrid .c-cardGrid__listItem {
  width: auto;
  padding: 0;
}

@media (max-width: 1310px) {
  .p-weekly-shincho__topContent {
    flex-direction: column;
    gap: 48px;
  }
  .p-weekly-shincho__latestIssue {
    width: 100%;
    padding: 24px;
  }
  .p-weekly-shincho__latestIssue .p-weekly-shinchoCard__body {
    padding-top: 0;
  }
  .p-weekly-shincho__latest {
    width: 100%;
  }
  .p-weekly-shinchoCard--latestIssue {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .p-weekly-shinchoCard--latestIssue .p-weekly-shinchoCard__thumb {
    max-width: 250px;
    flex-shrink: 0;
  }
  .p-weekly-shinchoCard--latestIssue .p-weekly-shinchoCard__thumb img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .p-weekly-shincho__mv {
  }
  .p-weekly-shincho__mv .c-mainTitle img {
    width: 128px;
  }
  .p-weekly-shincho__content {
    padding-top: 24px;
    padding-bottom: 0;
  }
  .p-weekly-shincho__listWrap {
    gap: 0;
  }
  .p-weekly-shincho__listItem {
    width: 100%;
    border: 0;
  }
  .p-weekly-shincho__listItem:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .p-weekly-shinchoCard a {
    flex-direction: row;
    padding: 16px 0;
    gap: 20px;
    align-items: flex-start;
  }
  .p-weekly-shinchoCard__thumb {
    order: 0;
    width: 120px;
    flex-shrink: 0;
  }
  .p-weekly-shinchoCard__body {
    order: 1;
    width: auto;
    flex: 1 1 auto;
    padding: 0;
  }
  .p-weekly-shinchoCard__title {
    margin: 0 0 4px;
    font-size: 15px;
  }
  .p-weekly-shincho__latestIssue .p-weekly-shinchoCard__thumb {
    width: 96px;
  }
  .p-weekly-shincho__latest .p-latest__listWrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .p-weekly-shincho__slider {
    /* ID:443 SP 連載カルーセルが左右で切れないよう左右余白を確保 */
    overflow: visible;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .p-weekly-shincho__slider .swiper {
    overflow: visible;
  }
  /* 連載スライダーセクション: section レベルでクリップ、padding/margin はリセット
     (.p-weekly-shincho__slider の ID:443 ルールが section にも当たるため上書き) */
  .p-weekly-shincho__slider--series {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* 内側の swiper-container も .p-weekly-shincho__slider クラスを持つため
     同じ padding/margin が付く → Swiper が位置計算にコンテナの CSS padding を
     考慮しないのでスライド位置がずれる。ここでリセットして正確な計算を保証する。 */
  .p-weekly-shincho__slider--series .p-weekly-shincho__slider {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* base.css が .c-cardGrid-slider .swiper に overflow:visible を設定するが
     連載スライダーは slidesPerView:2 でピーク不要のため hidden に戻す。
     これによりオフスクリーンのスライドがページ横スクロールを生む問題を解消する。 */
  .p-weekly-shincho__slider--series .swiper {
    overflow: hidden;
  }
  .p-weekly-shincho__seriesGrid .c-cardGrid__listWrap {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  /* ID:442 SP リストレイアウト調整: サムネは左、本文は右に */
  .p-weekly-shinchoCard__label {
    font-size: 12px;
    margin-bottom: 4px;
  }
}/*# sourceMappingURL=weekly-shincho.css.map */