#message_panel_wrap {
	width:  			calc(100vw - 18px);
	margin:				0px;
	position: 			-webkit-sticky;
	position:			sticky;
	left:       		0px;
	padding:			10px 10px 10px 10px;
}

#message_panel {
	width:  			100%;
	padding-top:		10px;
	padding-bottom:		10px;
	box-shadow: 		2px 2px 3px rgba(0, 0, 0, 0.3);
}

.message_panel_normal {
  	background:			#cfe2e6;
}
.message_panel_warning {
  	background:			#fffacd;
}

#message_list {
	display:block;
	width:  			100%;
	margin-top:			20px;
	vertical-align:		top;
	text-align:			center;
}

.error_message {
	display:block;
	font-size:12pt;
	color:#f00;
	margin: 0px 20px 20px 40px;
}

.confirm_message {
	display:block;
	font-size:12pt;
	color:#666;
	margin: 0px 20px 20px 40px;
}

@media screen and (max-width: 700px){
	.error_message {
		font-size:	11pt;
	}

	.confirm_message {
		font-size:	11pt;
	}
}

@media screen and (max-width: 600px){
	.error_message {
		font-size:	10pt;
	}

	.confirm_message {
		font-size:	10pt;
	}
}

@media screen and (max-width: 480px){
	
	#message_panel_wrap {
		width:		100vw;
	}
	
	.error_message {
		font-size:	9pt;
	}

	.confirm_message {
		font-size:	9pt;
	}
}