/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 05 2026 | 05:12:05 */
/* ==========================================
   投稿一覧のレイアウト設定＆モバイル設定
   ========================================== */


/* --- 1. 基本：枠線と基本スタイル --- */
.vk_posts .vk_post {
    display: flex;
    align-items: center;
    border: 1px solid #5c8da8 !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    background: #fff !important;
}

/* --- 2. PC版（992px以上） --- */
@media (min-width: 992px) {
    .vk_posts .vk_post_imgOuter {
        flex: 0 0 210px !important;
        height: 120px !important;
        margin-right: 15px !important;
        overflow: hidden !important;
    }
}

/* --- 3. スマホ版（991px以下）：縦並び設定 --- */
@media (max-width: 991px) {
    .vk_posts .vk_post {
        display: block !important;
    }

    .vk_posts .vk_post_imgOuter {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        height: auto !important;
    }

    .vk_posts .vk_post_imgOuter img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
    }

    .vk_posts .vk_post_body {
        width: 100% !important;
        display: block !important;
    }

    /* 【超強力】スマホでボタン要素を強制的に「見える化」する */
    .vk_posts .vk_post_body [class*="btn"],
    .vk_posts .vk_post_body [class*="more"],
    .vk_posts .vk_post_btnOuter {
		position: static !important; 
        display: block !important; /* 非表示設定を根こそぎ上書き */
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        width: auto !important;
        text-align: right !important;
        margin-top: 15px !important;
    }
}

/* --- 4. ボタン自体の見た目（PC・スマホ共通） --- */
/* aタグがあれば何でもボタンっぽくします */
.vk_posts .vk_post_btnOuter a,
.vk_posts .vk_post_body [class*="btn"] a,
.vk_posts .vk_post_body [class*="more"] a {
    display: inline-block !important;
    background-color: #5c8da8 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* --- 5. タイトルと前後ナビ --- */
.vk_posts .vk_post_title, 
.vk_posts .vk_post_title a {
    font-size: 21px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}

.section.next-prev-nav, .postNextPrev {
    display: none !important;
}

.single .entry-eye-catch img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    margin-bottom: 30px;
}