@charset "utf-8";
/*様子をみてpr直下に移動*/
#popup_div{
	width: 100%;
	min-height: 100vh;
	position: fixed;
	top: 0;left: 0;right: 0;
	margin: 0 auto;
	z-index: 800;
	background-color: rgba(0,0,0,0.7);
	display: none;
	flex-direction: column;
	justify-content: center;
}
#popup_img{
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 90vh;
	margin: 0 auto;
}
#popup_x{
	width: 20px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top:2em;
	cursor: pointer;
	position: fixed;
	left: 0;right: 0;bottom:4px;
	z-index: 999;
}
#popup_x:hover{
	opacity: 0.7;
}
@media (orientation: landscape) and (max-height: 540px){
#popup_div{
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
#popup_img{
	width: auto;
	height:80vh;
	max-height:80vh;
}
#popup_x{
	width: 20px;height: 20px;
	margin:0.5em;
}	
}