/* 記事ページのレイアウト修正 */

/* 記事ページのコンテナ */
.single-post-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 記事ページはサイドバーなしで広く表示 */
.single-post-content {
    width: 100%;
    max-width: 1000px !important; /* 800px → 1000px に拡張 */
    margin: 0 auto;
    padding: 30px 40px !important; /* 左右のパディングを増加 */
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 4px;
}

/* 記事コンテンツの幅調整 */
.post-content {
    width: 100%;
    max-width: none !important; /* 幅制限を解除 */
    overflow-x: auto;
}

/* 記事タイトルの調整 */
.post-title {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
    text-align: center;
}

/* パンくずリストの調整 */
.breadcrumbs {
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0 40px;
}

/* モバイル対応 */
@media (max-width: 768px) {
    .single-post-content {
        max-width: 100% !important;
        padding: 20px !important;
        margin: 0 10px;
    }
    
    .breadcrumbs {
        padding: 0 20px;
        margin: 0 auto 15px auto;
    }
    
    .post-title {
        font-size: 24px !important;
    }
}

/* タブレット対応 */
@media (max-width: 1024px) and (min-width: 769px) {
    .single-post-content {
        max-width: 90% !important;
        padding: 25px 30px !important;
    }
    
    .breadcrumbs {
        padding: 0 30px;
    }
}