@charset 'utf-8';

.lvh_label span {
	display: block;
	padding: 6px;
	border-radius: 8px;
	font-weight: bold;
	background: var(--bg);
	text-align: center;
	cursor: pointer;
}

.lvh_check:checked + .lvh_label {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100lvh;
	transform: translateZ(0.01px);
	cursor: pointer;
	z-index: 3;
}
.lvh_check:checked + .lvh_label span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	left: max(5%, calc(50% - 150px));
	width: 90%;
	max-width: 300px;
	text-align: center;
	z-index: 1;
}
.lvh_check:checked + .lvh_label span::after {
	content: "iPhoneのSafariで確認してください｡";
	display: block;
	font-size: 1.3rem;
	font-weight: normal;
}

.lvh_check:checked + .lvh_label + .lvh_view {display: block;}

.lvh_view {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	left: max(0px, calc(50% - 207px));
	width: 100%;
	max-width: 414px;
	height: 100vh;
	height: 100lvh;
	background: url(img/img.jpg) 50% 50% / cover no-repeat;
	z-index: 2;
}

.lvh_view.good {
	transform: translateZ(0.01px);
}