@charset 'UTF-8';
/* ==========================================
   リスト系コンポーネント
   ========================================== */
/* --- ページ内リンクリスト (bl_post-page_link) --- */
.bl_post-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: min(calc(16 / 1440 * 100vw), 16px);

    border: solid 1px #c4c4c4;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
       -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
            column-gap: min(calc(40 / 1440 * 100vw), 40px);
    margin-block: min(calc(24 / 1440 * 100vw), 24px);
}
.bl_post-page_link-item-link
{
    font-size: min(calc(16 / 1440 * 100vw), 16px); 
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
.bl_post-page_link-item-arrow
{
    width: min(calc(20 / 1440 * 100vw), 20px); 

    color: #c03;

    rotate: 90deg;
}

/* --- 赤丸リスト (bl_post-red_dot) --- */
.bl_post-red_dot
{
    font-size: min(calc(16 / 1440 * 100vw), 16px); 
    line-height: 1.4;

    position: relative;

    padding-left: min(calc(20 / 1440 * 100vw), 20px);
}
.bl_post-red_dot:not(:first-of-type)
{
    margin-top: min(calc(8 / 1440 * 100vw), 8px);
}
.bl_post-red_dot::before
{
    position: absolute;
    top: .5lh;
    left: min(calc(4 / 1440 * 100vw), 4px); 

    display: block;

    width: min(calc(8 / 1440 * 100vw), 8px);
    height: min(calc(8 / 1440 * 100vw), 8px);

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}

/* --- 番号付きリスト (bl_post-num_list) --- */
.bl_post-num_list
{
    margin-top: min(calc(24 / 1440 * 100vw), 24px); 

    counter-reset: num;
}
.bl_post-num_list-item
{
    font-size: min(calc(16 / 1440 * 100vw), 16px); 
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    counter-increment: num;

    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
.bl_post-num_list-item:not(:first-of-type)
{
    margin-top: min(calc(16 / 1440 * 100vw), 16px) !important;
}
.bl_post-num_list-item::before
{
    display: inline-block;

    content: counter(num) '.';

    color: #c03;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.bl_post-num_list-item-link
{
    color: #000;
}

/* --- 注意書きリスト (bl_post-note_list) --- */
.bl_post-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: min(calc(16 / 1440 * 100vw), 16px); 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(8 / 1440 * 100vw), 8px);
}
.bl_post-note_list-item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-left: min(calc(18 / 1440 * 100vw), 18px);
}
.bl_post-note_list-item::before
{
    position: absolute;
    top: 0;
    left: 0;

    content: '※';

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.bl_post-note_list-item span
{
    display: block;
}

/* --- 番号フローリスト (bl_post-content_num_list) --- */
.bl_post-content_num_list
{
    counter-reset: flow-num;
}
.bl_post-content_num_list-item
{
    font-size: min(calc(16 / 1440 * 100vw), 16px); 
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    counter-increment: flow-num;

    -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
       -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
            column-gap: min(calc(8 / 1440 * 100vw), 8px);
}
.bl_post-content_num_list-item::before
{
    font-size: min(calc(16 / 1440 * 100vw), 16px); 

    content: counter(flow-num) '.';

    color: #000;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* --- リスト内リンク (bl_post-content_list-item-link) --- */
.bl_post-content_list-item-link
{
    display: inline;

    text-decoration: underline;

    color: #c03;

    text-underline-offset: min(calc(3 / 1440 * 100vw), 3px);
}

/* ==========================================
   レスポンシブ（SP）
   ========================================== */
@media only screen and (max-width: 767px)
{
    /* ページ内リンクリスト */
    .bl_post-page_link
    {
            flex-direction: column;

        padding: calc(16 / 390 * 100vw);

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

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
        margin-block: calc(24 / 390 * 100vw);
    }
    .bl_post-page_link-item
    {
        width: 100%;
    }
    .bl_post-page_link-item-link
    {
        font-size: calc(16 / 390 * 100vw); 

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .bl_post-page_link-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
    /* 赤丸リスト */
    .bl_post-red_dot
    {
        font-size: calc(16 / 390 * 100vw); 

        padding-left: calc(20 / 390 * 100vw);
    }
    .bl_post-red_dot:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw);
    }
    .bl_post-red_dot::before
    {
        left: calc(4 / 390 * 100vw); 

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
    /* 番号付きリスト */
    .bl_post-num_list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
    .bl_post-num_list-item
    {
        font-size: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
    .bl_post-num_list-item:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw) !important;
    }
    /* 注意書きリスト */
    .bl_post-note_list
    {
        margin-top: calc(16 / 390 * 100vw); 

        row-gap: calc(8 / 390 * 100vw);
    }
    .bl_post-note_list-item
    {
        padding-left: calc(18 / 390 * 100vw);
    }
    /* 番号フローリスト */
    .bl_post-content_num_list-item
    {
        font-size: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
    .bl_post-content_num_list-item::before
    {
        font-size: calc(16 / 390 * 100vw);
    }
    /* リスト内リンク */
    .bl_post-content_list-item-link
    {
        text-underline-offset: calc(3 / 390 * 100vw);
    }
}