.p-nouki{
    width: 65%;
    max-width: 100%; 
    height: auto;

    display: block;
    margin-left: auto;
    margin-right: auto;
}




/* スマホ時のスタイル（縦並び・中央寄せ） */
.banner-container {
  display: flex;
  flex-direction: column; 
  align-items: center;    /* スマホ画面でも中央に寄せる */
  gap: 15px;              /* スマホ時の上下のすき間 */
  width: 100%;
}

.banner-container .g-category__banner {
  display: block;
  width: 100%;
  max-width: 470px;       /* スマホで画像が大きくなりすぎるのを防ぐ */
　margin: 0 !important;   /* スマホ時の既存の余白を強制リセット */
}

.banner-container .imgauto {
  width: 100%;
  height: auto;   
  margin: 0 !important;   /* 画像自体の余白も強制リセット */        
}

/* PC時のスタイル（画面幅が768px以上のとき：横並び・中央寄せ） */
@media screen and (min-width: 768px) {
  .banner-container {
    flex-direction: row;  
    justify-content: center; /* ★PC画面で2つのバナーを中央寄せにする */
    align-items: center;  
    gap: 20px !important; /* 他のスタイルに負けないよう最優先にする */
  }

  .banner-container .g-category__banner {
    width: auto;          
    max-width: 470px;
    margin: 0 !important; /* ★PC時も左右の余白を強制的にゼロにする */     
  }
}