@charset 'utf-8';

html, body, * {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
body { background-color: #222; }
*[class^=preview] {
    width: 100%;
    height: auto;
}
.wrapper {
    position: relative;
}
a { display: block; position: absolute; }
.contents-link {
    width: 100%; height: 100%;
    position: absolute; top: 0px;
    visibility: hidden;
}
.contents-link a { width: 24.5%; height: 5%; }
.contents-link a:nth-child(1){ top: 31.7%; left: 9.8%; }
.contents-link a:nth-child(2){ top: 54.2%; left: 9.8%; }
.contents-link a:nth-child(3){ top: 61.9%; left: 9.8%; }
.contents-link a:nth-child(4){ top: 31.7%; left: 37.8%; }
.contents-link a:nth-child(5){ top: 39%; left: 37.8%; }
.contents-link a:nth-child(6){ top: 46.5%; left: 37.8%; }
.contents-link a:nth-child(7){ top: 54.2%; left: 37.8%; }
.contents-link a:nth-child(8){ top: 61.9%; left: 37.8%; }
.contents-link a:nth-child(9){ top: 69.4%; left: 37.8%; }
.contents-link a:nth-child(10){ top: 77%; left: 37.8%; }
.contents-link a:nth-child(11){ top: 31.5%; left: 65.3%; }
.contents-link a:nth-child(12){ top: 39%; left: 65.3%; }
.contents-link a:nth-child(13){ top: 46.5%; left: 65.3%; }
.contents-link a:nth-child(14){ top: 54.2%; left: 65.3%; }

.link--prev, .link--next{
    width: 7%;
    height: 28%;
    top: 35%;
}
.link--prev { left: 0px; visibility: hidden; }
.link--next { right: 0px; }
.link--contents {
    width: 20%; height: 5%;
    bottom: 0px; right: 0px;
    visibility: hidden;
}