.header{display:flex;align-items:center;box-sizing:border-box;padding:10px 20px!important;background:#ffffff80;position:relative;width:100%;border-bottom:none}.header img{background:#0000}.left{width:90px;height:20px;position:relative;z-index:99999999;cursor:pointer}.left .middle{width:30px;background:#111;height:2px;display:block;position:absolute;top:45%;left:0}.left .top,.left .under{content:"";display:block;width:30px;height:2px;background:#111}.left .top{position:absolute;top:0;left:0}.left .under{position:absolute;bottom:0;left:0}.top-open{transform:translateY(-5px) rotate(45deg);transform-origin:left bottom;width:40px!important;transition:.5s}.under-open{transform:translateY(5px) rotate(-45deg);transform-origin:left top;width:40px!important;transition:.5s}.middle-open{opacity:0}.header .btn{width:150px}.header .btn img{width:100%}.header .logo{width:145px}.header .logo img{width:100%}.header .insta{width:150px;padding-left:20px}.header .insta img{width:25%!important;margin-left:auto;margin-right:auto}.center{width:100%;max-width:850px;margin-left:auto;margin-right:auto}.center ul{display:flex;list-style:none;justify-content:space-around;width:100%;align-items:center}.center ul li{background:#0000}.center ul li:hover{background:none!important;opacity:.5}.fix{position:fixed!important;top:0}.bar{width:100%;background-color:#111;color:#fff;text-align:center;padding:10px 0}.right{display:flex;align-items:center;justify-content:flex-end;width:90px}.pc{display:none}nav{position:absolute;width:100%;max-width:400px;top:0;left:-100%;height:100vh;z-index:2;transition:.5s;background:#fff}.nav{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:100px 30px}.open{left:0}.nav li{margin:10px 0;background:#0000}.nav li:hover{background:none!important;opacity:.7}.nav .btn{width:200px;text-align:center}@media screen and (min-width: 950px){.pc{display:block!important}}@media screen and (min-width: 768px){.logo{width:200px}.nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;padding:100px 10px 100px 30px}.nav .btn{width:200px;text-align:left}.top-open{transform:translateY(-5px) rotate(45deg);transform-origin:left bottom;width:39px!important;transition:.5s}.under-open{transform:translateY(5px) rotate(-45deg);transform-origin:left top;width:39px!important;transition:.5s}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/header.css.map */