@charset "UTF-8";

html {
  scroll-padding-top: 80px; // ヘッダーの高さ分設定
}

.iframe-wrapper{
        position: relative;
        width: 80%;
        padding-bottom: 80%;
        height: 0;
        overflow: hidden;
        margin: 0 auto;
}

#if-f{
  padding-bottom: 48%;

}

.iframe-wrapper iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 200%;
        transform-origin: 0 0;
}




.worlds-content{
  margin-top: 10px;
  line-height: 50px;
}

.snow {
  /*雪の色*/
  color: snow;
  /*雪の大きさ*/
  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%;}
}

.mont {
          position: fixed;
    top: -5%;
}