#megaMenuButton{display:block;width:44px;height:44px;padding:6px 12px;border:none;background:none;position:relative;z-index:99998;cursor:pointer}@media (min-width:981px){#megaMenuButton{display:none}}#megaMenuButton span{display:block;height:2px;width:100%;background:#fff;margin:6px 0;transition:background-color 0.3s,transform 0.3s,height 0.3s,margin 0.3s}#megaMenuButton:hover span{animation:megaButton 0.6s 1}#megaMenuButton:hover span:nth-child(2){animation-delay:0.2s}#megaMenuButton:hover span:nth-child(3){animation-delay:0.4s}.menu-opened #megaMenuButton span{animation:none;margin:0}.menu-opened #megaMenuButton span:nth-child(1){animation:megaButtonRotate1 0.3s 1 forwards;animation-delay:0.3s}.menu-opened #megaMenuButton span:nth-child(2){height:0}.menu-opened #megaMenuButton span:nth-child(3){animation:megaButtonRotate2 0.3s 1 forwards;animation-delay:0.3s}@keyframes megaButton{0%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes megaButtonRotate1{0%{transform:rotate(0) translateY(0)}100%{transform:rotate(45deg) translateY(1px)}}@keyframes megaButtonRotate2{0%{transform:rotate(0) translateY(0)}100%{transform:rotate(-45deg) translateY(-2px)}}#megaMenu{width:100%;height:100%;background:#000;padding-top:calc(var(--h-header, 0px) + var(--wp-admin--admin-bar--height, 0px));position:fixed;top:0;left:0;z-index:900;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 0.6s}.menu-opened #megaMenu{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}#megaMenu>.container{display:grid;grid-template-rows:1fr auto;width:100%;height:100%;color:#fff;position:relative;overflow:hidden}#megaGnb{font-size:clamp(1.25rem, 1.66vw, 2rem);line-height:1;height:100%;position:relative;overflow:hidden}#megaGnb::-webkit-scrollbar{display:none}#megaGnb .gnb__list{height:100%;overflow:auto;transition:transform 600ms}#megaGnb .gnb__item img{display:none}#megaGnb .gnb__item a,#megaGnb .gnb__item button{display:flex;align-items:center;width:100%;height:48px;padding:8px max(20px, 5%);background:none;border:none;text-align:left;line-height:1.2;color:inherit;font-size:clamp(0.875rem, 1.25vw, 1.5rem);font-weight:500;cursor:pointer;position:relative;transition-property:background,transform;transition-duration:600ms}#megaGnb .gnb__item>a:hover,#megaGnb .gnb__item>button:hover{background-color:rgb(255 255 255 / .16)}#megaGnb .gnb__list:has(>.active)>.gnb__item>a,#megaGnb .gnb__list:has(>.active)>.gnb__item>button{transform:translateX(-100%)}#megaGnb li.has-child>a:after,#megaGnb li.has-child>button:after{content:'';display:block;width:.5em;height:.5em;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:50%;right:max(20px, 5%);transform:rotate(45deg) translate(-50%,-50%)}#megaGnb>ul>.gnb__item>a,#megaGnb>ul>.gnb__item>button,#megaGnb .gnb__item .gnb__back{border-bottom:1px solid rgb(228 228 228 / .5)}#megaGnb .gnb__item .gnb__back{padding-left:calc(20px + max(20px, 5%));opacity:.5;position:relative}#megaGnb .gnb__back:before{content:'';display:block;width:.5em;height:.5em;border:solid #fff;border-width:0 0 2px 2px;position:absolute;top:50%;left:max(20px, 5%);transform:rotate(45deg) translate(-50%,-48%)}#megaGnb .gnb__sub{width:100%;height:100%;background-color:#000;position:absolute;left:100%;top:0;transition-property:left,visibility,opacity;transition-duration:600ms;visibility:hidden;opacity:0;z-index:1}#megaGnb .active>.gnb__sub{left:0;visibility:visible;opacity:1}#megaMenu .megaMenu__bottom{padding:24px 20px;border-top:1px solid rgb(228 228 228 / .5)}#megaMenu .megaMenu__bottom a{color:#fff}#megaMenu .menu-sns{display:flex;flex-wrap:wrap;margin:0 -8px;position:relative}#megaMenu .menu-sns li{text-align:center}#megaMenu .menu-sns li a{display:block;line-height:1.4;padding:4px 8px;opacity:.8;font-size:1rem;transition:opacity 300ms}#megaMenu .menu-sns li a:hover{opacity:1}#megaMenu .menu-sns .title{text-align:left;font-weight:700;padding-right:12px;position:relative}#megaMenu .menu-sns .title:after{content:'';display:block;height:12px;border-left:1px solid #fff;position:absolute;top:calc(50% - 6px);right:6px}#megaMenu .menu-sns .title a{pointer-events:none;opacity:1}#megaMenu .menu{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}#megaMenu .menu li a{display:block;line-height:1;padding:6px 16px;border:1px solid #fff;border-radius:4em;font-size:.875rem;transition-property:background,color;transition-duration:300ms}#megaMenu .menu li a:hover{background-color:#fff;color:#000}@media all and (min-width:461px){#megaMenu .menu-sns .title:after{}}