/* MessageBox on toppage */

#mordalBox {
	position: absolute;
	top:100px;
	right:0px;
/*	bottom:0px; */
	left:0px;
	max-width:  360px;        /* 横幅 */
	width: 80%;
/*	min-height: 100px;   */     /* 高さ */
/*	height: 130px; */
padding-bottom: 30px;
height: auto;
	margin: 0 auto 0 auto;
	overflow: auto;  /* 内容がはみ出る場合の表示方法 */
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background-color: #ffcccc; /* 背景色 */
	border:2px solid #aa5555;
	color: #000000;            /* 文字色 */
	border-sizing: border-box;
	text-align: left;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	z-index: 2;
}
	#mordalBox .box-title {
	    font-size: 1em;
	    background: #aa5555;
	    padding: 4px;
	    text-align: center;
	    color: #FFF;
	    font-weight: bold;
	    letter-spacing: 0.05em;
	}
	#mordalBox p {
		margin: 0 10px;
		line-height: 1.5;
	}
	#mordalBox p.date {
		text-align: center;
	}
@media only screen and (max-width: 600px){
	#mordalBox {
		top: -50px;
	}
}