.panorama-container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.nav-btn-container {
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.6);
  z-index: 2;
}

html:not(.no-canvas) .nav-btn-container a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.no-canvas .nav-btn-container .start-btn {
	margin-top: 200px;
	text-align: center;
}

.no-canvas .nav-btn-container .start-btn a,
.no-canvas .nav-btn-container .start-btn a span {
	display: inline-block;
}

.static .nav-btn-container {
  display: none;
}

.panorama-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.start-btn a {
		max-width: -ms-calc(100% - 32px);
		max-width: -webkit-calc(100% - 32px);
		max-width: calc(100% - 32px);
	}
}
@media screen and (max-width: 767px) {

  .panorama-container {
  	position: relative;
  	width: 100%;
  	padding-top: 100%;
  }

	br.switch-pc {
		display: none;
	}

}