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

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

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

.modal-in {
	overflow: auto;
	position: relative;
	box-sizing:border-box;
	background:#fff;
	-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

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

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

.modal-close {
	width: 40px;
	height: 40px;
	background: #999999 url(/img/ico_close.svg) no-repeat center center;
	background-size: 20px;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	margin-right: 0;
	margin-left: auto;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
  z-index: 10;
}
.modal-close:hover {
	color: #fff;
}
.modal-open {
	cursor: pointer;
}
@media screen and (max-width: 767px) {
.modal-cont {
    max-height:86%;
}
.modal_close_top {
	width: 35px;
	height: 35px;
}
}