/*
 * iweb51-style012
 *
 * Copyright 2015, TANK
 * 
 * 
 * 2016 / 01 / 05
 */


/* +news list
*----------------------------------------------------------------------------*/
#newslist {
	margin-bottom: 60px;
}

/**
*
* =list
*
**/
#newslist .list {
	padding: 20px 0;
	border-bottom: 1px #8e8e8e dashed;
	overflow: hidden;
}

#newslist .list .photo {
	width: 30%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	transition: all 0.4s ease-in-out 0s;
}

#newslist .list .photo img {
	width: 100%;
}

#newslist .list:hover .photo {
	background-size: 150% auto;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

#newslist .list .info {
	width: 67%;
	float: right;
}

#newslist .list .info h3 {
	margin-bottom: 5px;
	font-size: 18px;
}

#newslist .list .info h3 a {
	color: #14815e;
}

#newslist .list .info article {
	line-height: 170%;
	font-size: 13px;
	color: #666;
}

#newslist .list .info .date {
	padding: 5px 0;
	font-size: 12px;
	color: #818181;
}


/* +news article
*----------------------------------------------------------------------------*/
#content section .content-main h3 {
	margin-bottom: 20px;
	font-size: 16px;
	color: #65910d;
}

/**
*
* =article-info 
*
**/
#content section .content-main .article-info {
	padding: 5px 0;
	overflow: hidden;
}

#content section .content-main .article-info p {
	float: right;
	color: #818181;
}

#content section .content-main .article-info .date {
	float: left;
}

/**
*
* =article-img
*
**/
#content section .content-main .article-img {
	margin-bottom: 30px;
}

#content section .content-main .article-img img {
	max-width: 100%;
	height: auto;
}


/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#newslist .list .photo {
		display: none;
	}
	
	#newslist .list .info {
		width: 100%;
		float: none;
	}
}


/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
}