#zakeke-container {
	width: 100%;
}

#zakeke-frame {
	width: 100%;
	border: 0;
	overflow: hidden;
}

@media (min-width: 769px) {
	#zakeke-frame {
		min-height: 620px;
		height: 77vh;
	}
}

@media (max-width: 768px) {
	dialog#zakeke-container {
		width: 100%;
		height: 100%;
		min-height: 100%;
		min-height: -webkit-fill-available;
		max-width: 100%;
		max-height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}

	dialog#zakeke-container::backdrop {
		background: #fff;
	}

	#zakeke-frame {
		width: 100%;
		height: 100%;
		min-height: 100dvh;
	}
}