@charset "UTF-8";

.animated{
  animation-delay: 0.2s;
}
.wrap h2,.wrap h3,.animGrass,.seat .box01 .fbox,.button01,.button02{
  opacity: 0;
}
#info .img02{
  animation-delay: 0.4s;
}
#info .img01{
  animation-delay: 0.6s;
}
#info .img03{
  animation-delay: 0.8s;
}
#setting .img01{
  animation-delay: 0.4s;
}
#setting .img02{
  animation-delay: 0.6s;
}
#setting .img03{
  animation-delay: 0.8s;
}
#footer h2{
  opacity: 1;
}
#course .box01 h3.animated,#course .box03 h3.animated{
  opacity: 1; 
}
@media screen and (min-width: 768px) {
  #setting .box03 h3{
    animation-delay: 0.5s;
  }
  .seat .box01 .fbox:nth-child(1){
    animation-delay: 0.3s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
  .seat .box01 .fbox:nth-child(2){
    animation-delay: 0.6s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
  .seat .box01 .fbox:nth-child(3){
    animation-delay: 0.9s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
@-webkit-keyframes rotateInUpRight2{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight2{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight2{-webkit-animation-name:rotateInUpRight2;animation-name:rotateInUpRight2}
@-webkit-keyframes rotateInUpRight3{0%{-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight3{0%{-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight3{-webkit-animation-name:rotateInUpRight3;animation-name:rotateInUpRight3}
@-webkit-keyframes rotateInUpRight4{0%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight4{0%{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight4{-webkit-animation-name:rotateInUpRight4;animation-name:rotateInUpRight4}
@-webkit-keyframes rotateInUpLeft2{0%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft2{0%{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft2{-webkit-animation-name:rotateInUpLeft2;animation-name:rotateInUpLeft2}
@-webkit-keyframes rotateInUpLeft3{0%{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft3{0%{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft3{-webkit-animation-name:rotateInUpLeft3;animation-name:rotateInUpLeft3}