

@media only screen and (max-width: 768px) {







    #index #sen{
        width: 104vw;
        height: 104vw;
        left: -2vw;
        top: 500vw;
    }

    #index #sen span{
        background-image: url("../img/obj/sen.png");
    }








    #index #kemuri_pink_1{
        width: 120vw;
        height: calc(120vw / 1039 * 685 );
        left: -10vw;
        top: 250vw;
    }

    #index #kemuri_pink_1 span{
        background-image: url("../img/obj/kemuri_pink_1.png");
    }


    #index #kemuri_pink_2{
        width: 75vw;
        height: calc(75vw / 1214 * 1262 );
        left: -10vw;
        top:-40vw;
    }
    #index #kemuri_pink_2 span{
        background-image: url("../img/obj/kemuri_pink_2.png");
    }

    #index #kemuri_pink_3{
        width: 100vw;
        height: calc(100vw / 1357 * 933 );
        left: 0vw;
        top: 640vw;
    }
    #index #kemuri_pink_3 span{
        background-image: url("../img/obj/kemuri_pink_3.png");
    }







    #index #kemuri_ao_1{
        width: 80vw;
        height: calc(80vw / 995 * 617 );
        left: -40vw;
        top: 0vw;
    }
    #index #kemuri_ao_1 span{
        transform:rotate(90deg);
        background-image: url("../img/obj/kemuri_ao_1.png");
    }

    #index #kemuri_ao_2{
        width: 60vw;
        height: calc(60vw / 563 * 960 );
        left: -10vw;
        top: 150vw;
    }
    #index #kemuri_ao_2 span{
        transform:rotate(90deg);
        background-image: url("../img/obj/kemuri_ao_2.png");
    }

    #index #kemuri_ao_3{

        width: 75vw;
        height: calc(75vw / 1139 * 967 );
        left: 30vw;
        top: 90vw;
    }
    #index #kemuri_ao_3 span{
        background-image: url("../img/obj/kemuri_ao_3.png");
    }


    #index #kemuri_ao_4{
        width: 120vw;
        height: calc(120vw / 1793 * 1262 );
        left: 20vw;
        top: 680vw;
    }
    #index #kemuri_ao_4 span{
        background-image: url("../img/obj/kemuri_ao_4.png");
    }



    #index #kemuri_shiro_1{

        width: 25vw;
        height: calc(25vw / 315 * 314 );
        left: 5vw;
        top: 560vw;
    }
    #index #kemuri_shiro_1 span{
        background-image: url("../img/obj/kemuri_shiro_1.png");
    }


    #index #kemuri_shiro_2{

        width: 110vw;
        height: calc(110vw / 1172 * 636 );
        left: 10vw;
        top: 595vw;
    }
    #index #kemuri_shiro_2 span{
        background-image: url("../img/obj/kemuri_shiro_2.png");
    }



    #index #build{
        width: 180vw;
        height: calc(180vw / 2996 * 1199 );
        left: -40vw;
        top: 350vw;
    }
    #index #build span{
        background-image: url("../img/obj/build.png");
    }




    #index #ebi1{
        width: 45vw;
        height: calc(45vw / 720 * 531 );
        left: 50vw;
        top: 90vw;
    }


    #index #ebi1 span{
        background-image: url("../img/obj/ebi1.png");
    }



    #index #ebi2{
        width: 12vw;
        height: calc(12vw / 196 * 133 );
        left: 80vw;
        top: 130vw;
    }
    #index #ebi2 span{
        background-image: url("../img/obj/ebi2.png");
    }

    #index #ebi3{
        width: 8vw;
        height: calc(8vw / 127 * 145 );
        left: 70vw;
        top: 150vw;
    }
    #index #ebi3 span{
        background-image: url("../img/obj/ebi3.png");
    }





    #index #sakana1{
        width: 70vw;
        height: calc(70vw / 928 * 904 );
        left: 30vw;
        top: 440vw;
    }
    #index #sakana1 span{
        transform:rotate(90deg);
        background-image: url("../img/obj/sakana1.png");
    }


    #index #sakana2{
        width: 80vw;
        height: calc(80vw / 1110 * 908 );
        left: 0vw;
        top: 250vw;
    }
    #index #sakana2 span{
        background-image: url("../img/obj/sakana2.png");
    }






    #index #kani{
        width: 50vw;
        height: calc(50vw / 501 * 307 );
        left: -10vw;
        top:450vw;
        z-index: 1;
    }
    #index #kani span{
        background-image: url("../img/obj/kani.png");
    }



    #index #kamaboko{
        display: none;
    }
    #index #kamaboko span{
        background-image: url("../img/obj/kamaboko.png");
    }



    #index #aji1{
        display: none;
    }
    #index #aji1 span{
        background-image: url("../img/obj/aji1.png");
    }


    #index #aji2{
        width: 30vw;
        height: calc(30vw / 408 * 219 );
        left: 0vw;
        top: 150vw;
    }
    #index #aji2 span{
        background-image: url("../img/obj/aji2.png");
    }





    #index #sake1{
        width: 70vw;
        height: calc(70vw / 936 * 794 );
        left: -40vw;
        top: 60vw;

    }
    #index #sake1 span{
        background-image: url("../img/obj/sake1.png");
    }

    #index #sake2{
        width: 30vw;
        height: calc(30vw / 469 * 398 );
        left: 12vw;
        top: 30vw;
    }
    #index #sake2 span{
        background-image: url("../img/obj/sake2.png");
    }


    #index #sake3{
        width: 40vw;
        height: calc(40vw / 548 * 367 );
        left: 60vw;
        top: 350vw;

    }
    #index #sake3 span{
        background-image: url("../img/obj/sake3.png");
    }





    #index #bento{
        width: 75vw;
        height: calc(75vw / 973 * 881 );
        left: -20vw;
        top: 580vw;
    }
    #index #bento span{
        background-image: url("../img/obj/bento.png");
    }


    #index #chikuwa{
        width: 50vw;
        height: calc(50vw / 770 * 643 );
        left: 60vw;
        top: 280vw;
    }
    #index #chikuwa span{
        transform:rotate(90deg);
        background-image: url("../img/obj/chikuwa.png");
    }



    #index #don{
        width: 20vw;
        height: calc(20vw / 284 * 250 );
        left: 20vw;
        top: 190vw;
    }
    #index #don span{
        background-image: url("../img/obj/don.png");
    }





    #index #shirasu{
        width: 70vw;
        height: calc(70vw / 730 * 422 );
        left: 0vw;
        top: 220vw;
    }
    #index #shirasu span{
        background-image: url("../img/obj/shirasu.png");
    }







    #index #man1{

        width:95vw;
        height: calc(95vw / 1435 * 1030);
        left:2vw;
        top:20vw;
        transition-delay: 200ms !important;
    }



    #index #man1 span{
        background-image: url("../img/obj/man1.png");
    }


    #index #man1_2{

        width:50vw;
        height: calc(50vw / 834 * 1000);
        left:62vw;
        top:10vw;
        transition-delay: 200ms !important;
    }



    #index #man1_2 span{
        background-image: url("../img/obj/man1_2.png");
    }





    #index #man2{

        width:60vw;
        height: calc(60vw / 618 * 840);
        left:-10vw;
/*        top:90vw;*/

        top:94vw;
    }
    #index #man2 span{
        background-image: url("../img/obj/man2.png");
    }


    #index #man3{

        width:33vw;
        height: calc(33vw / 354 * 618);
        left:65vw;
        top:183vw;
    }
    #index #man3 span{
        background-image: url("../img/obj/man3.png");
    }


    #index #man4{

        width:35vw;
        height: calc(35vw / 436 * 802);
        left:30vw;
        top:644vw;
    }
    #index #man4 span{
        background-image: url("../img/obj/man4.png");
    }


    #index #man5{

        width:29vw;
        height: calc(29vw / 308 * 598);
        left:2vw;
        top:680vw;
    }
    #index #man5 span{
        background-image: url("../img/obj/man5.png");
    }




    #index #woman1{

        width:44vw;
        height: calc(44vw / 482 * 682);
        left:41vw;
        top:134vw;
    }
    #index #woman1 span{
        background-image: url("../img/obj/woman1.png");
    }


    #index #woman2{

        width:62vw;
        height: calc(62vw / 926 * 1784);
        left:46vw;
        top:564vw;
    }
    #index #woman2 span{
        background-image: url("../img/obj/woman2.png");
    }




    #index #grade{

        width:20vw;
        height: 100%;
        left:0px;
        bottom:0px;
        mix-blend-mode: darken;
        opacity:0.8;
    }
    #index #grade span{
        background-image: url("../img/obj/grade_sp.png");
    }







}


