/*--------------------------------------
強制ポップアップ用 CSS
---------------------------------------*/

.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 1200
}
.btn_area {
width: 50%;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 1300
}
.btn_area .ttl {
font-weight: bold
}
.btn_area p {
padding: 15px
}
.btn_area button {
display: block;
margin: 10px auto 0;
background: #333;
color: #fff;
padding: 20px 40px;
border: none
}
.btn_area button:hover {
background: #777
}




@media screen and (max-width:768px) {
.btn_area {
width: 80%;
}

}