body {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #fff;
margin: 0;
background-color: #fff;
}
body::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#fff; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: opacity .8s ease; transition: opacity .8s ease;
}
body.fadeout::after {
opacity: 1;
}
.hidden>div {
display:none;
}
.visible>div {
display:block;
}
h3.follow_me {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
text-shadow:0px 0px 5px #000;
cursor: pointer;
margin-left: 5px;
}
img {
display: block;
width: 100%;
}
input[type=checkbox] {
display: none;
}
label {
display: inline-block;
margin-right: 1em;
padding: 0.4em 0;
cursor: pointer;
}
button {
border: 10px solid #00FFAA;
font-family: monospace;
position: absolute;
line-height: 60px;
text-align: right;
padding: 0 1.2em;
background: #444;
font-size: 24px;
cursor: pointer;
display: block;
outline: none;
height: 80px;
width: 80%;
top: 260px;
margin: 0;
left: 10%;
}
button:hover {
background: #00FFAA;
}
input[type=checkbox] + label:before {
display: inline-block;
position: relative;
background: #444;
margin-right: 8px;
content: "";
height: 16px;
width: 16px;
top: 1px;
}
input[type=checkbox]:checked + label:before {
background: #00FFAA;
}
.container {
position: relative;
margin: 0 auto;
}
.wrapper {
min-height: 100%;
position: absolute;
overflow: hidden;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
#bg-video-pc {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100; background-size: cover;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.scene {
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
}
.scene, .layer {
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.back02 {
background-image:url(//issugi.tokyo/img/_s2_back.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.image01 {
background-image:url(//issugi.tokyo/img/_s2_image01.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.image02 {
background-image:url(//issugi.tokyo/img/_s2_image02.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.image03 {
background-image:url(//issugi.tokyo/img/_s2_image03.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.image04 {
background-image:url(//issugi.tokyo/img/_s2_image04.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.image05 {
background-image:url(//issugi.tokyo/img/_s2_image05.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.tso7t-jkt {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p01 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p01.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p02 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p02.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p03 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p03.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p04 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p04.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p05 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p05.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p06 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p06.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p07 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p07.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p08 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p08.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p09 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p09.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p10 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p10.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p11 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p11.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.tso7t-jkt-p12 {
background-image:url(//issugi.tokyo/img/_s2_TSO7T-JKT_p12.png);
position: absolute;
top: 0%;
left:  0%;
right:  0%;
bottom:  0%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.back {
background-image:url(//issugi.tokyo/img/back.jpg);
position: absolute;
top: -10%;
left:  -10%;
right:  -10%;
bottom:  -10%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.b28 {
background-image:url(//issugi.tokyo/img/b28.png);
position: absolute;
top: 0;
left: -40%;
right: 0;
bottom: -40%;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b27 {
background-image:url(//issugi.tokyo/img/b27.png);
position: absolute;
top: 0;
left: 0;
right: -30%;
bottom: -25%;
background-size: 17% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b26 {
background-image:url(//issugi.tokyo/img/b26.png);
position: absolute;
top: 0;
left: 0;
right: -20%;
bottom: -58%;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b25 {
background-image:url(//issugi.tokyo/img/b25.png);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -58%;
background-size: 68% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b24 {
background-image:url(//issugi.tokyo/img/b24.png);
position: absolute;
top: -15%;
left: 0;
right: 0;
bottom: 0%;
background-size: 34.5% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b23 {
background-image:url(//issugi.tokyo/img/b23.png);
position: absolute;
top:-58%;
left:0;
right:-66%;
bottom:0;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b22 {
background-image:url(//issugi.tokyo/img/b22.png);
position: absolute;
top:-50%;
left:-80%;
right:0;
bottom:0;
background-size: 17% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b21 {
background-image:url(//issugi.tokyo/img/b21.png);
position: absolute;
top: -50%;
left: 0;
right: -55%;
bottom:0;
background-size: 17% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b20 {
background-image:url(//issugi.tokyo/img/b20.png);
position: absolute;
top:-60%;
left: -50%;
right: 0;
bottom:0;
background-size: 14% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b19 {
background-image:url(//issugi.tokyo/img/b19.png);
position: absolute;
top: -70%;
left:0;
right:0;
bottom: 0;
background-size: 35% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b18 {
background-image:url(//issugi.tokyo/img/b18.png);
position: absolute;
top: 0;
left: -40%;
right: 38%;
bottom: -50%;
background-size: 17% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b17 {
background-image:url(//issugi.tokyo/img/b17.png);
position: absolute;
top: 0;
left: 0;
right: -57%;
bottom: -57%;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b16 {
background-image:url(//issugi.tokyo/img/b16.png);
position: absolute;
top: 0;
left: -5%;
right: 0;
bottom: -67%;
background-size: 35% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b15 {
background-image:url(//issugi.tokyo/img/b15.png);
position: absolute;
top: -80%;
left: -25%;
right: 0;
bottom: 0;
background-size: 23% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b14 {
background-image:url(//issugi.tokyo/img/b14.png);
position: absolute;
top: -8.5%;
left: -55%;
right: 0;
bottom: 0;
background-size: 23.5% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b13 {
background-image:url(//issugi.tokyo/img/b13.png);
position: absolute;
top:0;
left:12.5%;
right:-75%;
bottom:0;
background-size: 10% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b12 {
background-image:url(//issugi.tokyo/img/b12.png);
position: absolute;
top:-5%;
left:0;
right:-43%;
bottom: 0;
background-size: 23% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b11 {
background-image:url(//issugi.tokyo/img/b11.png);
position: absolute;
top:-28%;
left: 0;
right:-75%;
bottom: 0;
background-size: 12% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b10 {
background-image:url(//issugi.tokyo/img/b10.png);
position: absolute;
top:-56%;
left: -18%;
right: 0;
bottom: 0;
background-size: 15% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b09 {
background-image:url(//issugi.tokyo/img/b09.png);
position: absolute;
top: 0;
left: 0;
right:-94%;
bottom: -70%;
background-size: 5% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b08 {
background-image:url(//issugi.tokyo/img/b08.png);
position: absolute;
top: 0;
left: -68%;
right: 0;
bottom:-56%;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b07 {
background-image:url(//issugi.tokyo/img/b07.png);
position: absolute;
top: 0;
left: -26%;
right: 0;
bottom: -70%;
background-size: 27% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b06 {
background-image:url(//issugi.tokyo/img/b06.png);
position: absolute;
top: 0;
left: 0;
right: -93%;
bottom: -28%;
background-size: 3% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b05 {
background-image:url(//issugi.tokyo/img/b05.png);
position: absolute;
top: 0;
left: 0;
right: -28%;
bottom: -84%;
background-size: 18% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b04 {
background-image:url(//issugi.tokyo/img/b04.png);
position: absolute;
top: 10%;
left: -95%;
right: 0;
bottom: 0;
background-size: 7% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b03 {
background-image:url(//issugi.tokyo/img/b03.png);
position: absolute;
top: -10%;
left: -24%;
right: 0;
bottom: 0;
background-size: 27% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b02 {
background-image:url(//issugi.tokyo/img/b02.png);
position: absolute;
top: 0;
left:0;
right:0;
bottom: -40%;
background-size: 30% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b01 {
background-image:url(//issugi.tokyo/img/b01.png);
position: absolute;
top: -36%;
left: 0;
right: 0;
bottom: 0;
background-size: 20% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b201808-01a {
background-image:url(//issugi.tokyo/img/b201808-01a.png);
position: absolute;
top: -60%;
left: -40%;
right: 0;
bottom: 0;
background-size: 18% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b201808-01b {
background-image:url(//issugi.tokyo/img/b201808-01b.png);
position: absolute;
top: 20%;
left: -45%;
right: 0;
bottom: 0;
background-size: 18% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b201808-02 {
background-image: url(//issugi.tokyo/img/b201808-02.png);
position: absolute;
top: -12%;
left: 2%;
right: 0;
bottom: 0;
background-size: 25% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b201808-03 {
background-image:url(//issugi.tokyo/img/b201808-03.png);
position: absolute;
top: -65%;
left: 0;
right: -60%;
bottom: 0;
background-size: 18% auto;
background-repeat: no-repeat;
background-position: center center;
}
.b201808-04 {
background-image:url(//issugi.tokyo/img/b201808-04.png);
position: absolute;
top: 37%;
left: 0;
right: -55%;
bottom: 0;
background-size: 8% auto;
background-repeat: no-repeat;
background-position: center center;
}
.halftone {
background-image:url(//issugi.tokyo/img/halftone.png);
position: absolute;
top: -10%;
left:  -10%;
right:  -10%;
bottom:  -10%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.noteLine {
background-image:url(//issugi.tokyo/img/noteline.png);
position: absolute;
top: -10%;
left:  -10%;
right:  -10%;
bottom:  -10%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#enter {
display: flex;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
}
#enter .btn {
}
.box {
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;
}
h1.name {
max-width: 100%;
width: 400px;
margin: 50px 200px;
}
h1.releasedate{
font-size: 20px;
letter-spacing: 10px;
text-shadow: 0px 0px 5px #000;
font-weight: 700;
}
h2.singles {
font-size: 14px;
letter-spacing: 2px;
text-shadow: 0px 0px 5px #000;
font-weight: 600;
}
img#title {
max-width: 100%;
width: 800px;
}
a.link {
background-color: #98d0b9;
padding: 10px;
color: #2b1f16;
font-size: 12px;
letter-spacing:3px;
text-decoration: none;
font-weight: 700;
}
a.link:hover {
background-color: #f3eeeb;
transition:background-color 0.5s linear;
}
.info {
max-width: 300px;
padding: 15px;
padding-top: 70px;
}
.wavy {
-webkit-animation: wave 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: wave 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: wave 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sway {
-webkit-transform-origin: 50% 90%;
-moz-transform-origin: 50% 90%;
transform-origin: 50% 90%;
-webkit-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sway-2 {
-webkit-transform-origin: 50% 60%;
-moz-transform-origin: 50% 60%;
transform-origin: 50% 60%;
-webkit-animation: sway 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: sway 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: sway 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.swing-1 {
-webkit-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.swing-2 {
-webkit-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.bounce {
-webkit-animation: bounce 2s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: bounce 2s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: bounce 2.5s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.bounce-2 {
-webkit-animation: bounce 2s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: bounce 2s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: bounce 2.5s infinite normal cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.opacity {
opacity: 0;
-webkit-animation: opacity 3s 0.8s ease forwards;
-moz-animation: opacity 3s 0.8s ease forwards;
animation: opacity 3s 0.8s ease forwards;
}
---------------------------- opacity -------------------------------------------
@keyframes opacity {
0%{opacity:0;}
100%{ opacity:1;}
}
@-webkit-keyframes opacity {
0%{opacity:0;}
100%{ opacity:1;}
}
@-moz-keyframes opacity {
0%{opacity:0;}
100%{ opacity:1;}
}
@-ms-keyframes opacity {
0%{opacity:0;}
100%{ opacity:1;}
}
----------------------------bounce animation（180ATOMOSPHERE vol7 / 2018.08.27）-------------------------------------------
@keyframes bounce {
0% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
18% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
20% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
22% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
38% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
40% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
42% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
81% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
18% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
20% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
22% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
38% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
40% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
42% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
81% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
}
@-moz-keyframes bounce {
0% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
18% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
20% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
22% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
38% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
40% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
42% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
81% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
}
@-ms-keyframes bounce {
0% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
18% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
20% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
22% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
38% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
40% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
background-image:url(//issugi.tokyo/img/b201808-04up.png);
}
42% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
81% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
background-image:url(//issugi.tokyo/img/b201808-04.png);
}
} .container img{
max-width: 100%; 
height:auto;
}
.fill {
position: absolute;
bottom: 5%;
right: 5%;
left: 5%;
top: 5%;
}
.expand-width {
width: 100%;
}
.border {
border: 2px dashed #00FFAA;
}
.aspect {
opacity: 1;
}/*/*/.socials-bar{
display:table-row;
height:40px;
color: #f3eeeb;
position: absolute;
width: 100%;
top: 0;
z-index: 9999;
}
.socials-bar > *{
float:left;
margin-left:5px;
}
.socials-bar .entersite{ 
white-space: nowrap;
line-height: 40px;
padding: 0 10px 0 15px;
float:right;
color: inherit;
font-size: 12px;
font-weight: 600;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 0px 0px 5px #000;
}
.iconbox {
float: right;
}
@font-face {
font-family: 'Mono Social Icons Font';
src: url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.eot);
src: url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'),
url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.woff) format('woff'),
url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.ttf) format('truetype'),
url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');
src: url(//issugi.tokyo/img/iconfont/MonoSocialIconsFont-1.10.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.symbol, a.symbol:before {
font-family: 'Mono Social Icons Font';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a.symbol:before {
content: attr(title);
margin-right: 0.3em;
font-size: 130%;
}/**/.socials-bar a.symbol {
font-size: 26px;
line-height: 34px;
color: inherit;
text-decoration: none;
padding: 0 0 3px 0;
margin-left:5px;
float:right;
text-shadow: 0px 0px 5px #000;
}
.socials-bar a.symbol:before{ margin:0; }
.facebookfollow, 
.twitterfollow{
margin-top:10px;
margin-bottom: 3px;
height:20px;
overflow: hidden;
}
.facebookfollow iframe{
border:none; overflow:hidden; width:61px; height:21px;
}
.googlefollow, 
.youtubefollow, 
.spotifyfollow{
margin-top:8px;
height:25px; 
overflow:hidden; 
}
.soundcloud{
display:table-row;
width: 100%;
height: 32px;
margin: 0 auto;
position: absolute;
bottom: 0;
}/*/*//*/*//*/*/a.link {
display: inline-block;
}
a.buy {
font-size: 15px;
background-color:#4d2e20;
padding: 10px; 
color: #fff;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
display: block;
width: 75px;
}
a.buy:hover {
background-color: #cf6251;
transition: background-color 0.8s linear;
}
.amazon, .itunes {
text-indent: -9999px;/**/background-size:100% 100%;
border-radius:.1em;
display:inline-block;
width:2.84090909em;
height:1em;
border: .03em solid #555;
margin-left: 5px;
overflow: hidden; font-size: 35px; background-color: #211616; }
.amazon.preorder{ background-image:url(//issugi.tokyo/img/buttons/amazon_preorder.png);}
.amazon.download{ background-image:url(//issugi.tokyo/img/buttons/amazon_download.png);}
.amazon.available{ background-image:url(//issugi.tokyo/img/buttons/amazon_available.png);}
.itunes.preorder{ background-image:url(//issugi.tokyo/img/buttons/itunes_preorder.png);}
.itunes.download{ background-image:url(//issugi.tokyo/img/buttons/itunes_download.png);}
.itunes.available{ background-image:url(//issugi.tokyo/img/buttons/itunes_available.png);}
.layer div {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.layer:nth-child(1) {
opacity: 1;
}
.layer:nth-child(1) button {
-webkit-transform: rotate(150deg);
}
.layer:nth-child(2) {
opacity: 1;
}
.layer:nth-child(2) button {
-webkit-transform: rotate(120deg);
}
.layer:nth-child(3) {
opacity: 1;
}
.layer:nth-child(3) button {
-webkit-transform: rotate(90deg);
}
.layer:nth-child(4) {
opacity: 1;
}
.layer:nth-child(4) button {
-webkit-transform: rotate(60deg);
}
.layer:nth-child(5) {
opacity: 1;
}
.layer:nth-child(5) button {
-webkit-transform: rotate(30deg);
}
.layer:nth-child(6) {
opacity: 1;
}
.layer:nth-child(6) button {
} @media only screen and (max-width: 1024px) and (min-height: 760px) {
.back {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;	background-size: cover;
}
.b28 {
display:none;
}
.b27 {
top: 0;		left: 0;		right: -30%;	bottom: -20%;	background-size: 37% auto;
}
.b26 {
top: 0;		left: 0;		right: -40%;	bottom: -58%;	background-size: 45% auto;
}
.b25 {
display:none;
}
.b24 {
top: -15%;	left: 20%;		right:-22%;		bottom: 0%;		background-size: 50% auto;
}
.b23 {
top:-58%;	left:0;			right:-95%;		bottom:0;		background-size: 36% auto;
}
.b22 {
top:-43%;	left:-110%;		right:10%;		bottom:0;		background-size: 36% auto;
}
.b21 {
display:none;
}
.b20 {
top:-60%;	left: -68%;		right: 0;		bottom:0;		background-size: 23% auto;
}
.b19 {
top: -74%;	left:0;			right:-25%;		bottom: 0;		background-size: 65% auto;
}
.b18 {
top: 0;		left: -50%;		right: 38%;		bottom: -50%;	background-size: 40% auto;
}
.b17 {
display:none;
}
.b16 {
top: 0;		left: 15%;		right: -15%;	bottom: -70%;	background-size: 58% auto;
}
.b15 {
display:none;
}
.b14 {
top: -5.5%;	left: -60%;		right: 0;		bottom: 0;		background-size: 50% auto;
}
.b13 {
display:none;
}
.b12 {
top:-5%;	left:40%;		right:-65%;		bottom: 0;		background-size: 40% auto;
}
.b11 {
display:none;
}
.b10 {
top:-56%;	left: 0%;		right: 0;		bottom: 0;		background-size: 35% auto;
}
.b09 {
display:none;
}
.b08 {
top: 0;		left: -68%;		right: 0;		bottom:-70%;	background-size: 40% auto;
}
.b07 {
top: 0;		left: -20%;		right: 0;		bottom: -70%;	background-size: 60% auto;
}
.b06 {
display:none;
}
.b05 {
top: 0;		left: 20%;		right: -60%;	bottom: -87%;	background-size: 28% auto;
}
.b04 {
display:none;
}
.b03 {
top: -10%;	left: -20%;		right: 0;		bottom: 0;		background-size: 65% auto;
}
.b02 {
top: 0;		left:15%;		right:-45%;		bottom: -40%;	background-size: 50% auto;
}
.b01 {
top: -36%;	left: 0;		right: -40%;	bottom: 0;		background-size: 30% auto;
}
.halftone {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;
}
.b201808-01a {
top: -60%;	left: -40%;		right: 0;		bottom: 0;		background-size: 58% auto;
}
.b201808-01b {
top: 20%;	left: -45%;		right: 0;		bottom: 0;		background-size: 60% auto;
}
.b201808-02 {
top: 75%;	left: -68%;		right: 0;		bottom: 0;		background-size: 55% auto;
}
.b201808-03 {
top: -65%;	left: 0;		right: -60%;	bottom: 0;		background-size: 55% auto;
}
.b201808-04 {
top: -5%;	left: -2%;		right: 0;		bottom: 0;		background-size: 50% auto;
}
#album {
top: 5%;
left: 0;
right: 0;
margin: 0 auto;
width: 600px;
}
h1.name {
max-width: 100%;
width: 300px;
margin: 30px 150px;
}
img#title {
max-width: 100%;
width: 600px;
}
} @media only screen and (max-width: 1024px) and (min-height: 1400px)  {
.back {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;	background-size: cover;
}
.b28 {
display:none;
}
.b27 {
top: 0;		left: 0;		right: -30%;	bottom: -20%;	background-size: 50% auto;
}
.b25 {
display:none;
}
.b24 {
top: 45%;	left: 24%;		right: -32%;	bottom: 0%;		background-size: 100% auto;
}
.b23 {
top: -58%;	left: 0;		right: -95%;	bottom: 0;		background-size: 82% auto;
}
.b22 {
top:-55%;	left:-110%;		right:10%;		bottom:0;		background-size: 45% auto;
}
.b21 {
display:none;
}
.b20 {
top:-60%;	left: -68%;		right: 0;		bottom:0;		background-size: 23% auto;
}
.b19 {
top: -83%;	left:0;			right:-25%;		bottom: 0;		background-size: 65% auto;
}
.b18 {
top: 0;		left: -50%;		right: 38%;		bottom: -50%;	background-size: 40% auto;
}
.b17 {
display:none;
}
.b16 {
top: 0;		left: 15%;		right: -5%;		bottom: -70%;	background-size: 94% auto;
}
.b15 {
display:none;
}
.b14 {
top: -2%;	left: -50%;		right: 20%;		bottom: 0;		background-size: 95% auto;
}
.b13 {
display:none;
}
.b12 {
top: -5%;	left: 40%;		right: -53%;	bottom: 0;		background-size: 90% auto;
}
.b11 {
display:none;
}
.b10 {
top: -60%;	left: 0%;		right: 0;		bottom: 0;		background-size: 78% auto;
}
.b09 {
display:none;
}
.b08 {
top: 0;		left: -68%;		right: 0;		bottom: -60%;	background-size: 60% auto;
}
.b07 {
top: 0;		left: -60%;		right: 30%;		bottom: -62%;	background-size: 100% auto;
}
.b06 {
display:none;
}
.b05 {
top: 0;		left: 20%;		right: -60%;	bottom: -80%;	background-size: 70% auto;
}
.b04 {
display:none;
}
.b03 {
top: -10%;	left: -7%;		right: 0;		bottom: 0;		background-size: 85% auto;
}
.b02 {
top: 0;		left:15%;		right:-45%;		bottom: -40%;	background-size: 50% auto;
}
.b01 {
top: -36%;	left: 0;		right: -40%;	bottom: 0;		background-size: 30% auto;
}
.halftone {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;
}
.b201808-01a {
top: -60%;	left: -40%;		right: 0;		bottom: 0;		background-size: 58% auto;
}
.b201808-01b {
top: 20%;	left: -45%;		right: 0;		bottom: 0;		background-size: 60% auto;
}
.b201808-02 {
top: 75%;	left: -68%;		right: 0;		bottom: 0;		background-size: 55% auto;
}
.b201808-03 {
top: -65%;	left: 0;		right: -60%;	bottom: 0;		background-size: 55% auto;
}
.b201808-04 {
top: -5%;	left: -2%;		right: 0;		bottom: 0;		background-size: 50% auto;
}
h1.name {
max-width: 100%;
width: 300px;
margin: 30px 150px;
}
img#title {
max-width: 100%;
width: 600px;
}
} @media only screen and (max-width: 1024px) and (min-height: 1600px)  {
.back {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;	background-size: cover;
}
.b28 {
display:none;
}
.b27 {
top: 0;		left: 0;		right: -30%;	bottom: -20%;	background-size: 50% auto;
}
.b25 {
display:none;
}
.b24 {
top: 45%;	left: 24%;		right: -32%;	bottom: 0%;		background-size: 100% auto;
}
.b23 {
top: -58%;	left: 0;		right: -95%;	bottom: 0;		background-size: 82% auto;
}
.b22 {
top:-55%;	left:-110%;		right:10%;		bottom:0;		background-size: 45% auto;
}
.b21 {
display:none;
}
.b20 {
top:-60%;	left: -68%;		right: 0;		bottom:0;		background-size: 23% auto;
}
.b19 {
top: -83%;	left:0;			right:-25%;		bottom: 0;		background-size: 65% auto;
}
.b18 {
top: 0;		left: -50%;		right: 38%;		bottom: -50%;	background-size: 40% auto;
}
.b17 {
display:none;
}
.b16 {
top: 0;		left: 15%;		right: -5%;		bottom: -70%;	background-size: 94% auto;
}
.b15 {
display:none;
}
.b14 {
top: -2%;	left: -50%;		right: 20%;		bottom: 0;		background-size: 95% auto;
}
.b13 {
display:none;
}
.b12 {
top: -5%;	left: 40%;		right: -53%;	bottom: 0;		background-size: 90% auto;
}
.b11 {
display:none;
}
.b10 {
top: -60%;	left: 0%;		right: 0;		bottom: 0;		background-size: 78% auto;
}
.b09 {
display:none;
}
.b08 {
top: 0;		left: -68%;		right: 0;		bottom: -60%;	background-size: 60% auto;
}
.b07 {
top: 0;		left: -60%;		right: 30%;		bottom: -62%;	background-size: 100% auto;
}
.b06 {
display:none;
}
.b05 {
top: 0;		left: 20%;		right: -60%;	bottom: -80%;	background-size: 70% auto;
}
.b04 {
display:none;
}
.b03 {
top: -10%;	left: -7%;		right: 0;		bottom: 0;		background-size: 85% auto;
}
.b02 {
top: 0;		left:15%;		right:-45%;		bottom: -40%;	background-size: 50% auto;
}
.b01 {
top: -36%;	left: 0;		right: -40%;	bottom: 0;		background-size: 30% auto;
}
.halftone {
top: -10%;	left:  -10%;	right:  -10%;	bottom:  -10%;
}
.b201808-01a {
top: -60%;	left: -40%;		right: 0;		bottom: 0;		background-size: 58% auto;
}
.b201808-01b {
top: 20%;	left: -45%;		right: 0;		bottom: 0;		background-size: 60% auto;
}
.b201808-02 {
top: 75%;	left: -68%;		right: 0;		bottom: 0;		background-size: 55% auto;
}
.b201808-03 {
top: -65%;	left: 0;		right: -60%;	bottom: 0;		background-size: 55% auto;
}
.b201808-04 {
top: -5%;	left: -2%;		right: 0;		bottom: 0;		background-size: 50% auto;
}
#album {
top: 1%;
left: 1%;
right: 1%;
margin: 0 auto;
width: 100%;
}
h1.name {
max-width: 100%;
width: 50%;
margin: 30px 25%;
}
img#title {
max-width: 100%;
width: 98%;
}
}
@media only screen and (max-width: 768px){
.mobile-hide {display: none !important;}
.mobile-only {display: block !important;}
.anderson {left: 10%; right: 10%;}
.wave {top: 58%;bottom: 16%;right: -31%;}
.wave_one {bottom: 12%;}
.vinyl {top: 48%; left: -20%;}
} 
@media only screen and (max-width: 405px){
.anderson {left: 5%; right: 5%; bottom: 40%;}
.wave {top: 44%;bottom: 32%;right: -31%;}
.wave_one {bottom: 22%;left: -40%;right: -40%;}
.wave_two {bottom: 0;left: -5%;right: -100%;}
.vinyl {top: 40%; left: -34%;}
.sand {left: -6%; right: -76%;bottom: -8%;}
h1.name { font-size:14px;letter-spacing: 9px; }
h1.releasedate {font-size:12px;letter-spacing: 5px; }
h2.singles {font-size:11px;}
a.link {font-size: 10px;padding: 5px;letter-spacing: 1px;}
#album {top: 45%;}
.iconbox {float: none;}
.socials-bar .entersite {float: none;padding:0; font-size: 10px;}
.socials-bar .a.symbol {margin-right: 5px;}
}
----------------------------wave animation-------------------------------------------
@keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
}
}
@-webkit-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
}
}
@-moz-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
}
}
@-ms-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,2%,0) rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
}
}
----------------------------sway animation-------------------------------------------
@keyframes sway {
0% {
-webkit-transform: translate3d(4%,0,0) rotateZ(2deg);
-moz-transform: translate3d(4%,0,0) rotateZ(2deg);
transform: translate3d(4%,0,0) rotateZ(2deg);
}
100% {
-webkit-transform: translate3d(-4%,0,0) rotateZ(-2deg);
-moz-transform: translate3d(-4%,0,0) rotateZ(-2deg);
transform: translate3d(-4%,0,0) rotateZ(-2deg);
}
}
@-webkit-keyframes sway {
0% {
-webkit-transform: translate3d(4%,0,0) rotateZ(2deg);
-moz-transform: translate3d(4%,0,0) rotateZ(2deg);
transform: translate3d(4%,0,0) rotateZ(2deg);
}
100% {
-webkit-transform: translate3d(-4%,0,0) rotateZ(-2deg);
-moz-transform: translate3d(-4%,0,0) rotateZ(-2deg);
transform: translate3d(-4%,0,0) rotateZ(-2deg);
}
}
@-moz-keyframes sway {
0% {
-webkit-transform: translate3d(4%,0,0) rotateZ(2deg);
-moz-transform: translate3d(4%,0,0) rotateZ(2deg);
transform: translate3d(4%,0,0) rotateZ(2deg);
}
100% {
-webkit-transform: translate3d(-4%,0,0) rotateZ(-2deg);
-moz-transform: translate3d(-4%,0,0) rotateZ(-2deg);
transform: translate3d(-4%,0,0) rotateZ(-2deg);
}
}
@-ms-keyframes sway {
0% {
-webkit-transform: translate3d(4%,0,0) rotateZ(2deg);
-moz-transform: translate3d(4%,0,0) rotateZ(2deg);
transform: translate3d(4%,0,0) rotateZ(2deg);
}
100% {
-webkit-transform: translate3d(-4%,0,0) rotateZ(-2deg);
-moz-transform: translate3d(-4%,0,0) rotateZ(-2deg);
transform: translate3d(-4%,0,0) rotateZ(-2deg);
}
}
----------------------------swing animation-------------------------------------------
@keyframes swing {
0% {
-webkit-transform: rotateZ(2deg);
-moz-transform: rotateZ(2deg);
transform: rotateZ(2deg);
}
100% {
-webkit-transform: rotateZ(-2deg);
-moz-transform: rotateZ(-2deg);
transform: rotateZ(-2deg);
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform: rotateZ(2deg);
-moz-transform: rotateZ(2deg);
transform: rotateZ(2deg);
}
100% {
-webkit-transform: rotateZ(-2deg);
-moz-transform: rotateZ(-2deg);
transform: rotateZ(-2deg);
}
}
@-moz-keyframes swing {
0% {
-webkit-transform: rotateZ(2deg);
-moz-transform: rotateZ(2deg);
transform: rotateZ(2deg);
}
100% {
-webkit-transform: rotateZ(-2deg);
-moz-transform: rotateZ(-2deg);
transform: rotateZ(-2deg);
}
}
@-ms-keyframes swing {
0% {
-webkit-transform: rotateZ(2deg);
-moz-transform: rotateZ(2deg);
transform: rotateZ(2deg);
}
100% {
-webkit-transform: rotateZ(-2deg);
-moz-transform: rotateZ(-2deg);
transform: rotateZ(-2deg);
}
}