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

:root {

	/* --bw: calc( ( ( (100% - 4%)) / 3) - 4%); */

	--modal_box_header_height: 40px;

	--modal_box_row_height: 60px;

	--modal_square_third: calc( (100% / 3) - (3%) );

	--modal_box_radius: 6px;

	--modal_box_spacing: 2%;
}

.modalContainerX{
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 100vh;
	bottom: -100vh;
	position: fixed;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.6);
	display: block;
	border: 0px solid red;
	z-index: 10;
	transition: all 0.2s ease-out;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

.modalTitle{
	position: absolute;
	width: 240px;
	height: 76px;
	display: block;
	box-sizing: border-box;
	border: 0px solid red;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	top: 6px;
	
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	transition: all 0.2s ease-out;
}

.modalContent{
	width: 100%;
	height: calc(100% - 74px); 
	display: block;
	margin-top: 74px;
	box-sizing: border-box;
	text-align: center;
	color: #ededed;
	padding-top: 20px;
	padding-bottom: 140px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 15px;
	border-top: 1px solid rgba(255,255,255,0.05);
	overflow-x: hidden;
	overflow-y: scroll;
	transition: all 0.2s ease-in-out;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	scrollbar-width: none;
	max-width: 840px;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	z-index: 0;
}

.modalContent::-webkit-scrollbar{
	display: none;
}

.modalContent::scrollbar{
	display: none;
}

.mc_closeButon{

	width: var(--modal_box_header_height);
	height: var(--modal_box_header_height);
	display: block;
	position: absolute;
	left: var(--modal_box_spacing);
	top: var(--modal_box_spacing);
	border-radius: var(--modal_box_radius);
	padding: 4px;
	box-sizing: border-box;
}

.mc_closeButon a{
	position: absolute;
	display: block;
	width: var(--modal_box_header_height);
	height: var(--modal_box_header_height);
	z-index: 5;
}

.mc_closeButon img{
	width: 30px;
	height: 30px;
	margin: 5px;
}