@charset "utf-8";


/*===================================================*/
/*SP ページ*/
/*===================================================*/

/* breadcrumb */

.col-bread {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    margin: 0;
}

ol.breadcrumb {
    padding-left: 0;
    background-color: transparent;
    font-size: 0.9375rem;
    font-size: 0.875rem;
    padding: .75rem 1rem;
    padding-left: 0;
}

ol.breadcrumb a {
    font-weight: 600;
    font-weight: 500;
}

.breadcrumb-item.current-item {
    color: #6c757d;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    font-family: monospace;
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    font-weight: 900;
    color: #bfbfbf;
}


/* main-post */


/* link*/
ol.breadcrumb a,
.post p a,
.post ul a,
.post ol a,
.post table a {
    /*text-decoration: none;
    color: #306FBB;*/
    font-weight: 500;
    /*transition: all 0.4s ease;*/
}

ol.breadcrumb a:hover,
.post p a:hover,
.post ul a:hover,
.post ol a:hover,
.post table a:hover {
    /*text-decoration: underline;
    color: #cc0033;*/
    /*transition: all 0.3s ease;*/
}

.blog-main .post {
    margin-bottom: 4rem;
}


.blog-main .post a:hover {
    /*color: #CC0033;
    text-decoration: underline;
    transition: all 0.3s ease;*/
}


.blog-main .post h2 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
}

.post .post-content h3 {
    font-size: 1.25rem;
    border-bottom: 1px #d0d0d0 solid;
    border-bottom: 1px #d7d7d7 solid;
    margin-bottom: 1rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    font-weight: 600;
    font-feature-settings: normal;
    line-height: 1.2;
}

.post .post-content p,
.post .post-content ul,
.post .post-content ol {
    margin-bottom: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.65;
}

.post .post-content p {
    margin-left: 0.25rem;
}

/* */

.post .post-content table.table {
    /*border: 1px solid #ffffff;*/
    margin-bottom: 2rem;
}

.post .post-content table.table th,
.post .post-content table.table td {
    border: 1px solid #ffffff;
    background-color: #F1F1F1;
    border: 1px #d7d7d7 solid;
    background-color: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, .125);
    font-size: 0.9rem;
    font-size: 0.9375rem;
    padding: 0.3rem;
    vertical-align: top;
    vertical-align: middle;
    /*text-align: center;*/
}

.post .post-content table.table th {
    background-color: #E6E9F0;
    /*text-align: center;*/
    font-weight: 500;
    vertical-align: top;
    vertical-align: middle;
}

.post .post-content table.table a {
    transition: none;
}

.blog-sidebar {
    /*display: none;*/
}


/* alert */
.alert,
.post .post-content .alert {
    /*padding-left: 0 !important;*/
    margin-bottom: 1.5rem !important;
}

.alert p,
.alert ul,
.post .post-content .alert p,
.post .post-content .alert ul {
    margin-bottom: 0 !important;
}

.alert ul,
.post .post-content .alert ul {
    padding-left: 1rem;
}



/* time */

.post .post-content .time {
    font-size: 0.875rem;
    color: #a5aaaf;
    color: #6c757d;
    text-align: right;
}



/*===================================================*/
/*PC ページ*/
/*===================================================*/

@media (min-width:769px) {


    .col-bread {
        margin-top: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 0.75rem;
        margin-bottom: 1.5rem;
    }

    ol.breadcrumb {
        padding-left: 0;
        background-color: transparent;
        font-size: 0.9375rem;
        font-size: 0.875rem;
    }




    /* main-post */

    .blog-main .post {
        margin-bottom: 5rem;
    }

    .blog-main .post h2 {
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }

    .post .post-content h3 {
        font-size: 1.25rem;
        border-bottom: 1px #d0d0d0 solid;
        margin-bottom: 1rem;
        padding-bottom: 0.2rem;
        padding-top: 0.2rem;
        font-weight: 600;
        font-feature-settings: normal;
    }


    body:lang(ja) .post .post-content p {
        /*text-align: justify;*/
        /* word-wrap: break-word; */
        /*word-break: break-all;
        text-justify: inter-character;*/
    }


    .post .post-content p,
    .post .post-content ul,
    .post .post-content ol {
        margin-bottom: 1.5rem;
        font-size: 0.9375rem;
        line-height: 1.65;
        /*letter-spacing: 0.03rem;*/
        /*line-height: 1.8;*/
    }

    .post .post-content p {
        font-size: 1rem;
        line-height: 2;
        line-height: 1.8;
        letter-spacing: 0.03rem;
    }

    body:lang(en) .post .post-content p,
    body:lang(en) .post .post-content ul,
    body:lang(en) .post .post-content ol {
        letter-spacing: normal;
    }

    .post .post-content p {
        margin-left: 0.25rem;
    }

    .post .post-content table.table th,
    .post .post-content table.table td {
        /*line-height: 1.8;*/
        padding: 0.5rem;
    }


    /* 左メニュー */

    aside ul.list-group li.list-group-item:first-child {
        /*border-top-color: var(--theme-01);
        border-bottom-color: var(--theme-01);*/
        border-radius: 0;
    }

    aside ul.list-group li.list-group-item:last-child {
        border-radius: 0;
    }

    aside ul.list-group li {
        position: relative;
        display: block;
        /*padding: 0.75rem 1.25rem;*/
        /*background-color: #fff;*/
        /*border: 1px solid rgba(0, 0, 0, .125);*/
        /*color: #333333;*/
        /*background-color: #ffeeba;
        background-color: #fff3cd;
        background-color: #d0e2f2;*/
        /*border: 1px solid #fff;*/
        /*font-weight: 500;*/
        /*padding: 0.75rem 0.75rem;*/
        padding: 0;
        /*transition: all 0.2s ease;*/
        border-left: none;
        border-right: none;
        /*border-bottom: 1px solid #cccccc;*/
        /*border-radius: 0;*/
        background-color: var(--menu-side-bg);

    }

    aside ul.list-group li a {
        display: block;
        color: #333333;
        font-weight: 500;
        padding: 0.75rem 0.75rem;
        transition: all 0.2s ease;
    }

    /* 左メニュー ホバー */
    aside ul.list-group li:focus a,
    aside ul.list-group li:hover a {
        color: #fff;
        /*background-color: #84b9e9;
        background-color: #a1c7e9;*/
        /*background-color: #ecf0f8;*/
        background-color: var(--menu-side-hover-bg);
        cursor: pointer;
        padding-left: 0.95rem;
    }

    aside ul.list-group li.current a {
        color: #fff;
        /*background-color: #84b9e9;
        background-color: #a1c7e9;*/
        background-color: #ecf0f8;
        background-color: var(--menu-side-hover-bg);
    }
}