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

.pagination ul{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.pagination ul li{
	margin: 0 5px;
	
}

.pagination ul li a{
	width: 22px;
	height: 22px;
	display: inline-block;
	text-align: center;
}

.pagination ul li a.prev{

}

.pagination ul li a.next{

}

.pagination ul li span.current{
	width: 22px;
	height: 22px;
	display: inline-block;
	background: #dbdbdb;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 769px){
	
	section li.contents a{
		width: 100%;
		display: block;
		transition-duration: 0.5s;
	}
	
	section li.contents a:hover{
		opacity: 0.7;
	}
	
	section ul.list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 12px;
		border-top: 2px solid #666;
	}
	
	section ul.list + ul.list{
		margin-top: 10px;
	}
	
	section ul.list li{
		margin-top: 10px;
		padding: 5px 0;
	}
	
	section ul.list li h6{
		font-weight: 700;
	}
	
	section ul.list li.date{
		width: 5em;
	}
	
	section ul.list li.issuing{
		width: calc((100% - 5em) * .2 );
	}
	
	section ul.list li.project_name{
		width: calc((100% - 5em) * .4 );
	}
	
	section ul.list li.activities{
		width: calc((100% - 5em) * .4 );
	}
	
	section ul.list li + li{
		padding-left: 1em;
	}
	
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media print, screen and (max-width: 768px){
	
	section li.contents a{
		width: 100%;
		display: block;
	}
	
	section ul.list {
		font-size: 12px;
		border-top: 2px solid #666;
	}
	
	section ul.list + ul.list{
		margin-top: 10px;
	}
	
	section ul.list li{
		margin-top: 10px;
		padding: 5px 0;
	}
	
	section ul.list li + li{
		margin-top: 0.15em;
	}
	
	section ul.list li h6{
		font-weight: 700;
	}
	
	section ul.list li.date{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	
	section ul.list li.date h6,
	section ul.list li.date p{
		display: inline-block;
	}
	
	section ul.list li.date p{
		margin-left: 1em;
	}
	
	section ul.list li.issuing{
		width: 100%;
	}
	
	section ul.list li.project_name{
		width: 100%;
	}
	
	section ul.list li.activities{
		width: 100%;
	}

}