.l-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1080px;
  height: 100%;
}

.l-bg .l-bg_item {
  position: absolute;
  top: 105%;
  -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.l-bg .l-bg_item span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rotate 5s linear infinite normal;
          animation: rotate 5s linear infinite normal;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.l-bg .l-bg_item:nth-child(even) {
  -webkit-animation-name: top_anm;
          animation-name: top_anm;
}

.l-bg .l-bg_item:nth-child(even) span {
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
}

.l-bg .l-bg_item:nth-child(odd) {
  -webkit-animation-name: top_anm2;
          animation-name: top_anm2;
}

.l-bg .l-bg_item:nth-child(3n) {
  -webkit-animation-name: top_anm3;
          animation-name: top_anm3;
}

.l-bg .l-bg_item:nth-child(3n) span {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.l-bg .l-bg_item:nth-child(5n) span {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

.l-bg .l-bg_item.l-bg_item--move0 {
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.l-bg .l-bg_item.l-bg_item--move1 {
  -webkit-animation-duration: 14s;
          animation-duration: 14s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.l-bg .l-bg_item.l-bg_item--move2 {
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.l-bg .l-bg_item.l-bg_item--move3 {
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.l-bg .l-bg_item.l-bg_item--move4 {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.l-bg .l-bg_item.l-bg_item--move5 {
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.l-bg .l-bg_item.l-bg_item--move6 {
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.l-bg .l-bg_item.l-bg_item--move7 {
  -webkit-animation-duration: 26s;
          animation-duration: 26s;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.l-bg .l-bg_item.l-bg_item--move8 {
  -webkit-animation-duration: 28s;
          animation-duration: 28s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.l-bg .l-bg_item.l-bg_item--move9 {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.l-bg .l-bg_item.l-bg_item--move10 {
  -webkit-animation-duration: 32s;
          animation-duration: 32s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.l-bg .l-bg_item.l-bg_item--move11 {
  -webkit-animation-duration: 34s;
          animation-duration: 34s;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

.l-bg .l-bg_item.l-bg_item--move12 {
  -webkit-animation-duration: 36s;
          animation-duration: 36s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.l-bg .l-bg_item.l-bg_item--move13 {
  -webkit-animation-duration: 38s;
          animation-duration: 38s;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}

.l-bg .l-bg_item.l-bg_item--move14 {
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

.l-bg .l-bg_item.l-bg_item--move15 {
  -webkit-animation-duration: 42s;
          animation-duration: 42s;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

.l-bg .l-bg_item.l-bg_item--1 {
  width: 31px;
  height: 31px;
}

.l-bg .l-bg_item.l-bg_item--1 span {
  background-image: url(/static/star_1.png);
}

.l-bg .l-bg_item.l-bg_item--2 {
  width: 31px;
  height: 31px;
}

.l-bg .l-bg_item.l-bg_item--2 span {
  background-image: url(/static/star_2.png);
}

.l-bg .l-bg_item.l-bg_item--3 {
  width: 26px;
  height: 27px;
}

.l-bg .l-bg_item.l-bg_item--3 span {
  background-image: url(/static/star_3.png);
}

.l-bg .l-bg_item.l-bg_item--4 {
  width: 20px;
  height: 20px;
}

.l-bg .l-bg_item.l-bg_item--4 span {
  background-image: url(/static/star_4.png);
}

.l-bg .l-bg_item.l-bg_item--5 {
  width: 20px;
  height: 20px;
}

.l-bg .l-bg_item.l-bg_item--5 span {
  background-image: url(/static/star_5.png);
}

@-webkit-keyframes top_anm {
  0% {
    top: 105%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@keyframes top_anm {
  0% {
    top: 105%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@-webkit-keyframes top_anm2 {
  0% {
    top: 120%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -170px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@keyframes top_anm2 {
  0% {
    top: 120%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -170px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@-webkit-keyframes top_anm3 {
  0% {
    top: 150%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -170px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@keyframes top_anm3 {
  0% {
    top: 150%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
  }
  80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
  }
  100% {
    top: -170px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}