/*
 * AREA6（成績UP実績テーブル）横スクロール用CSS
 */

.atom-area6-scroll-guide {
  font-size: 12px;
  line-height: 1.4;
  color: #777;
  text-align: right;
  margin: 0 0 4px;
  pointer-events: none !important;
}

.atom-area6-scroll {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
}

.atom-area6-scroll > figure.wp-block-table {
  display: block !important;
  width: var(--atom-table-width, 2400px) !important;
  min-width: var(--atom-table-width, 2400px) !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: touch !important;
}

.atom-area6-scroll > figure.wp-block-table > table {
  display: table !important;
  width: var(--atom-table-width, 2400px) !important;
  min-width: var(--atom-table-width, 2400px) !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

.atom-area6-scroll th,
.atom-area6-scroll td {
  white-space: nowrap !important;
  word-break: keep-all !important;
}

.atom-area6-scroll .c-scrollHint,
.atom-area6-scroll .swl-scrollHint,
.atom-area6-scroll [class*="scrollHint"],
.atom-area6-scroll [class*="scroll-hint"] {
  pointer-events: none !important;
}

.acmp-area[data-acmp-area="area6"] > .c-scrollHint,
.acmp-area[data-acmp-area="area6"] > .swl-scrollHint,
.acmp-area[data-acmp-area="area6"] > [class*="scrollHint"],
.acmp-area[data-acmp-area="area6"] > [class*="scroll-hint"] {
  display: none !important;
}