body {
  background-color: #000 !important;
}

.l-content__main {
  container-type: inline-size;
}

.wrapper-column {
  width: 100% !important;
  gap: 3cqw;
}

.eventinfo-item {
  container-type: inline-size;
}
@media (min-width: 768px) {
  .eventinfo-item {
    width: calc((100% - 9cqw) / 4);
  }
}
@media (max-width: 767px) {
  .eventinfo-item {
    width: 100%;
  }
}
.eventinfo-item a {
  color: #231815;
}
.eventinfo-item a:hover {
  color: #231815;
}
.eventinfo-item .post-thumbnail {
  width: 100%;
  aspect-ratio: 240/260;
  margin-bottom: 10cqw;
  border: solid 2cqw #ba1d22;
  overflow: hidden;
}
.eventinfo-item .post-thumbnail img {
  transition: all ease-out 0.3s;
}
.eventinfo-item .post-thumbnail:hover img {
  transform: scale(1.06);
}
.eventinfo-item .post-thumbnail img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-width: initial;
  height: 100% !important;
}
.eventinfo-item .term {
  height: 1em;
  font-size: 5cqw;
}
.eventinfo-item h2.item-title,
.eventinfo-item .item-excerpt {
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.eventinfo-item h2.item-title {
  margin-bottom: 4cqw;
  font-size: 7cqw !important;
}
.eventinfo-item .item-excerpt {
  font-size: 5.5cqw;
  margin-bottom: 6cqw;
}