/* ==========================
   Column Responsive
========================== */

/* タブレット・スマホ */
@media (max-width: 991px) {

    .column_excerpt{
        display:none;
    }

    .column-category-posts-list {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 1024px){

    .column-author-header{
        flex-wrap:wrap;
    }

    .column-author-link{
        margin-left:0;
        margin-top:10px;
    }

}

@media (min-width:768px) and (max-width:1024px){

    .column-author-header{
        display:flex;
        align-items:center;
        flex-wrap:nowrap;
    }

    .column-author-link{
        width:auto;
        margin-left:auto;
        white-space:nowrap;
    }

}

/* スマホ */
@media (max-width: 767px){

    .column_archive{
        padding:20px 0;
    }

    .column_layout{
        display:block;
    }

    .column_main{
        width:100%;
    }

    .column_list{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .column_thumbnail img{
        width:100%;
        height:110px;
        object-fit:cover;
    }

    .column_content{
        padding:10px;
    }

    .column_meta{
        display:block;
        min-height:auto;
    }

    .column_categories{
        margin-bottom:6px;
        gap:4px;
        width:100%;
        min-height: 15px;
    }

    .column_cat{
        font-size:10px;
        padding:2px 8px;
        margin-bottom:0;
        width:auto !important;
        max-width:max-content;
        flex:0 0 auto;
    }

    .column_date{
        display:block;
        font-size:11px;
        margin-top:4px;
    }

    .column_title{
        font-size:14px;
        line-height:1.5;
        margin:8px 0;
    }

    .column_excerpt{
        display:none;
    }

    .column_more{
        display:none;
    }

    .column_container{
        padding:0;
    }

    .column_header_thumb{
        display:none;
    }

    .column-meta{
        display:block;
        width:100%;
        max-width:none;
        box-sizing:border-box;
    }

    .column-meta-top{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        width:100%;
    }

    .column-meta-tags{
        width:100%;
        line-height:1.6;
    }

    .column-author-header{
        flex-wrap:wrap;
    }

    .column-author-link{
        width:50%;
        margin-left:0;
    }

    .column-related-link{
        gap:15px;
    }

    .column-related-thumbnail{
        width:90px;
    }

    .column-related-thumbnail img{
        height:70px;
    }

    .column-related-post-title{
        font-size:1rem;
    }

    .column-related-excerpt{
        font-size:.85rem;
    }

    .column-category-posts-list {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .column-category-post-item a {
        display: flex;
        align-items: flex-start;
        gap: 14px;
    }

    .column-category-post-thumb {
        width: 120px;
        flex-shrink: 0;
    }

    .column-category-post-thumb img {
        width: 100%;
        height: 80px;
        object-fit: cover;
        border-radius: 6px;
    }

    .column-category-post-tags {
        margin-top: 0;
        margin-bottom: 8px;
        gap: 6px;
    }

    .column-category-post-tag {
        font-size: 11px;
        padding: 3px 10px;
    }

    .column-category-post-title {
        margin-top: 0;
        font-size: 15px;
        line-height: 1.5;
    }

    .site-body-container{
        display:block;
    }

    .column_sidebar{
        width:100%;
        margin-top:30px;
    }

    .single-column .column_sidebar{
        margin-top:30px;
        padding:0 15px 40px;
    }

    .column_toc{
        width:100%;
        padding:20px;
    }

    .column_toc_title{
        width:auto;
        flex:1;
        font-size:24px;
    }

    .column_toc_toggle{
        width:auto;
        margin-left:15px;
    }

}