/* css/style.css */

/* スクロールバーが出入りしても画面が揺れないように領域をあらかじめ確保 */
html {
    scrollbar-gutter: stable;
    overflow-y: scroll;
}

/* スクロールバーの非表示 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ストーリーのアクティブ枠（グラデーションリング） */
.story-ring {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

/* テキストの省略表示用 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* transition-all で height や width までアニメーションしてがくつくのを防ぐ */
.transition-all {
    transition-property: color, background-color, border-color, opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}