@charset "utf-8";
/*===========================
add
===========================*/




/* contNews flexバージョン　*/
 
 .indexNews {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch; /* アイテムを上揃えで配置します */
}

.newsLeft {
	width:20%;
}
 
 
.newsLeft h2 {
	/*font-family: 'Assistant', sans-serif; */
	font-family: 'Noto Serif JP', serif;
	color:#fff;
	text-shadow:none;
	font-size: 3.5em;
	line-height:1.2em;
	padding:0;
	margin:0;
	text-align:left;
	border:none;
	margin-bottom:20px;
	color:var(--basic-color);
}

.newsLeft h2:after {
	content:none;
}
 
.contNews {
	width:80%;
}
  
.contNews ul {
	max-height:460px;
	overflow: auto;
}
 
.contNews ul li {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	/* align-items: center; */
	align-items: start;
	
    margin-bottom: 1em;
    padding-bottom: 1em;
	margin-right:20px;
    border-bottom: 1px dotted #CCCCCC;
}

.contNews ul li:first-child {	
    margin-top: 1em;
}

.contNews .thumbnail {
    display: inline-block;
	margin-right: 20px;

}
.contNews .date {
    margin-right: 20px;
    display: inline-block;
	vertical-align:top;	
    margin-right: 1.5em;

}
.contNews .wp_category {
	display:inline-block;
	color:#FFF;
	text-align:center;
	line-height:normal;
	font-size:0.8em;
	padding:0.2em 0.8em;
	margin-right: 1.5em;
	background-color:#af0e22; /* 色変え */
}
.contNews .title {
	display: inline-block;
}



@media only screen and (max-width: 768px) {
	
.newsLeft {
	width:100%;
}

.newsLeft h2 {
	display:inline-block;
	margin-right:0.5em;
}
	
.contNews {
	width:100%;
}
  


.contNews .thumbnail {
}

.contNews .data {

}
.contNews .title {

}


}

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


.contNews ul li {
	display: block;
}

.contNews .thumbnail {
	display: block;
	margin-right: 0;
	margin-bottom:10px;
}

.contNews .data {
	display:inline-block;
}

.contNews .wp_category {
    margin-right: 0;
	display:inline-block;
	margin-bottom:10px;
}

.contNews .title {
	display: block;

}


}