/*----------------------------------------*/
/* 店舗お知らせバナー */
/*----------------------------------------*/
.bannerlist-block {
  padding-bottom: 60px;
}
.bannerslide-block {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.bannerslide-main {
  width: 84%;
  max-width: 806px;
}
.bannerslide-main.slide_none {
  width: 100%;
  max-width: none;
  padding-bottom: 30px;
  text-align: center;
}
.bannerslide-main.slick-slider.slick-dotted {
  margin-bottom: 0;
}
.bannerslide-main .slick-list {
  overflow: visible !important;
}
.bannerslide-item {
  padding: 0 3px;
}
.bannerslide-main.slide_none .bannerslide-item {
  padding: 0;
}
.bannerslide-item img {
  vertical-align: bottom;
  max-width: 100%;
}
.bannerslide-dots {
  display: flex !important;
  justify-content: center;
  align-content: center;
  height: 60px;
  padding-top: 18px;
}
.bannerslide-dots li {
  position: relative;
  margin-right: 12px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.bannerslide-dots li:last-child {
  margin-right: 0;
}
.bannerslide-dots li::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: var(--color-main-medium);
  border-radius: 50%;
}
.bannerslide-dots li.slick-active::before {
  background: var(--color-main);
}
@media (max-width: 520px) {
  .bannerlist-block {
    padding-bottom: 30px;
  }
  .bannerslide-main {
    padding-bottom: 10px;
  }
  .bannerslide-dots {
    height: 30px;
    padding-top: 10px;
  }
  .bannerslide-dots li::before {
    width: 10px;
    height: 10px;
  }
}