#viewport .mobile{display:block}#viewport .pc{display:none}#viewport #toggle_left{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;padding:0;border:0;background-color:transparent;font-size:0}#viewport #toggle_left>span{position:relative;display:inline-block;width:20px;height:2px;background-color:#333;transition:.2s background-color}#viewport #toggle_left>span:before{position:absolute;top:-6px;left:0;content:'';display:inline-block;width:100%;height:2px;background-color:#333;transition:.2s top,.2s transform}#viewport #toggle_left>span:after{position:absolute;bottom:-6px;left:0;content:'';display:inline-block;width:100%;height:2px;background-color:#333;transition:.2s top,.2s transform}#viewport #toggle_left.on>span{background-color:transparent}#viewport #toggle_left.on>span:before{top:0;transform:rotate(45deg)}#viewport #toggle_left.on>span:after{bottom:0;transform:rotate(-45deg)}#viewport #toggle_right{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;padding:0;border:0;background-color:transparent;font-size:0}#viewport #toggle_right:before{content:'\e602';font-family:'icomoon_header';color:#333;font-size:18px;font-weight:normal;transition:color .2s ease-out}#viewport #left_side{z-index:500;position:fixed;top:0;left:-220px;width:220px;height:100%;padding-top:50px;box-sizing:border-box;background-color:#fff;opacity:0;visibility:hidden;transition:.2s all}#viewport.left-open #left_side{left:0;opacity:1;visibility:visible}#viewport #right_side{z-index:500;position:fixed;top:0;right:-220px;width:220px;height:100%;padding-top:50px;box-sizing:border-box;background-color:#fff;opacity:0;visibility:hidden;transition:.2s all}#viewport.right-open #right_side{right:0;opacity:1;visibility:visible}#viewport #close_side{z-index:100;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;padding:0;opacity:0;visibility:hidden;transition:.2s all}#viewport.left-open #close_side{opacity:1;visibility:visible}#viewport.right-open #close_side{opacity:1;visibility:visible}