.snow {
	position: absolute;
  /*雪の色*/
  color: #afd7f1;
  /*雪の大きさ*/
  font-size: 10px;
  /*初期位置*/
  position: fixed;
  top: -5%;
  /*雪を適当な幅で降らせる*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  /*雪アニメーション1*/
  animation: roll 5s linear infinite;
}
  /*2つめの雪アニメーション*/
.snow2nd{animation: anim 8s linear infinite;}

@keyframes roll {
    0% {transform:rotate(0deg);}
   90% {opacity:1;}
   100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes anim {
  100% {color:transparent;top:150%;}
}

.anim-box.fadein.is-animated {
  animation: fadeIn 2.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.anim-box2.fadein.is-animated {
  animation: fadeIn 5.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}



@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.5s,visibility 0.5s, transform 0.5s;
}

.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
/* 下からフェードイン*/
.js-fadeBottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.7s,visibility 0.7s, transform 0.7s;
}
.js-fadeBottom.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/* 上からフェードイン*/
.js-fadeTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.7s,visibility 0.7s, transform 0.7s;
}
.js-fadeTop.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/* 左からフェードイン*/
.js-fadeLeft {
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: opacity 0.7s,visibility 0.7s, transform 0.7s;
}
.js-fadeLeft.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

/* 右からフェードイン*/
.js-fadeRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: opacity 0.7s,visibility 0.7s, transform 0.7s;
}
.js-fadeRight.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}