.taiken {
    animation-name: fadein;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 3.0s;
}
.taiken-new {
    animation-name: fadein4;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-duration: 8.0s;
}
.taiken-5 {
    animation-name: fadein5;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-duration: 8.0s;
}
.girls-new-logo {
    animation-name: rotation3;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-duration: 2.0s;
}
.girls-logo {
    animation-name: rotation3;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 3.0s;
}

.top-logo {
    animation-name: fadein5;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-duration: 1.0s;
}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
}
@keyframes updown-anime {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}
@keyframes fadein {
  0% {
     opacity: 0;
     transform: translateX(120px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

/* 上から下へ */
@keyframes fadein1 {
  0% {
     opacity: 0;
     transform: translateY(0);
  }
  100% {
     opacity: 1;
     transform: translateY(20px);
  }
}

/* 下から上へ */
@keyframes fadein2 {
  0% {
     opacity: 0;
     transform: translateY(20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}

/* 左右に揺れる */
@keyframes fadein3 {
  0% {
     opacity: 0;
     transform: translateX(0);
  }
  100% {
     opacity: 1;
     transform: translateX(20px);
  }
}

/* 右から出る */
@keyframes fadein4 {
  0% {
     opacity: 0;
     transform: translateX(20px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

/* 右から出る */
@keyframes fadein5 {
  0% {
     opacity: 0;
     transform: translateX(500px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

/* 右回り回転 */
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

/* 上下回転 */
@keyframes rotation2{
  0%{ transform:rotateX(0);}
  100%{ transform:rotateX(360deg); }
}

/* 左右回転 */
@keyframes rotation3{
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(360deg); }
}
/* 点滅 */
.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


.balloon {
  position: relative;
  display: inline-block;
  background: cornflowerblue;
  border-radius: 8px;
  padding: 5px;
  font-weight: normal;
  color: #fff;
}
.balloon:before {
  content: "";
  /* borderで三角形を作る */
  border: 5px solid transparent;
  border-top: 15px solid cornflowerblue;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 40%;
  transform: translateX(-50%);
}