/*	.wnew
============================== */
div.wnew, div.wnew article {
}
div.wnew article {
	text-align:left;
	background-image:url(../img/top_wnew_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
div.wnew article header {
	text-align:center;
	/**/
	display:flex;
	justify-content: center;
	align-items: center;
	/**/
	margin-bottom:10px;
}
div.wnew article header h2 {
	color:#000;
	text-shadow:3px 3px 0 #f5eb7a;
	line-height:1;
}
div.wnew article div.scrl-box {
	overflow:auto;
}
div.wnew article ul {
	width:100%;
}
div.wnew article ul li a {
	color:#000;
	text-decoration:none;
}
div.wnew article ul li.nolnk a {
	cursor:default;
}
div.wnew article ul li a dl {
	background-color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	border-style:solid;
	border-width:2px;
	border-radius:14px;
	overflow:hidden;
}
div.wnew article ul li:nth-child(odd) a dl {
	border-color:#f97eab;
}
div.wnew article ul li:nth-child(even) a dl {
	border-color:#5fa9f0;
}
div.wnew article ul li a dl dt {
	width:32%;
}
div.wnew article ul li a dl dd {
	width:65%;
	padding-right:3%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:3em;
	line-height:1.5;
}
div.wnew article ul li a dl dd > span {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
div.wnew article ul li a dl dt span, div.wnew article ul li a dl dt span img {
	display:block;
}
div.wnew article ul li a dl dt span {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-image:url(../img/top_wnew_icon.png);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
div.wnew article ul li:nth-child(odd) a dl dt span {
	background-color:#ffc9e1;
}
div.wnew article ul li:nth-child(even) a dl dt span {
	background-color:#84c6e1;
}
div.wnew article ul li a dl dt span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.wnew article ul li a > span.date {
	color:#fff;
	display:block;
	text-align:right;
	padding-right:1em;
}
@media all and (min-width: 768px) {
div.wnew {
	padding:40px 0;
}
div.wnew article {
	max-width:1080px;
	margin:0 auto;
}
div.wnew article header {
	margin-bottom:40px;
}
div.wnew article header h2 {
	font-size:400%;
}
div.wnew article div.scrl-box {
	margin:0 0 30px 40px;
	padding-right:40px;
	height:280px;
}
div.wnew article ul li {
	width:48%;
	margin-bottom:30px;
}
div.wnew article ul li:last-child, div.wnew article ul li:nth-last-child(2) {
	margin-bottom:0;
}
div.wnew article ul li:nth-child(odd) {
	clear:left;
	float:left;
}
div.wnew article ul li:nth-child(even) {
	float:right;
}
div.wnew article ul li:nth-child(odd) a dl {
	-webkit-box-shadow:8px 28px 0 0 hsla(338,91%,73%,0.7);
	box-shadow:8px 28px 0 0 hsla(338,91%,73%,0.7);
}
div.wnew article ul li:nth-child(even) a dl {
	-webkit-box-shadow:8px 28px 0 0 hsla(209,82%,65%,0.7);
	box-shadow:8px 28px 0 0 hsla(209,82%,65%,0.7);
}
div.wnew article ul li a > span.date {
	height:28px;
	line-height:28px;
}
}
@media all and (max-width: 767px) {
div.wnew {
	padding:30px 0;
}
div.wnew article {
}
div.wnew article header {
	text-align:center;
	margin-bottom:20px;
}
div.wnew article header h2 {
	font-size:10vw;
}
div.wnew article div.scrl-box {
	margin-left:20px;
	padding-right:20px;
	height:280px;
	margin-bottom:15px;
}
div.wnew article ul li:not(:last-child) {
	margin-bottom:10px;
}
div.wnew article ul li:nth-child(odd) a dl {
	-webkit-box-shadow:8px 20px 0 0 hsla(338,91%,73%,0.7);
	box-shadow:8px 20px 0 0 hsla(338,91%,73%,0.7);
}
div.wnew article ul li:nth-child(even) a dl {
	-webkit-box-shadow:8px 20px 0 0 hsla(209,82%,65%,0.7);
	box-shadow:8px 20px 0 0 hsla(209,82%,65%,0.7);
}
div.wnew article ul li a dl dd > span {
	font-size:87.5%;
}
div.wnew article ul li a > span.date {
	font-size:83%;
	height:20px;
	line-height:20px;
}
}