@charset "UTF-8";

.vr_wrapper {
	position: relative;
}

.vr_wrapper a {
	position: absolute;
	width: 6%;
	height: 8%;
}

.vr_wrapper .a {
	left: 8.125%;
	top: 35.5%;
}

.vr_wrapper .b {
	left: 8%;
	top: 71%;
}

.vr_wrapper .c {
	left: 27.5%;
	top: 67%;
}

.vr_wrapper .d {
	left: 30%;
	top: 33%;
}

.vr_wrapper .e {
	left: 53.75%;
	top: 87.5%;
}

.vr_wrapper .f {
	left: 55.5%;
	top: 59.25%;
}

.vr_wrapper .g {
	left: 55.75%;
	top: 25.5%;
}

.vr_wrapper .h {
	left: 72.75%;
	top: 43%;
}

.vr_content {
	display: none;
}

@media screen and (min-width: 641px), print {
	.vr_wrapper {
		max-width: 800px;
		margin: 0 auto 40px;
	}

	.vr_wrapper_1 {
		max-width: 500px;
	}

	.vr_container_1 {
		width: 500px;
		height: 375px;
	}

	.vr_container_2 {
		width: 800px;
		height: 600px;
	}
}

@media screen and (max-width: 640px) {
	.vr_wrapper {
		margin-bottom: 20px;
	}
}