/* =========================
   全体
========================= */
.scenes_block {
    max-width: 110rem;
    margin: 0 auto;
    padding: 6rem 2rem;
}

/* ラベル */
.scenes_label {
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    color: #888;
    margin-bottom: 2rem;
}

/* =========================
   最新
========================= */
.scenes_latest {
    margin-bottom: 8rem;
}

.scenes_latest .scenes_item {
    border-bottom: 0.1rem solid #eee;
    padding-bottom: 2rem;
}

.scenes_latest .scenes_title {
    font-size: 2.8rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.scenes_latest .scenes_date {
    font-size: 1.3rem;
    color: #999;
}

/* =========================
   一覧（Grid）
========================= */
.scenes_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 3rem;
}

/* アイテム */
.scenes_item a {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.3s ease;
}

/* タイトル */
.scenes_title {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 0.6rem;
    transition: opacity 0.3s ease;
}

/* 日付 */
.scenes_date {
    font-size: 1.2rem;
    color: #999;
}

/* hover */
.scenes_item a {
    transition: transform 0.3s ease;
}

.scenes_item a:hover {
    transform: translateY(-0.2rem);
}




/*.scenes_item a:hover {
    transform: translateY(-0.2rem);
}

.scenes_item a:hover .scenes_title {
    opacity: 0.6;
}*/


/* =========================
   レスポンシブ
========================= */
@media (max-width: 90rem) {
    .scenes_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 50rem) {
    .scenes_list {
        grid-template-columns: 1fr;
    }

    .scenes_latest .scenes_title {
        font-size: 2.2rem;
    }
}