.banner-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 12px;
  padding: 10px;
  scroll-snap-type: x mandatory;
}

.banner-scroll a {
  flex-shrink: 0;
  scroll-snap-align: start;
}


.banner-scroll img {
  height: 160px; /* PC表示用 */
  width: auto;
  border-radius: 8px;
  display: block;
}

@media (max-width: 768px) {
  .banner-scroll img {
    height: 120px;
  }
}

.banner-scroll img {
  height: 120px; /* PC表示用に少し小さく */
  width: auto;
  border-radius: 8px;
  display: block;
}

@media (max-width: 768px) {
  .banner-scroll img {
    height: 90px; /* スマホ表示用にさらに縮小 */
  }
}

.banner-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.banner-scroll img {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 100%;
  max-width: 300px;
  margin-right: 10px;
}

.side_banner_lists,
.visible-desktop {
  display: none;
}

ul.visible-desktop {
  display: none !important;
}

ul.visible-desktop {
  display: none !important;
}

@media screen and (max-width: 768px) {
  ul.visible-desktop {
    display: none !important;
  }
}

ul.visible-desktop,
ul.visible-phone,
ul.side_banner {
  display: none !important;
}