@layer pages {
  .table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    display: block;
  }

  .table-scroll-wrapper table {
    border-collapse: collapse;
  width: 100%;
  min-width: 520px; 
   table-layout: fixed;
  }


  .venue-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  
    p {
      display: contents;
    }
  
    a {
      display: flex;
      align-items: center;
      text-decoration: none!important;
      color: #008ee5;
      padding: 8px 0;
  
      &:visited {
        color: #008ee5!important;
      }
  
      span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border: 1px solid #008ee5;
        border-radius: 50%;
        margin-right: 8px;
        flex-shrink: 0;
      }
    }
  }
  
  @media screen and (max-width: 768px) {
    .venue-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }


}

/* @layer の外 */

.table-scroll-wrapper table th,
.table-scroll-wrapper table td {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.table-scroll-wrapper table td:last-child {
  white-space: normal !important;
  word-break: break-all !important;
}