@charset "utf-8";

.modal_open {
	overflow:hidden;
}

.preview_modal,
.close_modal {
	position:fixed;
	background:rgba(0,0,0,0.4);
	width:100vw;
	height:100vh;
	z-index:10000;
	top : 0;
	left :0;
	display: flex;
	align-items: center;
	justify-content: center;
	/* transition: all  0.3s ease; */
}
.close_modal{
	background:rgba(0,0,0,0.0);
	/* z-index:10000; */
}

.modal_contents {
	background-color: #fff;
	width: 90vw;
	height:90vh;
	overflow: auto;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
	
	padding : 20px;
	display: flex;
	justify-content: space-around;
	z-index:10001;
}

.pc_view {
	width: 1024px;
	height : 100%;
	border:1px solid #ccc;
	overflow-y: scroll;
	z-index:10002;
	position:relative;
}
.sp_view {
	width: 375px;
	height : 100%;
	border:1px solid #ccc;
	overflow-y: scroll;
	z-index:10002;
	position:relative;
}

.fixed {
	position:fixed;
}