@charset "utf-8";
h1 {
	text-align: center;
	background: coral;
	color: azure;
}
article{
	float:left;
	width:85%;
	background: aliceblue;
}
article>div{
	border:1px solid #456;
	margin: 1px;
}
article>div::after{
	clear:left;
	display:block;
	content:"";
}
article>a{
	text-decoration:none;
	margin-left:10px;
	color:blue;
}
article>a:hover{
	color:red;
}
dl {
	width: 248px;
	height: 250px;
	float: left;
	padding-left: 2px;
}
dt{
	font-weight: bold;
	color: #36C;
	border-bottom: 3px solid #CF9;
	margin-top: 1em;
	width:240px;
}
dd{
	font-size:0.9em;
	margin: 0.2em 0;
	color: #444;
	line-height: 1.3em;
	/*background: url("../img/bullet2.png") no-repeat center left;*/
	padding-left: 22px;
}
dd>a{
	text-decoration:none;
	color:navy;
}
footer{
	clear:left;
}
@media only screen and (max-width:1229px){
	article{
		width:80%;
	}
	figure>img{
		width:100%;
	}
}
@media only screen and (max-width:767px){
	article{
		width:100%;
		float:none;
	}
	h1{
		margin:0;
	}
}