@charset "utf-8";
.js-horizontal-swipe {
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  /* 通常は掴めることを示す */
  -webkit-overflow-scrolling: touch;
}

.js-horizontal-swipe:active,
.js-horizontal-swipe.is-dragging {
  cursor: grabbing;
  user-select: none;
  /* ドラッグ中にテキスト選択されないように */
}

/* ランキング横スクロール送りボタン（ボタン自体の見た目は base.css の .js-itemsliderhasnav-swiper-button-prev/next に準拠） */
.hswipe-wrapper {
  position: relative;
}

/* スクロールの必要がない（コンテンツが枠内に収まっている）場合は矢印自体を出さない */
.hswipe-wrapper.hswipe-no-scroll .js-itemsliderhasnav-swiper-button-prev,
.hswipe-wrapper.hswipe-no-scroll .js-itemsliderhasnav-swiper-button-next {
  display: none;
}

.hswipe-scroll-track::-webkit-scrollbar {
  height: 4px;
}

.hswipe-scroll-track::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 0px;
}

.hswipe-scroll-track::-webkit-scrollbar-thumb {
  background: #00a2e6;
  border-radius: 0px;
}

.hswipe-scroll-track::-webkit-scrollbar-thumb:hover {
  background: #003c80;
}

.hswipe-scroll-track {
  scrollbar-width: thin;
  scrollbar-color: #00a2e6 #eee;
}