/* レスポンシブ */
@media (max-width: 991px) {
    .content-area,
    .sidebar {
        width: 100%;
        max-width: 100%;
    }
    
    .main-container {
        flex-direction: column;
    }
    
    .sidebar {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .post-title {
        font-size: 20px;
    }
    
    .single-post-content {
        padding: 20px;
    }
    
    .site-title {
        font-size: 24px;
    }
    
    .site-description {
        font-size: 14px;
    }
    
    .post-meta {
        flex-direction: column;
    }
    
    .post-meta span {
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 10px;
    }
    
    .post-item {
        margin-bottom: 20px;
    }
    
    .post-header,
    .post-content {
        padding: 15px;
    }
    
    .single-post-content {
        padding: 15px;
    }
    
    .read-more {
        display: block;
        text-align: center;
    }
}