 A:link {font-size:20px;color:#3157fe;text-decoration:none;}
 A:visited {font-size:20px;color:#3157fe;text-decoration:none;}
 A:active {font-size:20px;color:#ff0000;text-decoration:none;}
 A:hover {font-size:20px;color:#ff0000;text-decoration:none;}
 body {font-size:22pt;color:#010101;
        background-image:url("imagesort/");
        background-color:#f9dbdb;
        background-position:top left;
        background-attachment:fixed;
        background-repeat:no-repeat; }

 h1 {
      margin: 0rem;
      color: #FA8a8a;
      font-size: 45px;
      text-shadow: 2px 0px 1px #FA4545,
                   1px 1px 1px #FA4545,
                   0px 2px 1px #FA4545,
                   2px 0px 1px #FA4545,
                   1px -1px 1px #FA4545,
                   0px -2px 1px #FA4545,
                   -2px 0px 1px #FA4545,
                   -1px 1px 1px #FA4545,
                   0px 2px 1px #FA4545,
                   -2px 0px 1px #FA4545,
                   -1px -1px 1px #FA4545,
                   0px -2px 1px #FA4545;
    }

 h2 {
      margin: 0rem;
      color: #191919;
      font-size: 28px;
      line-height: 0.5em;
      font-weight: bold;
    }

 h3 {
      margin: 0rem;
      color: #ffffff;
      font-size: 20px;
      line-height: 0.2em;
      font-weight: bold;
    }

 t1 {
      margin: 0rem;
      color: #fff321;
      font-size: 12px;
    }

 t2 {
      margin: 0rem;
      color: #f91919;
      font-size: 20px;
      font-weight: bold;
    }

.yurayura-f {
  -webkit-transition: all 0.5s; transition: all 0.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
}

.yurayura-f:hover {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  animation: yura 1.5s infinite alternate ease-out;
  display: inline-block;
}

.yurayura-f:active {
  -webkit-transition: all 0.3s; transition: all 0.3s;
  opacity: 0.5;  filter: brightness(150%);  contrast(200%);
  animation: shoot 0.3s alternate ease-out;
  display: inline-block;
  overflow: hidden;
 }

@keyframes yura {
  0% {
    transform: translateY(-10px);
  }
  10% {
    transform: translateX(2px);
  }
  60% {
    transform: translateY(10px);
  }
  70% {
    transform: translateX(-2px);
  }
  80% {
    transform: translateY(-4px);
  }
  90% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
    transform: translateY(0px);
  }
}

@keyframes shoot {
  0% {
    transform: scale(1.1,1.1);
  }
  40% {
    transform: scale(0.7,0.7);
  }
  100% {
    transform: scale(1.0,1.0);
  }
}

.zumuzumu1 {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  object-fit: none;
  position: relative;
}

.zumuzumu1:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zumzum 0.40s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu1:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: bikun 0.1s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu2 {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  object-fit: none;
  position: relative;
}

.zumuzumu2:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zumzum 0.26s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu2:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: bikun 0.1s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu3 {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  object-fit: none;
  position: relative;
}

.zumuzumu3:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zumzum 0.20s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu3:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: bikun 0.1s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu4 {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  object-fit: none;
  position: relative;
}

.zumuzumu4:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zumzum 0.13s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zumuzumu4:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: bikun 0.1s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

@keyframes zumzum {
  0% {
    transform: translateY(-17px) scaleY(1.012) rotateX(2.5deg);
    transform-origin:bottom;
  }
  10% {
    transform: translateY(-17px) scaleY(1.009) rotateX(1.8deg);
    transform-origin:bottom;
  }
  50% {
    transform: translateY(-10px) scaleY(1.005) rotateX(0.8deg);  
    transform-origin:bottom;
  }
  60% {
    transform: translateY(-8px) scaleY(1.003) rotateX(0.6deg);
    transform-origin:bottom;
  }
  70% {
    transform: translateY(-4px) scaleY(1.002) rotateX(0.4deg);
    transform-origin:bottom;
  }
  80% {
    transform: translateY(-2px) scaleY(1.001) rotateX(0.2deg);
    transform-origin:bottom;
  }
  90% {
    transform: translateY(-2px) scaleY(1) rotateX(0.2deg);
    transform-origin:bottom;
  }
  95% {
    transform: translateY(-2px) scaleY(0.995) rotateX(0.2deg);
    transform-origin:bottom;
  }
  100% {
    transform: translateY(0px) scaleY(1) rotateX(0deg);
    transform-origin:bottom;
  }
}

@keyframes bikun {
  0% {
    transform: translateY(-100px);
  }
  5% {
    transform: translateX(5px);
  }
  10% {
    transform: translateX(-5px);
  }
  15% {
    transform: translateX(5px);
  }
  20% {
    transform: translateX(-5px);
  }
  25% {
    transform: translateX(0px);
    transform: translateY(-70px);
  }
  35% {
    transform: translateY(-100px);
  }
  45% {
    transform: translateY(-70px);
  }
  100% {
    transform: translateX(0px);
    transform: translateY(0px);
  }
}

.zyupuzyupu1 {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
}

.zyupuzyupu1:hover {
  -webkit-transition: all 1.2s; transition: all 1.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.65s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu1:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 0.5;  filter: brightness(150%);filter: contrast(150%);
  animation: zupozupo 0.4s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu2 {
  -webkit-transition: all 0.5s; transition: all 0.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
}

.zyupuzyupu2:hover {
  -webkit-transition: all 1.2s; transition: all 1.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.32s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu2:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 0;  filter: brightness(0%);filter: contrast(0%);
  animation: zupozupo 0.2s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu3:hover {
  -webkit-transition: all 1.2s; transition: all 1.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.24s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu3:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 0;  filter: brightness(0%);filter: contrast(0%);
  animation: zupozupo 0.2s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu4 {
  -webkit-transition: all 0.5s; transition: all 0.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
}

.zyupuzyupu4:hover {
  -webkit-transition: all 1.2s; transition: all 1.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 1.3s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.zyupuzyupu4:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 0;  filter: brightness(0%);filter: contrast(0%);
  animation: zupozupo 0.4s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

@keyframes zupozupo {
  0% {
    transform: translateY(0px) scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.990);
    transform-origin: center;
  }
  60% {
    transform: translateY(1px) scale(0.970);
    transform-origin: center;
  }
  65% {
    transform: scale(0.991);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px) scale(0.999);
    transform-origin: center;
  }
}

.gupugupu3-f:hover {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.78s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.gupugupu3-f:active {
  -webkit-transition: all 0.3s; transition: all 0.3s;
  opacity: 0.7;  filter: brightness(100%);filter: contrast(100%);
  animation: shoot 0.3s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.gupugupu3t-f:hover {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.36s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

.gupugupu3t-f:active {
  -webkit-transition: all 0.3s; transition: all 0.3s;
  opacity: 0.7;  filter: brightness(100%);filter: contrast(100%);
  animation: shoot 0.3s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

@keyframes zupozupo {
  0% {
    transform: translateY(0px) scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.990);
    transform-origin: center;
  }
  50% {
    transform: translateY(1px) scale(0.970);
    transform-origin: center;
  }
  60% {
    transform: scale(0.991);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px) scale(0.999);
    transform-origin: center;
  }
}

@keyframes shoot {
  0% {
    transform: scale(1.1,1.1);
  }
  40% {
    transform: scale(0.7,0.7);
  }
  100% {
    transform: scale(1.0,1.0);
  }
}

