@charset "UTF-8";
/* =====================================================================
*
*    ぶどうの森オリジナルcss 萬久敬老の日ギフト カテゴリ用
*
* =================================================================== */
.setitem-box {
  padding: 70px 5.33vw;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .setitem-box {
    padding: 80px 0 100px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .setitem-container {
    max-width: 1120px;
    padding-inline: 30px;
    margin: auto;
  }
}

.setitem-title {
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .setitem-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

.setitem-group {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (min-width: 768px) {
  .setitem-group {
    flex-direction: row;
    column-gap: 40px;
  }
}
.setitem-group .setitem-group-item {
  text-align: center;
}
@media (min-width: 768px) {
  .setitem-group .setitem-group-item {
    width: calc((100% - 40px) / 2);
  }
}
.setitem-group .setitem-group-item .setitem-image {
  margin-bottom: 20px;
}
.setitem-group .setitem-group-item .setitem-badge {
  font-size: 13px;
  line-height: 100%;
  padding: 2px 10px;
  color: #fff;
  background-color: #e5a536;
}
.setitem-group .setitem-group-item .setitem-badge-red {
  background-color: #e53a36;
}
.setitem-group .setitem-group-item .setitem-name {
  font-size: 18px;
  text-align: center;
  margin-block: 2px 8px;
}
@media (min-width: 768px) {
  .setitem-group .setitem-group-item .setitem-name {
    font-size: 24px;
    margin-block: 5px 15px;
  }
}
.setitem-group .setitem-group-item .setitem-name span {
  font-size: 70%;
}
.setitem-group .setitem-group-item .setitem-text {
  font-size: 15px;
}
@media (min-width: 768px) {
  .setitem-group .setitem-group-item .setitem-text {
    font-size: 16px;
  }
}
.setitem-group-second {
  margin-top: 40px;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 20px;
}
@media (min-width: 768px) {
  .setitem-group-second {
    margin-top: 60px;
    column-gap: 40px;
  }
}
.setitem-group-second .setitem-group-item {
  width: calc((100% - 20px) / 2);
}
@media (min-width: 768px) {
  .setitem-group-second .setitem-group-item {
    width: calc((100% - 120px) / 4);
  }
}
.setitem-group-second .setitem-group-item .setitem-image {
  margin-bottom: 10px;
}
.setitem-group-second .setitem-group-item .setitem-name {
  font-size: 16px;
  margin-block: 0;
}
@media (min-width: 768px) {
  .setitem-group-second .setitem-group-item .setitem-name {
    font-size: 20px;
  }
}

.banner_order {
  max-width: 900px;
  padding-inline: 5.33vw;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .banner_order {
    padding-inline: 30px;
  }
}