A:link {font-size:20px;color:#3177fe;text-decoration:none;}
 A:visited {font-size:20px;color:#3177fe;text-decoration:none;}
 A:hover {font-size:20px;color:#ff0000;text-decoration:none;}
 A:active {font-size:20px;color:#ff0000;text-decoration:none;}
 body { font-size:16px;text-decoration:none;
        color:#fb8585;
        background-image:url("vc/imagesort/");
        background-color:#ffffff;
        transition: 2s;
        background-position:top left;
        background-attachment:fixed;
        background-repeat:no-repeat; }
 pre { font-family:Meiryo UI; }

.accpt {font-size:16px;color:#000000;text-decoration:none;}
.accpt:hover {font-size:20px;color:#ff0000;text-decoration:none;}

.lovefanan {
  display: inline-block;
  overflow: hidden;
  background-color:#ffffff;
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);  contrast(100%);
}

.fns {
  display: inline-block;
  overflow: hidden;
  background-color:#ffffff;
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);  contrast(100%);
}

.lped {
  display: inline-block;
  overflow: hidden;
  background-color:#ffffff;
  -webkit-transition: all 4.2s; transition: all 4.2s;
  opacity: 1.0;  filter: brightness(100%); contrast(100%);
}

.blur {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

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

.shadow2 {
  -webkit-transition: all 4.0s; transition: all 4.0s;
  opacity: 1.0;  filter: brightness(100%);
}

.lovefanan:active {
  -webkit-transition: all 0.1s; transition: all 0.1s;
  opacity: 0.1;  filter: brightness(170%);  contrast(130%);
 }

.fns:active {
  -webkit-transition: all 0.1s; transition: all 0.1s;
  opacity: 0.0;  filter: brightness(300%);  contrast(200%);
 }

.lped:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(0%);  contrast(100%);
 }


.animated {
  animation: zumzum 0.5s infinite alternate ease-in-out;
  display: inline-block;
}
@keyframes zumzum {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-8px);
  }
}

.animated2 {
  animation: zumzum2 0.2s infinite alternate ease-in-out;
  display: inline-block;
}
@keyframes zumzum2 {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}

.animated2b {
  animation: zumzum2b 0.4s infinite alternate ease-out;
  display: inline-block;
}
@keyframes zumzum2b {
  0% {
    transform: translateY(-17px);
  }
  10% {
    transform: translateY(-17px);
  }
  60% {
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(-8px);
  }
  80% {
    transform: translateY(-4px);
  }
  90% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0px);
  }
}

.animated2c {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  animation: zumzum2c 0.18s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

@keyframes zumzum2c {
  0% {
    transform: translateY(-17px) scaleY(1.012) rotateX(2deg);
    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;
  }
}

.animated3{
  animation: zumzum3 1.0s infinite alternate ease-in-out;
  display: inline-block;
}

@keyframes zumzum3 {
  33% {
    transform: rotate(-0.2deg);
  }
  66% {
    transform: rotate(0.2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}