/* ===== 全体ラップ ===== */
.wrap { width:100%; }
.campaign_part_inner {
  max-width:1100px;
  margin:0 auto;
  padding:0 50px 60px;
}

h2 {
  font-family:"Noto Sans JP";
  font-weight:500;
}

.capaign_part_number {
  font-size:50px;
  line-height:1.2;
  padding-top:60px;
}

.capaign_title_small {
  font-size:30px;
}

.campaign_txt_1 {
  font-size:16px;
  line-height:1.8;
}

.campaign_txt_small_1,
.campaign_products_text {
  font-size:14px;
  line-height:1.8;
}

/* ===== 商品リストgrid ===== */
.campaign_item_list {
  display:grid;
  gap:30px;
  margin:30px 0;
  padding:0;
  list-style:none;
}

/* PC列指定 */
.list_4col { grid-template-columns: repeat(4, 1fr); }
.list_3col { grid-template-columns: repeat(3, 1fr); }
.list_2col { grid-template-columns: repeat(2, 1fr); }
.list_1col { grid-template-columns: 1fr; }

/* ===== SP調整 ===== */
@media (max-width:768px){
  .list_2col { grid-template-columns: repeat(2, 1fr); }
  .list_1col { grid-template-columns: 1fr; }

  .campaign_item_list { gap:15px; }

  .capaign_part_number { font-size:32px; padding-top:30px; }
  .capaign_title_small { font-size:16px; }
}

/* ===== キャンペーン背景色 ===== */
.campaign_01 { background:#7a7373; color:#fff; }
.campaign_01 * { color:#fff; }

.campaign_02 { background:#474040; color:#fff; }
.campaign_02 * { color:#fff; }

.campaign_03 { background:#7a7373; color:#fff; }
.campaign_03 * { color:#fff; }

/* ===== 商品画像＆文字中央揃え ===== */
.campaign_item_list li {
  display: flex;
  flex-direction: column; /* 画像と文字を縦並び */
  align-items: center;    /* 中央寄せ */
  text-align: center;     /* 文字も中央 */
}

.campaign_item_list li img {
  width: 100%;   /* デフォルトはフル幅 */
  height: auto;
  margin-bottom: 10px; /* 画像と文字の間隔 */
}

/* ===== PC調整 ===== */
@media (min-width:769px) {
  /* キャンペーン③は画像50％ */
  .campaign_03 .campaign_item_list li img {
    width: 50%;
    margin-bottom: 10px; /* ①②と同じ間隔に統一 */
  }

  /* キャンペーン①②は画像フル幅 */
  .campaign_01 .campaign_item_list li img,
  .campaign_02 .campaign_item_list li img {
    width: 100%;
  }

  /* 文字幅を画像幅に合わせて中央揃え */
  .campaign_01 .campaign_item_list li .sale_name,
  .campaign_02 .campaign_item_list li .sale_name {
    width: 100%;
    margin: 0 auto;
  }

  .campaign_03 .campaign_item_list li .sale_name {
    width: 50%;
    margin: 0 auto;
  }
}