@charset "UTF-8";
.divPanoWrapper {
	width:100%;
	height:100%;
	overflow-y: scroll;
}
.divPanoWrapper::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.divPano {
	position:relative;
	padding-bottom:50%;
	margin-bottom:1px;
	max-height:100%;
}
.divPano.high {
	padding-bottom:60%;
}
.divPano .wrap,
.divPano iframe {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width : 1110px) {
	.divPano {
		padding-bottom:calc(100% * 9 / 16);
	}
}
@media screen and (max-width : 840px) {
	.divPano, .divPano.high {
		padding-bottom:calc(100% * 3 / 4);
	}
}
@media screen and (max-width : 640px) {
	.divPano, .divPano.high {
		padding-bottom:100%;
	}
}
@media screen and (max-width : 480px) {
	.divPano, .divPano.high {
		padding-bottom:calc(100% * 4 / 3);
	}
}