.side-nav-v442{position:relative;z-index:110}.side-nav-v442__wrapper{position:fixed;z-index:100;top:0;left:0;width:80vw;height:100lvh;pointer-events:none}.side-nav-v442__button{position:absolute;top:0;left:0;width:10.6666666667vw;aspect-ratio:80/80;background:#2b2b2b;margin-top:5.3333333333vw;transform:translateX(0);transition:transform .3s ease;pointer-events:all}.side-nav-v442__button span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4.8vw;aspect-ratio:36/5;background:#fff}.side-nav-v442__button::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, 0%) rotateZ(0deg);width:4.8vw;aspect-ratio:36/5;background:#fff;margin-top:3.2vw}.side-nav-v442__button::after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%, 0%) rotateZ(0deg);width:4.8vw;aspect-ratio:36/5;background:#fff;margin-bottom:3.2vw}.side-nav-v442 .toggle-checkbox{display:none}.side-nav-v442 .toggle-label{position:relative;z-index:5}.side-nav-v442__inner{position:relative;z-index:1;width:80vw;height:100lvh;transition:transform .3s ease}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button{transform:translateX(0);transition:transform .3s ease 0s}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button span{width:4.8vw;aspect-ratio:36/5}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button::before{top:0;transform:translate(-50%, 0%) rotateZ(0deg)}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button::after{top:auto;bottom:0;transform:translate(-50%, 0%) rotateZ(0deg)}.side-nav-v442 .toggle-checkbox~.side-nav-v442__inner{transform:translateX(-100%);transition:transform .3s ease 0s}.side-nav-v442 .toggle-checkbox~.side-nav-v442__inner .side-nav-v442__background{opacity:0;transition:opacity .3s ease 0s}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button{transform:translateX(80vw);transition:transform .3s ease 0s}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button span{width:0vw;aspect-ratio:0/0}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button::before{top:50%;transform:translate(-50%, -50%) rotateZ(45deg);margin-top:0}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button::after{bottom:auto;top:50%;transform:translate(-50%, -50%) rotateZ(-45deg);margin-bottom:0}.side-nav-v442 .toggle-checkbox:checked~.side-nav-v442__inner{transform:translateX(0%);transition:transform .3s ease 0s}.side-nav-v442 .toggle-checkbox:checked~.side-nav-v442__inner .side-nav-v442__background{opacity:1;pointer-events:all;transition:opacity .3s ease 0s}.side-nav-v442__list{position:relative;z-index:5;width:100%;height:100lvh;background-color:#2b2b2b;pointer-events:all}.side-nav-v442__item{position:relative;width:80vw;aspect-ratio:600/218;border-bottom:dotted 2px #404040}.side-nav-v442__item>a{display:flex;justify-content:flex-start;align-items:center;color:#fff;font-weight:500;font-size:4.2666666667vw;height:100%;line-height:1.2em;text-align:left;padding-left:13.3333333333vw}.side-nav-v442__item>a>span{display:block;opacity:.3}.side-nav-v442__item>a::before{content:"";display:block;width:15.4666666667vw;aspect-ratio:116/116;margin-right:4.8vw;border:solid 2px #36353e}.side-nav-v442__item>a:hover{display:flex;background:#373737}.side-nav-v442__item>a:hover>span{opacity:1}.side-nav-v442__item.is-active>a{background-color:#373737;pointer-events:none}.side-nav-v442__item.is-active>a>span{opacity:1}.side-nav-v442__item--maplestory a{padding-left:0}.side-nav-v442__item--maplestory a::before{width:41.6vw;aspect-ratio:312/146;margin:0 auto;border:none;background:url(https://static.nexon.co.jp/maplestory/ver2021/campaign/common/nav_btn_logo_light.webp) no-repeat 0 0/100% auto}.side-nav-v442__item--maplestory a span{display:none}.side-nav-v442__item--updateoverview a::before{background:url(https://static.nexon.co.jp/maplestory/ver2021/campaign/v442/nav_260522_dmke/side-nav-v442-updateoverview.webp) no-repeat 0 0/100% auto}.side-nav-v442__item--malitia a::before{background:url(https://static.nexon.co.jp/maplestory/ver2021/campaign/v442/nav_260522_dmke/side-nav-v442-malitia.webp) no-repeat 0 0/100% auto}.side-nav-v442__item--oshihakken a::before{background:url(https://static.nexon.co.jp/maplestory/ver2021/campaign/v442/nav_260522_dmke/side-nav-v442-oshihakken.webp) no-repeat 0 0/100% auto}.side-nav-v442__background{position:absolute;z-index:1;top:0;left:0;display:block;width:100vw;height:100lvh;background-color:rgba(0,0,0,.9);opacity:0}@media(width >= 1025px){.side-nav-v442__wrapper{width:220px}.side-nav-v442__button{width:44px;height:44px;margin-top:135px}.side-nav-v442__button span{width:16px;height:2px}.side-nav-v442__button::before{width:16px;height:2px;margin-top:14px}.side-nav-v442__button::after{width:16px;height:2px;margin-bottom:14px}.side-nav-v442__inner{width:220px}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button{transform:translateX(220px)}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button span{width:0;height:0}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button::before{top:50%;transform:translate(-50%, -50%) rotateZ(45deg);margin-top:0}.side-nav-v442 .toggle-checkbox+.toggle-label .side-nav-v442__button::after{bottom:auto;top:50%;transform:translate(-50%, -50%) rotateZ(-45deg);margin-bottom:0}.side-nav-v442 .toggle-checkbox~.side-nav-v442__inner{transform:translateX(0%)}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button{transform:translateX(0)}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button span{width:16px;height:2px}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button::before{top:0;transform:translate(-50%, 0%) rotateZ(0deg);width:16px;height:2px;margin-top:14px}.side-nav-v442 .toggle-checkbox:checked+.toggle-label .side-nav-v442__button::after{top:auto;bottom:0;transform:translate(-50%, 0%) rotateZ(0deg);width:16px;height:2px;margin-bottom:14px}.side-nav-v442 .toggle-checkbox:checked~.side-nav-v442__inner{transform:translateX(-220px)}.side-nav-v442__item{width:220px;height:100px}.side-nav-v442__item>a{font-size:14px;padding-left:20px}.side-nav-v442__item>a::before{width:46px;height:46px;margin-right:10px}.side-nav-v442__item--maplestory{height:140px}.side-nav-v442__item--maplestory a{padding:35px 0 0 0}.side-nav-v442__item--maplestory a::before{width:132px;height:62px;margin:0 auto}.side-nav-v442__background{display:none}}