@charset "utf-8";

/***************************************************
 * モーダル用CSS
 ***************************************************/
body.noscroll {
	position: fixed;
	overflow-y: scroll;
	width: 100%;
}

.modalBase {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 10000;
}

.modalBase_hidden {
	display: none;
}

.modalBase_closeOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	background: #000;
	opacity: 0.6;
	z-index: 130;
}

.modalBase_block {
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	display: block;
	position: fixed;
	z-index: 140;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.modalBase_closeIcon {
	position: relative;
	background-image: url('https://asset01.suumo.jp/sp/img/common/modal/close.png?id=20251204a9a2df4acc9');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 19px;
	height: 19px;
	display: block;
	box-sizing: border-box;
	margin-left: auto;
	margin-bottom: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.modalBase_body {
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	height: auto;
	width: 100%;
	overflow-y: scroll;
}

/* モーダル表示アニメーション */
.modalBase_fadeIn {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: modalBase_fadeIn;
	animation-name: modalBase_fadeIn;
}

@-webkit-keyframes modalBase_fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes modalBase_fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* モーダル非表示アニメーション */
.modalBase_fadeOut {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: modalBase_fadeOut;
	animation-name: modalBase_fadeOut;
}

@-webkit-keyframes modalBase_fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes modalBase_fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}