@charset "utf-8";
@import "../../design-skin/foundation/_scss/variables";
@import "../../../vendor/vektor-inc/vk-component/src/assets/scss/variables.scss";

// メインセクション直下の投稿リストで1カラムの時だけ文字を大きくする
.mainSection > .vk_posts,
.entry-body > .vk_posts{
    & > .vk_post-col-sm-12 {
        @media ( $xs-max < width ) {
            .vk_post_title {
                font-size: 16px;
            }
            .vk_post_excerpt {
                font-size: 14px;
            }
        }
    }
    & > .vk_post-col-md-12 {
        @media ( $sm-max < width ) {
            .vk_post_title {
                font-size: 18px;
            }
            .vk_post_excerpt {
                font-size: 14px;
            }
        }
    }
    & > .vk_post-col-lg-12 {
        @media ( $md-max < width ) {
            .vk_post_title {
                font-size: 18px;
            }
            .vk_post_excerpt {
                font-size: 14px;
            }
        }
    }
    & > .vk_post-col-xl-12 {
        @media ( $lg-max < width ) {
            .vk_post_title {
                font-size: 21px;
            }
            .vk_post_excerpt {
                font-size: 14px;
            }
        }
    }
    & > .vk_post-col-xxl-12 {
        @media ( $xl-max < width ) {
            .vk_post_title {
                font-size: 26px;
            }
            .vk_post_excerpt {
                font-size: 14px;
            }
        }
    }
    & > .media {
        &.vk_post-col-sm-12 {
            @media ( $xs-max < width ) {
                padding: 1.5rem 0;
                &:first-child {
                    border-top: $border_primary;
                }
                .media-img {
                    margin-right: 1.4rem;
                }
            }
        }
        &.vk_post-col-lg-12 {
            @media ( $md-max < width ) {
                padding: 1.8rem 0;
                .media-img {
                    margin-right: 1.8rem;
                }
            }
        }
    }
}