/****************************************/
/* animation : fadein */
/****************************************/

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadein {
    animation-name: fadein;
    animation-duration: 1000ms;
    animation-timing-function: ease;
}

/****************************************/
/* animation : slidedown */
/****************************************/
@keyframes slidedown {
    0% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0%);
    }
}

.slidedown {
    animation-name: slidedown;
    animation-duration: 1500ms;
    animation-timing-function: ease;
}



fieldset {
    border: none;
}
* {
    font-family: Kosugi Maru,sans-serif;
}
.d-none {
    display: none;
}
.d-block {
    display: block;
}
.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}
.nowrap {
    white-space: nowrap;
}
.wfull {
    width: 100%;
}
html {
    overflow-x:scroll;
}
.cannotclick {
    pointer-events: none;
}