@charset "utf-8";
input#modal {
	display: none;
}
input#modal + label {
	width: 100%;
	height: 120%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2147483646;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
input#modal + label div {
	position: fixed;
	width: 100%; /*画像の横幅*/
	top: 50%;
	left: 50%;
    margin: -217px 0 0 -210px; /*画像の高さと幅の半分 marginをマイナス */
	background: none;
	border: none;
}
input#modal + label div::before {
	content: "× Close";
	position: absolute;
	bottom: -7%;
	/*right: 82%;*/
	margin: 0 -60px 0 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #ffffff;
}
input#modal:checked + label {
	display: none;
}
/* CSS Document */