@charset "utf-8";
/*--京di_topics.css--*/
/*#####年度別アーカイブリスト系#####*/
#side_nav_list ul{
	margin-bottom:10px;
}

/*直近3年目以降はデフォルト非表示*/
#side_nav_list li:nth-child(n+3){
	display:none;
}

#side_nav_list.opened li:nth-child(n+3){
	display:block;
}

.old_archives{
	text-align:center;
	border:1px solid #ccc;
	padding:2px 0;
	cursor:pointer;
}

.old_archives:hover{
	background:#fff09e;
}

.old_archives .tri{
	color:#ffa300;
	margin-right:4px;
}

.old_archives .open{
	display:inline;
}

.old_archives .archive_close{
	display:none;
}

.old_archives.opened .open{
	display:none;
}

.old_archives.opened .archive_close{
	display:inline;
}

/*カテゴリ表示用20170708*/
.category_list{}

	.category_list dt{
		text-align:center;
	}
	
	.category_list dt:before{
		content:"-";
		margin-right:5px;
	}
	
	.category_list dt:after{
		content:"-";
		margin-left:5px;
	}
	
	.category_list dd ul li{
		float:left;
		text-align:center;
		font-size:0.9em;
		padding:1px;
	}
	
	.category_list dd ul li:nth-child(odd){
		width:65%;
	}
	
	.category_list dd ul li:nth-child(even){
		width:35%;
	}
	
	#page_body .category_list dd ul li a{
		display:block;
		padding:10px 0;
		background:#eee;
		color:#111;
		text-decoration:none;
		border-radius:4px;
	}
	
	#page_body .category_list dd ul li a:hover{
		background:rgba(30,159,218,0.5);
	}
	
	#page_body .category_list dd ul li.active a{
		background:#1e9fda;
		color:#fff;
		/*text-shadow:1px 1px 0 rgba(0,0,0,0.8);*/
	}
	
@media print, screen and (min-width: 768px) {
	.category_list{
		margin-bottom:10px;
	}
	
	.category_list dt{
		display:inline-block;
		text-align:left;
		font-weight:normal;
	}
	
	.category_list dt:before{
		content:"";
		margin:0;
	}
	
	.category_list dt:after{
		content:":";
		margin:0;
	}
	
	.category_list dd{
		display:inline-block;
	}
	
	.category_list dd ul{
		letter-spacing:-0.4em;
	}
	
	.category_list dd ul li{
		float:none;
		display:inline-block;
		padding:0;
		font-size:1em;
		letter-spacing:0;
		margin-right:5px;
	}
	
	.category_list dd ul li:nth-child(odd),
	.category_list dd ul li:nth-child(even){
		width:auto;
	}
	
	.category_list dd ul li:last-child{
		margin-right:0;
	}
	
	#page_body .category_list dd ul li a{
		padding:5px 8px;
		line-height:1.2em;
	}
	
	#page_body .category_list dd ul li.active a{
		font-weight:bold;
	}
}