@charset "UTF-8";header{width:100%;position:fixed;z-index:4;background:#fff;-webkit-transition:.3s ease;transition:.3s ease}header .menuarea{max-width:1440px;width:86%;margin:55px auto 56px;position:relative;font-size:15px;-webkit-transition:.3s ease;transition:.3s ease}header .menuarea.fixed{margin:25px auto 26px}header.under .menuarea,header.under .menuarea.fixed{margin:25px auto 26px}header .menuarea h1 img{vertical-align:middle;margin-right:15px}header .menuarea h1 img:first-child{height:35px}header .menuarea .right{line-height:1.5;margin-top:5px}header .menuarea .right .sns{display:inline-block;margin-right:16px}header .menuarea .right .sns li:first-child{margin-right:7px}header .menuarea .right .cart{display:inline-block}header .menuarea .right .togle{display:none}header .menuarea .menu{position:absolute;left:50%;transform:translate(-50%);line-height:2.2;font-size:16px}header .menuarea .menu li{margin:0 15px;position:relative;display:inline-block}header .menuarea .menu li:before,header .menuarea .menu li:after{position:absolute;top:1.8em;content:"";display:inline-block;width:0;height:1px;background:#979797;-webkit-transition:.3s ease;transition:.3s ease}header .menuarea .menu li:before{left:50%}header .menuarea .menu li:after{right:50%}header .menuarea .menu li:hover:before,header .menuarea .menu li:hover:after{width:50%}@media screen and (max-width:768px){header .menuarea .menu,header .menuarea .right .sns{display:none}header .menuarea h1 img:first-child{margin-right:5px;height:26px}header .menuarea h1 img:nth-child(2){height:24px}header .menuarea{width:89%;margin:12px auto 16px;font-size:15px}header .menuarea.fixed,header.under .menuarea,header.under .menuarea.fixed{margin:12px auto 17px}header .menuarea .right{margin-top:4px}header .menuarea .right .cart{margin-right:11px}header .toggle{display:inline-block;position:relative;width:20px;height:16px;vertical-align:middle}header .toggle span{width:20px;height:1px;margin-top:7px;display:block;background:#4a4a4a;position:absolute;-webkit-transition:.3s ease;transition:.3s ease}header .toggle span.top{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}header .toggle span.bottom{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}header .toggle.active span.top{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header .toggle.active span:nth-of-type(2){opacity:0}header .toggle.active span.bottom{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media screen and (min-width:769px){#overlay{display:none!important}}@media screen and (max-width:768px){header.collection-header{z-index:1}#overlay{display:none;width:100%;height:100%;background:#fff;position:fixed;z-index:3}#overlay .togglemenu{width:100%;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);font-size:18px;letter-spacing:1.6px;line-height:3}#overlay .togglemenu li{margin:0 5px;display:block}#overlay .togglefooter{position:absolute;bottom:20px;text-align:center;width:100%}#overlay .togglefooter .toggle_submenu{font-size:12px;line-height:2.5;width:86%;margin:0 auto 5px;word-break:keep-all}#overlay .togglefooter .toggle_submenu li{margin:0 7px}#overlay .togglefooter .togglesns{margin-bottom:10px;font-size:16px}#overlay .togglefooter .togglesns li{margin:0 3px}#overlay .togglefooter p{font-size:10px}}@media screen and (max-width:736px){#overlay .togglemenu li{display:inline-block}}@media screen and (max-width:450px){#overlay .togglemenu{-webkit-transform:translateY(-67%);transform:translateY(-67%)}#overlay .togglemenu li{display:block}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/header.css.map?time=2012161747 */
