@charset "UTF-8";
h2 {
	clear: both;
}
.linkl {
	display: block;
	clear: both;
}
.linkl a{
	color:#333;
}
@media screen and (min-width:768px) { 
	.linkl li {
		float: left;
		padding: 40px;
		width: 33%;
	}
	.linkl li:nth-child(3n+1) {
		clear: both;
	}
	.linkl li img{
		margin-bottom: 16px;
	}
}

@media screen and (max-width:767px) { 
	.linkl li {
		float:none;
	}
	.linkl li a{
		display: block;
		width: 100%;
		clear: both;
	}
	.linkl li .linkname{
		display: block;
		width: 60%;
		float: left;
		vertical-align: middle;
		word-wrap: normal;
		padding-top: 25px;
		padding-left: 10px;
	}
	.linkl li img{
		display: block;
		float: left;
		width: 40%;
		max-width: 200px;
		float:left;
		padding-right: 20px;
	}
	.linkl hr{
		clear: both;
		border-bottom: 1px dotted #999;
		width: 100%;
		padding-top: 20px;
		margin-bottom: 20px;
	}
}