@keyframes slideLR{
 0%{transform: translateX(-30px); opacity:0;}
 100%{transform: translateX(0); opacity:1;}
}
@keyframes wScale{
  0%{width:0;}
  100%{width:100%;}
}
@keyframes upMove {
  0%{margin-top: 50px; opacity: 0;}
  60%{margin-top: -5px; opacity: 1;}
  80%{margin-top: 5px; opacity: 1;}
  100%{ margin-top: 0; opacity: 1;}
}
@keyframes upView{
  0%{ transform: translateY(40px); opacity:0;}
  50%{ transform: translateY(-20px); opacity:0.7;}
  100%{ transform: translateY(0); opacity:1;}
}



/*タイトル*/
.cont_ttl h1{
  opacity:0;
}
.cont_ttl.view h1{
  animation:slideLR 0.2s ease-out 0.3s forwards;
}
/*クイズ*/
.cont_quiz .cont_h h2{
  opacity:0;
}
.cont_quiz.view .cont_h h2{
  animation:slideLR 0.2s ease-out 0.2s forwards;
}
.cont_quiz .cont_h p{
  opacity:0;
}
.cont_quiz.view .cont_h p{
  animation:slideLR 0.2s ease-out 0.4s forwards;
}
.cont_quiz .cont_sec_ttl figure{
  opacity:0;
}
.cont_quiz.view .cont_sec_ttl figure{
  animation:slideLR 0.2s ease-out 0.5s forwards;
}
.cont_quiz:before{
  width:0;
}
.cont_quiz.view:before{
  animation:wScale 0.5s ease-out 0.8s forwards;
}
/*イベント*/
.cont_event .cont_h h2{
  opacity:0;
}
.cont_event.view .cont_h h2{
  animation:slideLR 0.2s ease-out 0.2s forwards;
}
.cont_event .cont_h p{
  opacity:0;
}
.cont_event.view .cont_h p{
  animation:slideLR 0.2s ease-out 0.4s forwards;
}
.cont_event .cont_event_time img{
  opacity:0;
}
.cont_event.view .cont_event_time img{
  animation:upMove 0.5s ease-out 0.5s forwards;
}
/*スタンプラリー*/
.cont_stamp .cont_h h2{
  opacity:0;
}
.cont_stamp.view .cont_h h2{
  animation:slideLR 0.2s ease-out 0.2s forwards;
}
.cont_stamp .cont_h p{
  opacity:0;
}
.cont_stamp.view .cont_h p{
  animation:slideLR 0.2s ease-out 0.3s forwards;
}
.cont_stamp .cont_howto ul li{
  opacity: 0;
}
.cont_stamp.view .cont_howto ul li:nth-child(1){
  animation:upView 0.5s ease-out 0.7s forwards;
}
.cont_stamp.view .cont_howto ul li:nth-child(2){
  animation:upView 0.5s ease-out 0.9s forwards;
}
.cont_stamp.view .cont_howto ul li:nth-child(3){
  animation:upView 0.5s ease-out 1.1s forwards;
}
