body{
    width: 100vw;
    height: 100vh;
    margin: 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background-color: beige;
    overflow: hidden;
}





#sumo{
    position: absolute;
    
    top: 80vh;
    left: 50vw;

    height: 40px;
    width: 40px;   /*「3vw」は画面全体に対する割合のこと*/

    z-index: 10;  /*キャラクターを前面にだす*/

    transform: translate(-50%,-50%);/*画面中央*/
}

#item_container{
    position: absolute;
    width: 100vw;
    height: 100vh;

    z-index: 9;
}
















/* //////////////Item-1のサイズと位置　/////////////////// */

.item-1{
    position: absolute;
    height: 3vw;
    width: 3vw;
}

.item-1 img{
position: absolute;
width: 100%;
height: 100%;
}


.item-2{
    position: absolute;
    height: 6vw;
    width: 6vw;
}

.item-2 img{
position: absolute;
width: 100%;
height: 100%;
}


.item-3{
    position: absolute;
    height: 9vw;
    width: 9vw;
}

.item-3 img{
position: absolute;
width: 100%;
height: 100%;
}




/* キャラクターの当たり判定が出たときに画像の表示入れ替え*/
.item :first-child {
    display: block;
}

.item :last-child{
    display: none;
}

.item.eated :first-child {
    display: none;
}

.item.eated  :last-child{
    display: block;
}

/* ///////////////魚の位置////////////////// */
#fish1{
    top: 10vh;
    left: 80vw;/*右上の赤魚*/
}

#fish2{
    top: 10vh;
    left: 85vw;/*右上の赤魚*/
}

#fish3{
    top: 10vh;
    left: 90vw;/*右上の赤魚*/
}

#fish4{
	top: 15vh;
	left: 80vw;/*右上の青魚*/
}

#fish5{
	top: 15vh;
	left: 85vw;/*右上の青魚*/
}

#fish6{
	top: 15vh;
	left: 90vw;/*右上の青魚*/
}

#fish7{
	top: 60vh;
	left: 20vw;
}

#fish8{
	top: 62.5vh;
	left: 20vw;
}

#fish9{
	top: 55vh;
	left: 20vw;
}

#fish10{
	top: 52.5vh;
	left: 20vw;
}

#fish11{
	top: 47.5vh;
	left: 20vw;
}

#fish12{
	top: 45vh;
	left: 20vw;
}

#fish13{
	top: 60vh;
	left: 22.5vw;
}

#fish14{
	top: 62.5vh;
	left: 22.5vw;
}

#fish15{
	top: 55vh;
	left: 22.5vw;
}

#fish16{
	top: 52.5vh;
	left: 22.5vw;
}

#fish17{
	top: 47.5vh;
	left: 22.5vw;
}

#fish18{
	top: 45vh;
	left: 22.5vw;
}



#kani1{
	top: 10vh;
	left: 75vw;
}

#kani2{
	top: 15vh;
	left: 75vw;
}

#extrabigkani1{
	top: 20vh;
	left: 85vw;
}

#extrabigkani2{
	top: 30vh;
	left: 85vw;
}

#bigsakana1{
	top: 20vh;
	left: 75vw;
}

#bigsakana2{
	top: 30vh;
	left: 75vw;
}

#sushi1{
	top: 30vh;
	left: 10vw;
}

#sushi2{
	top: 35vh;
	left: 10vw;
}

#sushi3{
	top: 30vh;
	left: 15vw;
}

#sushi4{
	top: 35vh;
	left: 15vw;
}

#sushi5{
	top: 30vh;
	left: 20vw;
}

#sushi6{
	top: 35vh;
	left: 20vw;
}

#sushi7{
	top: 40vh;
	left: 15vw;
}

#sushi8{
	top: 45vh;
	left: 15vw;
}

#sushi9{
	top: 50vh;
	left: 15vw;
}

#sushi20{
	top: 55vh;
	left: 15vw;
}

#sushi21{
	top: 60vh;
	left: 15vw;
}

#sushi22{
	top: 65vh;
	left: 15vw;
}

#sushi23{
	top: 70vh;
	left: 15vw;
}

#sushi24{
	top: 75vh;
	left: 15vw;
}


#sake1{
	top: 30vh;
	left: 5vw;
}

#sake2{
	top: 35vh;
	left: 5vw;
}

#oniku1{
	top: 10vh;
	left: 5vw;
}

#oniku2{
	top: 10vh;
	left: 7.5vw;
}

#oniku3{
	top: 10vh;
	left: 10vw;
}

#oniku4{
	top: 10vh;
	left: 22.5vw;
}

#oniku5{
	top: 10vh;
	left: 20vw;
}

#oniku6{
	top: 10vh;
	left: 25vw;
}

#oniku7{
	top: 50vh;
	left: 90vw;
}

#oniku8{
	top: 50vh;
	left: 85vw;
}

#oniku9{
	top: 50vh;
	left: 87.5vw;
}



#ankou1{
	top: 10vh;
	left: 40vw;
}

#ankou2{
	top: 12.5vh;
	left: 40vw;
}

#ankou3{
	top: 15vh;
	left: 40vw;
}

#ankou4{
	top: 15vh;
	left: 35vw;
}

#ankou5{
	top: 12.5vh;
	left: 35vw;
}

#ankou6{
	top: 10vh;
	left: 35vw;
}

#rice1{
	top: 45vh;
	left: 5vw;
}

#rice2{
	top: 45vh;
	left: 7.5vw;
}

#rice3{
	top: 45vh;
	left: 10vw;
}

#rice4{
	top: 47.5vh;
	left: 5vw;
}

#rice5{
	top: 47.5vh;
	left: 7.5vw;
}

#rice6{
	top: 47.5vh;
	left: 10vw;
}

#rice7{
	top: 52.5vh;
	left: 5vw;
}

#rice8{
	top: 52.5vh;
	left: 7.5vw;
}

#rice9{
	top: 52.5vh;
	left: 10vw;
}

#rice10{
	top: 55vh;
	left: 5vw;
}

#rice11{
	top: 55vh;
	left: 7.5vw;
}

#rice12{
	top: 55vh;
	left: 10vw;
}

#rice13{
	top: 60vh;
	left: 5vw;
}

#rice14{
	top: 60vh;
	left: 7.5vw;
}

#rice15{
	top: 60vh;
	left: 10vw;
}

#rice16{
	top: 62.5vh;
	left: 5vw;
}

#rice17{
	top: 62.5vh;
	left: 7.5vw;
}

#rice18{
	top: 62.5vh;
	left: 10vw;
}




/*item2*/
#chicken1{
	top: 5vh;
	left: 12.5vw;
}

#oyakodon1{
	top: 70vh;
	left: 2.5vw;
}

#oyakodon2{
	top: 70vh;
	left: 5vw;
}

#oyakodon3{
	top: 70vh;
	left: 7.5vw;
}

#oyakodon4{
	top: 75vh;
	left: 2.5vw;
}

#oyakodon5{
	top: 75vh;
	left: 5vw;
}

#oyakodon6{
	top: 75vh;
	left: 7.5vw;
}

#oyakodon7{
	top: 80vh;
	left: 2.5vw;
}

#oyakodon8{
	top: 80vh;
	left: 5vw;
}

#oyakodon9{
	top: 80vh;
	left: 7.5vw;
}

#oyakodon10{
	top: 85vh;
	left: 2.5vw;
}

#oyakodon11{
	top: 85vh;
	left: 5vw;
}

#oyakodon12{
	top: 85vh;
	left: 7.5vw;
}

#omlet1{
	top: 85vh;
	left: 22.5vw;
}

#omlet2{
	top: 85vh;
	left: 12.5vw;
}

#omlet3{
	top: 85vh;
	left: 17.5vw;
}

#ame1{
	top: 25vh;
	left: 50vw;
}

#ame2{
	top: 25vh;
	left: 52.5vw;
}

#ame3{
	top: 25vh;
	left: 55vw;
}

#ame4{
	top: 25vh;
	left: 57.5vw;
}

#ame5{
	top: 25vh;
	left: 60vw;
}

#ame6{
	top: 25vh;
	left: 62.5vw;
}

#ame7{
	top: 90vh;
	left: 30vw;
}

#ame8{
	top: 90vh;
	left: 32.5vw;
}

#ame9{
	top: 90vh;
	left: 35vw;
}

#ame10{
	top: 80vh;
	left: 95vw;
}

#ame11{
	top: 85vh;
	left: 95vw;
}

#ame12{
	top: 90vh;
	left: 95vw;
}

#ame13{
	top: 55vh;
	left: 90vw;
}

#ame14{
	top: 55vh;
	left: 87.5vw;
}

#ame15{
	top: 55vh;
	left: 85vw;
}




/* ///////////////////////////////// */







#object_container{
    position: absolute;
    width: 100vw;
    height: 100vh;

    z-index: 9;
}

/* //////////////Object-1のサイズと位置　/////////////////// */

.object-1{
    position: absolute;
    height: 3vw;
    width: 3vw;
}

.object-1 img{
position: absolute;
width: 100%;
height: 100%;
}

/* キャラクターの当たり判定が出たときに画像の表示入れ替え*/
.object :first-child {
    display: block;
}

.object :last-child{
    display: none;
}

.object.eated :first-child {
    display: none;
}

.object.eated  :last-child{
    display: block;
}


/* ///////////////野菜の位置////////////////// */
#kyabetsu1{
    top: 80vh;
    left: 77.5vw;
}

#kyabetsu2{
    top: 80vh;
    left: 80vw;
}

#kyabetsu3{
    top: 80vh;
    left: 82.5vw;
}

#kyabetsu4{
    top: 80vh;
    left: 75vw;
}

#kyabetsu5{
    top: 20vh;
    left: 10vw;
}

#kyabetsu6{
    top: 20vh;
    left: 5vw;
}

#kyabetsu7{
    top: 20vh;
    left: 7.5vw;
}

#kyabetsu8{
    top: 22.5vh;
    left: 7.5vw;
}

#kyabetsu9{
    top: 22.5vh;
    left: 5vw;
}

#kyabetsu10{
    top: 22.5vh;
    left: 10vw;
}

#kyabetsu11{
    top: 80vh;
    left: 85vw;
}

#kyabetsu12{
    top: 80vh;
    left: 87.5vw;
}

#kyabetsu13{
    top: 80vh;
    left: 90vw;
}

#kyabetsu14{
    top: 22.5vh;
    left: 15vw;
}

#kyabetsu15{
    top: 20vh;
    left: 15vw;
}

#kyabetsu16{
    top: 20vh;
    left: 12.5vw;
}

#kyabetsu17{
    top: 22.5vh;
    left: 12.5vw;
}



#peeman1{
    top: 22.5vh;
    left: 20vw;
}

#peeman2{
    top: 22.5vh;
    left: 22.5vw;
}

#peeman3{
    top: 20vh;
    left: 20vw;
}

#peeman4{
    top: 20vh;
    left: 22.5vw;
}

#peeman5{
    top: 40vh;
    left: 10vw;
}

#peeman6{
    top: 40vh;
    left: 7.5vw;
}

#peeman7{
    top: 40vh;
    left: 5vw;
}




#daikon1{
    top: 85vh;
    left: 75vw;
}

#daikon2{
    top: 85vh;
    left: 77.5vw;
}

#daikon3{
    top: 85vh;
    left: 80vw;
}

#daikon4{
    top: 85vh;
    left: 82.5vw;
}

#daikon5{
    top: 85vh;
    left: 85vw;
}

#daikon6{
    top: 85vh;
    left: 87.5vw;
}

#daikon7{
    top: 85vh;
    left: 90vw;
}

#takenoko1{
    top: 10vh;
    left: 50vw;
}

#takenoko2{
    top: 10vh;
    left: 52.5vw;
}

#takenoko3{
    top: 10vh;
    left: 55vw;
}

#takenoko4{
    top: 10vh;
    left: 57.5vw;
}

#takenoko5{
    top: 10vh;
    left: 60vw;
}

#takenoko6{
    top: 10vh;
    left: 62.5vw;
}

#tomato1{
    top: 70vh;
    left: 90vw;
}

#tomato2{
    top: 70vh;
    left: 87.5vw;
}

#tomato3{
    top: 70vh;
    left: 85vw;
}

#tomato4{
    top: 65vh;
    left: 90vw;
}

#tomato5{
    top: 65vh;
    left: 87.5vw;
}

#tomato6{
    top: 65vh;
    left: 85vw;
}

#tomato7{
    top: 25vh;
    left: 30vw;
}

#tomato8{
    top: 25vh;
    left: 35vw;
}

#tomato9{
    top: 25vh;
    left: 40vw;
}

#tomato10{
    top: 25vh;
    left: 45vw;
}

#tomato11{
    top: 25vh;
    left: 32.5vw;
}

#tomato12{
    top: 25vh;
    left: 37.5vw;
}

#tomato13{
    top: 25vh;
    left: 42.5vw;
}


#bro1{
    top: 90vh;
    left: 85vw;
}

#bro2{
    top: 90vh;
    left: 87.5vw;
}

#bro3{
    top: 90vh;
    left: 90vw;
}

#bro4{
    top: 90vh;
    left: 82.5vw;
}

#bro5{
    top: 90vh;
    left: 80vw;
}

#bro6{
    top: 90vh;
    left: 77.5vw;
}

#bro7{
    top: 90vh;
    left: 75vw;
}

#bro8{
    top: 90vh;
    left: 72.5vw;
}

#bro9{
    top: 90vh;
    left: 70vw;
}

#bro10{
    top: 90vh;
    left: 67.5vw;
}

#bro11{
    top: 90vh;
    left: 65vw;
}

#bro12{
    top: 90vh;
    left: 62.5vw;
}

#bro13{
    top: 90vh;
    left: 60vw;
}

#bro14{
    top: 90vh;
    left: 57.5vw;
}

#bro15{
    top: 90vh;
    left: 55vw;
}

#bro16{
    top: 70vh;
    left: 20vw;
}

#bro17{
    top: 75vh;
    left: 20vw;
}

#bro18{
    top: 70vh;
    left: 22.5vw;
}

#bro19{
    top: 75vh;
    left: 22.5vw;
}

#bro20{
    top: 10vh;
    left: 70vw;
}

#bro21{
    top: 10vh;
    left: 67.5vw;
}

#bro22{
    top: 15vh;
    left: 70vw;
}

#bro23{
    top: 15vh;
    left: 67.5vw;
}

#bro24{
    top: 20vh;
    left: 70vw;
}

#bro25{
    top: 20vh;
    left: 67.5vw;
}

#bro26{
    top: 25vh;
    left: 67.5vw;
}

#bro27{
    top: 25vh;
    left: 70vw;
}


/* ///////////////////////////////// */


#score {
    font-size: 25px;
    font-weight: bold;
    margin-top: 0px;
}



#timer{
	text-align: left;
	font-weight: bold;
	height: 200px;
	margin-top: 92.5vh;
	background: linear-gradient(white,blue);
	
}