@charset "UTF-8";
/* =========================================================
   連載バナー一覧（トップ「新着記事」下 / [series_banners]）
   各連載のカバー画像を、その連載アーカイブ（/series/{slug}）へリンク。
   ========================================================= */
.wd-series{
  --wd-series-gap:20px;
  margin:0;
}
/* 見出し「連載」下の余白を詰める（SWELL .c-secTitle の既定 margin を上書き）*/
.wd-series .wd-series__heading{
  margin-bottom:14px !important;
}
/* SWELL の投稿リスト(.p-postList -pc-col2)とカラム位置・幅を揃える。
   行は -8px 外側に張り出し、各カードは 24px の内側余白＋48px の列間。 */
.wd-series ul.wd-series__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;
  margin:0 -8px !important;
  padding:0 24px !important;
  list-style:none;
  width:auto;
}
.wd-series__item{margin:0;padding:0}
.wd-series__link{
  display:block;
  position:relative;
  overflow:hidden;
  background:#f2f2f2;
  border-radius:0;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.wd-series__link:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.14);
}
/* カバー画像は 16:9 を維持 */
.wd-series__thumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
}
.wd-series__thumb img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
/* 画像内に文字が入っているため通常はキャプション非表示。
   バナー未設定時のフォールバック用にタイトルを持たせておく。 */
.wd-series__title{
  display:none;
}
.wd-series__link.is-noimg{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:16 / 9;
  background:linear-gradient(135deg,#eef2f7,#fff);
}
.wd-series__link.is-noimg .wd-series__title{
  display:block;
  padding:16px;
  font-weight:700;font-size:16px;line-height:1.5;color:#222;text-align:center;
}

@media (max-width:600px){
  .wd-series__grid{grid-template-columns:1fr;}
}