:root {
    /* menu bg*/
    --theme-color1: #016a6f;
    /* submenu bg / table th*/
    --theme-color2: #e6f2f3;
    /* top herader*/
    --theme-color3: #1bb6b6;
    /* menu bg on*/
    --theme-color4: #218a93;
    /**/
    --menu-border: rgb(191 191 191 / 75%);

    /*table border*/
    --border-color1: rgba(0, 0, 0, .125);

    /*h3 border*/
    --border-color2: #d7d7d7;

    /* top h2 border*/
    --border-color3: #ebedef;

    /*th bg*/
    --table-color1: #e6f2f3;
    /*td bg*/
    --table-color2: rgba(0, 0, 0, .025);

    --theme-footer: #016a6f;
    --theme-slidebg: #02787e;
    --theme-spmenubg: #02787e;

    --link-color1: #306FBB;
    --header-color1: #333;

    --text-color1: #333;
    --text-color2: #3b3b3b;
    --text-color3: #1f1f1f;

    --theme-color1: #606;
    --theme-color2: rgb(98 0 103 / 8%);/*#3968a621;*/
    --theme-colorx: #2f67a4;
    --theme-color3: #a264a5; /*#015AA8;*/
    --theme-color4: #a264a5; /*#015AA8;*/
    --menu-border: rgb(191 191 191 / 75%);
    --border-color1: rgba(0, 0, 0, .125);
    --border-color2: #d7d7d7;
    --border-color3: #ebedef;
    --table-color1: #e6f2f3;
    --table-color2: rgba(0, 0, 0, .025);
    --theme-footer: #606;
    --theme-slidebg: #000;
    --theme-spmenubg: #606/*#0d2e5a;*/
    --link-color1: #306FBB;
    --header-color1: #333;
    --text-color1: #333;
    --text-color2: #3b3b3b;
    --text-color3: #1f1f1f;
}


body#home img.border {
    /*border: 1px solid var(--border-silver1) !important;*/
    /*border-radius: 3px;*/
}

h2:after,
h2.title:after {
    /*border-bottom: solid 3px var(--theme-color2);*/
}


@media (max-width: 992px) {
    .menu-main {
        background: linear-gradient(to left, var(--theme-color1) 49px, var(--border-color1) 20px, var(--border-color1) 100%);
        background: linear-gradient(to left, var(--theme-color1) 49px, #fff 20px, #fff 100%)
    }
}

@media (min-width: 991.98px) {
    .menu-main {
        background-color: var(--theme-color1);
    }
}

@media (min-width: 991.98px) {

    .menu-main ul.navbar-nav li.nav-item.current,
    .menu-main ul.navbar-nav li.nav-item:hover {
        /*background-color: var(--theme-color1);
        background-image: linear-gradient(to right, var(--border-color1) 1px, #000 1px 160px);*/
    }
}


@media (min-width: 991.98px) {

    .menu-main ul.navbar-nav li.nav-item.current a,
    .menu-main ul.navbar-nav li.nav-item:hover {
        /* color: #16181b !important; */
        background-image: linear-gradient(to right, var(--theme-color1) 1px, var(--theme-color4) 1px 160px);
    }
}

/*@media (min-width: 991.98px) {

    .menu-main ul.navbar-nav li.nav-item.current a,
    .menu-main ul.navbar-nav li.nav-item:hover {
        background-image: linear-gradient(to right, #1f6e4e 1px, #9cd0a5 1px 160px);
    }
}*/

@media (min-width: 769px) {

    aside ul.list-group li:focus a,
    aside ul.list-group li:hover a {
        background-color: var(--theme-color2);
    }
}

@media (min-width: 769px) {
    aside ul.list-group li.current {
        background-color: var(--theme-color2);
    }
}

@media (min-width: 769px) {
    aside h2.title {
        border-top: 2px solid var(--theme-color1);
    }
}

.blog-main .post h2 {
    background-color: var(--theme-color2);
    font-family: "UD Shin Go Medium", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;

}

.blog-main .post h2::before {
    background-color: var(--theme-color2);
    background: linear-gradient(to bottom, var(--theme-color1) 0%, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.post .post-content table.table th {
    background-color: var(--theme-color2);
}

@media (min-width: 768px) {
    footer .footer-sitemap {
        background-color: var(--theme-footer);
    }
}

footer .footer-sitemap {
    background-color: var(--theme-footer);
}