.movie-area {
    text-align:center;
    margin:40px 0;
}

.movie-area img {
    width:100%;
    max-width:600px;
    cursor:pointer;
    display: inline-block;
    text-align: center;
}

.movie-area p {
    margin-top: 20px;
    letter-spacing: 1.2px;
}

.thumbnail {
  transition: transform 0.2s;
}
.thumbnail:hover {
  transform: scale(1.05);
}

/* ポップアップの背景 */
.popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup.show {
  display: flex;
}

.popup-content {
  position: relative;
  width: auto;
  height: 80%;
  max-width: 720px;
  background: #000;
  border-radius: 8px;
  padding: 10px;
}

.close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}