@charset "utf-8";
/* 色変更時用CSS */

/* 菱形 */
.diamond {
	color: rgb(9, 74, 152);
}


main .article p.btn {
	display: block;
	text-align: center;
	padding: 5px 0;
}


/*ボタン背景色*/
main .article p.btn a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-decoration: none;
	letter-spacing: 3px;
	max-width: 360px;
	width: 80%;
	text-align: center;
	padding: 15px 10px;
	margin: 0 auto;
	border-radius: 10px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
 	background-color: #a7cfdf; 
    background-image: -webkit-linear-gradient(top, #d3c2f9 0%, #956ee5 100%);
    background-image: -o-linear-gradient(top, #d3c2f9 0%, #956ee5 100%);
    background-image: linear-gradient(top, #d3c2f9 0%, #956ee5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

main .article p.btn a:hover {
 background-color: #82bbd1;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #ae8ff7 1%, #7b4ae2 100%);
 background-image: -moz-linear-gradient(top, #ae8ff7 1%, #7b4ae2 100%);
 background-image: -ms-linear-gradient(top, #ae8ff7 1%, #7b4ae2 100%);
 background-image: -o-linear-gradient(top, #ae8ff7 1%, #7b4ae2 100%);
 background-image: linear-gradient(to bottom, #ae8ff7 1%, #7b4ae2 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}