@charset "utf-8";
#logo1 {
  position: absolute;
  align: middle;
  text-align: center;
  width: 508px;
  height: 43px;
  top: 70px;
  left: 60px;
  border: 0;
}
#logo2 {
  position: absolute;
  width: 108px;
  height: 43px;
  border: 0;
  top: 190px;
  left: 330px;
  z-index: 3;
}
#navi {
  position: absolute;
  align: left;
  font-size: 20pt;
  font-family: "ＭＳ 明朝";
  font-weight: bold;
  width: 670px;
  top: 110px;
  left: 80px;
  line-height: 30px;
}
#Shamisen {
  position: absolute;
  width: 378px;
  height: 99px;
  top: 207px;
  left: 180px;
}
#nameYM {
  position: absolute;
  font-weight: normal;
  font-size: 18pt;
  font-family : "ＭＳ ゴシック", "ＭＳ 明朝";
  font-weight : normal;
  top: 325px;
  left: 140px;
}
#rehearsalDay {
  position: absolute;
  font-size: 16px;
  font-family: "ＭＳ ゴシック";
  font-weight: bold;
  top: 365px;
  left: 145px;
}
#logo3 {
  position: absolute;
  font-size: 16pt;
  font-family: "ＭＳ ゴシック";
  font-weight: normal;
  width: 125px;
  height: 37px
  top: 400px;
  left : 330px;
  z-index: 4;
}
#Tel&Fax {
  position: absolute;
  font-size: 16px;
  font-weight: normal;
  font-family: "ＭＳ 明朝", "ＭＳ ゴシック";
  width: 400px;
  height: 20px;
  top: 420px;
  left: 100px;
  border: 0;
}
#sensu {
  position: absolute;
  width: 180px;
  height: 100px;
  top: 450px;
  left : 120px;
  animation-name: sensuAnim;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
#hanagasa {
  position: absolute;
  width: 115px;
  height: 105px;
  top: 440px;
  left: 400px;
  animation: hanagasaAnim 4s;
  animation-iteration-count:  infinite;
  -webkit-animation: translate 3s;
  /* Safari & Chrome */
  -webkit-animation-iteration-count: 1;
  background-repeat: no-repeat;
}
#moromi {
  position: absolute;
  width: 934px;
  height: 311px;
  top: 560px;
  left: 20px
  border: 0;
}
@keyframes sensuAnim {
  0% {
    transform: rotate(15deg) scale(0.4);
    opacity: 0.4;
  }
  25% {
    transform: rotate(25deg) scale(0.6);
    opacity: 0.6;
  }
  50% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  75% {
    transform: rotate(-25deg) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: rotate(-15deg) scale(0.4);
    opacity: 1;
  }
}
@-webkit-keyframes sensuAnim {
  0% {
    -webkit-transform: rotate(15deg) scale(0.4);
    opacity: 0.4;
  }
  25% {
    -webkit-transform: rotate(25deg) scale(0.6);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotate(-25deg) scale(0.6);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(-15deg) scale(0.4);
    opacity: 1;
  }
}
@keyframes hanagasaAnim {
 0% {
  transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }
 25% {
  transform: translate(60px, 0px) scale(0.6);
  opacity: 0.6;
 }
 50% {
  transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }
 75% {
  transform: translate(-60px, 0px) scale(0.6);
  opacity: 0.6;
 }
 100% {
  transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }
}
@-webkit-keyframes hanagasaAnim {
 0% {
  -webkit-transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }
 25% {
  -webkit-transform: translate(60px, 0px) scale(0.6);
  opacity: 0.6;
 }
 50% {
  -webkit-transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }

 75% {
  -webkit-transform: translate(-60px, 0px) scale(0.6);
  opacity: 0.6;
 }
 100% {
  -webkit-transform: translate(0px, 0px) scale(1);
  opacity: 1;
 }
}