/* CSS Document */
.event-h2box {
  display: block;
  margin: 0px;
  color: #231815;
}
.media-list-section {
  margin: auto;
  max-width: 1280px;
  width: 96%;
}
.media-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  border-top: 1px solid #727171;
}
.media-list {
  border-bottom: 1px solid #727171;
}
.media-date {
  width: 20%;
  font-size: clamp(12px, 1.250vw, 24px) !important;
  padding-right: 2em;
  display: block;
}
.media-list-name {
  width: 50%;
}
.media-list-name h2 {
  font-size: clamp(16px, 1.250vw, 24px) !important;
}
.media-link {
  width: 15%;
  font-size: clamp(16px, 1.250vw, 24px) !important;
}
.media-link a {
  color: #00a0e9;
}
.media-date {
  display: flex;
  gap: 0em;
  justify-content: center;
  align-items: baseline;
  font-family: "Noto Sans JP", sans-serif;
}
.media-date-year, .media-date-month, .media-date-day {
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
.media-date-year {
  width: 4em; /* 年の桁が多いので広め */
}
.media-date-month, .media-date-day {
  width: 3em; /* 月日を揃える */
}
@media(max-width:767px) {
  .media-item {
    display: block;
    height: auto;
    /*align-items: center;
    justify-content: center;
            height: 200px;
            border-top: 1px solid #727171;*/
  }
  .media-date-year, .media-date-month, .media-date-day, .media-link {
    width: auto !important;
  }
  .media-date {
    display: inline;
    width: auto;
  }
  .media-list-name {
    width: auto;
  }
}
@media(max-width:767px) {
  .media-link {
    padding: 0;
    margin: 0;
  }
  .media-list-name h2 {
    margin: 0;
    padding: 0;
  }
  .media-list-section {
    padding-bottom: 80px;
  }
}