@charset "utf-8";

.thumb-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
    margin: 10px 0 0;
}

.thumb-media {
  	cursor: pointer;
    transition: .3s;
}

.thumb-media:hover, .thumb-media-active {
    filter: brightness(0.5);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.thumb-wrapper {
    gap: 20px;
    margin: 20px 0 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */