@charset "utf-8";
/* CSS Document */
.open {
	cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
	text-align: center;
	color: #2372C5;
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	padding-top: 5px;
	display: block;
	padding-bottom: 5px;
}
#p-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#sb-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#gi-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#r-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#g-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#ki-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#li-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#po-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#ro-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#agy-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#agb-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#agbo-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#p-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#sb-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#gi-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#r-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#g-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#ki-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#li-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#po-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#ro-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#agy-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#agb-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#agbo-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 320px;
	max-width: 380px;
	height: 700px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 18px;
	margin: 0;
}
.close {
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
	color: #232323;
}