@charset "UTF-8";

/* hover 時の transition を全ページ共通で 0.2s に統一 */
@media (hover: hover) and (pointer: fine) {
  a,
  area,
  button,
  input:not([type="hidden"]),
  select,
  textarea,
  summary,
  label[for],
  [role="button"],
  [role="link"],
  [role="tab"],
  [class*="btn"],
  [class*="button"],
  [class*="link"],
  [class*="card"],
  [class*="item"],
  [class*="tag"],
  [class*="cta"],
  [class*="nav"] {
    transition-property: color, background-color, background, opacity, border-color, box-shadow, transform, filter;
    transition-duration: var(--hover-duration) !important;
    transition-timing-function: ease;
  }
}