.section_1 span.star {
	display: inline-block;
	position: absolute;
	opacity: 0.2;
}

.star1{
	background: url(../images/main/starbg1.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 1.5s linear infinite 1.1s;
	top: 30px;
	left: 50%;
}
span.star2{
	background: url(../images/main/starbg2.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	top: 50%;
	left: 70%;
	animation: opa 2s linear infinite 0.7s;
}
span.star3{
	background: url(../images/main/starbg3.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 1.4s linear infinite 0.8s;
	left: 10%;
    top: 75%;
}
span.star4{
	background: url(../images/main/starbg4.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 2.5s linear infinite 1.5s;
	left: 70%;
    top: 80%;
}
span.star5{
	background: url(../images/main/starbg5.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 2.2s linear infinite 1.5s;
	left: 5%;
    top: 55%;
}
span.star6{
	background: url(../images/main/starbg6.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 1.7s linear infinite 1.7s;
	left: 5%;
    top: 5%;
}
span.star7{
	background: url(../images/main/starbg6.png) 50% 0 no-repeat;
	width: 115px;
	height: 91px;
	animation: opa 1s linear infinite 1.4s;
	left: 35%;
    top: 75%;
}
.night{
	/* transform: rotateZ(2600deg); */
}
.shooting_star{
	position: absolute;
	transform: rotateZ(130deg);
    left: 20%;
    top: 20%;
    margin-left: -3px;
    height: 5px;
    background: linear-gradient(-45deg, #fff, rgba(0, 0, 255, 0));
    border-radius: 9px;
    filter: drop-shadow(0 0 2px #fff);
    -webkit-animation: tail 2s ease-in-out both, shooting 2s ease-in-out both;
    animation: tail 2s ease-in-out both, shooting 2s ease-in-out both;
    animation-delay: 1000ms;
}
/* .shooting_star::after { */
    /* content: ""; */
    /* position: absolute; */
    /* top: calc(50% - 1px); */
    /* right: 0; */
    /* height: 2px; */
    /* background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #fff, rgba(0, 0, 255, 0)); */
    /* transform: translateX(50%) rotateZ(45deg); */
    /* border-radius: 100%; */
    /* -webkit-animation: shining 3000ms ease-in-out 4 both; */
    /* animation: shining 3000ms ease-in-out 4 both; */
    /* transform: translateX(50%) rotateZ(-45deg); */
/* } */
@keyframes opa{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes tail {0% {width: 15px;}30% {width: 15px;}100% { width: 0px;}}
@keyframes shooting {
	0% {transform: translateY(0);}
	100% {transform: translate(300px,300px);}
}