/* CSS Document */

/*common */
#newsWrp ul li p {
	margin-bottom: 15px;
}
#newsWrp ul li .txt12.date {
	font-family:  "ELLEnove_bold";
}
#newsWrp ul li .txt12.font_color_g {
	text-align: left;
	line-height: 28px;
}

/*news */
#news #newsWrp ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: flex-start;
			align-items: flex-start;
	-webkit-align-content: center;
			align-content: center;
}
/* 3カラムの場合*/
#news #newsWrp ul::after{
  content:"";
  display: block;
  width:30%;
}
#news #newsWrp ul li {
	width: 30%;
	margin-bottom: 30px;
}

@media screen and (max-width:768px){
/* 2カラムの場合*/
#news #newsWrp ul::after{
  content:"";
  display: block;
  width:48%;
}
#news #newsWrp ul li {
	width: 48%;
	margin-bottom: 40px;
}
}

@media screen and (max-width:480px){
 #news #newsWrp ul {
 display: inherit;
 display: inherit;
 display: inherit;
 display: inherit;
}
 /* 1カラムの場合*/
#news #newsWrp ul::after{
  content:"";
  display: block;
  width:100%;
}
#news #newsWrp ul li {
	width: 100%;
	margin-bottom: 40px;
}
}

#news #newsWrp .news_img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	position: relative;
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}
#news #newsWrp .news_img::before {
	content: "+";
	color: #fff;
	font: 50px "ELLEnove_light";
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transition: all .2s ease .2s;
	transition: all .2s ease .2s;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	opacity: 0;
}
#news #newsWrp .news_img::after {
	content: "VIEW MORE";
	color: #fff;
	font-family: "ELLEnove_bold";
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	line-height: normal;
}
#news #newsWrp .news_img:hover::before,
#news #newsWrp .news_img:hover::after {
	opacity: 1;
	-webkit-transform: translate(-50%,-50%) rotate(0deg);
			transform: translate(-50%,-50%) rotate(0deg);
}


/*news_dtl */
#news_dtl .mt50 {
 margin-top: 50px;
}