*{
    color: #444;
}

aside h2#aside-menu,
main h3::after{
    background-image: linear-gradient(90deg, rgba(248, 15, 15, 1), rgba(207, 63, 245, 1));
}

main h2,
section.product h5{
    background-color: #333;
    color: #fff;
}

.content h2{
    background-color: var(--navy);
}

main h2::before,
section.product h5::before{
    color: #fff;
    background-color: var(--red);
}

main,
aside section,
.footer-items > section,
.post-card{
    background-color: #fff;
}

header .site-meta a {
    color: #fff;
}

footer{
    background-color: var(--str-black);
}

.content a,
figcaption a,
table caption a,
footer section p a{
    color: var(--pink);
}

main dl dd.sns a{
    color: var(--pale);
    background-color: var(--pal-pale);
    box-shadow: var(--sha-pale);
}

@media screen and (min-width: 1181px){
    main dl dd.sns a:hover{
        border-color: var(--mil-pale);
    }
}

aside div.wpp ol li:last-child a span{
    color: var(--pink);
}

aside div.wpp ol li:last-child a span span{
    color: var(--blue);
}

main p.post-info,
.cp-related-wrap h3,
aside h3{
    color: var(--white);
}

aside .cp-level-2 > a .cp-toc-num,
aside .cp-level-3 > a .cp-toc-num{
    background: var(--pal-blue);
    color: var(--blue);
}


aside .cp-toc-item > a.active .cp-toc-num,
aside .cp-toc-item.active-range > a .cp-toc-num{
    background-color: var(--red);
    color: var(--white);
}

div.nav-links a.page-numbers{
    color: #fff;
    background-color: var(--gold);
    box-shadow: var(--shadow);
}

footer h3{
    background-color: var(--gold);
    box-shadow: var(--shadow);
    color: #fff;
}

footer h6 span{
    background-color: var(--pal-gold);
    color: var(--gold);
}


main dl dt span{
    background-color: var(--pal-sky);
    color: var(--sky);
    box-shadow: var(--sha-sky);
}

main dl dt.keyword + dd a{
    background-color: var(--sky);
    color: #fff;
    border: 1px var(--sky) solid;
}

.breadcrumb{
    background-color: var(--red);
}

.breadcrumb a{
    color: var(--white);
}

.post-cat a{
    color: var(--red);
}

.breadcrumb p i{
    color: var(--red);
}

.post-card:nth-child(5n-4){
    border-color: var(--mid-gold);
}

.post-card:nth-child(5n-3){
    border-color: var(--mid-red);
}

.post-card:nth-child(5n-2){
    border-color: var(--mid-sky);
}

.post-card:nth-child(5n-1){
    border-color: var(--mid-ora);
}

.post-card:nth-child(5n){
    border-color: var(--mid-green);
}

.post-info span,
aside section h3 span,
.wpp h3 span,
.cp-related-wrap h3 span{
    color: inherit;
}


main dl dt.keyword + dd::before{
    color: var(--sky);
}


mark{
    position: relative;
    background-image: linear-gradient(transparent 60%, var(--mid-yell) 60%);
}

p.sky{
    color: rgba(20, 155, 200, 1);
    background-color: rgba(20, 155, 200, .1);
}

p.red{
    color: rgb(179, 99, 139);
    background-color: rgb(210, 150, 180, .1);
    box-shadow: 0 2px 4px -2px rgba(210, 150, 180, 0.5);
}

p.green{
    color: rgba(187, 4, 102, 1);
    background-color: rgba(40, 120, 90, .1);
}