@charset "UTF-8";
/* CSS Document */

.buruburu{
	height:auto;
	animation: furu 1.8s infinite;
    animation-delay: 1s;
position: relative;
z-index: 5;
}

@keyframes furu {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    2% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    4% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    6% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    8% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    10% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    12% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    14% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    16% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    18% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}

@keyframes furubig {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    2% {
        transform: translate(6px, 6px) rotateZ(6deg)
    }
    4% {
        transform: translate(0px, 6px) rotateZ(0deg)
    }
    6% {
        transform: translate(6px, 0px) rotateZ(-6deg)
    }
    8% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    10% {
        transform: translate(6px, 6px) rotateZ(6deg)
    }
    12% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    14% {
        transform: translate(6px, 0px) rotateZ(-6deg)
    }
    16% {
        transform: translate(0px, 6px) rotateZ(0deg)
    }
    18% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}


.stu01{
width: 20%;
top: -40px;
left: 120px;
height:auto;
position: absolute;
display: block;
}
.stu01_2,
.stu04_2,
.stu05_2,
.stu014_2,
.stu019_2,
.stu020_2,
.stu027_2{
display: none;
}
.stu02{
width: 15%;
top: -35%;
left: 75%;
margin-bottom: -35%;;
}
.stu03{
width: 13%;
top: 700px;
right: 10%;
height:auto;
position: absolute;
}
.stu04{
width: 32%;
top: -350px;
left: -12%;
margin-bottom: -320px;
height:auto;
position: relative;
}
.stu05{
width: 34%;
top: -357px;
left: 78%;
margin-bottom: -340px;
height:auto;
position: relative;
}
.stu06{
width: 17%;
top: -480px;
left: -20%;
margin-bottom: -480px;
height:auto;
}
.stu07{
width: 20%;
top: -310px;
left: 13%;
margin-bottom: -310px;
height:auto;
position: relative;
}
.stu08{
width: 20%;
top: -340px;
left: 68%;
margin-bottom: -340px;
height:auto;
position: relative;
}
.stu09{
width: 35%;
top: -250px;
left: 13%;
margin-bottom: -250px;
height:auto;
position: relative;
}
.stu010{
width: 22%;
top: -200px;
left: -21%;
margin-bottom: -300px;
height:auto;
position: relative;
}
.stu011{
width: 16%;
top: -280px;
left: 102%;
margin-bottom: -460px;
height:auto;
position: relative;
}
.stu012{
width: 21%;
top: -120px;
left: -23%;
margin-bottom: -450px;
height:auto;
position: relative;
z-index: 10;
}
.stu013{
width: 25%;
left: 93%;
bottom: 500px;
margin-bottom: -400px;
height:auto;
}

.stu014{
width: 35%;
top: -360px;
left: -10%;
margin-bottom: -360px;
height:auto;
position: relative;
}
.stu015{
width: 23%;
top: -340px;
left: 80%;
margin-bottom: -340px;
height:auto;
}

.stu016{
width: 16%;
top: 30px;
left: -10%;
margin-bottom: -300px;
height:auto;
}
.stu017{
width: 27%;
top: 30px;
left: 83%;
margin-bottom: -300px;
height:auto;
position: relative;
}
.stu018{
width: 25%;
bottom: 550px;
left: 55px;
margin-bottom: 0px;
height:auto;
position: relative;
}

.stu019{
width: 33%;
top: -350px;
left: -6%;
margin-bottom: -360px;
height:auto;
position: relative;
z-index: 10;
}
.stu020{
width: 35%;
top: -340px;
left: 70%;
margin-bottom: -380px;
height:auto;
position: relative;
z-index: 0;
}

.stu021{
width: 26%;
top: -420px;
left: 100%;
margin-bottom: -420px;
height:auto;
position: relative;
}

.stu022{
width: 23%;
top: -180px;
left: -20%;
margin-bottom: -440px;
height:auto;
z-index: 1;
position: relative;
}

.stu023{
width: 17%;
top: -260px;
left: -20%;
margin-bottom: -280px;
height:auto;
}

.stu024{
width: 23%;
top: -10px;
right: -18%;
height:auto;
z-index: 1;
position: absolute;
}
.stu025{
width: 42%;
top: 70px;
right: -18%;
height:auto;
z-index: 1;
position: absolute;
}

.stu026{
width: 23%;
top: 30px;
left: 10%;
height:auto;
position: absolute;
}
.stu027{
width: 36%;
top: 55px;
right: -40px;
margin-bottom: -440px;
height:auto;
position: absolute;
}

.stu028{
width: 15%;
top: 25%;
left: -10%;
height:auto;
position: absolute;
}
.stu029{
width: 19%;
top: 20%;
right: -14%;
height:auto;
position: absolute;
}
.stu030{
width: 30%;
top: 78%;
left: 0%;
height:auto;
position: absolute;
}
.stu031{
/*
width: 17%;
top: 0px;
height:auto;
margin: 50px auto 0px auto;
position: relative;
*/
width: 17%;
top: -420px;
left: 220px;
height:auto;
margin: 50px auto -200px auto;
position: relative;
}

.manga01{
position: absolute;
width: 13%;
top: 1660px;
right: 8%;
margin-bottom:0px;
height:auto;
}

.manga02{
position: relative;
width: 20%;
top: -480px;
left: -10%;
margin-bottom:-380px;
height:auto;
}

.manga03{
position: relative;
width: 20%;
top: -480px;
left: -10%;
margin-bottom:-380px;
height:auto;
}


/* ============================================== スマートフォン ============================================================================================================================================== */
@media screen and (max-width: 750px) {


.stu01,
.stu04,
.stu05,
.stu014,
.stu019,
.stu020,
.stu027{
display: none;
}
.stu01_2{
width: 24.5%;
top:0.6%;
left: -1%;
height:auto;
position: absolute;
display: block;
}
.stu02{
width: 24%;
top: -33%;
left: 75%;
margin-bottom: -45%;
}
.stu03{
display: none;
}




.stu04_2{
width: 24%;
top: 5.3%;
left: 1%;
margin-bottom: 0px;
height:auto;
position: absolute;
display: block;
}
.stu05_2{
width: 44%;
top: 5.3%;
left: 55%;
margin-bottom: 0px;
height:auto;
position: absolute;
display: block;
}


.stu06{
width: 25%;
top: -480px;
left: -20%;
margin-bottom: 0px;
height:auto;

display: none;
}


.stu07{
width: 28%;
top: -180px;
left: 2%;
margin-bottom: -160px;
height:auto;
position: relative;
}
.stu08{
width: 28%;
top: -220px;
left: 70%;
margin-bottom: -220px;
height:auto;
position: relative;
}


.stu09{
width: 25%;
top: -150px;
left: 6%;
margin-bottom: -150px;
height:auto;
position: relative;
display: none;
}


.stu010{
width: 27%;
top: -170px;
left: 1%;
margin-bottom: -150px;
height:auto;
position: relative;
}
.stu011{
width: 20%;
top: -220px;
left: 76%;
margin-bottom: -220px;
height:auto;
position: relative;
}


.stu012{
width: 20%;
top: 45.2%;
left: 1%;
margin-bottom: -150px;
height:auto;
position: absolute;
}

.stu013{
width: 25%;
left: 93%;
bottom: 500px;
margin-bottom: 0px;
height:auto;
display: none;
}


.stu014_2{
width: 25%;
top: -250px;
left: 0%;
margin-bottom: -250px;
height:auto;
position: relative;
display: block;
}
.stu015{
width: 28%;
top: -250px;
left: 70%;
margin-bottom: -240px;
height:auto;
z-index: 2;
}

.stu016{
width: 16%;
top: 0px;
left: 3%;
margin-bottom: -240px;
height:auto;
z-index: 1;
display: none;
}
.stu017{
width: 27%;
top: 70px;
left: 70%;
margin-bottom: -70px;
height:auto;
position: relative;
z-index: 1;
display: none;
}
.stu018{
width: 24%;
bottom: 280px;
left: 6%;
margin-bottom: 0px;
height:auto;
position: relative;
}

.stu019_2{
width: 32%;
top: -245px;
left: 1%;
margin-bottom: -280px;
height:auto;
position: relative;
display: block;
z-index: 21;
}
.stu020_2{
width: 26%;
top: -210px;
left: 65%;
margin-bottom: -250px;
height:auto;
position: relative;
z-index: 1;
display: block;
}

.stu021{
width: 26%;
top: -420px;
left: 100%;
margin-bottom: 0px;
height:auto;
position: relative;
display: none;
}

.stu022{
width: 32%;
top: -180px;
left: 0%;
margin-bottom: 0px;
height:auto;
z-index: 1;
position: relative;
display: none;
}

.stu023{
width: 17%;
top: -260px;
left: -20%;
margin-bottom: 0px;
height:auto;
display: none;
}

.stu024{
width: 23%;
top: -10px;
right: -18%;
height:auto;
z-index: 1;
position: absolute;
display: none;
}
.stu025{
width: 42%;
top: 70px;
right: -18%;
height:auto;
z-index: 1;
position: absolute;
display: none;
}




.stu026{
width: 31%;
top: 50px;
left: 5%;
height:auto;
position: absolute;
}
.stu027_2{
width: 50%;
top: 30px;
right: 0px;
height:auto;
position: absolute;
display: block;
}

.stu028{
width: 25%;
top: 23%;
left: 60%;
height:auto;
position: absolute;
}
.stu029{
width: 28%;
top: 30%;
right: 3%;
height:auto;
position: absolute;
}
.stu030{
width: 44%;
top: 51%;
left: 2%;
height:auto;
position: absolute;
}
.stu031{
width: 34%;
top: 0px;
left: 0px;
height:auto;
margin: 0px auto 100px auto;
position: relative;
}

.manga01{
position: absolute;
width: 22%;
top: 1580px;
right: 0%;
margin-bottom:0px;
height:auto;
}

.manga02{
position: relative;
width: 25%;
top: -350px;
left: 80%;
margin-bottom:-200px;
height:auto;
}

.manga03{
position: absolute;
width: 26%;
top: 59%;
left: 10%;
margin-bottom:0px;
height:auto;
}
}