@charset 'UTF-8';
/* ==========================================
   コールアウト・目次コンポーネント
   ========================================== */
/* --- コールアウト (bl_post-callout) --- */
.bl_post-callout
{
    padding: min(calc(24 / 1440 * 100vw), 24px);

    border-radius: min(calc(8 / 1440 * 100vw), 8px);
    background: #f8f8f8;

    margin-block: min(calc(24 / 1440 * 100vw), 24px);
}

/* --- 目次ボックス (bl_post-index) --- */
.bl_post-index
{
    margin-top: min(calc(24 / 1440 * 100vw), 24px);
}
.bl_post-index-list-item a
{
    color: #000;
}

/* ==========================================
   レスポンシブ（SP）
   ========================================== */
@media only screen and (max-width: 767px)
{
    /* コールアウト */
    .bl_post-callout
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-block: calc(16 / 390 * 100vw);
    }
    /* 目次ボックス */
    .bl_post-index
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}