@charset "utf-8";

/*------------------------------------------------*/
/*★ ＝＝ season-link ＝＝ ★*/
.season-link__list {
  display: grid;
  grid-template-columns: var(--column, repeat(3, 1fr));
  gap: min((26vw / 7.5), 42px);
  @media (width >=750px) {
    --column: repeat(5, 1fr);
    gap: 0 20px;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .season-link__list--item--link:hover {
    transition: opacity .3s;
    &:hover {
      opacity:.75;
    }
  }
}