@charset "UTF-8";

/*店内イベントバナー*/
.kmp-small-banner {
  background-color: #EEE6DC;
  padding: 50px 0 109px 0;
  margin-bottom: 80px;
}

.kmp-small-banner__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1042px;
  width: 100%;
  gap: 19px;
  margin: 0 auto;
  padding: 0;
  justify-content: space-between;
}

.kmp-small-banner__list li {
  width: calc((100% - 57px)/4);
}

.kmp-small-banner__item {
  width: calc((100% - 57px)/4);
}
.kmp-small-banner__item img {
  width: 100%;
}

.event .kmp-small-banner__list {
  gap: 18px;
  justify-content: flex-start;
  width: 100%;
}

.event .kmp-small-banner__item {
  width: calc((100% - 36px)/3);
}

.index_sb_banner .kmp-small-banner__item {
  width: calc((100% - 38px)/3)
}

.kmp-event__list{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 19px;
  margin: 0 auto;
  padding: 0;
  justify-content: flex-start;
}

.kmp-event__item {
  width: calc((100% - 38px)/3)
}

@media screen and (max-width: 767px) {
.kmp-small-banner {
  background-color: #FFFFFF;
  padding: 30px 0 0 0;
  margin-bottom: 60px;
  }

.kmp-small-banner__list {
  width: 96%;
  gap: 18px;
}

.kmp-small-banner__list li {
  width: calc((100% - 18px)/2);
}

.index_sb_banner li {
  width: calc((100% - 36px)/3)
}
}