html, body { margin: 0; padding: 0; }
img { border: 0; }
img, .stage { width: 160px; height: 600px; }
div { top: 0; bottom: 0; left: 0; right: 0; }

.cover { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
.cover * { position: absolute; }

.click { opacity: 0; transform: matrix(1, 0, 0, 1, 0, 10); }

.stage { background: #F8FDFF; overflow: hidden; }
.stage:before { content: ''; border: 1px solid rgba(0, 0, 0, 0.02); z-index: 9; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.print, .print * { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.print { overflow: hidden; opacity: 0; }

.group { display: none; }
.group_01 { display: block; }
.group .print img { transform: matrix(1, 0, 0, 1, 0, 5); }

.image { bottom: 600px; overflow: hidden; }
.inner_01, .inner_05, .inner_06 { bottom: 0; }
.inner_01, .inner_02, .inner_03, .inner_04 { height: 96px; overflow: hidden; }
.inner_02, .inner_03, .inner_04 { transform: matrix(1, 0, 0, 1, 0, -96); }

.inner_05 { top: 96px; overflow: hidden; }
.inner_05 img { top: -96px; }

.image img { transform: matrix(1, 0, 0, 1, 0, -10); }

.group_00 { display: block; }