/* CSS Document */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.content {
	margin: 0 auto;
	padding: 40px;
}
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10200;
}

.modal__content a {
	z-index: 9999;
}
.modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content {
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 640px;
}

.js-modal-open {
	width: 100%;
	height: 100%;
}

.modal__content img {
	width: 100%;
}

@media (max-width: 768px) {
	.modal__content {
		width: 100%;
	}
}