@charset "UTF-8";

/* c-pagination
----------------------------------------*/
.c-pagination {
	overflow: hidden;
	margin-top: 53px;
}
.c-page-sub__main:last-child .c-pagination {
	margin-bottom: 120px;
}
.c-pagination .c-pagination__prev {
	width: 325px;
	float: left;
}
.c-pagination .c-pagination__next {
	width: 325px;
	float: right;
}
.c-pagination__list {
	width: 325px;
	margin: 0 auto;
}
.c-pagination .c-pagination__prev a,
.c-pagination .c-pagination__next a,
.c-pagination .c-pagination__list a {
	display: block;
	text-align: center;
	border: solid 1px #002f7b;
	background: #fbfbfb;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 12px;
}
.c-pagination .c-pagination__list a {
	padding: 12px 12px 11px;
}
.c-pagination .c-pagination__prev a::before,
.c-pagination .c-pagination__next a::after,
.c-pagination .c-pagination__list a::after {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/common/ico-arrow-b.svg) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin: 0 9px 4px 9px;
}
.c-pagination .c-pagination__prev a::before {
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.c-pagination .c-pagination__prev a[data-disabled="true"],
.c-pagination .c-pagination__next a[data-disabled="true"] {
	display: none;
}
.c-pagination .c-pagination__prev a:hover,
.c-pagination .c-pagination__next a:hover,
.c-pagination .c-pagination__list a:hover {
	background: #dae1ea;
	text-decoration: none;
}
.c-content-main + .c-pagination .c-pagination__prev,
.c-content-main + .c-pagination .c-pagination__next {
	width: auto;
	position: absolute;
	top: 0;
}
.c-content-main + .c-pagination .c-pagination__next {
	right: 0;
}
.c-content-main + .c-pagination .c-pagination__prev a,
.c-content-main + .c-pagination .c-pagination__next a {
	border: none;
	background: none;
	padding: 12px 0;
}
.c-content-main + .c-pagination .c-pagination__prev a:hover,
.c-content-main + .c-pagination .c-pagination__next a:hover {
	background: none;
}

@media only screen and (max-width: 767px) {
	.c-pagination {
		margin: 34px 0 0;
	}
	.c-page-sub__main:last-child .c-pagination {
		margin-bottom: 40px;
	}
	.c-pagination .c-pagination__prev a,
	.c-pagination .c-pagination__next a,
	.c-pagination .c-pagination__list a {
		margin-top: 15px;
	}
	.c-pagination .c-pagination__prev,
	.c-pagination .c-pagination__next,
	.c-pagination .c-pagination__list {
		width: 100%;
		float: none;
	}
	.c-content-main + .c-pagination {
		padding-bottom: 55px;
	}
	.c-content-main + .c-pagination .c-pagination__prev,
	.c-content-main + .c-pagination .c-pagination__next {
		bottom: 0;
		top: auto;
	}
}

.c-pagination .pager {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}
.c-pagination .pager li {
  display: inline-block;
  margin: 3px;
}
.c-pagination .pager li > a,
.c-pagination .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
}
.c-pagination .pager li > a:hover,
.c-pagination .pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.c-pagination .pager .next > a,
.c-pagination .pager .next > span {
  float: right;
}
.c-pagination .pager .previous > a,
.c-pagination .pager .previous > span {
  float: left;
}
.c-pagination .pager .disabled > a,
.c-pagination .pager .disabled > a:hover,
.c-pagination .pager .disabled > a:focus,
.c-pagination .pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}