@media all and (max-width: 600px) {@charset "UTF-8";
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .m-pikabu-viewport {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: box;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-box-orient: horizontal;
        box-orient: horizontal;
        overflow: hidden;
        -webkit-perspective: 1000;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .m-pikabu-sidebar {
        position: absolute;
        overflow: visible;
        display: block;
        width: 80%;
        width: calc(100% - 40px);
        background: #222;
    }
    .m-pikabu-sidebar.m-pikabu-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .m-pikabu-sidebar.m-pikabu-right {
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .m-pikabu-left-visible .m-pikabu-sidebar.m-pikabu-left,
    .m-pikabu-right-visible .m-pikabu-sidebar.m-pikabu-right {
        display: block;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .m-pikabu-container {
        width: 100%;
        -webkit-backface-visibility: hidden;
    }
    .m-pikabu-left-visible .m-pikabu-container.m-pikabu-left,
    .m-pikabu-right-visible .m-pikabu-container.m-pikabu-right {
        position: absolute
    }
    .m-pikabu-left-visible .m-pikabu-container {
        -webkit-transform: translate3d(80%, 0, 0);
        -moz-transform: translate3d(80%, 0, 0);
        -ms-transform: translate3d(80%, 0, 0);
        -o-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0);
        -webkit-transform: translate3d(calc(100% - 40px), 0, 0);
        -moz-transform: translate3d(calc(100% - 40px), 0, 0);
        -ms-transform: translate3d(calc(100% - 40px), 0, 0);
        -o-transform: translate3d(calc(100% - 40px), 0, 0);
        transform: translate3d(calc(100% - 40px), 0, 0);
    }
    .m-pikabu-right-visible .m-pikabu-container {
        -webkit-transform: translate3d(-80%, 0, 0);
        -moz-transform: translate3d(-80%, 0, 0);
        -ms-transform: translate3d(-80%, 0, 0);
        -o-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0);
        -webkit-transform: translate3d(calc(40px - 100%), 0, 0);
        -moz-transform: translate3d(calc(40px - 100%), 0, 0);
        -ms-transform: translate3d(calc(40px - 100%), 0, 0);
        -o-transform: translate3d(calc(40px - 100%), 0, 0);
        transform: translate3d(calc(40px - 100%), 0, 0);
    }
    .m-pikabu-container,
    .m-pikabu-sidebar {
        -webkit-transition: -webkit-transform 0.2s ease-in;
        -moz-transition: -webkit-transform 0.2s ease-in;
        -o-transition: -webkit-transform 0.2s ease-in;
        transition: -webkit-transform 0.2s ease-in;
    }
    .m-pikabu-overlay {
        display: none;
    }
    .m-pikabu-left-visible .m-pikabu-overlay,
    .m-pikabu-right-visible .m-pikabu-overlay {
        position: absolute;
        top: 0;
        z-index: 30;
        display: block;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }
    .m-pikabu-overflow-scrolling .m-pikabu-sidebar {
        overflow: auto;
    }
    .m-pikabu-overflow-touch {
        -webkit-overflow-scrolling: touch;
    }
}