@charset "UTF-8";
.movie {
margin: 2vh auto 0;
width:90%;
}
@media (min-width: 899px) {
.movie {
margin: 50px auto 60px;
width:100%;
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr;
justify-content: center;
width: 100%;
}
}
.movie dl {
margin: 0 auto 2em;
}
@media (min-width: 899px) {
.movie dl {
margin: 0 auto;
}
}
.movie dl dt {
position: relative;
background-color: #090909;
border: 3px solid var(--Key-color);
aspect-ratio: 16 / 9;
width: 100%;
display: block;
overflow: hidden;
}
.movie dl>dd {
font-size: var(--font16);
line-height: 1.6;
color: var(--font-color);
text-align: left;
margin: .4em auto 0;
}
@media (max-width: 600px) {
footer {
margin: 80px auto 0;
}
}