@charset "UTF-8";

.all_illust {
    position: relative;
    inset: 0;
}
.all_illust div {
    position: absolute;
    min-height: 0vw; min-height: 0;
    z-index: 1;
}
.all_illust img { width: 100%;}


/* -- -- -- -- -- KV -- -- -- -- --  */

.kv_cow{
    width: clamp(10px, 6vw, 100px);
    top: clamp(320px, 58vw, 690px);
    left: 50%;
    transform: translateX(-50%);
}
.kv_sun{
    width: clamp(5px, 3vw, 100px);
    top: clamp(50px, 60vw, 800px);
    left: 10%;
}
.kv_earth{
    width: clamp(7px, 4vw, 110px);
    top: clamp(50px, 40vw, 400px);
    left: 4%;
}
.kv_mars{
    width: clamp(5px, 3vw, 100px);
    top: clamp(80px, 5vw, 400px);
    right: 10%;
}
.kv_mercury{
    width: clamp(10px, 6vw, 130px);
    top: clamp(50px, 60vw, 800px);
    right: 20%;
}
.kv_meteorite{
    width: clamp(5px, 2vw, 70px);
    top: clamp(130px, 15vw, 400px);
    right: 4%;
}
.kv_moon{
    width: clamp(5px, 2vw, 70px);
    top: clamp(130px, 10vw, 400px);
    left: 6%;
}
.kv_saturn{
    width: clamp(20px, 10vw, 180px);
    top: clamp(50px, 55vw, 700px);
    left: 18%;
}
.kv_seiza1{
    width: clamp(10px, 6vw, 130px);
    top: clamp(50px, 5vw, 50px);
    left: 16%;
}
.kv_seiza2{
    width: clamp(8px, 2vw, 40px);
    top: clamp(50px, 5vw, 50px);
    right: 30%;
}
.kv_rocket img{
    position: absolute;
    width: clamp(100px, 12vw, 200px);
    /* top: clamp(0px, 5vw, 1000px); */
    top: 15%;
    left: 26%;
}

/* -- -- -- -- -- contents1 -- -- -- -- --  */

.con1_kappa{
    width: 5%;
    top: clamp(0px, 5vw, 2000px);
    right: 12%;
    animation: yurayuraUpdown 1s ease-in-out infinite alternate;
}
.con1_worm{
    width: 5%;
    top: clamp(50px, 30vw, 2000px);
    right: 10%;
    animation: yurayuraSide 4s ease-in-out infinite;
}
.con1_pop{
    width: 5%;
    top: clamp(300px, 40vw, 2000px);
    left: 6%;
    animation: fuwafuwa 2.5s ease-in-out infinite;
}
.con1_pig{
    width: 5%;
    top: clamp(500px, 50vw, 3000px);
    left: 10%;
    animation: fuwafuwa 2.5s ease-in-out infinite;
}
.con1_seizaY{
    width: 5%;
    top: 0%;
    left: 16%;
}
.con1_seiza9{
    width: clamp(10px, 3vw, 100px);
    top: clamp(50px, 80vw, 2000px);
    right: 10%;
}

/* -- -- -- -- -- contents2 -- -- -- -- --  */

.con2_sphinx{
    width: 7%;
    top: clamp(0px, 5vw, 2000px);
    right: 3%;
    animation: fuwafuwa 4s ease-in-out infinite;
}
.con2_ufo{
    width: 10%;
    top: clamp(400px,15vw, 2000px);
    left: 7%;
    animation: yurayuraUpdown 1.5s ease-in-out infinite alternate;
}
.con2_seizaY{
    width: 5%;
    top: 0%;
    left: 10%;
}
.con2_seiza9{
    width: 2%;
    top: clamp(600px,30vw, 2000px);
    right: 10%;
}
.con2_saturn{
    width: 9%;
    top: clamp(1200px,45vw, 2000px);
    right: 8%;
    animation: fuwafuwa 4s ease-in-out infinite;
}
.con2_mercury{
    width: 6%;
    top: clamp(1600px,58vw, 2000px);   
    left: 8%;
    animation: fuwafuwa 4s ease-in-out infinite;
}
.con2_seizaY_2{
    width: 5%;
    top: clamp(2000px,68vw, 2500px);   
    left: 10%;
}
.con2_mars{
    width: 5%;
    top: clamp(2300px,70vw, 2500px);   
    right: 10%;
    animation: fuwafuwa 4.4s ease-in-out infinite;
}
.con2_moon{
    width: 4%;
    top: clamp(2500px,84vw, 3000px);   
    left: 10%;
    animation: fuwafuwa 4.6s ease-in-out infinite;
}
.con2_seiza9_2{
    width: 2.7%;
    top: clamp(2800px,87vw, 2500px);   
    right: 10%;
}


/* -- -- -- -- -- sub -- -- -- -- --  */

.sub_moon1{
    width: clamp(5px, 2vw, 60px);
    top: clamp(50px, 14vw, 270px);
    left: 5%;
}
.sub_moon2{
    width: clamp(7px, 2.5vw, 80px);
    top: clamp(700px, 30vw, 1000px);
    left: 15%;
}
.sub_moon3{
    width: clamp(10px, 3vw, 70px);
    top: clamp(700px, 27vw, 1000px);
    right: 20%;
}
.sub_saturn{
    width: clamp(13px, 5vw, 120px);
    top: clamp(650px, 36vh, 200px);
    left: 25%;
}
.sub_mars{
    width: clamp(10px, 3vw, 100px);
    top: clamp(10px, 4vw, 200px);
    right: 18%;
}
.sub_meteorite{
    width: clamp(5px, 2vw, 50px);
    top: clamp(10px, 12vw, 300px);
    right: 5%;
}
.sub_sun{
    width: clamp(5px, 2vw, 50px);
    top: clamp(10px, 22vw, 1000px);
    right: 3%;
}
.sub_earth{
    width: clamp(13px, 5vw, 120px);
    top: clamp(100px, 50vh, 700px);
    left: 3%;
}
.sub_seizaY{
    width: 5%;
    top: clamp(10px, 2vw, 30px);
    left: 30%;
}

.sub_pop{
    width: 10%;
    top: clamp(400px, 26vw, 500px);
    left: 3%;
}
.sub_meteorite2{
    width: clamp(10px, 3vw, 70px);
    top: clamp(600px, 40vw, 800px);
    left: 1%;
}
.sub_seiza9{
    width: 3%;
    top: clamp(10px, 22vw, 1000px);
    right: 5%;
}
.sub_seizaY2{
    width: 4%;
    top: clamp(900px, 60vw, 1100px);
    left: 7%;
}
.sub_saturn2{
    width: clamp(10px, 6vw, 120px);
    top: clamp(800px, 55vw, 1000px);
    right: 5%;
}
.sub_seiza9-2{
    width: 3%;
    top: clamp(30px, 8vw, 200px);
    left: 7%;
}
.sub_meteorite3{
    width: clamp(10px, 3vw, 70px);
    top: clamp(30px, 8vw, 200px);
    right: 5%;
}

@keyframes fuwafuwa {
    0% {
    transform: translateY(0);
    }
    50% {
    transform: translateY(-30px);
    }
    100% {
    transform: translateY(0);
    }
}
@keyframes yurayuraSide{
    0% {
    transform: translateX(0);
    }
    50% {
    transform: translateX(15px);
    }
    100% {
    transform: translateX(0);
    }
}
@keyframes  yurayuraUpdown{
    from {
    transform: rotate(-3deg);
    }
    to {
    transform: rotate(3deg);
    }
}