@charset "UTF-8";

header h1{
	border-top:#000 solid 24px;
	text-align:center;
}

header h1 a img{
	padding:60px 0 30px;
}


section#contents ul{
	width:710px;
	height:auto;
	margin:0 auto;
}

section#contents ul li{
	float:left;
	margin:0 0 15px 10px;
}

section#contents ul li:first-of-type{
	margin-left:0;
}

section#contents div{
	width:710px;
	margin:0 auto;
	padding:50px 0 100px;
}

section#contents div a:first-of-type{
	float:left;
}

section#contents div a:nth-of-type(2){
	float:right;
}

/*=================================================*/


@media screen and (max-width:599px){
	
header h1{
		border-top:#000 solid 14px;
		text-align:center;
}


section#contents ul{
	width:355px;
	height:auto;
	margin:0 auto;
}

section#contents ul li a img{
	width:100%;
	height:100%;
}

section#contents ul li{
	width:85px;
	height:48px;
	float:left;
	margin:0 0 7.5px 5px;
}

section#contents ul li:first-of-type{
	margin-left:0;
}

section#contents div{
	width:353.55px;
	margin:0 auto;
	padding:50px 0 100px;
}


}

@media screen and (max-width:320px){
	
section#contents ul li{
	width:85px;
	height:48px;
	float:left;
	margin:0 0 7.5px 10px;
}

	
section#contents div{
	width:300px;
	margin:0 auto;
	padding:50px 0 100px;
}

section#contents ul{
	width:180px;
	height:auto;
	margin:0 auto;
}

section#contents ul li:nth-of-type(3){

	margin-left:0px;

}