.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 999
}
.popup_area {
width: 100%;
max-width: 1150px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
text-align: center;
z-index: 1000
}
.popup_area .ttl {
font-weight: bold
}
.popup_area p {
padding: 15px
}
.popup_area button {
position:absolute;
	display:inline-block;
	right: -30px;
	top: -30px;
	width:80px;
	height:80px;
	border:0;
	background-color:black;
	border-radius:60px;
	margin:0;
	padding:0;
	transform:scale(0.5);
	cursor:pointer;
}

.popup_area button:before{
	content:"";
	position:absolute;
	display:inline-block;
	top:15px;
	left:37px;
	width:6px;
	height:50px;
	border:0;
	margin:0;
	padding:0;
	background-color:white;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.popup_area button:after{
	content:"";
	position:absolute;
	display:inline-block;
	top:15px;
	left:38px;
	width:6px;
	height:50px;
	border:0;
	margin:0;
	padding:0;
	background-color:white;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.popup_area button:hover{
	background-color:red;
}


.popup_area img {
	display:block;
	max-width:100%;
	height:auto;
}