/* =========================================================
   あわらタイムズ
   総合トップ｜特集・お役立ち情報

   Blog Parts ID : 2279

   File:
   /assets/css/home/blog-parts/feature.css

   PC
   ┌────────────────┬────────┬────────┐
   │                │ 特集2  │ 特集3  │
   │    特集1       ├────────┼────────┤
   │                │ 特集4  │ 広告   │
   └────────────────┴────────┴────────┘

   特集1：
   ・従来の大きさを維持

   特集2〜4：
   ・右2段に均等配置
   ・画像はカードいっぱい
   ・白タイトルを下側約1/3に重ねる

   SP：
   ・特集1 大
   ・特集2〜4 横カード
   ・広告 全幅
========================================================= */


/* =========================================================
   1. Variables / Base
========================================================= */

.awt-home-feature {
  --awt-feature-text: #102a3a;
  --awt-feature-label: #087fa5;
  --awt-feature-border: #e1e8ec;
  --awt-feature-image-bg: #f4f7f8;
  --awt-feature-radius: 9px;

  --awt-feature-gap: 12px;

  /*
   * PC版の特集1の高さ。
   * 以前の見え方を維持する基準値。
   */
  --awt-feature-main-height: 390px;

  width: 100%;
  margin: 0;
  padding: 34px 0 40px;

  background: #fff;
  color: var(--awt-feature-text);
}

.awt-home-feature,
.awt-home-feature * {
  box-sizing: border-box;
}

.awt-home-feature__inner {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}


/* =========================================================
   2. Section Heading
========================================================= */

.awt-home-feature__head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
  margin-bottom: 18px;
}

.awt-home-feature__title {
  display: flex;
  align-items: center;

  gap: 9px;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;

  color: var(--awt-feature-text);

  font-size: clamp(1.25rem, 1.6vw, 1.55rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.awt-home-feature__title::before,
.awt-home-feature__title::after {
  display: none !important;
}

.awt-home-feature__title-icon {
  display: grid;
  place-items: center;

  width: 27px;
  height: 27px;
  flex: 0 0 27px;

  color: #19a8be;

  font-size: 0.75rem;
  line-height: 1;
}


/* =========================================================
   3. Grid
========================================================= */

.awt-home-feature .awt-home-feature__grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(0, 1fr)
    minmax(0, 1fr) !important;

  grid-template-areas:
    "main sub2 sub3"
    "main sub4 ad";

  gap: var(--awt-feature-gap);

  align-items: stretch;
}

.awt-home-feature__slot {
  min-width: 0;
}

.awt-home-feature__slot--main {
  grid-area: main;
}

.awt-home-feature__slot--sub2 {
  grid-area: sub2;
}

.awt-home-feature__slot--sub3 {
  grid-area: sub3;
}

.awt-home-feature__slot--sub4 {
  grid-area: sub4;
}

.awt-home-feature__slot--ad {
  grid-area: ad;
}


/* =========================================================
   4. SWELL Post List Reset
========================================================= */

.awt-home-feature .p-postListWrap,
.awt-home-feature .p-postList,
.awt-home-feature .p-postList__item {
  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;
}

.awt-home-feature .p-postList {
  display: block !important;
}

.awt-home-feature .p-postList__item {
  width: 100% !important;
}


/* =========================================================
   5. Card
========================================================= */

.awt-home-feature .p-postList__link {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  border: 1px solid var(--awt-feature-border);
  border-radius: var(--awt-feature-radius);

  background: var(--awt-feature-image-bg);

  color: var(--awt-feature-text);
  text-decoration: none !important;

  box-shadow:
    0 2px 10px rgba(16, 42, 58, 0.035);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}


/* =========================================================
   6. SWELL Thumbnail Reset
========================================================= */

.awt-home-feature .p-postList__thumb {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--awt-feature-image-bg);
}

.awt-home-feature .c-postThumb__figure::before,
.awt-home-feature .c-postThumb__figure::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   7. Main Feature
   特集1

   ※ サイズは変更しない
========================================================= */

.awt-home-feature__slot--main {
  height: var(--awt-feature-main-height);
  min-height: var(--awt-feature-main-height);
}

.awt-home-feature__slot--main .p-postListWrap,
.awt-home-feature__slot--main .p-postList,
.awt-home-feature__slot--main .p-postList__item,
.awt-home-feature__slot--main .p-postList__link {
  height: 100% !important;
}


/*
 * 16:9アイキャッチを
 * 特集1カードの上下中央へ配置。
 *
 * coverしない。
 * 元画像の上下左右を切らない。
 */

.awt-home-feature__slot--main .c-postThumb__figure {
  position: absolute !important;

  top: 50% !important;
  left: 0 !important;

  width: 100% !important;
  height: auto !important;

  aspect-ratio: 16 / 9 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--awt-feature-image-bg);

  transform: translateY(-50%) !important;
}

.awt-home-feature__slot--main .c-postThumb__img {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  background: var(--awt-feature-image-bg);

  transform: none !important;
}


/* =========================================================
   8. Sub Features
   特集2・3・4

   PCでは外枠全面に画像を使う。
========================================================= */

.awt-home-feature__slot--sub {
  width: 100%;
  min-width: 0;
}


/*
 * サブカードでは画像を縮めない。
 * 外枠全面を画像領域として使う。
 */

.awt-home-feature__slot--sub .c-postThumb__figure {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--awt-feature-image-bg);

  transform: none !important;
}

.awt-home-feature__slot--sub .c-postThumb__img {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  /*
   * アイキャッチ内の文字を切らない。
   */
  object-fit: contain !important;
  object-position: center center !important;

  background: var(--awt-feature-image-bg);

  transform: none !important;
}


/* =========================================================
   9. Hide SWELL Meta
========================================================= */

.awt-home-feature .c-postThumb__cat,
.awt-home-feature .p-postList__metas,
.awt-home-feature .p-postList__meta,
.awt-home-feature .p-postList__date,
.awt-home-feature .p-postList__modified,
.awt-home-feature .p-postList__views,
.awt-home-feature .p-postList__cat,
.awt-home-feature .p-postList__excerpt {
  display: none !important;
}


/* =========================================================
   10. Title Panel Common
========================================================= */

.awt-home-feature .p-postList__body {
  position: absolute !important;

  z-index: 5;

  margin: 0 !important;

  background:
    rgba(255, 255, 255, 0.96);

  box-shadow:
    0 2px 12px rgba(16, 42, 58, 0.09);

  backdrop-filter: blur(2px);
}


/* =========================================================
   11. Main Title Panel
========================================================= */

.awt-home-feature__slot--main .p-postList__body {
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;

  width: auto !important;

  padding:
    11px
    12px
    12px !important;

  border-radius: 7px;
}


/* =========================================================
   12. Sub Title Panel

   下側約1/3に重ねる。
   文字は小さくしすぎない。
========================================================= */

.awt-home-feature__slot--sub .p-postList__body {
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;

  width: auto !important;

  padding:
    7px
    9px
    8px !important;

  border-radius: 6px;

  background:
    rgba(255, 255, 255, 0.97);

  box-shadow:
    0 2px 9px rgba(16, 42, 58, 0.09);
}


/* =========================================================
   13. Feature Label
========================================================= */

.awt-home-feature .p-postList__body::before {
  content: "特集";

  display: inline-flex;

  align-items: center;
  justify-content: center;

  border-radius: 999px;

  background: var(--awt-feature-label);

  color: #fff;

  font-weight: 700;
  line-height: 1.2;
}


/* Main */

.awt-home-feature__slot--main
.p-postList__body::before {
  min-height: 20px;

  margin:
    0
    0
    5px;

  padding:
    2px
    8px;

  font-size: 0.65rem;
}


/* Sub */

.awt-home-feature__slot--sub
.p-postList__body::before {
  min-height: 17px;

  margin:
    0
    0
    4px;

  padding:
    2px
    6px;

  font-size: 0.58rem;
}


/* =========================================================
   14. Titles
========================================================= */

.awt-home-feature .p-postList__title {
  display: -webkit-box;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  -webkit-box-orient: vertical;

  color: var(--awt-feature-text) !important;

  font-weight: 700;

  text-decoration: none !important;
}


/* Main */

.awt-home-feature__slot--main
.p-postList__title {
  font-size:
    clamp(1.05rem, 1.4vw, 1.3rem);

  line-height: 1.42;

  -webkit-line-clamp: 2;
}


/* Sub */

.awt-home-feature__slot--sub
.p-postList__title {
  font-size: 0.82rem;
  line-height: 1.35;

  -webkit-line-clamp: 2;
}


/* =========================================================
   15. Desktop Geometry
========================================================= */

@media (min-width: 960px) {

  /*
   * 特集1の390pxを基準にする。
   *
   * gap 12pxを引いた残りを
   * 上下で完全に2等分。
   *
   * (390px - 12px) / 2 = 189px
   */

  .awt-home-feature .awt-home-feature__grid {
    height:
      var(--awt-feature-main-height);

    grid-template-rows:
      calc(
        (
          var(--awt-feature-main-height)
          - var(--awt-feature-gap)
        ) / 2
      )
      calc(
        (
          var(--awt-feature-main-height)
          - var(--awt-feature-gap)
        ) / 2
      ) !important;
  }


  /* Main */

  .awt-home-feature__slot--main {
    height:
      var(--awt-feature-main-height) !important;

    min-height:
      var(--awt-feature-main-height) !important;
  }


  /* Sub + Ad */

  .awt-home-feature__slot--sub,
  .awt-home-feature__slot--ad {
    width: 100%;

    height: 100% !important;
    min-height: 0 !important;

    align-self: stretch;
  }

}


/* =========================================================
   16. Advertisement
========================================================= */

.awt-home-feature__ad-link {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  overflow: hidden;

  border: 1px solid var(--awt-feature-border);
  border-radius: var(--awt-feature-radius);

  background: #fff;

  color: var(--awt-feature-text);
  text-decoration: none !important;

  box-shadow:
    0 2px 10px rgba(16, 42, 58, 0.035);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.awt-home-feature__ad-label {
  position: absolute;

  top: 7px;
  right: 7px;

  z-index: 3;

  padding:
    3px
    8px;

  border: 1px solid #d7dfe4;
  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.96);

  color: #64737d;

  font-size: 0.62rem;
  font-weight: 600;
}

.awt-home-feature__ad-image {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  padding: 10px;

  background: #fff;
}

.awt-home-feature__ad-image img {
  display: block;

  width: auto;
  height: 88%;

  max-width: 92%;
  max-height: 92%;

  object-fit: contain;
  object-position: center;
}


/* =========================================================
   17. Hover
========================================================= */

@media (hover: hover) {

  .awt-home-feature
  .p-postList__link:hover,

  .awt-home-feature__ad-link:hover {
    transform: translateY(-2px);

    box-shadow:
      0 8px 24px rgba(16, 42, 58, 0.09);
  }

}


/* =========================================================
   18. Tablet
========================================================= */

@media (max-width: 959px) {

  .awt-home-feature__inner {
    width:
      min(100% - 32px, 900px);
  }

  .awt-home-feature
  .awt-home-feature__grid {
    height: auto;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    grid-template-areas:
      "main main"
      "sub2 sub3"
      "sub4 ad";

    grid-template-rows: auto !important;

    gap: 12px;
  }


  /* Main */

  .awt-home-feature__slot--main {
    width: 100%;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 16 / 9;
  }

  .awt-home-feature__slot--main
  .c-postThumb__figure {
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    transform: none !important;
  }


  /* Sub + ad */

  .awt-home-feature__slot--sub,
  .awt-home-feature__slot--ad {
    width: 100%;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 16 / 9;
  }


  /* Sub title */

  .awt-home-feature__slot--sub
  .p-postList__body {
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;

    padding:
      7px
      8px
      8px !important;
  }

}


/* =========================================================
   19. Smartphone
========================================================= */

@media (max-width: 767px) {

  .awt-home-feature {
    padding:
      26px
      0
      30px;
  }

  .awt-home-feature__inner {
    width:
      min(100% - 28px, 680px);
  }

  .awt-home-feature__head {
    margin-bottom: 14px;
  }

  .awt-home-feature__title {
    gap: 7px;

    font-size: 1.18rem;
  }


  /* =====================================================
     1 column
  ====================================================== */

  .awt-home-feature
  .awt-home-feature__grid {
    display: grid !important;

    height: auto;

    grid-template-columns:
      1fr !important;

    grid-template-areas:
      "main"
      "sub2"
      "sub3"
      "sub4"
      "ad";

    grid-template-rows:
      auto !important;

    gap: 10px;
  }


  /* =====================================================
     Main
  ====================================================== */

  .awt-home-feature__slot--main {
    width: 100%;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 16 / 9;
  }

  .awt-home-feature__slot--main
  .c-postThumb__figure {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    transform: none !important;
  }

  .awt-home-feature__slot--main
  .p-postList__body {
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;

    padding:
      10px
      11px
      11px !important;
  }

  .awt-home-feature__slot--main
  .p-postList__title {
    font-size: 1rem;

    -webkit-line-clamp: 2;
  }


  /* =====================================================
     Sub horizontal cards
  ====================================================== */

  .awt-home-feature__slot--sub {
    height: auto !important;
    min-height: 96px !important;

    aspect-ratio: auto !important;
  }

  .awt-home-feature__slot--sub
  .p-postList__link {
    display: grid !important;

    grid-template-columns:
      minmax(112px, 35%)
      minmax(0, 1fr);

    align-items: stretch;

    min-height: 96px;

    background: #fff;
  }


  /* Left image */

  .awt-home-feature__slot--sub
  .p-postList__thumb {
    position: relative !important;

    inset: auto !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100% !important;
    height: 100% !important;

    min-height: 96px;

    padding: 6px !important;

    background:
      var(--awt-feature-image-bg);
  }

  .awt-home-feature__slot--sub
  .c-postThumb__figure {
    position: relative !important;

    inset: auto !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9 !important;

    border-radius: 5px;

    transform: none !important;
  }


  /* Right text */

  .awt-home-feature__slot--sub
  .p-postList__body {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    z-index: 2;

    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;

    width: 100% !important;

    margin: 0 !important;

    padding:
      10px
      11px !important;

    border-radius: 0;

    background: #fff;

    box-shadow: none;

    backdrop-filter: none;
  }

  .awt-home-feature__slot--sub
  .p-postList__body::before {
    min-height: 18px;

    margin-bottom: 4px;

    padding:
      1px
      7px;

    font-size: 0.59rem;
  }

  .awt-home-feature__slot--sub
  .p-postList__title {
    font-size: 0.83rem;
    line-height: 1.42;

    -webkit-line-clamp: 2;
  }


  /* =====================================================
     Advertisement
  ====================================================== */

  .awt-home-feature__slot--ad {
    width: 100%;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: auto !important;
  }

  .awt-home-feature__ad-link {
    min-height: 150px;
  }

  .awt-home-feature__ad-image {
    padding: 8px;
  }

  .awt-home-feature__ad-image img {
    width: auto;
    height: auto;

    max-width: 94%;
    max-height: 170px;

    object-fit: contain;
  }

}


/* =========================================================
   20. Small Smartphone
========================================================= */

@media (max-width: 359px) {

  .awt-home-feature__inner {
    width:
      calc(100% - 20px);
  }

  .awt-home-feature__slot--sub
  .p-postList__link {
    grid-template-columns:
      minmax(96px, 33%)
      minmax(0, 1fr);

    min-height: 88px;
  }

  .awt-home-feature__slot--sub
  .p-postList__thumb {
    min-height: 88px;
  }

  .awt-home-feature__slot--sub
  .p-postList__body {
    padding:
      8px
      9px !important;
  }

  .awt-home-feature__slot--sub
  .p-postList__title {
    font-size: 0.78rem;
  }

}


/* =========================================================
   21. Accessibility
========================================================= */

.awt-home-feature a:focus-visible {
  outline:
    3px solid rgba(11, 156, 191, 0.45);

  outline-offset: 3px;
}


/* =========================================================
   22. Reduced Motion
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .awt-home-feature
  .p-postList__link,

  .awt-home-feature__ad-link {
    transition: none;
  }

}
/* 共通特集（ブログパーツ2279）v1.1 */
.awt-featured,.awt-pr { --awt-feature-accent: var(--awt-color-primary,#087fa5); box-sizing:border-box; width:min(1180px,calc(100% - 32px)); margin:32px auto; color:#102a3a; }
.awt-featured *, .awt-pr * {box-sizing:border-box;min-width:0;}
.awt-featured .awt-featured__heading {display:flex;gap:10px;align-items:center;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.4;}
.awt-featured__heading::before,.awt-featured__heading::after {display:none!important;}
.awt-featured__heading span {color:var(--awt-feature-accent);}
.awt-featured .p-postListWrap {margin:0!important;}
.awt-featured .p-postList {display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px 24px;margin:0!important;padding:0!important;list-style:none;}
.awt-featured .p-postList__item {width:100%!important;margin:0!important;padding:0!important;grid-column:2;}
.awt-featured .p-postList__item:first-child {grid-column:1;grid-row:1 / span 3;}
.awt-featured .p-postList__link {display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);align-items:center;gap:14px;height:100%;margin:0!important;padding:12px!important;border:1px solid #e1e8ec;border-radius:9px;background:#fff;color:inherit;text-decoration:none!important;overflow:hidden;}
.awt-featured .p-postList__item:first-child .p-postList__link {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0!important;}
.awt-featured .p-postList__thumb {position:relative!important;width:100%!important;margin:0!important;padding:0!important;flex-shrink:0;}
.awt-featured .c-postThumb__figure {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2;padding:0!important;margin:0!important;background:#f4f7f8;overflow:hidden;}
.awt-featured .c-postThumb__figure::before,.awt-featured .c-postThumb__figure::after {display:none!important;}
.awt-featured .c-postThumb__img {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;}
.awt-featured .p-postList__body {position:static!important;width:100%;margin:0!important;padding:0!important;}
.awt-featured .p-postList__item:first-child .p-postList__body {padding:18px 20px!important;}
.awt-featured .p-postList__body::before {content:'PICK UP';display:inline-block;margin-bottom:8px;color:var(--awt-feature-accent);font-size:11px;font-weight:700;letter-spacing:.1em;}
.awt-featured .p-postList__title {display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#102a3a!important;font-size:15px!important;line-height:1.65!important;font-weight:700;-webkit-line-clamp:unset!important;}
.awt-featured .p-postList__item:first-child .p-postList__title {font-size:clamp(18px,1.8vw,22px)!important;line-height:1.55!important;}
.awt-featured .p-postList__title::before,.awt-featured .p-postList__title::after {display:none!important;}
.awt-featured .c-postThumb__cat,.awt-featured .p-postList__meta,.awt-featured .p-postList__metas,.awt-featured .p-postList__excerpt {display:none!important;}
.awt-featured .p-postList__item:first-child .p-postList__excerpt {display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0;color:#52626c;font-size:14px;line-height:1.8;}
.awt-featured__more {display:flex;justify-content:flex-end;margin-top:18px;}
.awt-featured__more a {display:inline-flex;gap:20px;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #cbdce3;border-radius:6px;font-weight:700;color:var(--awt-feature-accent);text-decoration:none;}
.awt-featured a:hover {box-shadow:0 3px 12px rgba(16,42,58,.1);}
.awt-featured a:focus-visible,.awt-pr a:focus-visible {outline:3px solid #087fa5;outline-offset:3px;}
.awt-featured:not(:has(.p-postList__item)) {display:none;}
.awt-pr {padding-top:24px;border-top:1px solid #e1e8ec;}
.awt-pr__label {margin:0 0 12px;font-size:11px;letter-spacing:.12em;color:#52626c;text-align:center;}
.awt-pr__link {display:flex;justify-content:center;align-items:center;padding:16px;border:1px solid #e1e8ec;border-radius:9px;background:#f4f7f8;}
.awt-pr__link img {display:block;width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain;}
@media(max-width:767px) {
 .awt-featured,.awt-pr {margin:24px auto;}
 .awt-featured .p-postList {grid-template-columns:minmax(0,1fr);gap:12px;}
 .awt-featured .p-postList__item,.awt-featured .p-postList__item:first-child {grid-column:1;grid-row:auto;}
 .awt-featured .p-postList__link {grid-template-columns:minmax(86px,32%) minmax(0,1fr);gap:12px;padding:10px!important;}
 .awt-featured .p-postList__item:first-child .p-postList__body {padding:16px!important;}
 .awt-featured .p-postList__title {font-size:14px!important;}
 .awt-featured .p-postList__item:first-child .p-postList__title {font-size:18px!important;}
 .awt-pr__link {padding:12px;}
}

/* 左1件＋右4件：5件ある場合だけ右側を4段にする */
@media(min-width:768px) {
.awt-featured .p-postList:has(> .p-postList__item:nth-child(5)) > .p-postList__item:first-child {grid-row:1 / span 4;}
}

/* 画像の上下余白をなくし、右側4件の間隔を調整 */
.awt-featured .p-postList__item:first-child .c-postThumb__figure {aspect-ratio:auto;}
.awt-featured .p-postList__item:first-child .c-postThumb__img {position:static!important;height:auto!important;display:block;}
@media(min-width:768px) {
 .awt-featured .p-postList {row-gap:10px;}
 .awt-featured .p-postList__item:not(:first-child) .p-postList__link {padding:10px!important;}
 .awt-featured .p-postList__item:not(:first-child) .p-postList__body::before {margin-bottom:5px;}
}