body:not(.mobile) .mOnly,
body.mobile .mHide {
	display:none;
}

#landscape_notice {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #222;
	top: 0;
	left: 0;
	display: flex;
	z-index: 100;
	justify-content: center;
	align-items: center;
}

#landscape_notice p {
	background: white;
	color: black;
	width: 75%;
	padding: 5%;
	border-radius: 4rem;
}

.mobile {
	font-size:16px;
}

.mobile li {
	margin-left:3rem;
}

.mobile .logo {
	height:7rem;
}

.mobile loader {
	height:calc(var(--vh, 1vh) * 100);
}

.mobile wrapper {
	width:calc(var(--vh, 1vh) * 178);
	height:calc(var(--vh, 1vh) * 100);
	top:0;
	transform:translate(-50%, 0);
}

.mobile wrapper.wide {
	width:100%;
}

.mobile wrapper.wide #main_hotspots .hotspot {
	display:none;
}

.mobile wrapper.wide .logo {
	display:none;
}

.mobile #main_hotspots .title {
	font-size:2rem;
	line-height:2rem;
	margin-top:.3rem;
}

.mobile .viewer_hotspots .title {
	font-size:1.6rem;
	line-height:2rem;
}

.mobile #main_hotspots .hotspot {
	width:calc(var(--vh, 1vh) * 4);
	height:calc(var(--vh, 1vh) * 4);
}

/*
.mobile #main_hotspots .hotspot .bg {
	top:-65%;
	left:-30%;
	width:150%;
	height:405%;
	background-size:75%;
	transform-origin:50% 26%;
}
*/

.mobile .viewer .hotspot {
	width:calc(var(--vh, 1vh) * 6);
	height:calc(var(--vh, 1vh) * 6);
}

.mobile .viewer {
	padding:0;
	border:0;
	top:0%;
	left:0%;
	transform:none;
	display:block;
	background:#010104;
}

.mobile .viewer:not(.hide) {
	width:100%;
	height:100%;
}

.mobile .viewer main {
	display:flex;
	height:100%;
	width:75%;
	top:50%;
	transform:translateY(-50%);
}

.mobile .rotate_icon {
	width:7rem;
	height:7rem;
	bottom:.5rem;
}

.mobile .reset_button {
	width:3rem;
	height:3rem;
	left:2rem;
	bottom:2rem;
}

.mobile .viewer:not(.hide) .viewer_hotspots {
	width: min(75vw, calc(var(--vh, 1vh) * 177.78));
	height: min(42.1875vw, calc(var(--vh, 1vh) * 100));
	margin:auto;
}

.mobile .viewer media button {
	height:7.5rem;
	width:6.5rem;
}

.mobile .viewer .contact {
	height:6rem;
	width:7rem;
	bottom:3rem;
}

.mobile .viewer .contact.disable {
	display:none;
}

.mobile .multi_prev, .mobile .multi_next {
	width:2rem;
	height:4rem;
}

.mobile .multiview {
	width:70%;
}

.mobile .disclaimer {
	font-size: 2.1rem;
	line-height: 2.1rem;
	bottom: 1rem;
}

.mobile .viewer .close {
	top:2rem;
	right:calc(25% + 2rem);
}

.mobile .swiper-slide {
	background:#222;
}

.mobile .swiper-close {
	top:2rem;
	right:2rem;
}

.mobile .viewer .close, .mobile .swiper-close {
	width:6rem;
	height:6rem;
	z-index:6;
}

.mobile .viewer aside {
	top:0;
	right:0;
	width:calc(25% - 4rem);
	height:calc(100% - 6rem);
	padding:3rem 2rem;
}

.mobile .viewer aside h2 {
	width:100%;
	font-size:3rem;
	line-height:3.2rem;
}

.mobile .viewer aside p {
	font-size:3rem;
	line-height: 2.8rem;
	margin:2rem 0;
}

.mobile .swiper-slide img {
	height: 100%;
	object-fit: contain;
}