.lineup-list {
  --list-layout: repeat(3, 1fr);

  display: grid;
  grid-template-columns: var(--list-layout, 1fr);
  gap: 40px;
  margin-bottom: 65px;
  padding-inline: 20px;
  list-style: none;
}

.lineup-item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 20px;

  .img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 4;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .ttl {
    font-size: 18px;
  }
  .txt {
    font-size: 14px;
    line-height: 1.75;
    display: block;
    color: #ccc;
  }
  .link {
    /* display: block; */
    display: none;
    background: #898000;
    font-size: 16px;
    text-align: center;
    height: 26px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  }
}

/* Tab */
@media screen and (max-width: 1200px) {
.lineup-list {
  --list-layout: repeat(2, 1fr);
}
}
/* SP */
@media screen and (max-width: 745px) {
  .lineup-list {
  --list-layout: repeat(1, 1fr);
}
}