@media (min-width: 800px) {
  .movieContents {
    flex-direction: row;
  }
}

@media (max-width: 799px) {
  .movieContents {
    flex-direction: column;
  }
}

@media (min-width: 600px) and (max-width: 799px) {
  .movie {
    padding: 0.5rem 1rem;
  }
}

.movieContents {
  display: flex;
  gap: 2rem;
  max-width: var(--content-max-width);
  margin: 0 auto 1rem auto;
}

.movieContents .postContents {
  width: 80%;
  margin: auto;
}

.movieContents > * {
  flex-basis: 50%;
}

.movieTitle {
  margin: 0rem auto 2rem;
  max-width: var(--content-max-width);
  border-bottom: solid 1px #ccc;
  padding-bottom: 0.5rem;
}

.movieTitle span.title1 {
  font-size: 1.5em;
  margin-right: 0.2em;
}