A:link {font-size:20px;color:#3177fe;text-decoration:none;}
 A:visited {font-size:20px;color:#3177fe;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:16px;text-decoration:none;font-family:Meiryo UI;
        color:#ffffff;
        background-image:url("vc/imagesort/");
        background-color:#ffcaca;
        transition: 0.5s;
        background-position:top left;
        background-attachment:fixed;
        background-repeat:repeat; }
 pre { font-family:Meiryo UI; }

 h1 {
      color: #fe4545;
      font-size: 48px;
      line-height: 1.0em;
      font-weight: bold;
    }

 h2 {
      margin: 0rem;
      color: #ea1919;
      font-size: 28px;
      line-height: 0.0em;
      font-weight: bold;
      font-style: italic;
    }

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

 h3a {
      margin: 0rem;
      color: #ffffff;
      font-size: 38px;
      line-height: 1.6em;
      font-weight: bold;
    }

 h4 {
      margin: 0rem;
      color: #EBEB1B;
      font-size: 24px;
      line-height: 1.1em;
      font-weight: bold;
    }

 h5 {
      margin: 0.5rem;
      color: #EBEB1B;
      font-size: 26px;
      line-height: 0.0em;
      font-weight: bold;
    }

 h6 {
      margin: 0.5rem;
      color: #1BEBEB;
      font-size: 26px;
      line-height: 0.0em;
      font-weight: bold;
    }

 h7 {
      margin: 0.5rem;
      color: #2947AC;
      font-size: 16px;
      line-height: 1.0em;
      font-weight: bold;
    }

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


#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;
}

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

.ergrryn {
    background-image: url(imagesort/wall_type2c.jpg);
}

@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%);
  filter: brightness(1) invert(0);
}

.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(0.9,0.9);
  }
  }
  40% {
    transform: scale(1.4,1.4);
  }
  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: inside block;
    width: 100vw;
    overflow: hidden;
    opacity: 1.0;  filter: brightness(100%);  contrast(100%);
    color:#fe7979;
  text-align: center;
  font-weight: bold; /*太字に*/
  font-size: 1.8em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
}

.txtinimg cm1 {
  position: absolute;
  display: flow;
  top: -760px;
  left: 20px;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  opacity: 1.0;
  }

.txtinimg cm2 {
  position: absolute;
  display: flow;
  top: -730px;
  left: 20px;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  opacity: 1.0;
  }

.txtinimg cm3 {
  position: absolute;
  display: flow;
  top: -760px;
  left: 20px;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  color:#ffffff;
  margin:0;
  padding:0;
  opacity: 1.0;
  }

.txtinimg cm4 {
  position: absolute;
  display: flow;
  top: -730px;
  left: 20px;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  color:#ffffff;
  margin:0;
  padding:0;
  opacity: 1.0;
  }

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

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

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

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

.zumuzumu:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  animation: zumzum 0.18s alternate infinite;
  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;
  }
}

.zumuzumu:active {
  -webkit-transition: all 0.1s; transition: all 0.1s;
  opacity: 1;  filter: brightness(140%); 
  background-color:#ffffff;
  animation: shoot 0.3s alternate ease-out;
  display: inline-block;
  overflow: hidden;
}


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

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

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

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

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

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

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

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

@keyframes chupa {
  0% {
    transform: translateY(0px) scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.99);
    transform-origin: center;
  }
  50% {
    transform: translateY(2px) scale(0.98);
    transform-origin: center;
  }
  80% {
    transform: scale(0.97);
    transform-origin: center;
  }
  100% {
    transform: translateY(5px) scale(0.96);
    transform-origin: center;
  }
}

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

.syukosyuko:hover {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  animation: sukosuko 0.26s 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.999);
    transform-origin: center;
  }
  50% {
    transform: translateY(1px) scale(0.995);
    transform-origin: center;
  }
  80% {
    transform: scale(0.998);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px) scale(0.999);
    transform-origin: center;
  }
}

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

@keyframes sukosuko2 {
  0% {
    transform: translateY(0px) scale(1.00);
    transform-origin: center;
  }
  40% {
    transform: scale(0.997);
    transform-origin: center;
  }
  50% {
    transform: translateY(1px) scale(0.992);
    transform-origin: center;
  }
  80% {
    transform: scale(0.998);
    transform-origin: center;
  }
  100% {
    transform: translateY(0px) scale(0.997);
    transform-origin: center;
  }
}

.nikudango {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.nikudango2 {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

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

.nikudango2:active {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(150%);filter: invert(100%);
  animation: zumzum 0.2s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.nikudango3 {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

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

.nikudango3:active {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(150%);filter: invert(100%);
  animation: zumzum 0.2s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.nikudango3s {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(100%);filter: contrast(100%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.nikudango3s:hover {
  -webkit-transition: all 1.5s; transition: all 1.5s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  animation: yura 0.4s ease-in-out alternate infinite;
  display: inline-block;
}

.nikudango3s:active {
  -webkit-transition: all 0.2s; transition: all 0.2s;
  opacity: 1.0;  filter: brightness(150%);filter: invert(100%);
  animation: zumzums 0.1s infinite alternate ease-out;
  display: inline-block;
  overflow: hidden;
}

.fnfin {
  -webkit-transition: all 5s; transition: all 5s;
  animation: zoomIn 0.3s ease-in-out forwards;
  display: inline-block;
}

@keyframes zoomIn {
  100% {
    transform: scale(1.8,1.8);
    opacity: 0.0;
  }
}

.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: slideUp 0.27s alternate infinite;
  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(115%);filter: contrast(115%);
  animation: slideUp 0.17s alternate infinite;
  display: inline-block;
  overflow: hidden;
}


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

.gupogupo3:hover {
  -webkit-transition: all 0.5s; transition: all 0.5s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  animation: slideUp 0.21s ease-in-out infinite;
  display: inline-block;
  overflow: hidden;
}

@keyframes gpogpo {
  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(0px) scaleY(0.995) rotateX(0deg);
    transform-origin:bottom;
  }
  100% {
    transform: translateY(0px) scaleY(1) rotateX(0deg);
    transform-origin:bottom;
  }
}

.panpan-u {
  position: relative;
}

.panpan-u:hover {
  -webkit-transition: all 1.0s; transition: all 1.0s;
  opacity: 1.0;  filter: brightness(115%);filter: contrast(115%);
  z-index: 30;
  animation: slideUp 0.6s ease-in-out infinite;
  transform: scale(1,1);
  display: inline-block;
  overflow: hidden;
}

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

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