@charset "UTF-8";
/*** PC/SP 共通CSS ***/
.topics{
	
}
.topicsbox {
	padding: 1rem;
	border-bottom: 1px solid #dedede;
}
.date{
	font-size: .85rem;
	padding-bottom: .2rem;
	color: #4c8dcb;
}
.topics .cate_outer h3{
	background: none;
	font-size: 1rem;
	text-align: left;
	font-weight: 300;
	padding: 0 0 .5rem 0;
	color: #4c8dcb;
}
.topics .cate_outer .desc{
	font-size: .85rem;
}
.topics .navigation{
	text-align: center;
	padding: 0 1rem;
	width: 100%;
	margin: 2rem auto;
}
.topics.detail h3{
	background: #e7f7ff;
	padding: .5rem;
	font-weight: 800;
}
.topics .cate_outer .desc{
	padding: 1rem 0;
	font-size: 1rem;
}
/*** Smartphone ***/




/*** PC ***/
@media screen and (min-width:768px) {
	.topicsbox {
		padding: 1rem 0;
	}
	.topics .cate_outer{
		max-width: 1060px;
		margin: 2rem auto;
	}
	.date{
		font-size: 1rem;
		float: left;
		width: 100px;
		padding-bottom: 0;
	}
	.topics .cate_outer h3{
		font-size: 1rem;
		padding: 3px 0 0 100px;
	}
	.topics .cate_outer .desc{
		font-size: 1rem;
		padding-top: 1rem;
		padding-left: 100px;
	}
	.topics .navigation{
		text-align: center;
		padding: 0 1rem;
		width: 100%;
		max-width: 1060px;
		margin: 2rem auto;
	}
	/* Detail page*/
	.topics.detail .cate_outer{
		max-width: 860px;
	}
	.topics.detail .date{
		float: none;
	}
	.topics.detail h3{
		margin-left: 0;
		padding: 1rem;
		font-size: 1.25rem;
		font-weight: 300;
	}
	.topics.detail .cate_outer .desc{
		padding-left: 0;
	}
	.pager li > a, .pager li > span{
		border-radius: 0;
		border: 1px solid #ddd;
	}
}





@media screen and (min-width:745px) and  (max-width:858px){

}