@charset "utf-8";

/**
 *
 *  ニュースリリース
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
  #News
---------------------------------------------------------------------------*/

#News{
	padding: 68px 0 70px;
	background: url(../images/bg_bottom.png) repeat-x 50% 100% #fff;
	/*	background: url(../images/bg_bottom.png) repeat-x 50% 100% #f6f4ed;*/
	border-bottom: 1px solid #fff;
}



/*--------------------------------------------------------------------------
  .pager
---------------------------------------------------------------------------*/

.pager{
	padding: 60px 0 0;
}
.pager .inner{
	text-align: center;
}
.pager  ul{
	text-align: center;
	letter-spacing: -0.4em;
}
.pager ul li{
	display: inline-block;
	margin-left: 8px;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	letter-spacing: 0em;
	line-height: 1em;
}
.pager ul li:first-child{
	margin-left: 0;
}
.pager ul li.active,
.pager ul li a{
	width: 40px;
	padding: 14px 0;
	border-radius: 2px;
	text-align: center;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
/* IE9・10 */
.pager ul li.active:not(:target),
.pager ul li a:not(:target){
	padding: 18px 0 14px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pager ul li.active{
		padding: 18px 0 14px;
	}
	*::-ms-backdrop, .pager ul li a{
		padding: 18px 0 14px;
	}
}
.pager ul li a{
	display: block;
	border: 1px solid #d2d2d2;
	background: #fcfcfa;
	transition: all 0.3s;
	text-decoration: none;
}
.pager ul li a:hover,
.pager ul li.active{
	color: #fff;
	border: 1px solid #f69600;
	background: #f69600;
}
.pager .prev a,
.pager .next a{
	position: relative;
	width: auto;
	transition: all 0.2s;
}
.pager .prev a{
	padding: 14px 17px 14px 32px;
}
/* IE9・10 */
.pager .prev a:not(:target){
	padding: 18px 17px 14px 32px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pager .prev a{
		padding: 18px 17px 14px 32px;
	}
}
.pager .next a{
	padding: 14px 32px 14px 17px;
}
/* IE9・10 */
.pager .next a:not(:target){
	padding: 18px 32px 14px 17px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pager .next a{
		padding: 18px 32px 14px 17px;
	}
}
.pager .prev a span:before,
.pager .next a span:after{
	position: absolute;
	top: 50%;
	font-size: 185%;
	font-family: icomoon;
	line-height: 14px;
	margin-top: -7px;
	vertical-align: middle;
	transition: color 0.2s;
/*	transition: all 0.3s;*/
}
.pager .prev a span:before{
	content: '<';
	left: 5px;
	transition: left 0.3s;
}
.pager .next a span:after{
	content: '>';
	right: 4px;
	transition: right 0.3s;
}
.pager .prev a:hover span:before{
	color: #fff;
	left: 2px;
}
.pager .next a:hover span:after{
	color: #fff;
	right: 1px;
}


/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 520px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:520px) {

	/*--------------------------------------------------------------------------
	  #News
	---------------------------------------------------------------------------*/

	#News{
		padding: 35px 0 33px;
		background: #f6f4ed;
		border-bottom: 8px solid #fff;
	}

	/*--------------------------------------------------------------------------
	  .pager
	---------------------------------------------------------------------------*/

	.pager{
		padding: 30px 0 0;
	}
	.pager ul li{
		margin-left: 5px;
	}
	.pager ul li:first-child{
		margin-left: 0;
	}
	.pager ul li.active,
	.pager ul li a{
		width: 31px;
		padding: 10px 0;
	}
	.pager ul li a:hover,
	.pager ul li.active{
		color: #fff;
		border: 1px solid #f69600;
		background: #f69600;
	}
	.pager .prev a,
	.pager .next a{
		width: 31px;
		padding: 17px 4px;
	}
	.pager .prev a:before,
	.pager .next a:after{
		position: absolute;
		top: 50%;
		font-size: 185%;
		font-family: icomoon;
		line-height: 14px;
		margin-top: -7px;
	}
	.pager .prev a:before{
		content: '<';
		left: 2px;
	}
	.pager .next a:after{
		content: '>';
		right: 2px;
	}
	.pager span{
		display: none;
	}
}