/* スムーズメニュー */
html {
    scroll-behavior: smooth;
}

/* フッター領域（非表示にしている場合も含む）を完全に排除する */
.site-footer,
.site-footer-copyright {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 投稿日以外のメタ情報を、子要素ごと全て強制排除 */
.entry-meta > *:not(:first-child) { display: none !important; }


/* 「新着!!」の文字を消して「NEW」を表示する */
.vk_newBadge {
    visibility: hidden; /* 元の文字を隠す */
    position: relative;
}
.vk_newBadge::before {
    content: "NEW"; /* 好きな文字を入れる */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit; /* 元の色を引き継ぐ */
    color: inherit;
    padding: inherit;
}


/* 1. 基本的にアーカイブページのサイドバーエリアを非表示にする */
.archive .sub-section {
    display: none !important;
}

/* 2. NEWSカテゴリー（category-news）の時だけサイドバーを復活させる */
.category-news .sub-section {
    display: block !important;
}

/* 3. NEWSカテゴリーの時だけ、メインコンテンツを左に寄せて幅を調整する */
@media (min-width: 992px) {
    .category-news .main-section {
        flex: 0 0 66.666667% !important; /* メインを約7割の幅にする */
        max-width: 66.666667% !important;
    }
}

/* 4. NEWSカテゴリーの時だけ中身（ウィジェット）を強制表示 */
.category-news .sub-section * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 5. モバイル表示でもNEWSだけはサイドバーを下に表示させる（念のため） */
@media (max-width: 991px) {
    .category-news .sub-section {
        display: block !important;
        width: 100% !important;
    }
}

/* NEWS以外のアーカイブページで、メインコンテンツを横いっぱいに広げる */
.archive:not(.category-news) .main-section {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ついでに不自然な余白（マージン）もリセットする */
.archive:not(.category-news) .sub-section {
    margin: 0 !important;
    padding: 0 !important;
}