* {
    font-style: normal;
    font-weight: 400;
}

body {
    overflow-x: hidden;
}

#spNav {
    z-index: 99 !important;
}

.bg-terms {
    background-image: url(./../img/bg-terms.webp);
}

.bg-mamejinja {
    background-image: url(./../img/bg-mamejinja.webp);
}

.bg-mamejinja-en {
    background-image: url(./../en/img/bg-mamejinja.webp);
}

.bg-mamejinja-sp {
    background-image: url(./../sp/img/bg-mamejinja.webp);
}

.bg-mamekingmail {
    background-image: url(./../img/bg-mamekingmail.webp);
}

.bg-contact {
    background-image: url(./../img/bg-contact.webp);
}

.bg-contact-en {
    background-image: url(./../en/img/bg-contact.webp);
}

.bg-contact-sp {
    background-image: url(./../sp/img/bg-contact.webp);
}

.bg-freemusic {
    background-image: url(./../img/bg-freemusic.webp);
}

.bg-freemusic-en{
    background-image: url(./../en/img/bg-freemusic.webp);
    background-position: bottom;
}

.bg-freemusic-sp{
    background-image: url(./../sp/img/bg-freemusic.webp);
    background-position: bottom;
}

.bg-search {
    background-image: url(./../img/bg-search.webp);
}

.bg-search-en {
    background-image: url(./../en/img/bg-search.webp);
}


.bg-search-sp {
    background-image: url(./../sp/img/bg-search.webp);
}

.bg-fix {
    background-image: url(./../img/bg-fix.webp);
}

.bg-rock {
    background: rgb(177, 81, 37);
    color: white;
}

.bg-err {
    background-image: url(./../img/bg-err.webp);
}

.bg-dance {
    background: purple;
    color: white;
}

.bg-piano {
    background: black;
    color: white;
}

.bg-orchestra {
    background: rgb(255, 187, 0);
    color: white;
}

.bg-acoustic {
    background: lightgreen;
    color: white;
}

.bg-fantasic {
    background: rgb(96, 96, 255);
    color: white;
}

.bg-soft {
    background: rgb(83, 223, 183);
    color: white;
}

.bg-healing {
    background: rgb(217, 143, 241);
    color: white;
}

.bg-hard {
    background: rgb(255, 53, 53);
    color: white;
}

.codoc-support-title {
    display: none;
}

.header {
    background: linear-gradient(90deg, #00c9d0 10%, #eda900 90%);
}

.header-en {
    background: linear-gradient(135deg, #5fbeff 10%, #062acc 90%);
    color: black !important;
}

.header-sp {
    background: #FF8100;
    color: #fff7ee !important;
}

.codoc-support {
    background: white !important;
}

.codoc-btn {
    border: none !important;
    border-radius: 10px !important;
    z-index: 1 !important;
    background: linear-gradient(0deg, #ff9300 10%, #ffc83d 90%) !important;
    color: white !important;
}

.codoc-btn:hover {
    background: rgb(255, 213, 213) !important;
    background: linear-gradient(0deg, #ff9300 10%, #ffc83d 90%) !important;
}

.codoc-btn::before {
    background: transparent !important;
    border: 0 !important;
}

.codoc-copyright {
    display: none;
}

.codoc-buy-wrap {
    margin: 0 !important;
}

.bg-btn {
    background: linear-gradient(0deg, #ff9300 10%, #ffc83d 90%);
}

.bg-btn-en {
    background: linear-gradient(180deg, #bd5fff 10%, #7530bc 90%);
}

.bg-btn-sp{
    background: linear-gradient(0deg, #ff5b7b 10%, #ffa8ab 90%);
}

.codoc-support {
    padding: 0 !important;
    margin: 0 !important;
    background: white;
}

.codoc-support .codoc-btn {
    height: fit-content !important;
    padding: 0 10px !important;
}

.top-img {
    transition: 1s all ease-in-out;
}

.show {
    z-index: 99;
}