@media screen and (min-width:1025px) and (max-width:2880px) {

.box1 {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0px 0px 0px -50px;
  background: #4b4b4b;
  text-align:center;
  animation: box11 12.5s linear;
  animation-fill-mode: forwards;
 }
 @keyframes box11 {
  0% { transform:translate( 250px , -250px) skewX(-45deg) ;}
100% { transform:translate( -480px , 480px) skewX(-45deg);}
 }

 .box2 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px 50px;
    background: #4b4b4b;
    text-align:center;
    animation: box22 22s infinite linear;
   }
   @keyframes box22 {
    0% { transform:translate( 900px , -900px) skewX(-45deg) ;}
  100% { transform:translate(  -200px , 200px) skewX(-45deg);}
   }

   .box3 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px -20rem;
    background: #4b4b4b;
    text-align:center;
    animation: box33 31s infinite linear;
   }
   @keyframes box33 {
    0% { transform:translate( 1300px , -1300px) skewX(-45deg) ;}
  100% { transform:translate(  -200px , 200px) skewX(-45deg);}
   }
   /*1行目終わり*/

   .box4 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px 100px;
    background: #4b4b4b;
    text-align:center;
    animation: box44 24s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box44 {
    0% { transform:translate( 0px , -0px) skewX(-45deg) ;}
  100% { transform:translate(  -500px , 500px) skewX(-45deg);}
   }

   .box5 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box55 37s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box55 {
    0% { transform:translate( 500px , -500px) skewX(-45deg) ;}
  100% { transform:translate(  -600px , 600px) skewX(-45deg);}
   }

   .box6 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box66 52s infinite linear;
   }
   @keyframes box66 {
    0% { transform:translate( 1100px , -1100px) skewX(-45deg) ;}
  100% { transform:translate(  -700px , 700px) skewX(-45deg);}
   }

   .box7 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box77 53s infinite linear;
   }
   @keyframes box77 {
    0% { transform:translate( 1500px , -1500px) skewX(-45deg) ;}
  100% { transform:translate(  -450px , 450px) skewX(-45deg);}
   }
   /*2行目終わり*/

   .box8 {
    display: inline-block;
    width: 200px;
    height: 700px;
    margin: 0px 0px 0px 450px;
    background: #4b4b4b;
    text-align:center;
    animation: box88 18s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box88 {
    0% { transform:translate( -500px , 500px) skewX(-45deg) ;}
  100% { transform:translate(  -1300px , 1300px) skewX(-45deg);}
   }

   .box9 {
    display: inline-block;
    width: 200px;
    height: 700px;
    margin: 0px 0px 0px -560px;
    background: #4b4b4b;
    text-align:center;
    animation: box99 35s infinite linear;
   }
   @keyframes box99 {
    0% { transform:translate( 1300px , -1300px) skewX(-45deg) ;}
  100% { transform:translate( -1000px , 1000px) skewX(-45deg);}
   }
   /*3行目終わり*/

   .box10 {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 0px 0px 0px 0px;
    background: #4b4b4b;
    text-align:center;
    animation: box100 33s infinite linear;
   }
   @keyframes box100 {
    0% { transform:translate( 900px , -900px) skewX(-45deg) ;}
  100% { transform:translate( -1400px , 1400px) skewX(-45deg);}
   }

   .box11 {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box110 33s infinite linear;
   }
   @keyframes box110 {
    0% { transform:translate( 1300px , -1300px) skewX(-45deg) ;}
  100% { transform:translate( -900px , 900px) skewX(-45deg);}
   }
   /*4行目終わり*/
   
   .box12 {
    display: inline-block;
    width: 200px;
    height: 400px;
    margin: 0px 0px 0px 0px;
    background: #4b4b4b;
    text-align:center;
    animation: box120 19s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box120 {
    0% { transform:translate(200px , -200px) skewX(-45deg) ;}
  100% { transform:translate( 1000px , -1000px) skewX(-45deg);}
   }

   .box13 {
    display: inline-block;
    width: 200px;
    height: 400px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box130 47s infinite linear;
   }
   @keyframes box130 {
    0% { transform:translate(-1200px , 1200px) skewX(-45deg) ;}
  100% { transform:translate( 1800px , -1800px) skewX(-45deg);}
   }

   .box14 {
    display: inline-block;
    width: 200px;
    height: 400px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box140 50s infinite linear;
   }
   @keyframes box140 {
    0% { transform:translate(-1800px , 1800px) skewX(-45deg) ;}
  100% { transform:translate( 1000px , -1000px) skewX(-45deg);}
   }

   .box15 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px 200px;
    background: #4b4b4b;
    text-align:center;
    animation: box150 25s infinite linear;
   }
   @keyframes box150 {
    0% { transform:translate(900px , -900px) skewX(-45deg) ;}
  100% { transform:translate( -1600px , 1600px) skewX(-45deg);}
   }

   .box16 {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box160 25s infinite linear;
   }
   @keyframes box160 {
    0% { transform:translate(1500px , -1500px) skewX(-45deg) ;}
  100% { transform:translate( -1000px , 1000px) skewX(-45deg);}
   }

   .box17 {
    display: inline-block;
    width: 200px;
    height: 600px;
    margin: 0px 0px 0px 500px;
    background: #4b4b4b;
    text-align:center;
    animation: box170 14s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box170 {
    0% { transform:translate(-500px , 500px) skewX(-45deg) ;}
  100% { transform:translate( -1500px , 1500px) skewX(-45deg);}
   }

   .box18 {
    display: inline-block;
    width: 200px;
    height: 600px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box180 20s linear;
    animation-fill-mode: forwards;
   }
   @keyframes box180 {
    0% { transform:translate(0px , -0px) skewX(-45deg) ;}
  100% { transform:translate( -1500px , 1500px) skewX(-45deg);}
   }

   .box19 {
    display: inline-block;
    width: 200px;
    height: 600px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box190 35s infinite linear;
   }
   @keyframes box190 {
    0% { transform:translate(800px , -800px) skewX(-45deg) ;}
  100% { transform:translate( -2000px , 2000px) skewX(-45deg);}
   }

   .box20 {
    display: inline-block;
    width: 200px;
    height: 600px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box200 37s infinite linear;
   }
   @keyframes box200 {
    0% { transform:translate(1400px , -1400px) skewX(-45deg) ;}
  100% { transform:translate( -1700px , 1700px) skewX(-45deg);}
   }

   .box21 {
    display: inline-block;
    width: 200px;
    height: 600px;
    margin: 0px 0px 0px -200px;
    background: #4b4b4b;
    text-align:center;
    animation: box210 40s infinite linear;
   }
   @keyframes box210 {
    0% { transform:translate(2000px , -2000px) skewX(-45deg) ;}
  100% { transform:translate( -1000px , 1000px) skewX(-45deg);}
   }
}