html{margin-top: 0 !important;}
#wpadminbar{display: none !important;}

#header{position: fixed; top:0; left: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 1px solid var(--color-neutral-2); transition: transform 0.4s;}
#header.hide { transform: translate(0,-100%) !important; } 

@media all and (max-width:660px) {
    #header{box-shadow: none;}
}

.header-top-banner { text-align: center; font-size: 13rem; background: #333; color: #fff; } 
.header-top-banner .swiper { } 
.header-top-banner .swiper .swiper-wrapper .swiper-slide { display: flex; align-items: center; justify-content: center; line-height: 1.4; padding: 0 40rem; } 
.header-top-banner .swiper .swiper-wrapper .swiper-slide .close { position: absolute; top:50%; right: 10rem; transform: translate(0,-50%); cursor: pointer; line-height: 1; } 
.header-top-banner .swiper .swiper-wrapper .swiper-slide .close svg { width: 16rem; opacity: 0.5; } 

.header-inner{}
.header-inner > div{position: relative;display: flex;align-items: center;justify-content: flex-end;gap: 45rem;}
.header-logo{position: absolute; top:50%; left: 0; transform: translateY(-50%);}
.header-logo img{height: 65rem;}
.header-menu{display: inline-block;}
.header-menu > div{display: inline-block;}
#header .menu-items{font-size: 0;display: flex;align-items: center;gap: 45rem;}
#header .menu-items > li{display: inline-block;position: relative;}
#header .menu-items > li > a{display: flex;align-items: center;justify-content: center;height: 100rem;font-weight: 500;font-size: 18rem;position: relative;}
/* #header .menu-items > li > a::after{content: '';width: 100%;height: 2rem;background: var(--color-primary);position: absolute;bottom: -1rem;left: 0;opacity: 0;transition: opacity 0.3s;} */
#header .menu-items > li:hover > a::after{opacity: 1;}
/* #header .menu-items > li > a span{position: relative;}
#header .menu-items > li.current-menu-item > a span::after,
#header .menu-items > li.current_page_ancestor > a span::after{content: '';width: 100%;height: 2rem;background: var(--color-primary);position: absolute;bottom: -1rem;left: 0;}
#header .menu-items > li.current-menu-item > a span,
#header .menu-items > li.current_page_ancestor > a span{color: var(--color-primary);} */

#header .menu-items > li > ul{display: none !important;position: absolute;min-width: 150rem;z-index: 10;top:calc(100%);left: 50%;transform: translateX(-50%);padding: 12rem 0 28rem;}
#header .menu-items > li > ul > li{font-size: 16rem;font-weight: 300;width: auto;text-align: center;}
#header .menu-items > li > ul > li.current-menu-item{color: var(--color-primary);}
#header .menu-items > li > ul > li > a{padding: 10rem 12rem;display: block;white-space: nowrap;color: var(--color-neutral-5);transition: color 0.3s;}
#header .menu-items > li > ul > li > a:hover{color: var(--color-primary);}
#header .menu-items > li > ul > li > ul{display: none;}



.menu-additional{display: inline-block;}
.menu-additional > ul{font-size: 0;}
.menu-additional > ul > li{display: inline-block;}
.menu-additional > ul > li > a{display: block;padding: 30rem 50rem;font-weight: 400;font-size: 18rem;}
.menu-additional > ul > li > a img{width: 20rem;}

.header-member{position: absolute; top:50%; right: 0; transform: translateY(-50%);}
.header-member > ul{font-size: 0;}
.header-member > ul > li{display: inline-block;margin-left: 18rem;}
.header-member > ul > li:first-child{margin-left: 0;}
.header-member > ul > li > a{display: block;font-weight: 600;font-size: 18rem;}

.wide-sub-menu[data-style="1"]{}
.wide-sub-menu[data-style="1"] > div{text-align: right;}
.wide-sub-menu[data-style="1"] > div > ul{display: inline-block;padding: 0 50rem;}
.wide-sub-menu[data-style="1"] > div > ul > li{}

.wide-sub-menu[data-style="2"]{display: none;}

.icon-button{display: flex;align-items: center;justify-content: center;gap: 10rem;}
.icon-button li{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.mo-icon-button{display: none;}

@media all and (max-width:1340px) {
    .header-logo{left: 20rem;}
    .header-member{right: 20rem;}
}

@media all and (max-width:1152px) {
    #header .menu-items > li > a{font-size: 16rem;padding: 20rem 40rem;}
    #header .menu-items > li > ul{padding: 12rem 0 38rem;}
    #header .menu-items > li > ul > li{font-size: 14rem;}
}

@media all and (max-width:1023px) {
    #header .menu-items > li > a{font-size: 16rem;padding: 20rem 30rem;}
    .header-inner > div{min-height: 70rem;justify-content: space-between;}
    .header-logo{position: static;transform: none;}
    .header-logo img{height: 45rem;}
    .header-menu{display: none;}
    .mo-icon-button{display: flex;}
}

@media all and (max-width:767px) {

}


#aside{position: fixed;top: 0;right: -100%;width: 100%;max-width: 760rem;height: 100vh;z-index: 101;background: #fff;transition: right 0.6s ease;padding: 0 16rem;}
#aside.active{right: 0 !important;}

.aside-header{display: flex;align-items: center;justify-content: space-between;padding: 12rem 0 23rem;}
.aside-header > img{height: 45rem;}
.aside-header .close{font-size: 0;}
.aside-header .close svg{width: 20rem;}

.aside-body{height: 100%;overflow-y: auto;padding-bottom: 20rem;}

#aside .menu-items{}
#aside .menu-items > li{border-bottom: 1px solid var(--color-neutral-2);position: relative;}
#aside .menu-items > li > a{font-size: 16rem;padding: 0 10rem;display: flex;align-items: center; height: 54rem;transition: 0.3s;}
#aside .menu-items > li.open > a{color: var(--color-sub-1);font-weight: 600;}
#aside .menu-items > li > ul{color: var(--color-neutral-6);display: none;padding: 10rem 0;border-top: 1px solid var(--color-neutral-2);}
#aside .menu-items > li > ul > li{}
#aside .menu-items > li > ul > li > a{font-size: 14rem;padding: 10rem 20rem;display: block;}
#aside .menu-items > li > span{position: absolute;top:0;right: 0;width: 36rem;height: 54rem;display: flex;align-items: center;justify-content: center;}
#aside .menu-items > li > span svg{width: 16px;height: 16px;}
#aside .menu-items > li.open > span{transform: rotate(180deg);}