/* 器（NEWSと同じ幅・余白に揃える） */
.banner-section{
  max-width:1200px;
  margin:0 auto 0px; 
  padding:0 16px 0;        /* 下パディングは0に */
}
@media (min-width:960px){
  .banner-section{
    max-width:1400px;
    margin:0 auto 0px;    /* PCも少し詰める */
  }
}

/* グリッド：スマホ1カラム / PC2カラム */
.banner-grid {
  display: grid;
  grid-template-columns: 1fr;   /* スマホ：1カラム */
  gap: 14px;                    /* NEWSと同じgap */
}

/* PCは2カラム */
@media (min-width:960px){
  .banner-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
  }
}

/* 子要素はみ出し防止 */
.banner-grid > * {
  min-width: 0;
}

/* バナーアイテム */
.banner-item {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.banner-item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ホバーアクション */
.banner-item:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}