@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

@charset 'UTF-8';
html {
	color : #000;
	background : #fff;
	font-size : 16px;
	font-family : 'Pathway Gothic One', '游明朝', YuMincho, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	height : 100%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	html {
		height : auto;
		min-height : 100%;
		font-size : 87%;
	}
}

body {
	min-width : 1024px;
	position : relative;
	line-height : 1.5;
	overflow-x : hidden;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	body {
		height : auto;
		min-width : 100%;
		min-height : 100%;
	}
}

/* link style */
a {
	outline : none;
}

a:link {
	color : #b70030;
	text-decoration : none;
}

a:visited {
	color : #b70030;
	text-decoration : none;
}

a:hover, a:active {
	color : #b70030;
	text-decoration : underline;
}

img {
	max-width : 100%;
}

#l-wrap {
	overflow : hidden;
	background : #000;
	height : 100%;
}
#l-wrap .wrap-area {
	height : 100%;
	*zoom : 1;
}
#l-wrap .wrap-area:after {
	content : ' ';
	display : table;
	clear : both;
}

/* header style */
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header {
		position : relative;
		height : 90px;
	}
}

#l-header h1 {
	position : fixed;
	display : block;
	top : 50px;
	left : 40px;
	width : 270px;
	height : 80px;
	z-index : 9;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header h1 {
		position : absolute;
		top : 20px;
		left : 15px;
		width : 210px;
		height : 61px;
	}
}
#l-header h1 a {
	display : block;
}
#l-header h1 a img {
	width : 100%;
	height : auto;
}

#l-header .sp-menu {
	display : none;
	position : absolute;
	top : 20px;
	right : 20px;
	width : 47px;
	height : 47px;
	z-index : 10;
	background : #000;
	border : 1px solid #c99a05;
	box-sizing : border-box;
	z-index : 12;
	-ms-transform : rotate(-45deg);
	    transform : rotate(-45deg);
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header .sp-menu {
		display : block;
	}
}
#l-header .sp-menu .menu-btn {
	width : calc(100% - 6px);
	height : calc(100% - 6px);
	margin : 3px;
	position : absolute;
	top : 0;
	left : 0;
	display : inline-block;
	transition : all, 0.1s;
	text-indent : -119988px;
	overflow : hidden;
	text-align : left;
	cursor : pointer;
	box-sizing : border-box;
	background : #2a2429;
}
#l-header .sp-menu .menu-btn span {
	display : block;
	margin-top : 18px;
	margin-left : 12px;
	position : relative;
	height : 2px;
	width : 15px;
	background-color : #c99a05;
	-ms-transform : rotate(45deg);
	    transform : rotate(45deg);
}
#l-header .sp-menu .menu-btn span:before, #l-header .sp-menu .menu-btn span:after {
	content : '';
	display : block;
	background-color : #c99a05;
	width : 15px;
	height : 2px;
	position : absolute;
	bottom : 0;
	-ms-transform-origin : 50% 50%;
	    transform-origin : 50% 50%;
	transition : all, 0.1s;
}
#l-header .sp-menu .menu-btn span:after {
	-ms-transform : translateY(0.4em);
	    transform : translateY(0.4em);
}
#l-header .sp-menu .menu-btn span:before {
	-ms-transform : translateY(-0.4em);
	    transform : translateY(-0.4em);
}
#l-header .sp-menu.is-active {
	background : #000;
	border : 1px solid #c99a05;
}
#l-header .sp-menu.is-active .menu-btn {
	overflow : visible;
	border : none;
	transition : all 0.3s ease-out;
}
#l-header .sp-menu.is-active .menu-btn span {
	background-color : transparent;
}
#l-header .sp-menu.is-active .menu-btn span:before {
	animation : top-bar 0.6s ease 0.15s;
	animation-fill-mode : both;
	background : #c99a05;
}
#l-header .sp-menu.is-active .menu-btn span:after {
	animation : bottom-bar 0.6s ease 0.15s;
	animation-fill-mode : both;
	background : #c99a05;
}
#l-header .sp-menu.menu-fixed {
	position : fixed;
}

/* content style */
#l-content {
	top : 0;
	right : 0;
	padding-left : 250px;
	width : calc(100% - 250px);
	height : 100%;
	overflow-x : hidden;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content {
		position : static;
		padding-left : 0;
		width : 100%;
		height : auto;
	}
}
#l-content .content-inner {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	position : relative;
	min-height : calc( 100% - 50px);
	background : #fff;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content .content-inner {
		min-width : 0;
		min-height : 0;
		height : auto;
	}
}
#l-content .content-inner .content-inner2 {
	position : relative;
	width : auto;
	max-width : 950px;
	min-height : calc( 100vh - 261px);
	margin : 0 auto;
	padding : 40px 105px 150px;
	font-family : '游明朝', YuMincho, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	background-color : #fff;
}
@media screen and (max-width: 1480px) {
	#l-content .content-inner .content-inner2 {
		width : auto;
		min-width : 880px;
	}
}
@media screen and (max-width: 1280px) {
	#l-content .content-inner .content-inner2 {
		width : 880px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content .content-inner .content-inner2 {
		width : 100%;
		min-width : 0;
		max-width : none;
		min-height : 0;
		padding : 40px 15px 100px;
		box-sizing : border-box;
		background-size : 65%;
	}
}

/* side style */
#l-side {
	position : fixed;
	top : 0;
	left : 0;
	width : 250px;
	height : 100%;
	background : #000;
	z-index : 4;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-side {
		position : static;
		width : 100%;
		display : none;
	}
}
#l-side:before {
	content : '';
	position : absolute;
	width : 421px;
	height : 403px;
	background : url(../images/bg_side_pc.png);
	top : 0;
	left : 0;
}
#l-side .side-wrap {
	position : relative;
	padding-top : 160px;
	height : 100%;
	border-right : solid 1px #654d03;
	box-sizing : border-box;
}
#l-side .side-navi {
	padding : 0 17px 0 0;
	margin-bottom : 40px;
}
#l-side .side-navi .navi-item {
	padding : 10px 0;
	text-align : right;
}
#l-side .side-navi .navi-item a {
	position : relative;
	display : inline-block;
	margin-right : 23px;
	color : #fff;
	font-size : 20px;
	letter-spacing : +1px;
}
#l-side .side-navi .navi-item a:hover {
	color : #b70030;
	text-decoration : none;
}
#l-side .side-navi .navi-item a:hover:before {
	content : '';
	position : absolute;
	top : 13px;
	right : -21px;
	width : 5px;
	height : 5px;
	background : #c99a05;
	-ms-transform : rotate(-45deg);
	    transform : rotate(-45deg);
}
#l-side .side-navi .navi-item a.is-active {
	position : relative;
	color : #b70030;
}
#l-side .side-navi .navi-item a.is-active:before {
	content : '';
	position : absolute;
	top : 13px;
	right : -21px;
	width : 5px;
	height : 5px;
	background : #c99a05;
	-ms-transform : rotate(-45deg);
	    transform : rotate(-45deg);
}
#l-side .side-sns {
	padding : 0 40px;
	text-align : right;
	letter-spacing : -0.4em;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-side .side-sns {
		position : static;
		width : 100%;
		text-align : center;
	}
}
#l-side .side-sns .sns-item {
	display : inline-block;
	letter-spacing : normal;
	vertical-align : middle;
}
#l-side .side-sns .sns-item .item-ttl {
	padding-right : 5px;
	display : inline-block;
	color : #fff;
	font-size : 125%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-side .side-sns .sns-item .item-ttl {
		font-size : 16px;
	}
}
#l-side .side-sns .sns-item .item-btn {
	display : block;
	margin-left : 5px;
	width : 50px;
	height : 50px;
	white-space : nowrap;
	overflow : hidden;
}
#l-side .side-link {
	padding : 0 40px;
	margin-top : 55px;
}
#l-side .side-link .link-item {
	position : relative;
	margin-bottom : 17px;
	text-align : right;
}
#l-side .side-link .link-item a {
	display : block;
	color : #fff;
	font-size : 81%;
	text-decoration : none;
	letter-spacing : -0.4em;
}
#l-side .side-link .link-item a .item-txt {
	position : relative;
	display : inline-block;
	padding-left : 19px;
	letter-spacing : normal;
}
#l-side .side-link .link-item a .item-txt:before {
	content : '';
	position : absolute;
	left : 0;
	top : 5px;
	width : 9px;
	height : 9px;
	background : url(../images/ico_blank_wh_pc.png) center center no-repeat;
	background-size : 9px;
}
#l-side .side-link .link-item a:hover {
	color : #b50033;
}
#l-side .side-link .link-item a:hover .item-txt:before {
	background : url(../images/ico_blank_red_pc.png) center center no-repeat;
	background-size : 9px;
}
#l-side .side-link .link-item:last-child {
	margin-bottom : 0;
}

#spNav {
	position : fixed;
	top : 0;
	right : 0;
	width : 100%;
	height : 100%;
	z-index : 10;
	display : none;
	background : url(../images/bg_side_sp.png) bottom right no-repeat #000;
	background-size : 100%;
	overflow-y : scroll;
}
#spNav .spNav-logo {
	position : absolute;
	top : 20px;
	left : 15px;
	z-index : 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
#spNav .spNav-logo img {
	width : 210px;
	height : 61px;
	height : auto;
}
#spNav.is-active .spNav-logo {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#spNav > ul {
	position : absolute;
	bottom : 80px;
	right : 20px;
	*zoom : 1;
	display : inline-block;
}
#spNav > ul:after {
	content : ' ';
	display : table;
	clear : both;
}
#spNav > ul > li {
	position : relative;
	font-size : 175%;
	text-align : right;
	z-index : 1;
}
#spNav > ul > li.nav-lang {
	float : left;
	width : 96%;
	margin-left : 2%;
	margin-top : 20px;
	border : 1px solid #b70030;
}
#spNav > ul > li a, #spNav > ul > li span {
	display : block;
	padding : 12px 0;
	color : #fff;
	text-decoration : none;
}
#spNav > ul > li span {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity : 0.3;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
}
#spNav.sideways {
	padding : 0;
	height : 100%;
	background-position : top right;
}
#spNav.sideways > ul {
	position : absolute;
	display : block;
	width : 40%;
	height : auto;
	bottom : 30px;
	left : 20px;
	letter-spacing : -0.4em;
}
#spNav.sideways > ul > li {
	font-size : 150%;
	display : inline-block;
	width : 50%;
	padding : 0 10px;
	box-sizing : border-box;
	letter-spacing : normal;
	text-align : center;
}
#spNav.sideways > ul > li a, #spNav.sideways > ul > li span {
	padding : 10px 0;
}

/* footer style */
#l-footer {
	position : static;
	bottom : 0;
	left : 0;
	width : calc(100% - 250px);
	min-width : 1190px;
	padding-left : 250px;
	z-index : 3;
	background : #000;
	border-top : solid 1px #454545;
}
@media screen and (max-width: 1480px) {
	#l-footer {
		width : auto;
		min-width : 1090px;
	}
}
@media screen and (max-width: 1280px) {
	#l-footer {
		min-width : 1090px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer {
		position : static;
		padding-left : 0;
		width : 100%;
		min-width : 0;
	}
}
#l-footer .footer-link {
	padding : 20px 0;
	background : #000;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link {
		padding : 0;
		border-top : solid 1px #454545;
		box-sizing : border-box;
	}
}
#l-footer .footer-link .link-wrap {
	text-align : center;
	*zoom : 1;
}
#l-footer .footer-link .link-wrap:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-wrap {
		padding : 0 15px;
		width : auto;
		border-top : solid 1px #454545;
		box-sizing : border-box;
	}
}
#l-footer .footer-link .link-wrap + .link-wrap {
	margin : 0 auto;
	width : 674px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-wrap + .link-wrap {
		width : auto;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-wrap:first-child {
		border : none;
	}
}
#l-footer .footer-link .link-sns {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-sns {
		display : block;
		margin : 20px 0;
		width : 100%;
		text-align : center;
	}
}
#l-footer .footer-link .link-sns .sns-item {
	display : inline-block;
	letter-spacing : normal;
	vertical-align : middle;
}
#l-footer .footer-link .link-sns .sns-item .item-ttl {
	padding-right : 5px;
	display : inline-block;
	color : #fff;
	font-size : 114%;
}
#l-footer .footer-link .link-sns .sns-item .item-btn {
	display : block;
	margin-left : 5px;
	width : 50px;
	height : 50px;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}
#l-footer .footer-link .link-sns .sns-item .item-btn.btn-twitter {
	background : url(../images/b_twitter_pc.png) center center no-repeat;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-sns .sns-item .item-btn.btn-twitter {
		background : url(../images/b_twitter_sp.png) center center no-repeat;
		background-size : 50px;
	}
}
#l-footer .footer-link .link-sns .sns-item .item-btn.btn-twitter:hover {
	background : url(../images/b_twitter_pc_on.png) center center no-repeat;
}
#l-footer .footer-link .link-sns .sns-item .item-btn.btn-fb {
	background : url(../images/b_fb_pc.png) center center no-repeat;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-sns .sns-item .item-btn.btn-fb {
		background : url(../images/b_fb_sp.png) center center no-repeat;
		background-size : 50px;
	}
}
#l-footer .footer-link .link-sns .sns-item .item-btn.btn-fb:hover {
	background : url(../images/b_fb_pc_on.png) center center no-repeat;
}
#l-footer .footer-link .link-list {
	display : none;
	padding : 20px 0;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-list {
		display : block;
	}
}
#l-footer .footer-link .link-list .list-item {
	margin-bottom : 10px;
}
#l-footer .footer-link .link-list .list-item a {
	color : #fff;
	font-size : 81%;
	text-decoration : none;
	letter-spacing : -0.4em;
}
#l-footer .footer-link .link-list .list-item a .item-txt {
	position : relative;
	display : inline-block;
	padding-left : 19px;
	letter-spacing : normal;
}
#l-footer .footer-link .link-list .list-item a .item-txt:before {
	content : '';
	position : absolute;
	left : 0;
	top : 6px;
	width : 9px;
	height : 9px;
	background : url(../images/ico_blank_wh_sp.png) center center no-repeat;
	background-size : 9px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-list .list-item a .item-txt:before {
		top : 2px;
	}
}
#l-footer .footer-link .link-list .list-item a:hover {
	color : #b50033;
}
#l-footer .footer-link .link-list .list-item a:hover .item-txt:before {
	background : url(../images/ico_blank_red_sp.png) center center no-repeat;
	background-size : 9px;
}
#l-footer .footer-link .link-list .list-item:last-child {
	margin-bottom : 0;
}
#l-footer .footer-link .link-bnr {
	text-align : center;
	letter-spacing : -0.40em;
	margin-bottom : 25px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-bnr {
		padding : 10px 0 20px;
		margin-bottom : 0;
	}
}
#l-footer .footer-link .link-bnr > li {
	display : inline-block;
	margin : 0 5px;
	vertical-align : middle;
	letter-spacing : normal;
	box-sizing : border-box;
}
#l-footer .footer-link .link-bnr > li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity : 0.7;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-bnr > li {
		display : block;
		margin : 16px 0 0;
		width : 100%;
	}
	#l-footer .footer-link .link-bnr > li:first-child {
		margin-top : 0;
	}
}
#l-footer .footer-link .link-bnr > li img {
	width : 170px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-bnr > li img {
		display : block;
		padding : 0;
		width : 100%;
	}
}
#l-footer .footer-link .link-mail {
	float : left;
	display : inline-block;
	padding : 0 30px 0 10px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-mail {
		float : none;
		display : block;
		padding : 10px 0 5px;
		text-align : center;
	}
}
#l-footer .footer-link .link-mail a {
	position : relative;
	color : #fff;
	display : inline-block;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-mail a {
		font-size : 100%;
	}
}
#l-footer .footer-link .link-mail a:after {
	content : '';
	position : absolute;
	width : 1px;
	height : 1em;
	top : 0.5em;
	right : -30px;
	background : #454545;
	margin-right : 10px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-mail a:after {
		width : 0;
		height : 0;
	}
}
#l-footer .footer-link .link-official {
	display : inline-block;
	text-align : center;
	letter-spacing : -0.40em;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-official {
		float : none;
		padding : 15px 0;
		margin : 0 -15px;
	}
}
#l-footer .footer-link .link-official > li {
	display : inline-block;
	margin : 0 10px;
	vertical-align : middle;
	letter-spacing : normal;
	box-sizing : border-box;
}
#l-footer .footer-link .link-official > li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity : 0.7;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-official > li {
		width : 33.3%;
		padding : 0 15px;
		margin : 0;
	}
	#l-footer .footer-link .link-official > li img {
		width : 100% !important;
		height : auto;
	}
}
#l-footer .footer-link .link-official > li.official-pili {
	margin-top : -10px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-link .link-official > li.official-pili {
		margin-top : -6px;
	}
}
#l-footer .footer-link .link-official > li.official-pili img {
	width : 88px;
	height : auto;
}
#l-footer .footer-link .link-official > li.official-nitro img {
	width : 150px;
	height : auto;
}
#l-footer .footer-link .link-official > li.official-gsc img {
	width : 107px;
	height : auto;
}
#l-footer .footer-txt {
	padding : 12px 0 13px;
	color : #fff;
	font-size : 16px;
	text-align : center;
	border-top : solid 1px #454545;
	box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-txt {
		font-size : 100%;
	}
}
#l-footer .footer-txt .txt-copy {
	display : inline-block;
	vertical-align : middle;
	margin-top : -6px;
	font-size : 114%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer .footer-txt .txt-copy {
		font-size : 16px;
		margin-top : -3px;
	}
}

.pagetop {
	position : absolute;
	bottom : 0;
	right : 0;
	width : 110px;
	height : 134px;
	background : url(../images/bg_top.png);
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.pagetop {
		position : absolute;
		width : 64px;
		height : 76px;
		bottom : 0;
		right : 0;
		background : url(../images/bg_top.png);
		background-size : 64px;
	}
}
.pagetop a {
	position : absolute;
	display : block;
	padding : 15px 20px;
	right : 0;
	bottom : 0;
	color : #fff;
	font-size : 125%;
	font-size : 20px;
	z-index : 3;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.pagetop a {
		padding : 5px 8px;
		right : 0;
		bottom : 0;
		color : #fff;
		font-size : 16px;
	}
}
.pagetop a:hover {
	text-decoration : none;
}
.pagetop a:hover:before {
	content : '';
	position : fixed;
	bottom : 0;
	right : 0;
	width : 110px;
	height : 134px;
	background : url(../images/bg_top_on.png);
	opacity : 0.3;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.pagetop a:hover:before {
		display : none;
	}
}

/* print style */
@media print {
	html {
		background : none;
	}
	body {
		padding : 0;
		background : none;
	}
	/* for IE7 */
	*:first-child + html body {
		zoom : 67%;
	}
}

.news-pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 4em;
}
.news-pagination ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .news-pagination ul{
        display: none;
    }
}
.news-pagination ul li{
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}
.news-pagination ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #b70030;
    background: #fff;
    border: solid 1px #b70030;
    width: 40px;
    height: 40px;
    text-decoration: none;
    box-sizing: border-box;
}
.news-pagination ul li a:hover,
.news-pagination ul li a:focus{
    color: #fff;
    background: #b70030;
}
.news-pagination .current a{
    color: #fff;
    background: #b70030;
}
        
.news-pagination .current li:last-of-type{
    margin-right: 0;
}
.news-pagination .prev-page button,
.news-pagination .next-page button{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #b70030;
    background: #fff;
    border: solid 1px #b70030;
    width: 40px;
    height: 40px;
}
.news-pagination .next-page button:hover,
.news-pagination .next-page button:focus{
    color: #fff;
    background: #b70030;
}
.news-pagination .disabled button{
    pointer-events: none;
    border-color: #292c2e;
    color: #292c2e;
}
.news-pagination .disabled button:hover,
.news-pagination .disabled button:focus{
    color: #292c2e;
    background: #fff;
}
.news-pagination .prev-page{
        margin-right: 1em;
        margin-bottom: 0.5em;
    }
.news-pagination .next-page{
        margin-left: 1em;
    }
}