@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	position: relative;
    text-align: center;
}
img {
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    img {
        width: 100%;
    }
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	display: inline-block;
}

a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

li:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.2);
}

#ijudora {
    width: 32vw;
    height: auto;
    position: absolute;
    top: 42vw;
    left: 12vw;
}
#ijudora img{
    width: 100%;
}
#nozaru {
    width: 16vw;
    height: 15vw;
    position: absolute;
    top: 15vw;
    right: 10vw;
}
#nozaru img{
    width: 100%;
}

#landress {
    width: 40vw;
    height: auto;
    position: absolute;
    top: 60vw;
    left: 3vw;
}
#landress img{
    width: 100%;
}

#hitchbird {
    width: 13vw;
    height: auto;
    position: absolute;
    top: 70vw;
    left: 12vw;
}
#hitchbird img{
    width: 100%;
}



#snack {
    width: 23vw;
    height: 16vw;
    position: absolute;
    top: 33vw;
    left: 62vw;
}
#snack img{
    width: 100%;
}

#sapporo {
    width: 19vw;
    height: 17vw;
    position: absolute;
    top: 26vw;
    left: 2vw;
}
#sapporo img{
    width: 100%;
}

#freshlab {
    width: 15vw;
    height: 15vw;
    position: absolute;
    top: 48vw;
    left: 66vw;
}
#freshlab img{
    width: 100%;
}

#ayundemairu {
    width: 21vw;
    height: 14vw;
    position: absolute;
    top: 68vw;
    right: 15vw;
}
#ayundemairu img{
    width: 100%;
}


#stand {
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: 48vw;
    left: 86vw;
}
#stand img{
    width: 100%;
}


#hottoke {
	width: 32vw;
	height: 12vw;
	position: absolute;
	top: 8vw;
	left: 18vw;
}
#hottoke img{
    width: 100%;
}

#otonaza {
	width: 14vw;
	height: 12vw;
	position: absolute;
	top: 24vw;
	left: 38vw;
}
#otonaza img{
    width: 100%;
}

#drive {
    width: 23vw;
    height: 16vw;
    position: absolute;
    top: 4vw;
    left: 53vw;
}
#drive img{
    width: 100%;
}

#shigoto {
    width: 30vw;
    position: absolute;
    top: 2vw;
    left: 20vw;
}
#shigoto img{
    width: 100%;
}

#studiotona {
    width: 30vw;
    position: absolute;
    top: 70vw;
    left: 10vw;
}
#studiotona img{
    width: 100%;
}