.menuToggle{width:50px;height:55px;position:absolute;left:10px;top:0;cursor:pointer;overflow:hidden;z-index:100}.menuToggle:before,.menuToggle:after{content:"";display:block;width:17px;height:2px;background-color:#1e2323;position:absolute;transform:translate(-50%,-50%);transition:opacity .25s ease;left:50%}.menuToggle:before{top:40%}.menuToggle:after{top:60%}.menuToggle span{display:block;position:absolute;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.menuToggle span:before,.menuToggle span:after{content:"";display:block;width:17px;height:2px;background-color:#1e2323;position:absolute;left:50%;transform:translate(-50%);transition:transform .25s ease}.menuToggle.is-open:before,.menuToggle.is-open:after{opacity:0}.menuToggle.is-open span:before{transform:translate(-50%) rotate(45deg)}.menuToggle.is-open span:after{transform:translate(-50%) rotate(-45deg)}@media screen and (min-width:1080px){.menuToggle{display:none}}.nav_main nav{position:absolute;top:55px;left:0;height:calc(100vh - 55px);width:100%;z-index:99;background-color:var(--color-gray);transform:translate(-100%);transition:transform .75s cubic-bezier(.63,.1,.4,.92)}.nav_main nav.is-active{transform:translate(0)}@media screen and (min-width:768px){.nav_main nav{width:50%}}@media screen and (min-width:1080px){.nav_main{display:inline-block;vertical-align:middle}.nav_main nav{background-color:transparent;transform:translate(0);position:relative;top:0;width:auto;height:60px}}.nav_main .nav_container{position:absolute;-webkit-overflow-scrolling:touch;overflow:auto;width:100%;height:100%}@media screen and (min-width:1080px){.nav_main .nav_container{position:relative;overflow:visible}}.nav_main .nav_list{padding:0 25px;margin-bottom:40px}.nav_main .nav_list>ol{list-style:none;margin:0;padding:0}@media screen and (min-width:1080px){.nav_main .nav_list{display:inline-block;margin-bottom:0;margin-left:10px;padding:0 0 0 30px}.nav_main .nav_list>ol{display:flex;align-items:center}}@media screen and (min-width:1280px){.nav_main .nav_list{margin-left:20px}}@media screen and (min-width:1440px){.nav_main .nav_list{margin-left:40px}}.nav_main .nav_list>ol>li{position:relative;margin-top:20px}.nav_main .nav_list>ol>li>header-menu,.nav_main .nav_list>ol>li>header-menu>details{display:block}@media screen and (min-width:1080px){.nav_main .nav_list>ol>li{text-align:left;cursor:pointer;margin-bottom:0;margin-top:0;line-height:60px}.nav_main .nav_list>ol>li>header-menu,.nav_main .nav_list>ol>li>header-menu>details{display:block}.nav_main .nav_list>ol>li>header-menu>details{position:relative}.nav_main .nav_list>ol>li>header-menu>details[open]>.deviceNav,.nav_main .nav_list>ol>li>header-menu>details[open]>.cateNav{display:none}}@media screen and (min-width:1280px){.nav_main .nav_list>ol>li{padding-right:10px}}@media screen and (min-width:1440px){.nav_main .nav_list>ol>li{padding-right:20px}}.nav_main .nav_list>ol>li>header-menu>details>summary,.nav_main .nav_list>ol>li>a{font-size:1.1rem;display:block;text-decoration:none;color:var(--color-black);position:relative;cursor:pointer;list-style:none}.nav_main .nav_list>ol>li>header-menu>details>summary::-webkit-details-marker{display:none}.nav_main .nav_list>ol>li>a.no-sub{border-bottom:none}@media screen and (min-width:1080px){.nav_main .nav_list>ol>li>header-menu>details>summary,.nav_main .nav_list>ol>li>a{display:inline;font-size:.85rem;border-radius:2px;padding:10px}}.nav_main .nav_list>ol>li>header-menu>details>summary.category-title:before,.nav_main .nav_list>ol>li>header-menu>details>summary.category-title:after{content:"";display:block;width:9px;height:1px;position:absolute;background-color:var(--color-black-light);right:0;top:50%}.nav_main .nav_list>ol>li>header-menu>details>summary.category-title:after{transition:transform .45s ease;transform:rotate(90deg)}.nav_main .nav_list>ol>li>header-menu>details[open]>summary.category-title:after{transform:rotate(0)}@media screen and (min-width:1080px){.nav_main .nav_list>ol>li>header-menu>details>summary.category-title:before,.nav_main .nav_list>ol>li>header-menu>details>summary.category-title:after{display:none}}.deviceNav,.cateNav{display:none}.nav_main .nav_list>ol>li>header-menu>details[open]>.deviceNav,.nav_main .nav_list>ol>li>header-menu>details[open]>.cateNav{display:block}@media screen and (min-width:1080px){.nav_main .nav_list>ol>li>header-menu>details[open]>.deviceNav,.nav_main .nav_list>ol>li>header-menu>details[open]>.cateNav{display:none}.nav_main .nav_list>ol>li:hover>header-menu>details>summary,.nav_main .nav_list>ol>li:hover>a{background-color:var(--color-black);color:var(--color-white)}.nav_main .nav_list>ol>li:not(.no-sub):hover:after{content:"";position:absolute;left:35%;transform:translate(-50%);top:44px;display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-white);z-index:101}.nav_main .nav_list>ol>li:hover>header-menu>details[open]>.cateNav{display:block;position:absolute;background-color:var(--color-white);min-width:100px;top:50px;left:0;z-index:100;box-shadow:0 10px 10px #0003}.nav_main .nav_list>ol>li:hover>header-menu>details[open]>.deviceNav{display:grid;grid-template-columns:2fr repeat(4,minmax(0px,1fr));position:absolute;background-color:var(--color-white);width:1040px;top:50px;left:-30px;gap:.5rem;z-index:100;box-shadow:0 10px 10px #0003}}@media screen and (min-width:1440px){.nav_main .nav_list>ol>li:hover .cateNav,.nav_main .nav_list>ol>li:hover .deviceNav{top:50px}}.cateNav>ul{list-style:none;margin:0;padding:10px 0}.cateNav>ul>li{line-height:40px}.cateNav>ul>li a,.cateNav>ul>li span{display:block;position:relative;color:var(--color-black);text-decoration:none;padding-left:15px}@media screen and (min-width:1080px){.cateNav{border:1px solid var(--color-gray)}.cateNav>ul>li .nav-title{text-align:center;position:relative}.cateNav>ul>li:hover{background-color:var(--color-black)}.cateNav>ul>li:hover span{color:var(--color-white);background-color:var(--color-black)}.cateNav>ul>li:hover .nav-title>a{color:var(--color-white)}.cateNav>ul>li:hover .secondNav{display:block}.cateNav>ul>li a,.cateNav>ul>li span{padding-left:0;font-size:.85rem;border-bottom:1px solid var(--color-gray)}.cateNav>ul>li:last-child span{border-bottom:none}.cateNav>ul>li:last-child a{border-bottom:none}}.cateNav>ul>li span.js-subNav{padding-left:15px;cursor:pointer}.cateNav>ul>li span.js-subNav:before,.cateNav>ul>li span.js-subNav:after{content:"";display:block;width:9px;height:1px;position:absolute;background-color:var(--color-black-light);right:0;top:50%}.cateNav>ul>li span.js-subNav:after{transition:transform .45s ease;transform:rotate(90deg)}.cateNav>ul>li span.js-subNav.is-active:after{transform:rotate(0)}.cateNav>ul>li span.js-subNav.is-active~.secondNav{display:block}@media screen and (min-width:1080px){.cateNav>ul>li span.js-subNav{padding-left:0}.cateNav>ul>li span.js-subNav:before,.cateNav>ul>li span.js-subNav:after{display:none}.cateNav>ul>li span.js-subNav.is-active~.secondNav{display:none}}.secondNav{display:none}.secondNav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:.5rem;width:100%;max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch}.secondNav ul li{padding:10px;background-color:var(--color-white)}.secondNav ul li:hover{background-color:var(--color-gray);border-radius:2px}.secondNav ul li a{border-bottom:none;padding-left:0}.secondNav .cover{margin-bottom:10px}.secondNav .cover img{width:100%;height:auto;display:block}.secondNav .nav-title p{font-size:.85rem;margin:0;padding:0;text-align:center;line-height:20px}@media screen and (min-width:1080px){.secondNav{position:absolute;top:0;left:100%;width:780px;overflow:visible;background-color:var(--color-white);border:1px solid var(--color-gray);box-shadow:0 2px 5px #0000001a}.secondNav ul{grid-template-columns:repeat(6,minmax(0px,1fr));gap:1rem;max-height:none;padding:10px}}.deviceNav .subNav_cate b{display:block;padding:5px 0 5px 15px;margin:10px 0;position:relative;font-weight:400;cursor:pointer}.deviceNav .subNav_cate b~div{display:none}.deviceNav .subNav_cate b.is-active~div{display:block}.deviceNav .subNav_cate b:before,.deviceNav .subNav_cate b:after{content:"";display:block;width:9px;height:1px;position:absolute;background-color:var(--color-black-light);right:0;top:50%}.deviceNav .subNav_cate b:after{transition:transform .45s ease;transform:rotate(90deg)}.deviceNav .subNav_cate b.is-active:after{transform:rotate(0)}.deviceNav .subNav_cate ul{list-style:none;margin:0;padding:0}.deviceNav .subNav_cate a{display:block;line-height:50px;color:var(--color-black);text-decoration:none;padding-left:30px}@media screen and (min-width:1080px){.deviceNav{padding:10px 20px;border:1px solid var(--color-gray)}.deviceNav .subNav_cate:first-child ul{columns:2}.deviceNav .subNav_cate b{background-color:transparent;font-size:1rem;text-transform:uppercase;border-bottom:1px solid var(--color-gray);margin-bottom:10px;line-height:36px;padding-left:0;cursor:default}.deviceNav .subNav_cate b:before,.deviceNav .subNav_cate b:after{display:none}.deviceNav .subNav_cate b~div{display:block}.deviceNav .subNav_cate li{font-size:.75rem;line-height:24px}.deviceNav .subNav_cate a{line-height:24px;font-size:.85rem;padding-left:0}.deviceNav .subNav_cate a:hover{color:#999}}.nav_social{text-align:center;display:none}@media screen and (min-width:1080px){.nav_social{display:inline-block;vertical-align:middle}}.nav_social:before{content:"";display:inline-block;width:1px;height:20px;background-color:#373332;margin-right:20px;vertical-align:middle}.nav_social a{display:inline-block;width:40px;height:40px;margin:0 10px;vertical-align:middle}@media screen and (min-width:1080px){.nav_social a{width:30px;height:30px;margin:0}}details summary{list-style:none}details summary::-webkit-details-marker{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/overdigi-menu.css.map */