/*
Mobile & Tablet Header
*/
#header-mobile__wrapper {
    height: 73px;
    background-color: var(--bgcolor);
}
#header-mobile__logo {
    padding: 37px 13px 19px;
    background-color: var(--white);
    display: inline-block;
    line-height: 1;
}
    .header-mobile__scrolled-mobile-logo-link,
    .header-mobile__tablet-logo-link {
        display: none;
    }
#mobile-tablet__menu {
    background-color: var(--bgcolor);
    position: fixed;
    z-index: 1023;
    right: 0;
    left: 0;
}
    #mobile-tablet__menu.collapsing {
        transition-duration: 0s!important;
    }
    /* #mobile-tablet__menu nav {
        margin-bottom: 88px;
    } */
    #mobile-tablet__menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
        #mobile-tablet__menu ul li {
            margin-bottom: 36px;
        }
        #mobile-tablet__menu ul li:last-child {
            margin-bottom: 0;
        }
    #mobile-tablet__menu ul li a {
        font-family: NotoSansCJKjp;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.8px;
        color: var(--muddy-green);
    }
.header-scrolled {
    background-color: var(--white)!important;
    height: 56px!important;
}
    .header-scrolled #header-mobile__logo {
        padding: 16px 0 0;
    }
    .header-scrolled .animated-toggler-icon span {
        background-color: var(--pale-olive);
    }
    .header-scrolled .header-mobile__scrolled-mobile-logo-link {
        display: inline-block;
    }
        .header-scrolled .header-mobile__scrolled-mobile-logo-link img {
            max-width: 100%!important;
        }
    .header-scrolled #header-mobile__logo > img {
        display: none;
    }
    .header-scrolled #header-mobile__toggler {
        margin-top: 18px;
    }

#header-mobile__toggler {
    margin-top: 28px;
    margin-right: 9px;
}
.animated-toggler-icon {
    width: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-toggler-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-toggler-icon span {
    background-color: var(--white);
}

.animated-toggler-icon span:nth-child(2), .animated-toggler-icon span:nth-child(3) {
    top: 9px;
}

.animated-toggler-icon span:nth-child(4) {
    top: 18px;
}

.animated-toggler-icon.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.animated-toggler-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-toggler-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-toggler-icon.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}

/*
Desktop Header
*/
#first-block__desktop-logo-menu__wrapper {
    position: fixed;
    top: 0;
    z-index: 1999;
    padding-left: 15px;
}
#first-block__desktop-logo {
    background-color: var(--white);
}
#first-block__desktop-menu {
    background-color: var(--white);
    margin-top: 28px;
    padding-top: 46px;
    padding-bottom: 28px;
}
    #first-block__desktop-menu__ul {
        list-style-type: none;
    }
    #first-block__desktop-menu__ul a img::selection,
    #first-block__desktop-menu__ul a span::selection {
        background-color: transparent;
    }
    #first-block__desktop-menu__ul .list-group-item {
        padding: 0 0 20px;
        border: none;
        background-color: transparent;
        line-height: 1;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        position: relative;
    }
        #first-block__desktop-menu__ul li:last-child .list-group-item {
            padding-bottom: 0;
        }
    #first-block__desktop-menu ul li a .menu-icon {
        display: none;
        left: 15%;
        position: absolute;
    }
        #first-block__desktop-menu ul li a.active .menu-icon {
            display: inline-block;
        }
        #first-block__desktop-menu ul li a .menu-icon img {
            width: 85%;
        }
    #first-block__desktop-menu ul li a .text__menu {
        font-family: HiraginoSans-W6;
        font-size: 15px;
        line-height: 1;
        letter-spacing: -0.07px;
        color: var(--black);
        display: block;
    }
    #first-block__desktop-menu ul li a .text__menu.japanese {
        font-family: HiraginoSans-W3;
        font-size: 12px;
        margin-top: 4px;
        background: linear-gradient(transparent 55%, var(--brownish-orange60) 55%);
        background-repeat: no-repeat;
        background-size: 0% 93%;
        transition: background-size .3s ease;
        padding-bottom: 3px;
    }
    #first-block__desktop-menu ul li a:hover {
        text-decoration: none;
    }
    #first-block__desktop-menu ul li a:hover .menu-icon {
        display: inline-block;
    }
    #first-block__desktop-menu ul li a:hover .text__menu.japanese,
    #first-block__desktop-menu ul li a.active .text__menu.japanese {
        background-size: 100% 93%;
    }
    #first-block__desktop-menu ul li a .text__menu.no-active-line {
        background-size: 0 93%;
    }

#first-block__desktop-menu__social {
    margin-top: 50px;
}
    #first-block__desktop-menu__social a:last-child {
        margin-left: 10px;
    }