/* シャドウアニメーション */
.ani-shadow {
    cursor: pointer;
    box-shadow: 0px 0px 0px var(--shadow);
    transition: all .2s;
}
.ani-shadow:hover,
.ani-shadow:active {
    text-decoration: none !important;
    box-shadow: 0px 3px 6px var(--shadow);
}
/* スケールアニメーション */
.ani-scale {
    cursor: pointer;
    transition: all .2s;
}
.ani-scale:hover,
.ani-scale:active {
    text-decoration: none !important;
    transform: scale(1.2);
}

/* 透過アニメーション */
.ani-opacity {
    cursor: pointer;
    opacity: 1;
    transition: all .2s;
}
.ani-opacity:hover,
.ani-opacity:active {
    text-decoration: none !important;
    opacity: 0.5;
}

.ani-gray {
    cursor: pointer;
    opacity: 1;
    transition: all .2s;
}
.ani-gray:hover,
.ani-gray:active {
    text-decoration: none !important;
    background-color: var(--base_gray_dark);
    opacity: 0.2;
}