@charset "UTF-8";

:root {
    --color-primary: #52b9a5;
    --color-secondary: #f3f7f6;
}

.toastB {
    background: var(--color-primary);
}

.toastB .button {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-non);
}

.e18 .tag li {
    background: var(--color-green-pale);
}

ul.tag li {
    display: inline-block;
    background: var(--color-pale);
    border: 1px dotted var(--color-dark);
    color: var(--color-basic);
    padding: .5rem 1rem;
    margin: .5rem .5rem 0 0;
}

@media (min-width: 821px) {

    .split .contents-wrap .contents-img.sticky {
        background: var(--color-primary);
    }

    .split .contents-wrap .contents-img.sticky {
        width: 20%;
        background: #0a7b65;
    }

    .split .contents-wrap .contents-img.sticky::after {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6)) 100%;
    }

}