@charset "UTF-8";
.m-pikabu-viewport {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  /*display: -moz-box;*/
  display: -ms-box;
  display: box;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.m-pikabu-sidebar {
  position: absolute;
	top:0;
  overflow: visible;
  display: block;
}

.m-pikabu-right {
  right: 0;
	width:70%;
  -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-right-visible .m-pikabu-right {
  -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-left {
	width:30%;
  -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);
}
@media only screen and (min-device-width: 768px) {
	.m-pikabu-left { display:none!important; }
	.m-pikabu-left-visible .m-pikabu-left { display:block!important; }
}
.m-pikabu-left-visible .m-pikabu-left {
  -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;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.m-pikabu-left-visible .m-pikabu-container {
}
.m-pikabu-right-visible .m-pikabu-container {
}

.m-pikabu-nav-close {cursor:pointer;}

.m-pikabu-container,
.m-pikabu-sidebar {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  transition: 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: 10000;
  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;
}

/* IE Fixes (not supported by 8 or 9) */
.ie8 .m-pikabu-sidebar,
.ie9 .m-pikabu-sidebar {display:none;}