@charset "utf-8";

/*----------------------------- dialog -----------------------------*/
.dialog{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	position:fixed;
	top:0;
	left:0;
	z-index:2147483647;
	display:none;
	cursor:pointer;
}

.dialog_contents_parent{
	border:solid #000 1px;
	background:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	cursor:auto;
	opacity:0;
}

#dialog_close_trigger{
	width:20px;
	height:20px;
	border:solid #000 1px;
	background:#FFF;
	cursor:pointer;
	position:absolute;
	top:3px;
	right:3px;
	z-index:2;
	display:block;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#dialog_close_trigger::before, 
#dialog_close_trigger::after{
	content:"";
	background:#000;
	position:absolute;
	transform:rotate(45deg);
	display:block;
}

#dialog_close_trigger::before{
	width:2px;
	height:14px;
	top:2px;
	left:calc(50% - 1px);
}

#dialog_close_trigger::after{
	width:14px;
	height:2px;
	top:calc(50% - 1px);
	left:2px;
}
/*----------------------------- /dialog -----------------------------*/