@charset "utf-8";

#container .message_link{
	width:500px;
	margin:0 auto 30px;
}
	#container .message_link a{
		display:block;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		font-size:1.6em;
		width:500px;
		height:120px;
		line-height:120px;
		box-sizing:border-box;
		padding:0 20px;
		border-radius:5px;
		background:#0B93D3 url("/common/img/icn15.png") 97% 50% no-repeat;
		border:1px solid #0B93D3;
		transition:background-color,0.5s,ease,0s;
	}
	#container .message_link a:hover{
		color:#0B93D3;
		background:#FFF url("/common/img/icn16.png") 97% 50% no-repeat;
		border:1px solid #0B93D3;
		transition:background-color,0.5s,ease,0s;
	}

#container section .contents{
	padding-bottom:10px;
    border-bottom:3px solid #0b93d3;
}

.msg_cat_list{
	overflow:hidden;
	margin:0 0 20px;
}
	.msg_cat_list li{
		border-radius:5px;
		float:left;
		margin:0 20px 20px 0;
		background-image:none;
		padding:0;
		width:240px;
	}
	.msg_cat_list li:last-child {
		margin-right:0;
	}
/*	.msg_cat_list li{
		border-radius:5px;
		float:left;
		margin:0 10px 20px 10px;
		background-image:none;
		padding:0;
		width:340px;
	}*/
		.msg_cat_list li a{
			display:block;
		}

/*- pagenation -*/

.paging{
	width:100%;
	overflow:hidden;
}
	.paging .prev{
		text-align:left;
		width:20%;
		float:left;
	}
	.paging .next{
		text-align:right;
		width:20%;
		float:right;
	}
	.paging .numbox{
		text-align:center;
		width:60%;
		float:left;
	}
	.paging .numbox a{
		width:25px;
		height:25px;
		display:inline-block;
		border-radius:5px;
		background-color:#f2f2f2;
		text-align:center;
		margin:0 5px 5px 5px;
		text-decoration:none;
	}
	.paging .numbox span{
		color:#FFF;
		width:25px;
		height:25px;
		display:inline-block;
		border-radius:5px;
		background-color:#0b93d3;
		text-align:center;
		margin:0 5px 5px 5px;
	}

/***--- AForm ---***/

.aform-content dl dt{
	padding-top:3px;
}

.aform-content dl dt .required {
    top: 5px !important;
}

.aform-content dl dt:before {
	content:none;
}

#container section p#aform_confirm_msg {
    margin:40px 0 40px 0;
}

.aform-content dl input, .aform-content dl textarea, .aform-content dl select {
    font-size: 100% !important;
}

.aform-content .submit{
	width:100%;
	padding:0 !important;
	margin:20px 10px 30px 10px !important;
	text-align:center;
	display:inline-block;
	background-color:#FFF !important;
}
	.aform-content .submit input{
		position:relative;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		width:240px;
		height:60px;
		font-size:100% !important;
		padding:0 !important;
		margin:0 10px 20px 10px !important;
		text-decoration:none;
		display:inline-block;
		line-height:60px;
		background:#0B93D3 url("/common/img/icn09.png") 97% 50% no-repeat;
		border:1px solid #0B93D3;
		border-radius:5px;
		
		transition-property:background-color;
		transition-duration:1s;
		transition-timing-function:ease;
		transition-delay:0s;
	}

	.aform-content .submit input:hover{
		color:#0B93D3;
		background:#FFF url("/common/img/icn07.png") 97% 50% no-repeat;
		border:1px solid #0B93D3;
		
		transition-property:background-color;
		transition-duration:0.5s;
		transition-timing-function:ease;
		transition-delay:0s;
	}
	
.aform-radio-ul li{
	background-image:none;
}

/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1000px) {

.msg_cat_list{
	overflow:hidden;
}
	.msg_cat_list li{
		margin:0 1.3% 2.6% 1.3%;
		width:44.7%;
	}

}

/*-----------------------------------------------------	*/
/*	for - 840px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 840px) {

.msg_cat_list li{
	float:none;
	margin:0 auto 2.6% auto;
	width:60%;
}

}


/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 640px) {

#container section .contents p.message_name{
	text-align:center;
}

#container .message_link{
	width:80%;
}
	#container .message_link a{
		width:100%;
	}

/*- pagenation -*/
.paging{}
	.paging .prev{display:none;}
	.paging .next{display:none;}
	.paging .numbox{
		text-align:center;
		width:100%;
		float:none;
	}

}

/*-----------------------------------------------------	*/
/*	for - 540px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 540px) {

#container .message_link a{
	font-size:1.2em;
}

.msg_cat_list{
	margin:0 5% 0 5%;
}

.msg_cat_list li{
	margin:0 auto 2.6% auto;
	width:100%;
}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

#container .message_link a{
	font-size:1.0em;
	padding:0;
	height:80px;
	line-height:80px;
}

.msg_cat_list li{
	font-size:85%;
}

}

/*
.message_header{
	display: flex;
	margin-bottom: 1em;
}
.message_name,
.message_donation,
.message_date{
	white-space:  nowrap;
	width: 33.3%;
}
*/
.message_header{
	display: flex;
	margin-bottom: 0.5em;
}
.message_name {
	white-space:  nowrap;
	text-align: left;
	width: 50%;
	font-size: 9pt;
}
.message_date{
	white-space:  nowrap;
	text-align: right;
	width: 50%;
	font-size: 9pt;
}
.message_donation {
	white-space:  nowrap;
	width: 100%;
	font-weight:bold;
}