/**
 * ドラッグ可能なスライダー用の共通スタイル
 */

/* ドラッグ可能スライダーの共通クラス */
.drag-slider {
  cursor: grab;
  scroll-behavior: smooth;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}

/* ドラッグ中のカーソルスタイル */
.drag-slider.dragging {
  cursor: grabbing;
}

/* スクロールバーを非表示にする */
.drag-slider::-webkit-scrollbar {
  display: none;
}

/* IE/Edge/Firefox用のスクロールバー非表示 */
.drag-slider {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}