@charset "UTF-8";

.vr_wrapper {
	position: relative;
}

.vr_wrapper img {
	max-width: 100%;
}

.vr_wrapper p {
	text-align: center;
}

.vr_wrapper canvas {
	margin: 0 auto;
}

.vr_wrapper a {
	position: absolute;
	width: 5.5%;
	padding-top: 5.5%;
}

.cs006_1 {
	top: 38%;
	left: 52.5%;
}

.cs006_2 {
	top: 80.6%;
	left: 50%;
}

.cs006_3 {
	top: 80.6%;
	left: 77%;
}

.cs006_4 {
	top: 3.3%;
	left: 55.5%;
}

.cs008_1 {
	top: 63.2%;
	left: 14.25%;
}

.cs008_2 {
	top: 34.3%;
	left: 24.75%;
}

.cs008_3 {
	top: 17.6%;
	left: 28.75%;
}

.cs008_4 {
	top: 90.6%;
	left: 58.75%;
}

.cs008_5 {
	top: 62.5%;
	left: 59.25%;
}

.cs008_6 {
	top: 34.3%;
	left: 65.75%;
}

.cs009_1 {
	top: 69%;
	left: 34.75%;
}

.cs009_2 {
	top: 83%;
	left: 47.75%;
}

.cs009_3 {
	top: 47.5%;
	left: 43.75%;
}

.cs009_4 {
	top: 36.7%;
	left: 46.75%;
}

.cs010_1 {
	top: 20%;
	left: 44%;
}

.cs010_2 {
	top: 38.6%;
	left: 30%;
}

.cs010_3 {
	top: 47.5%;
	left: 46%;
}

.cs010_4 {
	top: 55.5%;
	left: 83%;
}

.cs010_5 {
	top: 78%;
	left: 83%;
}

.cs010_6 {
	top: 5%;
	left: 49%;
}

.cs011_1 {
	top: 1.8%;
	left: 54%;
}

.cs011_2 {
	top: 29.5%;
	left: 57%;
}

.cs011_3 {
	top: 39.6%;
	left: 57%;
}

.cs011_4 {
	top: 75.2%;
	left: 63%;
}

.cs012_1 {
	top: 4.375%;
	left: 34.25%;
}

.cs012_2 {
	top: 22.5%;
	left: 52%;
}

.cs012_3 {
	top: 34.69%;
	left: 40%;
}

.cs012_4 {
	top: 72.5%;
	left: 32%;
}

.cs012_5 {
	top: 82.5%;
	left: 59.5%;
}

.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_wrapper_6,
	.vr_wrapper_10,
	.vr_wrapper_11 {
		width: 600px;
	}

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

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