:root {
    --healthcare-color: #DBF4F4;
    --healthcare-accent-color: #BAE9E8;
    --healthcare-gray: #F7F5F5;
}


/* class */

.healthcare a.tag {
    background: var(--healthcare-color);
}

article.healthcare h2.wp-block-heading {
    border-top: 1px solid var(--healthcare-accent-color);
    border-bottom: 1px solid var(--healthcare-accent-color);
}

.non-boder {
    border-top: none !important;
    border-bottom: none !important;
}

article.healthcare h3.wp-block-heading {
    border-left: 4px solid var(--healthcare-accent-color);
}

article.healthcare ol li::before {
    background: var(--healthcare-accent-color);
}
article.healthcare a.wp-block-button__link,
article.healthcare .button-area a.color {
    background: var(--healthcare-accent-color);
}

article.healthcare .is-style-outline a.wp-block-button__link,
article.healthcare .button-area a.white {
    background: white;
    border: 2px solid var(--healthcare-accent-color);
}

article.healthcare .monthly-item-title span {
    border: 2px solid var(--healthcare-accent-color);
}

h2.healthcare-recipe {
    position: relative;
}

h2.healthcare-recipe:after {}

.category.healthcare span::before,
.category.healthcare a::before {
    background: url(../../images/editors-blog/article/ic-beauty.svg) no-repeat center center/100%;
}


/* id */

#healthcare .bg {
    background: var(--healthcare-color);
}

#healthcare .ranking-line {
    position: relative;
}

#healthcare .ranking-line:before {
    content: "";
    display: block;
    width: 189px;
    height: 13px;
    background: url(../../images/healthcare/article/healthcare-ranking-line.svg) no-repeat center center/100%;
    z-index: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

#healthcare .index-head {
    /* background: url(../../images/healthcare/healthcare-head-img.png) no-repeat left center/100%; */
}

/* color */

#healthcare article h4 span {
    border-bottom: 2px solid var(--healthcare-color);
}

#healthcare article h5 span {
    background: var(--healthcare-color);
}

#healthcare article .talk-area .talk-cont>p.fukidashi {
    background: var(--healthcare-color);
}
#healthcare article .talk-area .talk-cont>p.fukidashi:after{
    border-color: transparent transparent transparent var(--healthcare-color);
}
#healthcare article .talk-area .talk-cont:nth-of-type(2n)>p.fukidashi::after{
    border-color: transparent #ffffff transparent transparent;
}
#healthcare .special-title {
    background: var(--healthcare-color);
}
#healthcare .more_btn::after{
    background: var(--healthcare-color);
}


/* accent-color */

#healthcare article ul.article-list li::before {
    background: var(--healthcare-accent-color);
}

#healthcare article .faq .question:before {
    color: var(--healthcare-accent-color);
}

#healthcare article .faq .answer:before {
    color: var(--healthcare-accent-color);
}

#healthcare article details summary::marker {
    color: var(--healthcare-accent-color);
}

#healthcare article .talk-area .talk-cont:nth-of-type(2n)>p.fukidashi {
    border: 3px solid var(--healthcare-accent-color);
}

#healthcare article .talk-area .talk-cont:nth-of-type(2n)>p.fukidashi::before {
    border-color: transparent var(--healthcare-accent-color) transparent transparent;
}

#healthcare #cb~.more_btn::after {
    background: var(--healthcare-accent-color);
}

#healthcare .hover\:bg-subtext:hover {
    background-color: var(--color-subtext);
    border: 1px solid var(--color-subtext);
}

#healthcare article .talk-area .talk-cont:nth-of-type(2n)>p.fukidashi {
    background-color: #fff;
}


/* Special */

.after\:bg-\[\#BAE9E8\]:after {
    content: var(--tw-content);
    background-color: #BAE9E8
}