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

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; margin: 3%;}

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/*#newsWrap ul#newsList{	
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 0 10px;
	padding: 1em;
}
#newsWrap ul#newsList a{
	width: calc(100% / 3 );
	margin: 0 10px;
	height: 150px;
	padding: 1em;
	border-right: 2px #fff solid;
}*/
.news{
	width: 100%;
	background: #fff;
	text-align: left;
	padding: 2%;
	min-height: 300px;
}
@media all and  (max-width:690px){
	#newsWrap ul#newsList{
		display: block;
	}
	#newsWrap ul#newsList a{
		width: 100%;
		border-right: 0 #fff solid;
	}
	ul#newsList li{
		border-bottom: 1px #fff solid;
	}
	}	
.news-flex{
width: 50%;
display: flex;    
flex-wrap:wrap;
justify-content:space-between;
align-items:center; 
margin: 0 auto;    
}


ul#newsList{
    width: 100%;
	padding:2% 0;
	overflow-y: scroll;
}

ul#newsList::-webkit-scrollbar{
   width: 5px;
}
ul#newsList::-webkit-scrollbar-track{
   background-color: #fff;
}

ul#newsList::-webkit-scrollbar-thumb{
   background-color: #558eff;
}

ul#newsList li {
    display: flex;
	flex-wrap: wrap;
    font-size: 1em;
    margin: 0;
    padding: 0.8em 3% 0;
    margin-bottom: 3px;
    line-height: 120%;
    list-style-type: none;
    text-align: left;
    border-bottom: 1px dotted #558eff;
}

ul#newsList dd.title{
font-size: 1.1em;  
text-align: left;
margin-left: 15px;
min-width: 300px;
}

ul#newsList dt.up_ymd{
text-align: left;
height: 2em;
width: 100px;
}
ul#newsList dd.category{
text-align: center;
height: 2em;
width: 100px;
font-size: 80%;
color: #0074C2;
border: 0.5px solid #0074C2;
border-radius: 20px;
background: rgba(233, 240, 250, 1);
}
.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #eee;
	border-radius:6px;
	font-size:0.9em;
	line-height:100%;
	margin:0 2px 0 0;
background: #eee;
    color: #2a2a2a;
   
}
.newMark{
	display:inline-block;
	padding:1px 4px;
	font-size:0.7em;;
	line-height:100%;
	color:#006400;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:80%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

@media all and  (max-width:1150px){
.news-flex{
width: 95%;
}  
}

@media all and  (max-width:650px){
	#newsWrap ul#newsList {
		font-size: 80%;
		overflow-x: clip;
	}
	ul#newsList dd.title{
		padding-bottom: 1%;
	}    
}