@charset "utf-8";

/* 通常フェードイン */

.fadein {
  opacity : 0.1;
  transform : translate(0, 100px);
  transition : all ease 1.2s;
}
.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

/* #mainVisual */

#mainVisual .deco .bird {
  -webkit-animation: bird 0.5s linear 0s 1;
  animation: bird 0.5s linear 0s 1;
}
#mainVisual .deco .tree {
  -webkit-animation: tree 0.5s linear 0s 1;
  animation: tree 0.5s linear 0s 1;
}

/* #secOurapproach */

/* 2つ目 */
#secOurapproach .boxWrap > a.fadein:nth-of-type(2) {
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
}
/* 3つ目 */
#secOurapproach .boxWrap > a.fadein:nth-of-type(3) {
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
}
/* 4つ目 */
#secOurapproach .boxWrap > a.fadein:nth-of-type(4) {
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}

/* #secDay & #secEvent */
#secDay.fadein2.scrollin .body h2:before, #secEvent.fadein2.scrollin .body h2:before {
  opacity:1;
  -webkit-animation: poyon 1.1s linear 0s 1;
  animation: poyon 1.1s linear 0s 1;
}

/* #secActivity */
#secActivity .inner .badge:after {
  animation: rotateObj 10s linear infinite;
}
#secActivity .approach .box:nth-of-type(1) figure, #secActivity .approach .box:nth-of-type(5) figure {
  -webkit-animation: fuwafuwa 5s infinite linear alternate;
  animation: fuwafuwa 5s infinite linear alternate;


}
#secActivity .approach .box:nth-child(2n) figure {
  -webkit-animation: fuwafuwa2 5s infinite linear alternate;
  animation: fuwafuwa2 5s infinite linear alternate;


}
#secActivity .approach .box:nth-child(3n) figure {
  -webkit-animation: fuwafuwa3 5s infinite linear alternate;
  animation: fuwafuwa3 5s infinite linear alternate;
}
/* #secGuide */

#secGuide .kind.fadein2.scrollin .heading img {
  -webkit-animation: poyon 1.1s linear 0s 1;
  animation: poyon 1.1s linear 0s 1;
}

/* #secBlog */
#secBlog article a {
  padding: 20px;
}
#secBlog article a:hover figure {
  -webkit-animation: purun 0.8s linear 0s 1;
  animation: purun 0.8s linear 0s 1;
}

/* #secVicinity */

/* 2つ目 */
#secVicinity .list > a.fadein:nth-of-type(2) {
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
}
/* 3つ目 */
#secVicinity .list > a.fadein:nth-of-type(3) {
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
}

/* bird */
@keyframes bird {
  0% {-webkit-transform:translate(20px, -100px) rotate(-2deg);}
  100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}

/* tree */
@keyframes tree {
  0% {-webkit-transform:translate(-20px, 30px) rotate(2deg);}
  100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}


/* poyon */

@-webkit-keyframes poyon {
  0%   { -webkit-transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { -webkit-transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { -webkit-transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { -webkit-transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { -webkit-transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { -webkit-transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

/* purun */

@-webkit-keyframes purun {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 2%); }
  30%  { -webkit-transform: scale(1.1, 0.8) translate(0%, 5%); }
  50%  { -webkit-transform: scale(0.8, 1.1) translate(0%, 0%); }
  70%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 2%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 2%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 5%); }
  50%  { transform: scale(0.8, 1.1) translate(0%, 0%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 2%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


/* rotateObj
 */
 
@keyframes rotateObj {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* fuwafuwa
 */

@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0) rotate(2deg);}
  50% {-webkit-transform:translate(0, -10px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(-5deg);}

}

@keyframes fuwafuwa {
  0% {transform:translate(0, 0) rotate(2deg);}
  50% {transform:translate(0, -10px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(-5deg);}

}

@-webkit-keyframes fuwafuwa2 {
  0% {-webkit-transform:translate(0, 0) rotate(-2deg);}
  50% {-webkit-transform:translate(0, 10px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(5deg);}

}

@keyframes fuwafuwa2 {
  0% {transform:translate(0, 0) rotate(-2deg);}
  50% {transform:translate(0, 10px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(5deg);}

}

@-webkit-keyframes fuwafuwa3 {
  0% {-webkit-transform:translate(0, 0) rotate(2deg);}
  50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(-2deg);}

}

@keyframes fuwafuwa3 {
  0% {transform:translate(0, 0) rotate(2deg);}
  50% {transform:translate(0, -5px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(-2deg);}

}