html, body { margin: 0; padding: 0; }
img { border: 0; }
img, .stage { width: 300px; 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; }

.stage { background: #fff; overflow: hidden; }
.stage:before { content: ''; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 10; 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; }

.print img { opacity: 0; }

.print_01 img, .print_02 img, .print_03 img { transform: matrix(1, 0, 0, 1, 0, 20); }

.image { overflow: hidden; background: #fff; }
.image img { transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform-origin: 50% 50%; }

.click_00 { opacity: 0; }

.group_01 .image img { transform: matrix(1.08, 0, 0, 1.08, 0, 0); }
.group_01 .image_01 img { opacity: 1; }

.group { display: none; }
.group_00, .group_01 { display: block; }