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:#ffffff;
        background-image:url("");
        background-color:#1f1010;
        background-position:top left;
        background-attachment:fixed;
        background-repeat:repeat; }

#textline{
 width:1200px;
 margin-left:10px;
 margin-right:auto;
 border-top: 2px ridge #000000;
 border-left: 2px ridge #000000;
 border-right: 2px ridge #000000;
 border-bottom: 2px ridge #000000;
 padding:8px;
 background-color:#f97676; }

#textline2{
 width:1200px;
 margin-left:10px;
 margin-right:auto;
 border-top: 2px ridge #fe0202;
 border-left: 2px ridge #fe0202;
 border-right: 2px ridge #fe0202;
 border-bottom: 2px ridge #fe0202;
 padding:8px;
 background-color:#000000;
 background-image:url("cexss/imagesort/wall_type3.jpg");
 background-position:top left;
 background-attachment:no-fixed;
 background-repeat:repeat; }

#ttltxt{
 font-size:21pt;color:#000000;text-decoration:none;
 text-shadow:3px 3px 2px #95121f;
 }

#ttltxt2{
 font-size:21pt;color:#f9f9f9;text-decoration:none;
 text-shadow:3px 3px 2px #989898;
 }

.imgwaku1     { border:groove 3px #fe0202}
.imgwaku2     { border:double 5px #ff0000}
.imgwaku3     { border:double 5px #000000}

p.sample {
 filter:progid:DXImageTransform.Microsoft.Gradient(
 GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ff00cc00);
 }

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

.zyupu:active {
  -webkit-transition: all 0.0s; transition: all 0.0s;
  opacity: 1.0;  filter: brightness(50%);filter: contrast(200%);
  animation: zumzum2b 0.8s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

@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);
  }
}

.shadow {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 0.8;  filter: brightness(50%);filter: contrast(500%);
}

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

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

@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);
  }
}

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

.shoot:active {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(120%);filter: contrast(250%);
  animation: shoot 0.3s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

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

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

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

@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);
  }
}

.yurayura: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;
 }

.txtinimg {
    position: relative;
    display: flex;
    width: 100vw;
    overflow: hidden;
    opacity: 1.0;  filter: brightness(100%);  contrast(100%);
    color:#fe7979;
  font-weight: bold; /*太字に*/
  font-size: 1.8em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
}

.txtinimg cm1 {
  position: absolute;
  top: 2%;
  left: 1%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  opacity: 1.0;
  }

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

.bakubaku:active {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  animation: bokoboko 0.4s alternate infinite;
  display: inline-block;
  overflow: hidden;
  width: 700px;
  height: 800px;
}

@keyframes bokoboko {
  0% {
    transform: scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.985);
    transform-origin: center;
  }
  50% {
    transform: scale(0.91);
    transform-origin: center;
  }
  80% {
    transform: scale(0.98);
    transform-origin: center;
  }
  100% {
    transform: scale(1.00);
    transform-origin: center;
  }
}

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

.zumuzumu:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  animation: zumzum2b 0.2s infinite alternate ease-out;
  display: inline-block;
}

.zumuzumu:active {
  -webkit-transition: all 0.3s; transition: all 0.3s;
  opacity: 0.5;  filter: brightness(150%);  contrast(200%);
  display: inline-block;
  overflow: hidden;
}

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

@keyframes zumzumy {
  0% {
    transform: translateX(-17px) scaleX(0.997) rotateX(2deg);
    transform-origin: center;
  }
  10% {
    transform: translateX(-17px) scaleX(0.989) rotateX(1.8deg);
    transform-origin: center;
  }
  50% {
    transform: translateX(-10px) scaleX(1.005) rotateX(0.8deg);  
    transform-origin: center;
  }
  60% {
    transform: translateX(-8px) scaleX(1.003) rotateX(0.6deg);
    transform-origin: center;
  }
  70% {
    transform: translateX(-4px) scaleX(1.002) rotateX(0.4deg);
    transform-origin: center;
  }
  80% {
    transform: translateX(-2px) scaleX(1.001) rotateX(0.2deg);
    transform-origin: center;
  }
  90% {
    transform: translateX(-2px) scaleX(1) rotateX(0.2deg);
    transform-origin: center;
  }
  95% {
    transform: translateX(-2px) scaleX(0.995) rotateX(0.2deg);
    transform-origin: center;
  }
  100% {
    transform: translateX(0px) scaleX(1) rotateX(0deg);
    transform-origin: center;
  }
}

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

.gupogupo:hover {
  -webkit-transition: all 0.5s; transition: all 0.5s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  animation: gupgup 0.28s alternate infinite;
  display: inline-block;
  overflow: hidden;
}

@keyframes gupgup {
  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;
  }
}

.gupogupo: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;
 }

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

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

.gupogupo2: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 zumzum {
  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;
  }
}

.gupugupu:hover {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: sukosuko 0.52s ease-in-out alternate infinite;
  display: inline-block;
  overflow: hidden;
}

@keyframes sukosuko {
  0% {
    transform: translateY(0px) scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.992);
    transform-origin: center;
  }
  50% {
    transform: translateY(1px) scale(0.995);
    transform-origin: center;
  }
  80% {
    transform: scale(0.991);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px) scale(0.999);
    transform-origin: center;
  }
}

.gupugupu: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;
 }

.gupugupu2:hover {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: zupozupo 0.38s ease-in-out alternate infinite;
  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;
  }
}

.gupugupu2: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;
 }