/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:58:42 */
/* =========================================================
   カードフェードインアニメーション
   ========================================================= */

/* 基本アニメーション定義 */
@keyframes cardFadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 投稿一覧・承認管理ページ */
.mypage-saas-wrap .mp-system-card,
.kanri-saas-wrap .mp-system-card {
    opacity: 0;
    animation: cardFadeUp 0.6s ease forwards;
}

/* 段ごとに遅延をずらす */
.mypage-saas-wrap .col-sm-6:nth-child(1) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(1) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(1) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(1) .mp-system-card {
    animation-delay: 0.1s;
}

.mypage-saas-wrap .col-sm-6:nth-child(2) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(2) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(2) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(2) .mp-system-card {
    animation-delay: 0.2s;
}

.mypage-saas-wrap .col-sm-6:nth-child(3) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(3) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(3) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(3) .mp-system-card {
    animation-delay: 0.3s;
}

.mypage-saas-wrap .col-sm-6:nth-child(4) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(4) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(4) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(4) .mp-system-card {
    animation-delay: 0.4s;
}

.mypage-saas-wrap .col-sm-6:nth-child(5) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(5) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(5) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(5) .mp-system-card {
    animation-delay: 0.5s;
}

.mypage-saas-wrap .col-sm-6:nth-child(6) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(6) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(6) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(6) .mp-system-card {
    animation-delay: 0.6s;
}

.mypage-saas-wrap .col-sm-6:nth-child(7) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(7) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(7) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(7) .mp-system-card {
    animation-delay: 0.7s;
}

.mypage-saas-wrap .col-sm-6:nth-child(8) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(8) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(8) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(8) .mp-system-card {
    animation-delay: 0.8s;
}

.mypage-saas-wrap .col-sm-6:nth-child(9) .mp-system-card,
.mypage-saas-wrap .col-md-4:nth-child(9) .mp-system-card,
.kanri-saas-wrap .col-sm-6:nth-child(9) .mp-system-card,
.kanri-saas-wrap .col-md-4:nth-child(9) .mp-system-card {
    animation-delay: 0.9s;
}

/* タクソノミーアーカイブページ */
.vk_post {
    opacity: 0;
    animation: cardFadeUp 0.6s ease forwards;
}

.vk_post:nth-child(1) { animation-delay: 0.1s; }
.vk_post:nth-child(2) { animation-delay: 0.2s; }
.vk_post:nth-child(3) { animation-delay: 0.3s; }
.vk_post:nth-child(4) { animation-delay: 0.4s; }
.vk_post:nth-child(5) { animation-delay: 0.5s; }
.vk_post:nth-child(6) { animation-delay: 0.6s; }
.vk_post:nth-child(7) { animation-delay: 0.7s; }
.vk_post:nth-child(8) { animation-delay: 0.8s; }
.vk_post:nth-child(9) { animation-delay: 0.9s; }
.vk_post:nth-child(10) { animation-delay: 1.0s; }