/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

.fade-enter-active[data-v-0b80f345],
    .fade-leave-active[data-v-0b80f345] {
        transition: opacity 0.5s;
}
.fade-enter-from[data-v-0b80f345],
    .fade-leave-to[data-v-0b80f345] {
        opacity: 0;
}
.slide-enter-active[data-v-0b80f345],
    .slide-leave-active[data-v-0b80f345] {
        transition: all 0.5s ease;
}
.slide-enter-from[data-v-0b80f345] {
        transform: translateY(-20px);
        opacity: 0;
}
.slide-leave-to[data-v-0b80f345] {
        transform: translateY(-20px);
        opacity: 0;
}

    /* 必要に応じてスタイルをカスタマイズ */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

.fade-enter-active, .fade-leave-active {
        transition: opacity 0.5s;
}
.fade-enter-from, .fade-leave-to {
        opacity: 0;
}
.slide-enter-active, .slide-leave-active {
        transition: all 0.5s ease;
}
.slide-enter-from {
        transform: translateY(-20px);
        opacity: 0;
}
.slide-leave-to {
        transform: translateY(-20px);
        opacity: 0;
}

/* 必要であればスタイルを追加 */

    /* コンポーネント固有のスタイル */
    
/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* 背景のインジケータ（モーダル風） */
.bg-modal[data-v-dda75a5d] {
    background-color: rgba(0, 0, 0, 0.5);
}
/* アクティブのインジケータ */
.bg-bg-1[data-v-dda75a5d] {
    background-color: white;
}
/* 非アクティブのインジケータ(白30%透明) */
.bg-bg-1\/30[data-v-dda75a5d] {
    background-color: rgba(255, 255, 255, 0.3);
}

/* コンポーネント固有のスタイル */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* 必要であればスタイルを追加 */

/* スクロールバーを常に表示 */
.scrollbar-visible[data-v-41e3d20c] {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #cbd5e0 #f7fafc; /* Firefox */
}

/* Webkit（Chrome, Safari, Edge）用 */
.scrollbar-visible[data-v-41e3d20c]::-webkit-scrollbar {
    height: 12px;
}
.scrollbar-visible[data-v-41e3d20c]::-webkit-scrollbar-track {
    background: #f7fafc;
    border-radius: 6px;
}
.scrollbar-visible[data-v-41e3d20c]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 6px;
}
.scrollbar-visible[data-v-41e3d20c]::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}