:root {
  --rikoten-primary-color: #FF184E;
  --rikoten-secondary-color: #151F3B;
  --rikoten-accent-color: #1BD3CE;
}

.page__content {
  padding-top: 2rem;
}

h2 {
  color: var(--rikoten-primary-color);
  font-weight: bold;
}

h3 {
  color: var(--rikoten-primary-color);
  font-weight: bold;
}

/* アイキャッチ */

.eyecatch {
  position: relative;
}

.eyecatch__image {
  display: block;
  height: 40vh;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.eyecatch__title {
  color: white;
  bottom: 0.1em;
  font-size: 42px;
  font-weight: bold;
  position: absolute;
}

.eyecatch__title span {
  background: var(--rikoten-secondary-color);
  box-decoration-break: clone;
  box-shadow: 0.3em 0 0 var(--rikoten-secondary-color), -0.3em 0 0 var(--rikoten-secondary-color);
  padding: 0 0.3em;
}

@media (min-width: 700px) {
  .eyecatch__image {
    height: 50vh;
  }

  .eyecatch__title {
    font-size: 60px;
  }
}

/* ポスター */

.posterlist__item {
  margin-bottom: 10px;
}

.poster {
  border: solid 1px var(--separator-color);
  border-radius: 5px;
  padding: 15px;
}

.poster__name {
  color: var(--rikoten-secondary-color);
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: unset;
}

.poster__gallery {
  margin-top: 0.5em;
}

.datelist {
  padding-left: 2em;
}