/* blog-carousel.css（完全版：1:1正方形 + NEWバッジ左下 + 濃い緑 + ほんのり透け） */
#ntrBlogCarousel{max-width:1100px;margin:0 auto}
#ntrBlogCarousel .ntr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:10px 0 14px}
#ntrBlogCarousel .ntr-title{font-size:18px;letter-spacing:.04em;margin:0}
#ntrBlogCarousel .ntr-sub{font-size:12px;opacity:.7;margin:0}
#ntrBlogCarousel .ntr-sub a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:2px}
#ntrBlogCarousel .ntr-sub a:hover{border-bottom-color:rgba(0,0,0,.55)}

#ntrBlogCarousel .swiper{border-radius:14px;overflow:hidden}
#ntrBlogCarousel .ntr-card{display:block;color:inherit;text-decoration:none}

/* サムネを1:1正方形 */
#ntrBlogCarousel .ntr-thumb{
position:relative;
width:100%;
aspect-ratio:1/1;
overflow:hidden;
background:#f2f2f2;
}

/* NEWバッジ（左下／濃い緑／ほんのり透け） */
#ntrBlogCarousel .ntr-badge-new{
position:absolute;
left:12px;
bottom:12px;
z-index:2;
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
font-size:11px;
letter-spacing:.10em;
background:rgba(10, 74, 45, .78); /* 少し濃いめ緑（透け） */
color:#fff;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow:0 8px 18px rgba(0,0,0,.12);
}
#ntrBlogCarousel .ntr-badge-new::before{
content:"";
width:6px;height:6px;border-radius:999px;
background:rgba(255,255,255,.92);
opacity:.95;
}

/* 画像は枠に合わせてトリミング */
#ntrBlogCarousel .ntr-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s ease;
}
#ntrBlogCarousel .ntr-card:hover .ntr-thumb img{transform:scale(1.04)}

#ntrBlogCarousel .ntr-body{padding:12px 12px 14px;background:#fff}
#ntrBlogCarousel .ntr-ttl{font-size:14px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ntrBlogCarousel .ntr-meta{font-size:11px;opacity:.65;margin:0}

/* ナビボタン */
#ntrBlogCarousel .swiper-button-prev,
#ntrBlogCarousel .swiper-button-next{
width:38px;height:38px;border-radius:999px;
background:rgba(255,255,255,.88);
box-shadow:0 6px 18px rgba(0,0,0,.12)
}
#ntrBlogCarousel .swiper-button-prev:after,
#ntrBlogCarousel .swiper-button-next:after{font-size:14px}

/* ドット */
#ntrBlogCarousel .swiper-pagination-bullet{opacity:.35}
#ntrBlogCarousel .swiper-pagination-bullet-active{opacity:.9}

/* aspect-ratio 非対応ブラウザ向け保険 */
@supports not (aspect-ratio: 1 / 1){
  #ntrBlogCarousel .ntr-thumb::before{content:"";display:block;padding-top:100%}
  #ntrBlogCarousel .ntr-thumb img{position:absolute;inset:0}
}

@media (max-width: 680px){
  #ntrBlogCarousel .ntr-head{margin:6px 0 10px}
  #ntrBlogCarousel .ntr-badge-new{left:10px;bottom:10px;padding:5px 9px}
}