@charset "UTF-8";

.is_active{display: block !important;}
.stop_scroll{position: fixed;width: 100%;}
.zoom_in{animation: zoomIn 0.3s ease-in-out forwards !important;}

	@keyframes zoomIn{
from{-webkit-transform: scale(0.5)}
to{-webkit-transform: scale(1.0)}
	}

#modal{display: none;overflow: auto;-webkit-overflow-scrolling: touch;width: 100vw;height: 100vh;top: 0;left: 0;position: fixed;z-index: 9999999}
#modal .inner{display: table;width: 100%;height:100%;}
#modal .modalBlack{display: table-cell;background: rgba(0,0,0,0.7);text-align: center;vertical-align: middle;}

#modal .modalwindow{
	position: relative;
	display: inline-block;
	text-align: left;
	background: #fff;
	max-width: 1000px;
	min-width: 600px;
	cursor: auto;
}

#modal .page{
	display: none;
	padding: 20px;
}

#modal .btn.top a{display: block;}
#modal .btn.top{
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#modal .btn.bottom a{display: inline-block;}
#modal .btn.bottom{
	text-align: center;
}

	@media screen and (max-width:768px){

	#modal .modalwindow{
		max-width: 95%;
		min-width: 95%;
	}

	}/* --- max-width:768px */