@charset "utf-8";

@media only screen and (max-width: 768px) {
/*
	.body {
		-webkit-filter: blur(0);
		filter: blur(0);
		transition-property: filter;
		transition-duration: .3s;
	}
*/
	.blur {
		-webkit-filter: blur(4px);
		filter: blur(4px);
	}
	.overlay {
		background: rgba(60, 60, 60, 0.25);
		opacity: 1;
	}
	.modal_window {
		padding: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;

		background: transparent;
		box-shadow: none;
	}
	.modal_window .title_bar {
		display: none;
	}
	.modal_window .wrapper {
		border-radius: 2px 2px 20px 20px;
		padding: 10% 3%;
		margin: 0;
		min-height: 101%;
	}
	.modal_window .container {
		margin: 0;
		box-sizing: border-box;
		border-radius: 2px 2px 20px 20px;
		background-color: #fff;
	}
	.modal_window .close {
		display: none;
	}
	.modal_window .sp-close {
		display: block;
		width: 74px;
		margin: 0 auto;
		text-align: center;
		padding: 16px 0 50px;
	}

	/* fade in */
	.overlay.fadein,
	.modal_window.fadein {
		opacity: 0;
		animation-name: fadein;
		animation-duration: 0.3s;
		animation-delay: 0.2s;
		animation-fill-mode: forwards;
	}

	@keyframes fadein {
		from	{opacity: 0}
		to		{opacity: 1}
	}

	/* fade out */
	.overlay.fadeout,
	.modal_window.fadeout {
		animation-name: fadeout;
		animation-duration: 0.2s;
		animation-delay: 0;
		animation-fill-mode: forwards;
	}

	@keyframes fadeout {
		from	{opacity: 1}
		to		{opacity: 0}
	}
}