@charset "utf-8";
/* CSS Document */


.inner{
	padding:50px 0 0 0px;
	width:1100px;
}


@media screen and (max-width: 834px) {
.inner{
	padding:30px 10px 50px;
	width:100%;
}

}

.topics{
  color: #000;
  line-height: 1.5;
  letter-spacing: -0.5px;
  font-size: 1.6rem;
}

.topics a{
	color:#000;
}

.topics a:hover{
	color:#000;
}

.topics li{
	margin-bottom:20px;
	border-bottom:dotted 2px #999999;
}

.date {
    float: left;
    margin-right: 20px;
}

.cat{
	background-color:#000000;
	color:#fff;
	font-size:1.4rem;
	padding:2px 10px;
	margin: 0 20px 5px 0;
	width:80px;
	display:inline-block;
	text-align:center;
}

.pdficon{
	background-color:#FF3300;
	color:#fff;
	padding:1px 5px;
	margin: 0 0px 5px 5px;
	xwidth:80px;
	display:inline-block;
	text-align:center;
	border-radius:2px;
	font-size:12px;

}


@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 480px) {
	
	.inner{
		padding:20px 20px 30px;
	}
	
	.topics a{
		display:block;
		padding:5px 0 20px;
	}
	
	.date {
    margin-right: 5px;
}
	
	.cat{
	background-color:#000000;
	color:#fff;
	font-size:1.2rem;
	padding:1px 10px;
	margin-right: 10px;
}


}