/*SP用*/  
 
.CategoryListArea_pc{
	display:none;

}
.CategoryListArea_sp{
	width:90%;
	margin:2% auto 1%;
	background:#fff;
	display:block;

}

.newsAreaTitle{
	width:100%;
	text-align:center;
	padding-top:15%;
	padding-bottom:15%;	
	font-size:30px;
	font-weight:bold;
	color:#000;
	letter-spacing:0.1em;
	
}
.newsList{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	
}
.newsList_ul{
	font-size:0;
	width:100%;
	margin:0 auto;	
}

.newsList_li{
	display: inline-block;
	/* margin:0 auto; */
	padding: 0;
	box-sizing:border-box;
	width: 100%;
	position: relative;
	vertical-align: top;
	margin-bottom: 50px;
	box-shadow: 0 1px 20px 0 rgb(0 0 0 / 18%);
}

.Newsbloc {
	width: 100%;
	margin: 0 auto;

}
.NewsImageArea{
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
}

.NewsImageArea img{
	width:100%;
	height:auto;
	transition:1s all;

}

.NewsImageArea img:hover{
	transform:scale(1.2,1.2);
	transition:1s all;

}

.NewsTextArea{
	box-sizing: border-box;
	text-align: left;
	width: 100%;
}

.CategoryAndDateArea{
	margin:2% auto;
	text-align: left;
	width: 100%;
}
.CategoryName {
	color: #fff;
	font-size: 11px;
	margin: auto;
	padding:1%;
	border-radius:3px;
	box-sizing:border-box;
}

.DateArea_Text{
	color: rgba(0,0,0,0.5);
	font-size: 13px;
	margin: 0 auto 2%;
	text-align: left;
	line-height: normal;
    font-family: 'Lato', sans-serif;
}

.NewsTitleArea {
	margin:2% auto;
	width: 100%;
}

.NewsTitleArea p{
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
}

.NewsSentenceArea {
	margin:2% auto;
	width: 100%;
}

.NewsSentenceArea p{
	color: rgba(0,0,0,0.5);
	font-size: 15px;
	line-height: 1.7;
	margin: auto;
	text-align: left;

}

.NewsDetailLink {
    margin: 0 auto 10px;
    text-align: right;
}

.NewsDetailLink a {
    color: rgba(0,0,0,0.5);
    font-size: 13px;
    text-align: right;
}

.NewsDetailLink a:hover {
    text-decoration: none;
}