@keyframes In {
    0% {
      transform: translateY(20px);

    }
    100% {
      transform: translateY(0);

    }
  }

.twitter-tweet {
    margin: auto;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.gr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
    grid-auto-rows: 10px;
    column-gap: 5px;
    width: 1660px;
    margin: auto;
}

#Done {
    display: none;
}

@media only screen and (max-width: 1670px) {
    .gr {
        grid-template-columns: repeat(auto-fill, 550px);
        width: 1130px;
    }
}

@media only screen and (max-width: 1130px) {
    .gr {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        width: 85%;
    }
}

@media only screen and (max-width: 700px) {
    .gr {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        width: 85%;
    }
}

.card_loading {
    position: absolute;
    background-color: #031cbf;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card_loading img:nth-of-type(1) {
    width: 100px;
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card_loading img:nth-of-type(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* グリッドのアイテムの高さ */
.sizeIn{
    animation: In 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.sizeX {
    grid-row-end: span 80;
    position: relative;
}

@media only screen and (max-width: 1130px) {
    .sizeX {
        grid-row-end: span 40;
    }
}

.size007 {
    grid-row-end: span 7;
}

.size008 {
    grid-row-end: span 8;
}

.size009 {
    grid-row-end: span 9;
}

.size010 {
    grid-row-end: span 10;
}

.size011 {
    grid-row-end: span 11;
}

.size012 {
    grid-row-end: span 12;
}

.size013 {
    grid-row-end: span 13;
}

.size014 {
    grid-row-end: span 14;
}

.size015 {
    grid-row-end: span 15;
}

.size016 {
    grid-row-end: span 16;
}

.size017 {
    grid-row-end: span 17;
}

.size018 {
    grid-row-end: span 18;
}

.size019 {
    grid-row-end: span 19;
}

.size020 {
    grid-row-end: span 20;
}

.size021 {
    grid-row-end: span 21;
}

.size022 {
    grid-row-end: span 22;
}

.size023 {
    grid-row-end: span 23;
}

.size024 {
    grid-row-end: span 24;
}

.size025 {
    grid-row-end: span 25;
}

.size026 {
    grid-row-end: span 26;
}

.size027 {
    grid-row-end: span 27;
}

.size028 {
    grid-row-end: span 28;
}

.size029 {
    grid-row-end: span 29;
}

.size030 {
    grid-row-end: span 30;
}

.size031 {
    grid-row-end: span 31;
}

.size032 {
    grid-row-end: span 32;
}

.size033 {
    grid-row-end: span 33;
}

.size034 {
    grid-row-end: span 34;
}

.size035 {
    grid-row-end: span 35;
}

.size036 {
    grid-row-end: span 36;
}

.size037 {
    grid-row-end: span 37;
}

.size038 {
    grid-row-end: span 38;
}

.size039 {
    grid-row-end: span 39;
}

.size040 {
    grid-row-end: span 40;
}

.size041 {
    grid-row-end: span 41;
}

.size042 {
    grid-row-end: span 42;
}

.size043 {
    grid-row-end: span 43;
}

.size044 {
    grid-row-end: span 44;
}

.size045 {
    grid-row-end: span 45;
}

.size046 {
    grid-row-end: span 46;
}

.size047 {
    grid-row-end: span 47;
}

.size048 {
    grid-row-end: span 48;
}

.size049 {
    grid-row-end: span 49;
}

.size050 {
    grid-row-end: span 50;
}

.size051 {
    grid-row-end: span 51;
}

.size052 {
    grid-row-end: span 52;
}

.size053 {
    grid-row-end: span 53;
}

.size054 {
    grid-row-end: span 54;
}

.size055 {
    grid-row-end: span 55;
}

.size056 {
    grid-row-end: span 56;
}

.size057 {
    grid-row-end: span 57;
}

.size058 {
    grid-row-end: span 58;
}

.size059 {
    grid-row-end: span 59;
}

.size060 {
    grid-row-end: span 60;
}

.size061 {
    grid-row-end: span 61;
}

.size062 {
    grid-row-end: span 62;
}

.size063 {
    grid-row-end: span 63;
}

.size064 {
    grid-row-end: span 64;
}

.size065 {
    grid-row-end: span 65;
}

.size066 {
    grid-row-end: span 66;
}

.size067 {
    grid-row-end: span 67;
}

.size068 {
    grid-row-end: span 68;
}

.size069 {
    grid-row-end: span 69;
}

.size070 {
    grid-row-end: span 70;
}

.size071 {
    grid-row-end: span 71;
}

.size072 {
    grid-row-end: span 72;
}

.size073 {
    grid-row-end: span 73;
}

.size074 {
    grid-row-end: span 74;
}

.size075 {
    grid-row-end: span 75;
}

.size076 {
    grid-row-end: span 76;
}

.size077 {
    grid-row-end: span 77;
}

.size078 {
    grid-row-end: span 78;
}

.size079 {
    grid-row-end: span 79;
}

.size080 {
    grid-row-end: span 80;
}

.size081 {
    grid-row-end: span 81;
}

.size082 {
    grid-row-end: span 82;
}

.size083 {
    grid-row-end: span 83;
}

.size084 {
    grid-row-end: span 84;
}

.size085 {
    grid-row-end: span 85;
}

.size086 {
    grid-row-end: span 86;
}

.size087 {
    grid-row-end: span 87;
}

.size088 {
    grid-row-end: span 88;
}

.size089 {
    grid-row-end: span 89;
}

.size090 {
    grid-row-end: span 90;
}

.size091 {
    grid-row-end: span 91;
}

.size092 {
    grid-row-end: span 92;
}

.size093 {
    grid-row-end: span 93;
}

.size094 {
    grid-row-end: span 94;
}

.size095 {
    grid-row-end: span 95;
}

.size096 {
    grid-row-end: span 96;
}

.size097 {
    grid-row-end: span 97;
}

.size098 {
    grid-row-end: span 98;
}

.size099 {
    grid-row-end: span 99;
}

.size100 {
    grid-row-end: span 100;
}