html.no-scroll,
body.no-scroll {
    overflow: hidden;
}

/* ローダー */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader.hide {
    opacity: 0;
    transition: opacity 100ms ease-out;
}

.loader-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.effect-100th{
    width: 100%;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    top: 0;
}
.effect-100th.hide{
    transition: opacity 500ms ease-out;
    opacity: 0;
}
.effect-100th .skip{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}
.effect-100th .logo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.effect-100th .logo-wrapper.hide {
    transition: opacity 500ms ease-out;
    opacity: 0;
}
.effect-100th .logo-container {
    background-color: #fff;
    position: relative;
    width: 1366px;
    height: 768px;
    margin-inline: auto;
    overflow: hidden;
    transform-origin: center center;
    transform: scale(var(--scale-ratio, 1));
}
.effect-100th .logo-container.hide{
    transition: opacity 500ms ease-out;
    opacity: 0;
}
.effect-100th .logo-item {
    position: absolute;
    transform: scale(0) translateZ(0);;
    transform-origin: 50% 50%;
    opacity: 0;
}
.effect-100th .logo-item.start {
    animation: popInOvershoot 400ms ease-in forwards;
    backface-visibility: hidden;
    will-change: transform, opacity;
}
/* 各ロゴの位置設定 */
.effect-100th .logo-item[data-name="bunko"] {
    left: 37.198509216308594px;
    top: 34.55828094482422px;
}
.effect-100th .logo-item[data-name="bunko"] img {
    width: 263px;
    height: auto;
}

.effect-100th .logo-item[data-name="margaret"] {
    left: 324.2381286621094px;
    top: 4.479729652404785px;
    animation-delay: 0.24s;
}
.effect-100th .logo-item[data-name="margaret"] img {
    width: 217px;
    height: auto;
}

.effect-100th .logo-item[data-name="uomo"] {
    left: 553.2694702148438px;
    top: 13.942113876342773px;
    animation-delay: 0.76s;
}
.effect-100th .logo-item[data-name="uomo"] img {
    width: 168px;
    height: auto;
}

.effect-100th .logo-item[data-name="jumpcs"] {
    left: 737px;
    top: 21px;
    animation-delay: 1.08s;
}
.effect-100th .logo-item[data-name="jumpcs"] img {
    width: 251px;
    height: auto;
}

.effect-100th .logo-item[data-name="s-manga"] {
    left: 1001.1876831054688px;
    top: -4.956705093383789px;
    animation-delay: 0.64s;
}
.effect-100th .logo-item[data-name="s-manga"] img {
    width: 214px;
    height: auto;
}

.effect-100th .logo-item[data-name="saikyo_jump"] {
    left: 1203.2354736328125px;
    top: 17.708791732788086px;
    animation-delay: 0.88s;
}
.effect-100th .logo-item[data-name="saikyo_jump"] img {
    width: 161px;
    height: auto;
}

.effect-100th .logo-item[data-name="jump_square"] {
    left: 20.74724578857422px;
    top: 104.975830078125px;
    animation-delay: 1.56s;
}
.effect-100th .logo-item[data-name="jump_square"] img {
    width: 167px;
    height: auto;
}

.effect-100th .logo-item[data-name="jump"] {
    left: 235.34417724609375px;
    top: 104.64347076416016px;
    animation-delay: 0.52s;
}
.effect-100th .logo-item[data-name="jump"] img {
    width: 145px;
    height: auto;
}

.effect-100th .logo-item[data-name="subaru"] {
    left: 405.3056945800781px;
    top: 112.96134185791016px;
    animation-delay: 1.88s;
}
.effect-100th .logo-item[data-name="subaru"] img {
    width: 140px;
    height: auto;
}

.effect-100th .logo-item[data-name="hpplus-one"] {
    left: 570.3766479492188px;
    top: 81.91012573242188px;
    animation-delay: 1.96s;
}
.effect-100th .logo-item[data-name="hpplus-one"] img {
    width: 241px;
    height: auto;
}

.effect-100th .logo-item[data-name="mensnonno"] {
    left: 818.4457397460938px;
    top: 86.77654266357422px;
    animation-delay: 0.16s;
}
.effect-100th .logo-item[data-name="mensnonno"] img {
    width: 152px;
    height: auto;
}

.effect-100th .logo-item[data-name="vox"] {
    left: 1058px;
    top: 97px;
    animation-delay: 0.28s;
}
.effect-100th .logo-item[data-name="vox"] img {
    width: 107px;
    height: auto;
}

.effect-100th .logo-item[data-name="seidoku"] {
    left: 1156.7293701171875px;
    top: 150.25637817382812px;
    animation-delay: 0.72s;
}
.effect-100th .logo-item[data-name="seidoku"] img {
    width: 185px;
    height: auto;
}

.effect-100th .logo-item[data-name="youngjump"] {
    left: 16.150714874267578px;
    top: 217.337158203125px;
    animation-delay: 1.72s;
}
.effect-100th .logo-item[data-name="youngjump"] img {
    width: 110px;
    height: auto;
}

.effect-100th .logo-item[data-name="ajian"] {
    left: 149.26034545898438px;
    top: 175.794921875px;
    animation-delay: 1.28s;
}
.effect-100th .logo-item[data-name="ajian"] img {
    width: 120px;
    height: auto;
}

.effect-100th .logo-item[data-name="maquia"] {
    left: 334.82427978515625px;
    top: 202.9661407470703px;
    animation-delay: 1.20s;
}
.effect-100th .logo-item[data-name="maquia"] img {
    width: 186px;
    height: auto;
}

.effect-100th .logo-item[data-name="playboy"] {
    left: 585.7484130859375px;
    top: 202.32568359375px;
    animation-delay: 0.48s;
}
.effect-100th .logo-item[data-name="playboy"] img {
    width: 226px;
    height: auto;
}

.effect-100th .logo-item[data-name="officeyou"] {
    left: 821.6641235351562px;
    top: 183.03009033203125px;
    animation-delay: 1.48s;
}
.effect-100th .logo-item[data-name="officeyou"] img {
    width: 241px;
    height: auto;
}

.effect-100th .logo-item[data-name="grandjump"] {
    left: 942.0261840820312px;
    top: 147.34654235839844px;
    animation-delay: 0.12s;
}
.effect-100th .logo-item[data-name="grandjump"] img {
    width: 155px;
    height: auto;
}

.effect-100th .logo-item[data-name="jumpplus"] {
    left: 1112.8734130859375px;
    top: 244.22412109375px;
    animation-delay: 1.32s;
}
.effect-100th .logo-item[data-name="jumpplus"] img {
    width: 202px;
    height: auto;
}

.effect-100th .logo-item[data-name="rekishi"] {
    left: 147.13771057128906px;
    top: 273.6508483886719px;
    animation-delay: 0.40s;
}
.effect-100th .logo-item[data-name="rekishi"] img {
    width: 173px;
    height: auto;
}

.effect-100th .logo-item[data-name="betsuma"] {
    left: 496.8614501953125px;
    top: 244.24908447265625px;
    animation-delay: 0.80s;
}
.effect-100th .logo-item[data-name="betsuma"] img {
    width: 162px;
    height: auto;
}

.effect-100th .logo-item[data-name="tjapan"] {
    left: 299.81597900390625px;
    top: 275.74371337890625px;
    animation-delay: 1.40s;
}
.effect-100th .logo-item[data-name="tjapan"] img {
    width: 195px;
    height: auto;
}

.effect-100th .logo-item[data-name="shinsho"] {
    left: 663.3720092773438px;
    top: 290.5924377441406px;
    animation-delay: 1.12s;
}
.effect-100th .logo-item[data-name="shinsho"] img {
    width: 172px;
    height: auto;
}

.effect-100th .logo-item[data-name="orangebunko"] {
    left: 867.2222900390625px;
    top: 247.91064453125px;
    animation-delay: 1.52s;
}
.effect-100th .logo-item[data-name="orangebunko"] img {
    width: 281px;
    height: auto;
}

.effect-100th .logo-item[data-name="zebrack"] {
    left: 1155.468017578125px;
    top: 322.35089111328125px;
    animation-delay: 1.68s;
}
.effect-100th .logo-item[data-name="zebrack"] img {
    width: 202px;
    height: auto;
}

.effect-100th .logo-item[data-name="sjr"] {
    left: 17.67752456665039px;
    top: 339.8651123046875px;
    animation-delay: 1.00s;
}
.effect-100th .logo-item[data-name="sjr"] img {
    width: 156px;
    height: auto;
}

.effect-100th .logo-item[data-name="eclat"] {
    left: 194.40521240234375px;
    top: 373.9477844238281px;
    animation-delay: 2.08s;
}
.effect-100th .logo-item[data-name="eclat"] img {
    width: 138px;
    height: auto;
}

.effect-100th .logo-item[data-name="yomitai"] {
    left: 448.0680236816406px;
    top: 342.9324035644531px;
    animation-delay: 1.64s;
}
.effect-100th .logo-item[data-name="yomitai"] img {
    width: 211px;
    height: auto;
}

.effect-100th .logo-item[data-name="comic-bunko"] {
    left: 761.3933715820312px;
    top: 313.31829833984375px;
    animation-delay: 1.24s;
}
.effect-100th .logo-item[data-name="comic-bunko"] img {
    width: 266px;
    height: auto;
}

.effect-100th .logo-item[data-name="ynjn"] {
    left: 1076.3477783203125px;
    top: 378.3134765625px;
    animation-delay: 0.92s;
}
.effect-100th .logo-item[data-name="ynjn"] img {
    width: 184px;
    height: auto;
}

.effect-100th .logo-item[data-name="myojo"] {
    left: 304.4034423828125px;
    top: 416.8933410644531px;
    animation-delay: 0.08s;
}
.effect-100th .logo-item[data-name="myojo"] img {
    width: 171px;
    height: auto;
}

.effect-100th .logo-item[data-name="shueishaonline"] {
    left: 467.64141845703125px;
    top: 407.376708984375px;
    animation-delay: 1.04s;
}
.effect-100th .logo-item[data-name="shueishaonline"] img {
    width: 231px;
    height: auto;
}

.effect-100th .logo-item[data-name="kotoba"] {
    left: 710.383056640625px;
    top: 436.8377990722656px;
    animation-delay: 2.04s;
}
.effect-100th .logo-item[data-name="kotoba"] img {
    width: 171px;
    height: auto;
}

.effect-100th .logo-item[data-name="ultrajump"] {
    left: 896.1544189453125px;
    top: 396.8392028808594px;
    animation-delay: 0.36s;
}
.effect-100th .logo-item[data-name="ultrajump"] img {
    width: 258px;
    height: auto;
}

.effect-100th .logo-item[data-name="spur"] {
    left: 1115.103759765625px;
    top: 516.5696411132812px;
    animation-delay: 2.16s;
}
.effect-100th .logo-item[data-name="spur"] img {
    width: 163px;
    height: auto;
}

.effect-100th .logo-item[data-name="sensoutobungaku"] {
    left: 1289px;
    top: 452px;
    animation-delay: 1.76s;
}
.effect-100th .logo-item[data-name="sensoutobungaku"] img {
    width: 57px;
    height: auto;
}

.effect-100th .logo-item[data-name="vjump"] {
    left: 11.09044075012207px;
    top: 436.2234191894531px;
    animation-delay: 0.68s;
}
.effect-100th .logo-item[data-name="vjump"] img {
    width: 194px;
    height: auto;
}

.effect-100th .logo-item[data-name="miraibunko"] {
    left: 194.0647735595703px;
    top: 449.60406494140625px;
    animation-delay: 1.92s;
}
.effect-100th .logo-item[data-name="miraibunko"] img {
    width: 276px;
    height: auto;
}

.effect-100th .logo-item[data-name="otoproject"] {
    left: 35px;
    top: 537px;
    animation-delay: 0.56s;
}
.effect-100th .logo-item[data-name="otoproject"] img {
    width: 111px;
    height: auto;
}

.effect-100th .logo-item[data-name="nonno"] {
    left: 343.3521423339844px;
    top: 545.906005859375px;
    animation-delay: 0.32s;
}
.effect-100th .logo-item[data-name="nonno"] img {
    width: 209px;
    height: auto;
}

.effect-100th .logo-item[data-name="jumptoon"] {
    left: 544.6475219726562px;
    top: 502.8722229003906px;
    animation-delay: 1.44s;
}
.effect-100th .logo-item[data-name="jumptoon"] img {
    width: 198px;
    height: auto;
}

.effect-100th .logo-item[data-name="cobalt"] {
    left: 743.944580078125px;
    top: 512.281982421875px;
    animation-delay: 1.36s;
}
.effect-100th .logo-item[data-name="cobalt"] img {
    width: 199px;
    height: auto;
}

.effect-100th .logo-item[data-name="cookie"] {
    left: 938.2010498046875px;
    top: 515.837646484375px;
    animation-delay: 1.80s;
}
.effect-100th .logo-item[data-name="cookie"] img {
    width: 167px;
    height: auto;
}

.effect-100th .logo-item[data-name="manga-mee"] {
    left: 161.40292358398438px;
    top: 559.7354125976562px;
    animation-delay: 1.60s;
}
.effect-100th .logo-item[data-name="manga-mee"] img {
    width: 204px;
    height: auto;
}

.effect-100th .logo-item[data-name="syousetsu-subaru"] {
    left: 386px;
    top: 619px;
    animation-delay: 1.16s;
}
.effect-100th .logo-item[data-name="syousetsu-subaru"] img {
    width: 167px;
    height: auto;
}

.effect-100th .logo-item[data-name="mangaart"] {
    left: 614.3098754882812px;
    top: 626.6075439453125px;
    animation-delay: 0.60s;
}
.effect-100th .logo-item[data-name="mangaart"] img {
    width: 175px;
    height: auto;
}

.effect-100th .logo-item[data-name="seventeen"] {
    left: 836.3751220703125px;
    top: 613.2207641601562px;
    animation-delay: 2.12s;
}
.effect-100th .logo-item[data-name="seventeen"] img {
    width: 207px;
    height: auto;
}

.effect-100th .logo-item[data-name="lee"] {
    left: 1096.4312744140625px;
    top: 623.8040771484375px;
    animation-delay: 0.04s;
}
.effect-100th .logo-item[data-name="lee"] img {
    width: 87px;
    height: auto;
}

.effect-100th .logo-item[data-name="ribon"] {
    left: 42.45695495605469px;
    top: 662.22216796875px;
    animation-delay: 1.84s;
}
.effect-100th .logo-item[data-name="ribon"] img {
    width: 163px;
    height: auto;
}

.effect-100th .logo-item[data-name="rimacomi"] {
    left: 231.09417724609375px;
    top: 676.9735107421875px;
    animation-delay: 0.20s;
}
.effect-100th .logo-item[data-name="rimacomi"] img {
    width: 206px;
    height: auto;
}

.effect-100th .logo-item[data-name="cocohana"] {
    left: 455.2949523925781px;
    top: 684.6994018554688px;
    animation-delay: 0.44s;
}
.effect-100th .logo-item[data-name="cocohana"] img {
    width: 148px;
    height: auto;
}

.effect-100th .logo-item[data-name="dash"] {
    left: 677.1731567382812px;
    top: 670.257080078125px;
    animation-delay: 2.0s;
}
.effect-100th .logo-item[data-name="dash"] img {
    width: 237px;
    height: auto;
}

.effect-100th .logo-item[data-name="baila"] {
    left: 964.2684326171875px;
    top: 691.3305053710938px;
    animation-delay: 0.96s;
}
.effect-100th .logo-item[data-name="baila"] img {
    width: 185px;
    height: auto;
}

.effect-100th .logo-item[data-name="books"] {
    left: 1234px;
    top: 582px;
    animation-delay: 0.84s;
}
.effect-100th .logo-item[data-name="books"] img {
    width: 84px;
    height: auto;
}

@keyframes popInOvershoot {
    0% {
        opacity: 0;
        transform: scale(0) translateZ(0); /* translateZを追加 */
    }
    75% {
        opacity: 1;
        transform: scale(1.25) translateZ(0);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
}

/* fly-away animation */
.effect-100th .logo-item.fly-away {
    transition: left 500ms ease-out, top 500ms ease-out;
}

.effect-100th .logo-item[data-name="bunko"].fly-away {
    left: -600px;
    top: -500px;
}

.effect-100th .logo-item[data-name="margaret"].fly-away {
    left: -400px;
    top: -600px;
}

.effect-100th .logo-item[data-name="uomo"].fly-away {
    left: 100px;
    top: -600px;
}

.effect-100th .logo-item[data-name="jumpcs"].fly-away {
    left: 1400px;
    top: -600px;
}

.effect-100th .logo-item[data-name="s-manga"].fly-away {
    left: 1800px;
    top: -600px;
}

.effect-100th .logo-item[data-name="saikyo_jump"].fly-away {
    left: 2000px;
    top: -500px;
}

.effect-100th .logo-item[data-name="jump_square"].fly-away {
    left: -600px;
    top: -300px;
}

.effect-100th .logo-item[data-name="jump"].fly-away {
    left: -500px;
    top: -300px;
}

.effect-100th .logo-item[data-name="subaru"].fly-away {
    left: -200px;
    top: -600px;
}

.effect-100th .logo-item[data-name="hpplus-one"].fly-away {
    left: 200px;
    top: -650px;
}

.effect-100th .logo-item[data-name="mensnonno"].fly-away {
    left: 1800px;
    top: -500px;
}

.effect-100th .logo-item[data-name="vox"].fly-away {
    left: 2000px;
    top: -300px;
}

.effect-100th .logo-item[data-name="seidoku"].fly-away {
    left: 2000px;
    top: -250px;
}

.effect-100th .logo-item[data-name="youngjump"].fly-away {
    left: -600px;
    top: -100px;
}

.effect-100th .logo-item[data-name="ajian"].fly-away {
    left: -600px;
    top: -200px;
}

.effect-100th .logo-item[data-name="maquia"].fly-away {
    left: -400px;
    top: -500px;
}

.effect-100th .logo-item[data-name="playboy"].fly-away {
    left: 200px;
    top: -600px;
}

.effect-100th .logo-item[data-name="officeyou"].fly-away {
    left: 1800px;
    top: -400px;
}

.effect-100th .logo-item[data-name="grandjump"].fly-away {
    left: 1900px;
    top: -450px;
}

.effect-100th .logo-item[data-name="jumpplus"].fly-away {
    left: 2000px;
    top: -50px;
}

.effect-100th .logo-item[data-name="rekishi"].fly-away {
    left: -600px;
    top: -50px;
}

.effect-100th .logo-item[data-name="betsuma"].fly-away {
    left: 150px;
    top: -600px;
}

.effect-100th .logo-item[data-name="tjapan"].fly-away {
    left: -500px;
    top: -400px;
}

.effect-100th .logo-item[data-name="shinsho"].fly-away {
    left: 450px;
    top: -500px;
}

.effect-100th .logo-item[data-name="orangebunko"].fly-away {
    left: 1800px;
    top: -400px;
}

.effect-100th .logo-item[data-name="zebrack"].fly-away {
    left: 2000px;
    top: 100px;
}

.effect-100th .logo-item[data-name="sjr"].fly-away {
    left: -600px;
    top: 150px;
}

.effect-100th .logo-item[data-name="eclat"].fly-away {
    left: -600px;
    top: 250px;
}

.effect-100th .logo-item[data-name="yomitai"].fly-away {
    left: -400px;
    top: -100px;
}

.effect-100th .logo-item[data-name="comic-bunko"].fly-away {
    left: 700px;
    top: -400px;
}

.effect-100th .logo-item[data-name="ynjn"].fly-away {
    left: 1900px;
    top: 200px;
}

.effect-100th .logo-item[data-name="myojo"].fly-away {
    left: -500px;
    top: 100px;
}

.effect-100th .logo-item[data-name="shueishaonline"].fly-away {
    left: -200px;
    top: -150px;
}

.effect-100th .logo-item[data-name="kotoba"].fly-away {
    left: 600px;
    top: -100px;
}

.effect-100th .logo-item[data-name="ultrajump"].fly-away {
    left: 1800px;
    top: 200px;
}

.effect-100th .logo-item[data-name="spur"].fly-away {
    left: 2000px;
    top: 1000px;
}

.effect-100th .logo-item[data-name="sensoutobungaku"].fly-away {
    left: 2100px;
    top: 500px;
}

.effect-100th .logo-item[data-name="vjump"].fly-away {
    left: -600px;
    top: 350px;
}

.effect-100th .logo-item[data-name="miraibunko"].fly-away {
    left: -600px;
    top: 400px;
}

.effect-100th .logo-item[data-name="otoproject"].fly-away {
    left: -600px;
    top: 800px;
}

.effect-100th .logo-item[data-name="nonno"].fly-away {
    left: -400px;
    top: 1100px;
}

.effect-100th .logo-item[data-name="jumptoon"].fly-away {
    left: 250px;
    top: 1100px;
}

.effect-100th .logo-item[data-name="cobalt"].fly-away {
    left: 650px;
    top: 1100px;
}

.effect-100th .logo-item[data-name="cookie"].fly-away {
    left: 1400px;
    top: 1100px;
}

.effect-100th .logo-item[data-name="manga-mee"].fly-away {
    left: -600px;
    top: 950px;
}

.effect-100th .logo-item[data-name="syousetsu-subaru"].fly-away {
    left: -200px;
    top: 1300px;
}

.effect-100th .logo-item[data-name="mangaart"].fly-away {
    left: 350px;
    top: 1400px;
}

.effect-100th .logo-item[data-name="seventeen"].fly-away {
    left: 800px;
    top: 1400px;
}

.effect-100th .logo-item[data-name="lee"].fly-away {
    left: 1900px;
    top: 1300px;
}

.effect-100th .logo-item[data-name="ribon"].fly-away {
    left: -600px;
    top: 1150px;
}

.effect-100th .logo-item[data-name="rimacomi"].fly-away {
    left: -500px;
    top: 1300px;
}

.effect-100th .logo-item[data-name="cocohana"].fly-away {
    left: 50px;
    top: 1400px;
}

.effect-100th .logo-item[data-name="dash"].fly-away {
    left: 550px;
    top: 1400px;
}

.effect-100th .logo-item[data-name="baila"].fly-away {
    left: 1250px;
    top: 1400px;
}

.effect-100th .logo-item[data-name="books"].fly-away {
    left: 2000px;
    top: 1000px;
}
.effect-100th .video{
    position: absolute;
    width: 100%;
    height: 100dvh;
    top: 0;
    left: 0;
    line-height: 0;
}
.effect-100th .video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* レスポンシブ対応（タブレット・SP） */
@media (max-width: 767px) {

    .effect-100th .skip{
        text-align: right;
    }

    .effect-100th .skip img{
        width: 50%;
        height: auto;
    }

    .effect-100th .logo-container {
        width: 375px;
        height: 667px;
        margin: 0;
    }

    .effect-100th .logo-item {
        transform: scale(0);
    }

    .effect-100th .logo-item.start {
        animation: popInOvershoot 400ms ease-in forwards;
    }

    .effect-100th .logo-item[data-name="bunko"] {
        left: 41.873687744140625px;
        top: 45.54423904418945px;
    }
    .effect-100th .logo-item[data-name="bunko"] img {
        width: 116px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="margaret"] {
        left: 105.42694091796875px;
        top: 4.0366692543029785px;
        animation-delay: 0.24s;
    }
    .effect-100th .logo-item[data-name="margaret"] img {
        width: 96px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="uomo"] {
        left: 201.48094177246094px;
        top: 28.591524124145508px;
        animation-delay: 0.76s;
    }
    .effect-100th .logo-item[data-name="uomo"] img {
        width: 74px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="jumpcs"] {
        left: 36px;
        top: 533px;
        animation-delay: 1.08s;
    }
    .effect-100th .logo-item[data-name="jumpcs"] img {
        width: 114px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="s-manga"] {
        left: 12.98970890045166px;
        top: 443.30078125px;
        animation-delay: 0.64s;
    }
    .effect-100th .logo-item[data-name="s-manga"] img {
        width: 96px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="saikyo_jump"] {
        left: 297.8722229003906px;
        top: 351.5587158203125px;
        animation-delay: 0.88s;
    }
    .effect-100th .logo-item[data-name="saikyo_jump"] img {
        width: 70px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="jump_square"] {
        left: 12.824470520019531px;
        top: 10.84997844696045px;
        animation-delay: 1.56s;
    }
    .effect-100th .logo-item[data-name="jump_square"] img {
        width: 75px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="jump"] {
        left: 238.8282928466797px;
        top: 409.5585632324219px;
        animation-delay: 0.52s;
    }
    .effect-100th .logo-item[data-name="jump"] img {
        width: 64px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="subaru"] {
        left: 156.459228515625px;
        top: 66.04987335205078px;
        animation-delay: 1.88s;
    }
    .effect-100th .logo-item[data-name="subaru"] img {
        width: 65px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="hpplus-one"] {
        left: 253.9737091064453px;
        top: 1.979386806488037px;
        animation-delay: 1.96s;
    }
    .effect-100th .logo-item[data-name="hpplus-one"] img {
        width: 107px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="mensnonno"] {
        left: 289.7695617675781px;
        top: 310.7718505859375px;
        animation-delay: 0.16s;
    }
    .effect-100th .logo-item[data-name="mensnonno"] img {
        width: 67px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="vox"] {
        left: 314px;
        top: 212px;
        animation-delay: 0.28s;
    }
    .effect-100th .logo-item[data-name="vox"] img {
        width: 48px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="seidoku"] {
        left: 252.2490997314453px;
        top: 448.4166564941406px;
        animation-delay: 0.72s;
    }
    .effect-100th .logo-item[data-name="seidoku"] img {
        width: 82px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="youngjump"] {
        left: 10.957558631896973px;
        top: 87.49951934814453px;
        animation-delay: 1.72s;
    }
    .effect-100th .logo-item[data-name="youngjump"] img {
        width: 48px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="ajian"] {
        left: 86.91435241699219px;
        top: 80.80194091796875px;
        animation-delay: 1.28s;
    }
    .effect-100th .logo-item[data-name="ajian"] img {
        width: 53px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="playboy"] {
        left: 186.85128784179688px;
        top: 132.61167907714844px;
        animation-delay: 0.48s;
    }
    .effect-100th .logo-item[data-name="playboy"] img {
        width: 102px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="officeyou"] {
        left: 10.114895820617676px;
        top: 607.1494140625px;
        animation-delay: 1.48s;
    }
    .effect-100th .logo-item[data-name="officeyou"] img {
        width: 110px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="grandjump"] {
        left: 190.3345184326172px;
        top: 541.36328125px;
        animation-delay: 0.12s;
    }
    .effect-100th .logo-item[data-name="grandjump"] img {
        width: 66px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="jumpplus"] {
        left: 140.51629638671875px;
        top: 497.8946838378906px;
        animation-delay: 1.32s;
    }
    .effect-100th .logo-item[data-name="jumpplus"] img {
        width: 89px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="maquia"] {
        left: 217.02976989746094px;
        top: 85.46891784667969px;
        animation-delay: 1.20s;
    }
    .effect-100th .logo-item[data-name="maquia"] img {
        width: 81px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="rekishi"] {
        left: 35.32481384277344px;
        top: 131.70201110839844px;
        animation-delay: 0.40s;
    }
    .effect-100th .logo-item[data-name="rekishi"] img {
        width: 78px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="betsuma"] {
        left: 287.6512451171875px;
        top: 49.91944122314453px;
        animation-delay: 0.80s;
    }
    .effect-100th .logo-item[data-name="betsuma"] img {
        width: 71px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="tjapan"] {
        left: 115.85420227050781px;
        top: 106.00360870361328px;
        animation-delay: 1.40s;
    }
    .effect-100th .logo-item[data-name="tjapan"] img {
        width: 86px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="shinsho"] {
        left: 286.143310546875px;
        top: 151.7236328125px;
        animation-delay: 1.12s;
    }
    .effect-100th .logo-item[data-name="shinsho"] img {
        width: 80px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="orangebunko"] {
        left: 130.1616668701172px;
        top: 444.02593994140625px;
        animation-delay: 1.52s;
    }
    .effect-100th .logo-item[data-name="orangebunko"] img {
        width: 123px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="zebrack"] {
        left: 254.3165740966797px;
        top: 488.9054260253906px;
        animation-delay: 1.68s;
    }
    .effect-100th .logo-item[data-name="zebrack"] img {
        width: 89px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="sjr"] {
        left: 16.43629264831543px;
        top: 178.44464111328125px;
        animation-delay: 1.00s;
    }
    .effect-100th .logo-item[data-name="sjr"] img {
        width: 70px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="eclat"] {
        left: 90.51954650878906px;
        top: 160.34182739257812px;
        animation-delay: 2.08s;
    }
    .effect-100th .logo-item[data-name="eclat"] img {
        width: 60px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="yomitai"] {
        left: 111.3805923461914px;
        top: 199.54327392578125px;
        animation-delay: 1.64s;
    }
    .effect-100th .logo-item[data-name="yomitai"] img {
        width: 93px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="comic-bunko"] {
        left: 8.661556243896484px;
        top: 396.80084228515625px;
        animation-delay: 1.24s;
    }
    .effect-100th .logo-item[data-name="comic-bunko"] img {
        width: 117px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="ynjn"] {
        left: 128.12466430664062px;
        top: 615.7501220703125px;
        animation-delay: 0.92s;
    }
    .effect-100th .logo-item[data-name="ynjn"] img {
        width: 83px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="myojo"] {
        left: 270.5862121582031px;
        top: 105.82327270507812px;
        animation-delay: 0.08s;
    }
    .effect-100th .logo-item[data-name="myojo"] img {
        width: 81px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="shueishaonline"] {
        left: 208.11410522460938px;
        top: 192.9569091796875px;
        animation-delay: 1.04s;
    }
    .effect-100th .logo-item[data-name="shueishaonline"] img {
        width: 102px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="kotoba"] {
        left: 199.8783721923828px;
        top: 335.031494140625px;
        animation-delay: 2.04s;
    }
    .effect-100th .logo-item[data-name="kotoba"] img {
        width: 74px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="ultrajump"] {
        left: 112.82736206054688px;
        top: 563.819580078125px;
        animation-delay: 0.36s;
    }
    .effect-100th .logo-item[data-name="ultrajump"] img {
        width: 123px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="spur"] {
        left: 233.50933837890625px;
        top: 610.0096435546875px;
        animation-delay: 2.16s;
    }
    .effect-100th .logo-item[data-name="spur"] img {
        width: 73px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="sensoutobungaku"] {
        left: 327px;
        top: 553px;
        animation-delay: 1.76s;
    }
    .effect-100th .logo-item[data-name="sensoutobungaku"] img {
        width: 25px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="vjump"] {
        left: 2.613769054412842px;
        top: 222.99386596679688px;
        animation-delay: 0.68s;
    }
    .effect-100th .logo-item[data-name="vjump"] img {
        width: 81px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="miraibunko"] {
        left: 80.99371337890625px;
        top: 218.20309448242188px;
        animation-delay: 1.92s;
    }
    .effect-100th .logo-item[data-name="miraibunko"] img {
        width: 126px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="otoproject"] {
        left: 17px;
        top: 264px;
        animation-delay: 0.56s;
    }
    .effect-100th .logo-item[data-name="otoproject"] img {
        width: 51px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="nonno"] {
        left: 190.596435546875px;
        top: 253.92849731445312px;
        animation-delay: 0.32s;
    }
    .effect-100th .logo-item[data-name="nonno"] img {
        width: 92px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="jumptoon"] {
        left: 281.4228820800781px;
        top: 253.0780792236328px;
        animation-delay: 1.44s;
    }
    .effect-100th .logo-item[data-name="jumptoon"] img {
        width: 91px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="cookie"] {
        left: 37.77522277832031px;
        top: 491.43377685546875px;
        animation-delay: 1.80s;
    }
    .effect-100th .logo-item[data-name="cookie"] img {
        width: 77px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="manga-mee"] {
        left: 167.48876953125px;
        top: 152.38412475585938px;
        animation-delay: 1.60s;
    }
    .effect-100th .logo-item[data-name="manga-mee"] img {
        width: 89px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="syousetsu-subaru"] {
        left: 113px;
        top: 315px;
        animation-delay: 1.16s;
    }
    .effect-100th .logo-item[data-name="syousetsu-subaru"] img {
        width: 79px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="mangaart"] {
        left: 100.03848266601562px;
        top: 355.76898193359375px;
        animation-delay: 0.60s;
    }
    .effect-100th .logo-item[data-name="mangaart"] img {
        width: 79px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="seventeen"] {
        left: 179.06179809570312px;
        top: 359.79327392578125px;
        animation-delay: 2.12s;
    }
    .effect-100th .logo-item[data-name="seventeen"] img {
        width: 97px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="lee"] {
        left: 313.89404296875px;
        top: 428.58209228515625px;
        animation-delay: 0.04s;
    }
    .effect-100th .logo-item[data-name="lee"] img {
        width: 42px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="rimacomi"] {
        left: 91.88844299316406px;
        top: 276.5038757324219px;
        animation-delay: 0.20s;
    }
    .effect-100th .logo-item[data-name="rimacomi"] img {
        width: 87px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="cocohana"] {
        left: 211.82749938964844px;
        top: 286.3193359375px;
        animation-delay: 0.44s;
    }
    .effect-100th .logo-item[data-name="cocohana"] img {
        width: 72px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="dash"] {
        left: 10.444149017333984px;
        top: 364.6714172363281px;
        animation-delay: 2.0s;
    }
    .effect-100th .logo-item[data-name="dash"] img {
        width: 117px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="baila"] {
        left: 23.999046325683594px;
        top: 574.801025390625px;
        animation-delay: 0.96s;
    }
    .effect-100th .logo-item[data-name="baila"] img {
        width: 81px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="ribon"] {
        left: 26.46758270263672px;
        top: 324.86859130859375px;
        animation-delay: 1.84s;
    }
    .effect-100th .logo-item[data-name="ribon"] img {
        width: 76px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="cobalt"] {
        left: 138.08937072753906px;
        top: 409.1996765136719px;
        animation-delay: 1.36s;
    }
    .effect-100th .logo-item[data-name="cobalt"] img {
        width: 90px;
        height: auto;
    }

    .effect-100th .logo-item[data-name="books"] {
        left: 274px;
        top: 533px;
        animation-delay: 0.84s;
    }
    .effect-100th .logo-item[data-name="books"] img {
        width: 40px;
        height: auto;
    }

    /* SP版 fly-away animation (タブレット768px考慮) */
    .effect-100th .logo-item.fly-away {
        transition-duration: 1000ms;
    }
    .effect-100th .logo-item[data-name="bunko"].fly-away {
        left: -900px;
        top: -200px;
    }

    .effect-100th .logo-item[data-name="margaret"].fly-away {
        left: -800px;
        top: -300px;
    }

    .effect-100th .logo-item[data-name="uomo"].fly-away {
        left: 1000px;
        top: -400px;
    }

    .effect-100th .logo-item[data-name="jumpcs"].fly-away {
        left: -900px;
        top: 800px;
    }

    .effect-100th .logo-item[data-name="s-manga"].fly-away {
        left: -900px;
        top: 700px;
    }

    .effect-100th .logo-item[data-name="saikyo_jump"].fly-away {
        left: 1200px;
        top: 600px;
    }

    .effect-100th .logo-item[data-name="jump_square"].fly-away {
        left: -900px;
        top: -300px;
    }

    .effect-100th .logo-item[data-name="jump"].fly-away {
        left: 1100px;
        top: 700px;
    }

    .effect-100th .logo-item[data-name="subaru"].fly-away {
        left: -800px;
        top: -350px;
    }

    .effect-100th .logo-item[data-name="hpplus-one"].fly-away {
        left: 1000px;
        top: -450px;
    }

    .effect-100th .logo-item[data-name="mensnonno"].fly-away {
        left: 1200px;
        top: 550px;
    }

    .effect-100th .logo-item[data-name="vox"].fly-away {
        left: 1200px;
        top: 450px;
    }

    .effect-100th .logo-item[data-name="seidoku"].fly-away {
        left: 1100px;
        top: 750px;
    }

    .effect-100th .logo-item[data-name="youngjump"].fly-away {
        left: -900px;
        top: -150px;
    }

    .effect-100th .logo-item[data-name="ajian"].fly-away {
        left: -900px;
        top: -200px;
    }

    .effect-100th .logo-item[data-name="playboy"].fly-away {
        left: 1000px;
        top: -250px;
    }

    .effect-100th .logo-item[data-name="officeyou"].fly-away {
        left: -900px;
        top: 950px;
    }

    .effect-100th .logo-item[data-name="grandjump"].fly-away {
        left: 1000px;
        top: 900px;
    }

    .effect-100th .logo-item[data-name="jumpplus"].fly-away {
        left: -800px;
        top: 850px;
    }

    .effect-100th .logo-item[data-name="maquia"].fly-away {
        left: 1000px;
        top: -300px;
    }

    .effect-100th .logo-item[data-name="rekishi"].fly-away {
        left: -900px;
        top: -50px;
    }

    .effect-100th .logo-item[data-name="betsuma"].fly-away {
        left: 1200px;
        top: -350px;
    }

    .effect-100th .logo-item[data-name="tjapan"].fly-away {
        left: -800px;
        top: -200px;
    }

    .effect-100th .logo-item[data-name="shinsho"].fly-away {
        left: 1200px;
        top: -150px;
    }

    .effect-100th .logo-item[data-name="orangebunko"].fly-away {
        left: -800px;
        top: 800px;
    }

    .effect-100th .logo-item[data-name="zebrack"].fly-away {
        left: 1100px;
        top: 850px;
    }

    .effect-100th .logo-item[data-name="sjr"].fly-away {
        left: -900px;
        top: 0px;
    }

    .effect-100th .logo-item[data-name="eclat"].fly-away {
        left: -900px;
        top: 50px;
    }

    .effect-100th .logo-item[data-name="yomitai"].fly-away {
        left: -800px;
        top: 100px;
    }

    .effect-100th .logo-item[data-name="comic-bunko"].fly-away {
        left: -900px;
        top: 700px;
    }

    .effect-100th .logo-item[data-name="ynjn"].fly-away {
        left: -800px;
        top: 1000px;
    }

    .effect-100th .logo-item[data-name="myojo"].fly-away {
        left: 1200px;
        top: -250px;
    }

    .effect-100th .logo-item[data-name="shueishaonline"].fly-away {
        left: 1000px;
        top: -100px;
    }

    .effect-100th .logo-item[data-name="kotoba"].fly-away {
        left: 1000px;
        top: 600px;
    }

    .effect-100th .logo-item[data-name="ultrajump"].fly-away {
        left: -800px;
        top: 950px;
    }

    .effect-100th .logo-item[data-name="spur"].fly-away {
        left: 1000px;
        top: 1000px;
    }

    .effect-100th .logo-item[data-name="sensoutobungaku"].fly-away {
        left: 1200px;
        top: 900px;
    }

    .effect-100th .logo-item[data-name="vjump"].fly-away {
        left: -900px;
        top: 150px;
    }

    .effect-100th .logo-item[data-name="miraibunko"].fly-away {
        left: -900px;
        top: 200px;
    }

    .effect-100th .logo-item[data-name="otoproject"].fly-away {
        left: -900px;
        top: 500px;
    }

    .effect-100th .logo-item[data-name="nonno"].fly-away {
        left: 1000px;
        top: 450px;
    }

    .effect-100th .logo-item[data-name="jumptoon"].fly-away {
        left: 1200px;
        top: 500px;
    }

    .effect-100th .logo-item[data-name="cookie"].fly-away {
        left: -900px;
        top: 800px;
    }

    .effect-100th .logo-item[data-name="manga-mee"].fly-away {
        left: -800px;
        top: -150px;
    }

    .effect-100th .logo-item[data-name="syousetsu-subaru"].fly-away {
        left: -800px;
        top: 600px;
    }

    .effect-100th .logo-item[data-name="mangaart"].fly-away {
        left: -900px;
        top: 650px;
    }

    .effect-100th .logo-item[data-name="seventeen"].fly-away {
        left: -800px;
        top: 700px;
    }

    .effect-100th .logo-item[data-name="lee"].fly-away {
        left: 1200px;
        top: 800px;
    }

    .effect-100th .logo-item[data-name="rimacomi"].fly-away {
        left: -900px;
        top: 550px;
    }

    .effect-100th .logo-item[data-name="cocohana"].fly-away {
        left: 1000px;
        top: 550px;
    }

    .effect-100th .logo-item[data-name="dash"].fly-away {
        left: -900px;
        top: 700px;
    }

    .effect-100th .logo-item[data-name="baila"].fly-away {
        left: -900px;
        top: 950px;
    }

    .effect-100th .logo-item[data-name="ribon"].fly-away {
        left: -900px;
        top: 600px;
    }

    .effect-100th .logo-item[data-name="cobalt"].fly-away {
        left: -800px;
        top: 800px;
    }

    .effect-100th .logo-item[data-name="books"].fly-away {
        left: 1200px;
        top: 850px;
    }
}