:root {
    /*--theme-dark: #02787E;
    --theme-dark: #c0a164;
    --theme-dark: #957d4e;
    --theme-dark1: #937d4b;*/
    --theme-gold1: #937d4b;
    --theme-gold2: rgb(207 185 129 / 25%);
    /*--theme-gold2: #2c271c;*/
    --theme-gold3: #63501f;
    --theme-silver1: rgb(237 244 242 / 10%);
    --theme-silver2: rgb(237 244 242 / 15%);
    --border-silver1: rgb(237 244 242 / 20%);
}


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

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

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

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

@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-gold1);
        background-image: linear-gradient(to right, var(--border-silver1) 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 {
        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-silver2);
    }
}

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

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

.blog-main .post h2 {
    background-color: var(--theme-silver2);
    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-gold2);
    background: linear-gradient(to bottom, var(--theme-gold1) 0%, var(--theme-gold1) 0%, var(--theme-gold1) 100%);
}

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

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

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