/* tables.css
 * 統計表のスマホ横スクロール用スタイル。
 * 既存デザインを極力変えずに、ラッパー .table-scroll-wrap のみを利用します。
 */
.table-scroll-wrap{
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: auto;
}

.table-scroll-wrap table{
  width: 100%;
  border-collapse: collapse;
}

/* nowrap / wrap の両方に対応できるようクラスだけ用意（必要に応じて利用） */
.table-scroll-wrap.nowrap th,
.table-scroll-wrap.nowrap td{
  white-space: nowrap;
}

.table-scroll-wrap.wrap th,
.table-scroll-wrap.wrap td{
  white-space: normal;
}

/* PC では通常スクロールを消す */
@media (min-width: 1200px){
  .table-scroll-wrap{
    overflow-x: visible;
  }
}