/**
 * Fan Portal 関連コンテンツ レスポンシブ対応
 */

/* タブレット対応 */
@media (max-width: 768px) {
    /* 関連コンテンツのカード */
    .fp-next-card {
        padding: 16px !important;
        min-height: 80px !important;
    }
    
    .fp-next-card h4 {
        font-size: 14px !important;
    }
    
    /* アイコンとラベルのサイズ調整 */
    .fp-next-card .fp-type-icon {
        font-size: 20px !important;
    }
    
    .fp-next-card .fp-trending-rank {
        padding: 6px 16px !important;
        font-size: 12px !important;
    }
}

/* スマートフォン対応 */
@media (max-width: 480px) {
    /* 区切り線の位置調整 */
    .fp-next-section > div:first-child {
        top: -15px !important;
    }
    
    /* タイトルのサイズ */
    .fp-next-contents h3 {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }
    
    /* カードのグリッドを1列に */
    .fp-next-contents > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    /* カードの最小高さを減らす */
    .fp-next-card {
        min-height: auto !important;
    }
    
    /* ラベルの位置調整 */
    .fp-next-card > div:nth-child(2) {
        top: -1px !important;
        right: -1px !important;
        padding: 3px 10px !important;
        font-size: 10px !important;
    }
}

/* 超小型デバイス対応 */
@media (max-width: 360px) {
    .fp-next-contents {
        padding: 30px 10px !important;
    }
    
    .fp-next-card {
        padding: 12px !important;
    }
    
    .fp-next-card h4 {
        font-size: 13px !important;
    }
}