/* CSS Document */

body{
	background: none;
	box-sizing: border-box;
}


h1, p{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

h1 img, p img{
	vertical-align: top;
}

a.bnr img{
	border-radius: 5px;
	box-shadow: 4px 4px 4px #444;
	animation-duration: 0.5s;
	transition-duration: 0.5s;
}
a.bnr img:hover{
	opacity: 0.8;
}

.bnrS{
	margin-top: -170px;
	margin-bottom: 23px;
	max-width: 100%;
}

.bnrS a{
	margin-left: 260px;
}

.bnrS a img{
	width: 667px;
	max-width: 100%;
}

.link{
	width: 640px;
	max-width: 100%;
	margin: auto;
}

.link a{
	text-decoration: none;
}
.btnA{
	background-color: #E05053;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 4% 1%;
	border-radius: 5px;
	font-size: 140%;
	display: inline-block;
	width: 46%;
}
.btnB{
	background-color: #1A7187;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 1%;
	border-radius: 5px;
	font-size: 140%;
	display: inline-block;
	width: 46%;
}

.btnA, .btnB{
	animation-duration: 0.5s;
	transition-duration: 0.5s;
}
.btnA:hover, .btnB:hover{
	opacity: 0.8;
}

#footer{
	background: #FAFAFA;
	color: #666;
	font-size: 90%;
	padding: 2em 0px;
}

#footer table{
	margin: auto;
}
#footer table td{
	padding: 1em;
}

.spOnly{
	display: none;
}

@media screen and (max-width:640px) { 
	section, article{
		margin: 0px !important;
	}
	h1 img{
		width: 100%;
	}
	
	#titleBar{
		display: none;
	}
	a.bnr{
		padding: 0px 10px 10px 10px;
	box-sizing: border-box;
		display: block;
		
	}
	.bnrS{
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 100%;
}

.bnrS a{
	margin-left: 0px;
}

.bnrS a img{
	width: 100%;
	max-width: 100%;
}
	
	td{
		display: block;
	}
	
.spOnly{
	display: block;
}	
}