/* ポップアップ用のCSS */
.white-popup {
	position: relative;
	/*background: #FFF;*/
	background-color: rgba(134, 134, 134, 0.95);
	width: auto;
	max-width: 1000px;
	/*max-height: 80vh;*/
	max-height: 95vh;
	margin: auto;
	border-radius: 4px;
	overflow: auto;
	/*color:#000000;*/
	color: white;
	/*margin-bottom: 100px;*/
	margin-bottom: 0;
	padding-top: 50px;	/* ×ボタン用 */
}
.mh-250px {
	max-height: 250px;
}
.minh-250px {
	min-height: 250px;
}

.modal-contents {
	font-size: 90%;
	margin: 10px;
	padding-bottom: 45px;	/* footer用 */
	padding-right: 20px;	/* ×ボタン用 */
}
.modal-contents-footer {
	position: fixed;
	width: auto;
	height: 56px;	/* padding-top分modal-contentsより多めに取る */
	top: 0;
	background: #fff;
	border-top: 1px solid #b4b4b4;
	padding-top: 10px;
	margin: 10px;	/* modal-contentsに合わせる */
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.button.mfp-close {
	display:none;
}

.dialog_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	height: 40px;
	width: 40px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background-color: #868685;
	opacity: 0.85;
	cursor: pointer;
}
.dialog_close span, .dialog_close span:before, .dialog_close span:after {
	content: '';
	display: block;
	height: 3px;	/* LINEの太さ */
	width: 40px;
	border-radius: 3px;
	position: absolute;
}
.dialog_close span:before {
	bottom: 0;
	width: 40px;
	transform: rotate(45deg);
	background: linear-gradient(to right, #ffffff, #c1c0c0);
}
.dialog_close span:after {
	top: 0;
	width: 40px;
	transform: rotate(-45deg);
	background: linear-gradient(to right, #ffffff, #c1c0c0);
}
/* モーダル表示時に背景をスクロールしないようにする */
.bodyfix {
	overflow-y: hidden;
	position: fixed;
}

/* bootstrap上書き */
.pre-scrollable {
	max-height: calc(80vh - 45px);
	overflow-x: hidden;
}