@charset "utf-8";
/* ===================================================================

 file name  :news.css
 style info :ニュースページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader {
	margin:0;
}
#pageHeader .pagehead-inner{
	background:url(../images/news/bg_page.jpg) no-repeat 50% 50%;
}


#main{
	width:100%;
	margin:0 auto;
	padding:60px 0 0;
}



/* =================================== */

/*　ニュース　*/
#main .news{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#main .news h3{
	margin:0 auto;
	padding:0 0 40px;
	font-size:27px;
	font-weight:normal;
}

#main .news .info{
	width:1000px;
	margin:0 auto 40px;
}
#main .news .info dl{
	margin:0 auto;
	font-size:14px;
	text-align:left;
	color:#444;
	border-top:solid 1px #ccc;
}
#main .news .info dl dt{
	float:left;
	padding:15px 0;
	position:relative
}
#main .news .info dl dd{
	padding:15px 0 15px 140px;
	border-bottom:solid 1px #ccc;
}
#main .news .info dl dd a{
	color:#444;
	text-decoration:underline;
}
#main .news .info dl dd a:hover{
	color:#f2ad00;
}

#main .news .info dl dd span{
	color:#ff0004;
}

#main .news .info dl dt.new:after{
	content:"NEW";
	margin:0 0 0 7px;
	padding:0 0.3em;
	font-family:'EB Garamond', serif;
	background:#ae2310;
	color:#fff;
	font-size:10px;
}


#main .pagenation{
	margin:95px 0 0;
}
#main .pagenation ol {
	text-align:center;
}
#main .pagenation ol li{
	display:inline-block;
	height:40px;
	font-size:134%;
	line-height:2.5;
}
#main .pagenation ol .prev,
#main .pagenation ol .next{
	width:81px;
}
#main .pagenation ol li a,
#main .pagenation ol li.current span{
	display:block;
	padding:0 1em;
	height:40px;
	color:#f2ad00;
	border:solid 1px #d7dce1;
}
#main .pagenation ol li a:hover,
#main .pagenation ol li.current span{
	background:#f2ad00;
	border:solid 1px #f2ad00;
	color:#fff;
}

#main .pagenation ol li span.more{
	display: inline-block;
	position: relative;
	top: -.3em;
	padding: 0 .5em;
}





/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================

		overwrite

	=============================== */
	#pageHeader .pagehead-inner{
		background-position:50% 50%;
	}

	#main{
		width:100%;
		margin:0 auto;
		padding:40px 0 0;
	}

	/* =================================== */




/*　ニュース　*/
	#main .news{
		width:100%;
		margin:0 auto;
		padding:0 0 20px;
		text-align:center;
	}
	#main .news h3{
		margin:0 auto;
		padding:0 0 20px;
		font-size:20px;
		font-weight:normal;
	}

	#main .news .info{
		width:100%;
		margin:0 auto 20px;
		padding:0 10px;
	}
	#main .news .info dl{
		width:100%;
		margin:0 auto;
		padding:0;
		font-size:12px;
		border-top:solid 1px #ccc;
		box-sizing:border-box;
	}
	#main .news .info dl dt{
		display:block;
		float:none;
		padding:10px 0 5px;
		position:relative
	}
	#main .news .info dl dd{
		padding:0 0 10px 0;
		border-bottom:solid 1px #ccc;
	}
	#main .news .info dl dd a{
		color:#444;
		text-decoration:underline;
	}
	#main .news .info dl dd a:hover{
		color:#444;
	}

	#main .news .info dl dt.new:after{
		content:"NEW";
		margin:0 0 0 7px;
		padding:0 0.3em;
		font-family:'EB Garamond', serif;
		background:#ae2310;
		color:#fff;
		font-size:10px;
	}
	#main .news figure{
		width:40%;
		margin:0 auto 20px;
		padding:0;
	}

	#main .pagenation{
		margin:50px 0;
	}
	#main .pagenation ol li{
		font-size: 84%;
		line-height: 2.4;
	}
	#main .pagenation ol .prev,
	#main .pagenation ol .next{
		width: 40px;
	}
	#main .pagenation ol li a,
	#main .pagenation ol li.current span{
		display:block;
		padding:0 .8em;
		height:25px;
	}



}