/* style-10-base.css */



/* フェードイン */
body {
    animation: var(--fadein-name) var(--fadein-duration) var(--fadein-timing) var(--fadein-delay) var(--fadein-iteration) var(--fadein-direction);
    -webkit-animation: var(--fadein-name) var(--fadein-webkit-duration) var(--fadein-timing) var(--fadein-webkit-delay) var(--fadein-iteration) var(--fadein-direction);
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

* {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    text-align: justify;
    color: var(--new-color-gray-800);
    margin: var(--space-zero);
    padding: var(--space-zero);
    border: var(--border-zero);
    word-wrap: break-word;
    font-family: var(--font-family-base);
}

body {
    text-align: center;
    color: var(--new-color-gray-800);
    background: var(--color-calendar-a);
    -webkit-text-size-adjust: 100%;

    a {
        color: var(--new-color-blue-800);
        text-decoration: none;

        &:hover {
            color: var(--new-color-blue-800);
            text-decoration: underline;
        }
    }

    ul {
        list-style: none;
    }

    img {
        max-width: 100%;
        height: auto;
        width: 100%;

        &.lazy {
            opacity: var(--lazy-opacity-hidden);
            transition: var(--lazy-transition);

            &.is-loaded {
                opacity: var(--lazy-opacity-shown);
            }
        }
    }

    strong {
        color: var(--new-color-gray-800);
        background: linear-gradient(transparent 0, var(--color-calendar-c) 0);
    }

    .u_wave {
        background: var(--u-wave-image) bottom repeat-x;
        background-size: var(--u-wave-size);
        padding-bottom: var(--u-wave-padding-bottom);
    }
}