@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:660px;
	height:auto;
	margin:0 auto;
}

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

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

section#contents div{
	width:660px;
	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.line{
	width:330px;
	height:auto;
	margin:0 auto;
}

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

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

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

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


}

@media screen and (max-width:320px){
	
section#contents ul.line{
	width:312px;
	height:auto;
	margin:0 auto;
}

	
section#contents ul li{
	width:60px;
	height:60px;
	float:left;
	margin:0 0 3px 3px;
}	

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

	
}