@charset "utf-8";
/**
 * Person image
 */
.person-image-1 {
	background-image: url("person/sn_1.png"), url("person/sh_1.png");
	background-size: cover, 0 0;
}

.person-image-2 {
	background-image: url("person/sn_2.png"), url("person/sh_2.png");
	background-size: cover, 0 0;
}

.person-image-4 {
	background-image: url("person/sn_4.png"), url("person/sh_4.png");
	background-size: cover, 0 0;
}

.person-image-5 {
	background-image: url("person/sn_kotayae.png"), url("person/sh_kotayae.png");
	background-size: cover, 0 0;
}

.person-image-6 {
	background-image: url("person/sn_6.png"), url("person/sh_6.png");
	background-size: cover, 0 0;
}

/* hover */
.arigatouf-shop-map-wrap div[class^="hover-point"]:hover .person-image-1 {
	background-image: url("person/sn_1.png"), url("person/sh_1.png");
	background-size: 0 0, cover;
}

.arigatouf-shop-map-wrap div[class^="hover-point"]:hover .person-image-2 {
	background-image: url("person/sn_2.png"), url("person/sh_2.png");
	background-size: 0 0, cover;
}

.arigatouf-shop-map-wrap div[class^="hover-point"]:hover .person-image-4 {
	background-image: url("person/sn_4.png"), url("person/sh_4.png");
	background-size: 0 0, cover;
}

.arigatouf-shop-map-wrap div[class^="hover-point"]:hover .person-image-5 {
	transform: rotate(-10deg);
	background-image: url("person/sn_kotayae.png"), url("person/sh_kotayae.png");
	background-size: 0 0, cover;
}

.arigatouf-shop-map-wrap div[class^="hover-point"]:hover .person-image-6 {
	background-image: url("person/sn_6.png"), url("person/sh_6.png");
	background-size: 0 0, cover;
}
