@charset "UTF-8";
/* CSS Document */
.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up, #pop-up-1, #pop-up-2, #pop-up-3, #pop-up-4, #pop-up-5, #pop-up-6, #pop-up7, #pop-up-8, #pop-up-9, #pop-up-10,
#pop-up-11, #pop-up-12, #pop-up-13, #pop-up-14, #pop-up-15, #pop-up-16, #pop-up17, #pop-up-18, #pop-up-19, #pop-up-20,
#pop-up-21, #pop-up-22, #pop-up-23, #pop-up-24, #pop-up-25, #pop-up-26, #pop-up27, #pop-up-28, #pop-up-29, #pop-up-30,
#pop-up-31, #pop-up-32, #pop-up-33, #pop-up-34, #pop-up-35, #pop-up-36, #pop-up37, #pop-up-38, #pop-up-39, #pop-up-40,
#pop-up-41, #pop-up-42, #pop-up-43, #pop-up-44, #pop-up-45, #pop-up-46, #pop-up47, #pop-up-48, #pop-up-49, #pop-up-50 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay,
#pop-up-1:checked + .overlay, #pop-up-2:checked + .overlay,
#pop-up-3:checked + .overlay, #pop-up-4:checked + .overlay,
#pop-up-5:checked + .overlay, #pop-up-6:checked + .overlay,
#pop-up-7:checked + .overlay, #pop-up-8:checked + .overlay,
#pop-up-9:checked + .overlay, #pop-up-10:checked + .overlay,
#pop-up-11:checked + .overlay, #pop-up-12:checked + .overlay,
#pop-up-13:checked + .overlay, #pop-up-14:checked + .overlay,
#pop-up-15:checked + .overlay, #pop-up-16:checked + .overlay,
#pop-up-17:checked + .overlay, #pop-up-18:checked + .overlay,
#pop-up-19:checked + .overlay, #pop-up-20:checked + .overlay,
#pop-up-21:checked + .overlay, #pop-up-22:checked + .overlay,
#pop-up-23:checked + .overlay, #pop-up-24:checked + .overlay,
#pop-up-25:checked + .overlay, #pop-up-26:checked + .overlay,
#pop-up-27:checked + .overlay, #pop-up-28:checked + .overlay,
#pop-up-29:checked + .overlay, #pop-up-30:checked + .overlay,
#pop-up-31:checked + .overlay, #pop-up-32:checked + .overlay,
#pop-up-33:checked + .overlay, #pop-up-34:checked + .overlay,
#pop-up-35:checked + .overlay, #pop-up-36:checked + .overlay,
#pop-up-37:checked + .overlay, #pop-up-38:checked + .overlay,
#pop-up-39:checked + .overlay, #pop-up-40:checked + .overlay,
#pop-up-41:checked + .overlay, #pop-up-42:checked + .overlay,
#pop-up-43:checked + .overlay, #pop-up-44:checked + .overlay,
#pop-up-45:checked + .overlay, #pop-up-46:checked + .overlay,
#pop-up-47:checked + .overlay, #pop-up-48:checked + .overlay,
#pop-up-49:checked + .overlay, #pop-up-50:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 380px;
	height: 610px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items:flex-start ;
	position: fixed;
	top: calc(50% - 50px);
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 21px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}