@charset "UTF-8";
/* CSS Document */

/* overflow:hidden;で背景固定 */
.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:92%;
		max-width:810px;
    max-height: 80vh;
		top: 50% !important;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		margin-top: -10px;
}

.modal-in {
	overflow: auto;
	position: relative;
	box-sizing:border-box;
	background:#fff;
	/*-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;*/
	max-height: 80vh;
}

.modal-overlay {
    z-index:15000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.5);
}

.modal-wrap {
    z-index:16000 !important;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

.modal-close {
	width: 30px;
	height: 30px;
	background: url(/img/ico_close.svg) no-repeat center center;
	background-size: contain;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 10px;
	cursor: pointer;
}
.modal-close:hover {
	color: #fff;
}
.modal-open {
	cursor: pointer;
}
@media screen and (max-width: 767px) {
.modal-content {
    max-height:70vh;
				margin-top: -10px;
}
.modal-in {
	max-height: 70vh;
}
.modal_close_top {
	width: 35px;
	height: 35px;
	margin-bottom: 10px;
}
}