@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

#news {
	padding-bottom: 100px;
}
#news .pageNavi {
	width: 920px;
}
	#news .listNews {
		width: 725px;
		margin: 0 auto;
	}
		#news .listNews li:not(:last-child) {
			display: table;
			width: 100%;
			margin-bottom: 20px;
		}
			#news .listNews li a {
				display: block;
			}
				#news .listNews li a p ,
				#news .listNews li a h2 {
					display: table-cell;
				}
				#news .category {
					width: 66px;
					padding: 5px 0;
					text-align: center;
					color: #fff;
					font-size: 1.2em;
					line-height: 1.2em;
				}
					#news .stats01 { background-color: #0047d8;}
					#news .stats02 { background-color: #d80056;}
				#news .dete {
					padding: 0px 15px;
					color: #acacac;
					font-size: 1.4em;
				}
				#news .listNews li a h2 {
					font-size: 1.4em;
					line-height: 1.2em;
				}
	#news .newsEntry {
		width: 920px;
		margin: 0 auto;
		overflow: hidden;
	}
		#news .newsEntry .dateInfo {
			float: right;
			display: table;
		}
			#news .newsEntry .dateInfo p {
				display: table-cell;
			}
		#news #entryBox {
			clear: both;
			padding-top: 40px;
		}
		#news .newsEntry .thumBox {
			overflow: hidden;
			padding: 20px 0 10px 0;
		}
			#news .newsEntry .thumBox figure {
				float: left;
				width: 435px;
				margin-top: 30px;
			}
			#news .newsEntry .thumBox figure:nth-child(2n+1) {
				margin-right: 31px;
			}
				#news .newsEntry .thumBox figure img {
					width: 100%;
					height: auto;
				}
				#news .newsEntry .thumBox figure figcaption {
					margin-top: 10px;
				}



/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:768px) {
	
#news {
	padding-bottom: 50px;
}
#news .pageNavi {
	width: auto;
}
	#news .listNews {
		width: auto;
		margin: 0;
	}
		#news .listNews li {
			padding: 25px 0;
			border-bottom: 1px solid #ddd;
		}
		#news .listNews li:first-child {
			padding-top: 0;
		}
		#news .listNews li:not(:last-child) {
			margin-bottom: 0;
		}
			#news .listNews li a h2 {
				display: block;
				margin-top: 10px;
			}
			#news .listNews li a .category {
				vertical-align: middle;
			}
			#news .listNews li a .dete {
				padding: 0px 0 0px 20px;
			}
	#news .newsEntry {
		width: auto;
		margin: 0;
	}
		#news .newsEntry .thumBox {
			margin-top: 0;
		}
			#news .newsEntry .thumBox figure {
				float: none;
				width: auto;
				margin-top: 30px;
			}
			#news .newsEntry .thumBox figure:nth-child(2n+1) {
				margin-right: 0;
			}
	
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {
	
#news {
	padding-bottom: 30px;
}
	#news .listNews li {
		padding: 15px 0;
	}
	#news #entryBox {
		padding-top: 30px;
	}
		#news .newsEntry .thumBox {
			padding-top: 0;
		}

}