/* Hoshino promotion banner */
.hoshino-banner-area { padding: 35px 0 55px; }
.hoshino-banner-slider-area { position: relative; }
.hoshino-banner-slider { border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.hoshino-banner-item { display: block; width: 100%; overflow: hidden; background: #f5f5f5; }
.hoshino-banner-item img { display: block; width: 100%; height: auto; }
.hoshino-banner-arrow { display: inline-flex !important; align-items: center; justify-content: center; top: 50%; width: 28px; height: 28px; line-height: 1; margin-top: -14px; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 4px 14px rgba(0,0,0,.18); z-index: 4; }
.hoshino-banner-prev { left: -14px; right: auto; }
.hoshino-banner-next { right: -14px; left: auto; }
.hoshino-banner-slider .slider-pagination { position: absolute; bottom: 12px; left: 0; width: 100%; z-index: 3; }
.hoshino-banner-slider .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 4px; background: #fff; opacity: .65; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.hoshino-banner-slider .swiper-pagination-bullet-active { opacity: 1; }

@media (max-width: 767px) {
  .hoshino-banner-area { padding: 20px 0 35px; }
  .hoshino-banner-slider { border-radius: 10px; }
  .hoshino-banner-arrow { width: 26px; height: 26px; margin-top: -13px; }
  .hoshino-banner-prev { left: -8px; right: auto; }
  .hoshino-banner-next { right: -8px; left: auto; }
  .hoshino-banner-slider .slider-pagination { bottom: 8px; }
}