@charset "UTF-8";

/* -----------------------------------------------------------
	
----------------------------------------------------------- */
.pickup_nav {
	margin-top: 100px;
}
.pickup_nav .ttl_general_1 {
	margin-bottom: 25px;
	margin-left: -140px;
	padding-left: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
.pickup_nav .ttl_general_1 {
	margin-left: 0;
	padding-left: 70px;
}
}
@media screen and (max-width: 767px) {
.pickup_nav {
	margin-top: 50px;
}
.pickup_nav .ttl_general_1 {
	margin-left: 0;
	padding-left: 30px;
}
}

/* -----------------------------------------------------------
	
----------------------------------------------------------- */
.page_ttlwrap {
	height: 750px;
	width: 100%;
	background-image: url("../img/bg_pagetop.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin-top: -100px;
	margin-bottom: 0;
}
.page_ttlwrap .ttl_wrap {
	max-width: 100%;
	width: 450px;
	margin: 0;
	position: absolute;
    right: 45px;
	top: auto;
    bottom: 40px;
    letter-spacing: 0.05em;
}
.page_ttlwrap .ttl_wrap .ttl {
	padding: 0;
}
.page_ttlwrap .ttl_wrap h1 .ttl_main {
	font-size: 63px;
	color: #fff;
	letter-spacing: 0.38em;
}
.page_ttlwrap .ttl_wrap h1 .ttl_sub {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.06em;
}
.page_ttlwrap .pan_wrap {
	top: auto;
	bottom: -40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.page_ttlwrap {
	height: 430px;
}
.page_ttlwrap .ttl_wrap {
	width: 430px;
}
.page_ttlwrap .ttl_wrap h1 .ttl_main {
	font-size: 58px;
}
.page_ttlwrap .ttl_wrap h1 .ttl_sub {
	font-size: 14px;
}
.page_ttlwrap .pan_wrap {
	width: 61%;
	overflow-x: scroll;
}
.page_ttlwrap .pan_wrap::-webkit-scrollbar {
	display:none;
}
.page_ttlwrap .pan_wrap ul {
	white-space: nowrap;
}
}
@media screen and (max-width: 767px) {
.page_ttlwrap {
	height: 300px;
}
.page_ttlwrap .ttl_wrap {
	width: 210px;
	right: 20px;
	bottom: 20px;
}
.page_ttlwrap .ttl_wrap h1 .ttl_main {
	font-size: 35px;
	letter-spacing: 0.2em;
	line-height: 1;
}
.page_ttlwrap .ttl_wrap h1 .ttl_sub {
	font-size: 13px;
	letter-spacing: 0;
}
}

/* -----------------------------------------------------------
	
----------------------------------------------------------- */
.inspired_wrap {
	overflow: hidden;
}
.inspired_wrap .inspired_wrap_inner {
	display: flex;
	flex-direction: row-reverse;
    justify-content: space-between;
	align-items: flex-start;
}
.inspired_wrap .post_wrap {
	max-width: 775px;
	width: 65%;
	padding-top: 100px;
}
.inspired_wrap .post_list {
	display: flex;
	flex-wrap: wrap;
	gap: 60px 75px;
	margin-bottom: 70px;
}
.inspired_wrap .post_list > li.item {
	width: calc((100% - 75px) / 2);
}
.inspired_wrap .post_list >  li.item a {
	color: #333;
}
.inspired_wrap .post_list >  li.item a:hover img {
	opacity: 1;
}
.inspired_wrap .post_list >  li.item a:hover {
	opacity: .7;
}
.inspired_wrap .post_list >  li.item .pic {
	margin-bottom: 8px;
}
.inspired_wrap .post_list >  li.item .date {
	letter-spacing: 0.02em;
}
.inspired_wrap .post_list >  li.item .ttl {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 8px;
}
.inspired_wrap .post_list >  li.item .excerpt {
	font-weight: 300;
	line-height: 1.8;
	margin-bottom: 12px;
}
.inspired_wrap .post_list >  li.item .category {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.inspired_wrap .post_list >  li.item .category > li {
	color: #626262;
	border: 1px solid #626262;
	height: 27px;
	padding: 0 4px;
	display: flex;
    justify-content: center;
    align-items: center;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.inspired_wrap .post_wrap {
	padding-top: 70px;
}
.inspired_wrap .post_list {
	gap: 40px 5%;
}
.inspired_wrap .post_list > li.item {
	width: calc(95% / 2);
}
.inspired_wrap .post_list > li.item .ttl{
	font-size: 18px;
}
.inspired_wrap .post_list > li.item .excerpt {
	font-size: 14px;
}
.inspired_wrap .post_list > li.item .category > li {
	font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.inspired_wrap .inspired_wrap_inner {
	flex-wrap: wrap;
}
.inspired_wrap .post_wrap {
	width: 100%;
	padding-top: 60px;
}
.inspired_wrap .post_list {
	gap: 40px;
}
.inspired_wrap .post_list > li.item {
	width: 100%;
}
.inspired_wrap .post_list > li.item .ttl {
	font-size: 16px;
}
.inspired_wrap .post_list > li.item .excerpt {
	font-size: 14px;
}
.inspired_wrap .post_list > li.item .category > li {
	font-size: 13px;
}
}



/* -----------------------------------------------------------
	side_navi
----------------------------------------------------------- */
.inspired_wrap .side_navi {
	position: relative;
	padding-top: 70px;
	max-width: 250px;
	width: 25%;
}
.inspired_wrap .side_navi::before {
	display: block;
    content: '';
	position: absolute;
	width: 50vw;
	height: calc(100% + 70px);
	top: 0;
	right: -30%;
	background: #e5e5e5;
	z-index: -1;
}
.inspired_wrap .side_navi .inner {
	
}
.inspired_wrap .side_navi .box_ttl {
	font-size: 20px;
	line-height: 1.5;
	position: relative;
	margin-top: 10px;
	margin-bottom: 15px;
}
.inspired_wrap .side_navi .box_ttl::before {
	display: block;
    content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	top: -10px;
	left: 0;
	background:  linear-gradient(90deg, rgba(35, 126, 193, 1) 0%, rgba(34, 122, 188, 1) 18.27%, rgba(32, 110, 173, 1) 40.67%, rgba(28, 91, 148, 1) 65.23%, rgba(23, 64, 113, 1) 91.17%, rgba(21, 54, 100, 1) 99.97%);
}
.inspired_wrap .side_navi .select_category {
	margin-bottom: 60px;
}
.inspired_wrap .side_navi .select_category .list {
	display: flex;
	flex-wrap: wrap;
}
.inspired_wrap .side_navi .select_category .list li {
	margin-bottom: 6px;
	display: inline-block;
}
.inspired_wrap .side_navi .select_category .list li a {
	color: #626262;
	border: 1px solid #626262;
	background: #fff;
	height: 27px;
	padding: 0 4px;
	display: flex;
    justify-content: center;
    align-items: center;
	letter-spacing: 0.04em;
	white-space: nowrap;
}
.inspired_wrap .side_navi .select_category .list li a:hover {
	opacity: .7;
}

.inspired_wrap .side_navi .recommend .list >  li.item {
	margin-bottom: 50px;
}
.inspired_wrap .side_navi .recommend .list >  li.item a {
	color: #333;
}
.inspired_wrap .side_navi .recommend .list >  li.item a:hover img {
	opacity: 1;
}
.inspired_wrap .side_navi .recommend .list >  li.item a:hover {
	opacity: .7;
}
.inspired_wrap .side_navi .recommend .list >  li.item .pic {
	margin-bottom: 4px;
}
.inspired_wrap .side_navi .recommend .list >  li.item .date {
	font-size: 14px;
	letter-spacing: 0.02em;
}
.inspired_wrap .side_navi .recommend .list >  li.item .ttl {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	margin-bottom: 8px;
}
.inspired_wrap .side_navi .recommend .list >  li.item .excerpt {
	font-weight: 300;
	line-height: 1.8;
	margin-bottom: 12px;
}
.inspired_wrap .side_navi .recommend .list >  li.item .category {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.inspired_wrap .side_navi .recommend .list >  li.item .category > li {
	color: #626262;
	font-size: 14px;
	border: 1px solid #626262;
	background: #fff;
	height: 26px;
	padding: 0 4px;
	display: flex;
    justify-content: center;
    align-items: center;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.inspired_wrap .side_navi::before {
	right: -20%;
	height: 100%;
}
}
@media screen and (max-width: 767px) {
.inspired_wrap .side_navi {
	width: 100%;
	max-width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}
.inspired_wrap .side_navi::before {
	width: 110vw;
	height: 100%;
	right: -6%;
}
.inspired_wrap .side_navi .box_ttl {
	font-size: 17px;
}
.inspired_wrap .side_navi .select_category .list {
	gap: 8px;
}
.inspired_wrap .side_navi .select_category .list li {
	font-size: 13px;
	margin: 0;
}
.inspired_wrap .side_navi .recommend .list {
	display: flex;
	        flex-wrap: wrap;
	gap: 30px 4%;
}
.inspired_wrap .side_navi .recommend .list > li.item {
	width: calc(96% / 2);
	margin: 0;
}
.inspired_wrap .side_navi .recommend .list > li.item .date {
	font-size: 12px;
}
.inspired_wrap .side_navi .recommend .list > li.item .ttl {
	font-size: 13px;
}
.inspired_wrap .side_navi .recommend .list > li.item .category > li {
	font-size: 11px;
}
}



/* -----------------------------------------------------------
	index_list
----------------------------------------------------------- */
.inspired_wrap .index_list {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
	padding: 12px;
	margin-bottom: 60px;
}
.inspired_wrap .index_list .p-toc {
	display: flex;
	align-items: center;
	gap: 10px;
}
.inspired_wrap .index_list .p-toc__ttl {
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}
.inspired_wrap .index_list .p-toc__list {
	padding-left: 3.4em;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	    display: flex;
    flex-direction: column;
    gap: 5px;
}
.inspired_wrap .index_list .p-toc__list::before {
	display: block;
    content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	background:  linear-gradient(180deg, rgba(35, 126, 193, 1) 0%, rgba(34, 122, 188, 1) 18.27%, rgba(32, 110, 173, 1) 40.67%, rgba(28, 91, 148, 1) 65.23%, rgba(23, 64, 113, 1) 91.17%, rgba(21, 54, 100, 1) 99.97%);
}
.inspired_wrap .index_list .p-toc__list li {
	list-style-type: decimal;
	line-height: 1.6;
}
.inspired_wrap .index_list .p-toc__list li a {
	color: #333;
	font-size: 17px;
}
.inspired_wrap .index_list .p-toc__list li a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
.inspired_wrap .index_list {
	margin-bottom: 30px;
}
.inspired_wrap .index_list .p-toc {
	flex-direction: column;
}
.inspired_wrap .index_list .p-toc__ttl {
	font-size: 15px;
}
.inspired_wrap .index_list .p-toc__list {
	padding-left: 2em;
	width: 100%;
	padding-bottom: 10px;
}
.inspired_wrap .index_list .p-toc__list::before {
	width: 100%;
	height: 2px;
	background:  linear-gradient(90deg, rgba(35, 126, 193, 1) 0%, rgba(34, 122, 188, 1) 18.27%, rgba(32, 110, 173, 1) 40.67%, rgba(28, 91, 148, 1) 65.23%, rgba(23, 64, 113, 1) 91.17%, rgba(21, 54, 100, 1) 99.97%);
}
.inspired_wrap .index_list .p-toc__list li a {
	font-size: 14px;
}
}

/* -----------------------------------------------------------
	post_head
----------------------------------------------------------- */
.inspired_wrap .post_head {
	margin-bottom: 50px;
	margin-top: -35px;
}
.inspired_wrap .post_head .date {
	letter-spacing: 0;
	margin-bottom: 10px;
}
.inspired_wrap .post_head .ttl {
	font-size: 26px;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 10px;
}
.inspired_wrap .post_head .category {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.inspired_wrap .post_head .category li {
	margin-bottom: 6px;
	display: inline-block;
}
.inspired_wrap .post_head .category li a {
	color: #626262;
	border: 1px solid #626262;
	background: #fff;
	height: 27px;
	padding: 0 4px;
	display: flex;
    justify-content: center;
    align-items: center;
	letter-spacing: 0.04em;
	white-space: nowrap;
}
.inspired_wrap .post_head .category li a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.inspired_wrap .post_head {
	margin-top: 0;
}
.inspired_wrap .post_head .ttl {
	font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.inspired_wrap .post_head {
	margin-top: 0;
	margin-bottom: 30px;
}
.inspired_wrap .post_head .ttl {
	font-size: 20px;
}
}

/* -----------------------------------------------------------
	post_detail
----------------------------------------------------------- */
.post_detail h2 {
	font-size: 130%;
	font-weight: 500;
}
.post_detail h3 {
	font-size: 125%;
	font-weight: 500;
}
.post_detail h4 {
	font-size: 110%;
	font-weight: 500;
}
.post_detail h2 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding-left: 60px;
	position: relative;
	margin-bottom: 0.6em;
	margin-top: 60px;
}
.post_detail h2::before {
	display: block;
    content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	top: 50%;
	left: 0;
	background:  linear-gradient(90deg, rgba(35, 126, 193, 1) 0%, rgba(34, 122, 188, 1) 18.27%, rgba(32, 110, 173, 1) 40.67%, rgba(28, 91, 148, 1) 65.23%, rgba(23, 64, 113, 1) 91.17%, rgba(21, 54, 100, 1) 99.97%);
}
.post_detail p {
	font-size: 16px;
	line-height: 2;
}
.post_detail figure {
	margin: 20px auto;
}
.post_detail figure img {
	width: 100%;
	height: auto;
}
.post_detail ul,
.post_detail ol {
	padding-left: 1.5em;
}
.post_detail ul li,
.post_detail ol li {
	list-style-type: inherit;
}
.post_detail hr {
	display: block;
}
.post_detail em {
	font-style: italic;
}
.post_detail blockquote {
	background: #e7e5e3;
	padding: 8px 16px;
}
.post_detail blockquote p {
	margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.post_detail h2 {
	font-size: 18px;
}
.post_detail p {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.post_detail h2 {
	font-size: 17px;
	padding-left: 30px;
	margin-top: 40px;
}
.post_detail h2::before {
	width: 24px;
}
.post_detail p {
	font-size: 14px;
}
}


/* -----------------------------------------------------------
	related
----------------------------------------------------------- */
.related {
	margin: 50px 0 90px;
}
.related .ttl {
	width: 150px;
	height: 35px;
	display: flex;
	justify-content: center;
    align-items: center;
	font-size: 18px;
	border: 1px solid #333;
	border-radius: 100px;
	margin-bottom: 15px;
}
.related .item {
	padding-right: 10px;
}
.related .item a {
	font-size: 17px;
	color: #333;
	text-decoration: underline;
	position: relative;
}
.related .item a::after {
	display: block;
	content: '';
    position: absolute;
    bottom: 7px;
    right: -30px;
    left: auto;
    width: 19px;
    height: 5px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: skew(45deg);
	transition: all 0.5s ease;
}
.related .item a:hover {
	text-decoration: none;
}
.related .item a:hover::after {
	right: -35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.related .ttl {
	font-size: 16px;
}
.related .item a {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.related {
	margin: 50px 0;
}
.related .ttl {
	width: 150px;
	height: 30px;
	font-size: 15px;
}
.related .item a {
	font-size: 14px;
}
}

/* -----------------------------------------------------------
	prev_next_links / back index
----------------------------------------------------------- */
.prev_next_links {
	width: 360px;
	margin: 50px auto 35px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.prev_next_links::after {
	display: block;
	content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 1px;
    height: 50px;
	background: #333;
}
.prev_next_links .prev_link,
.prev_next_links .next_link {
	width: 150px;
	border-bottom: 1px solid #333;
	position: relative;
}

.prev_next_links .no_post,
.prev_next_links .no_post {
visibility: hidden;
}

.prev_next_links .prev_link {
	text-align: right;
}
.prev_next_links .prev_link::before {
	display: block;
	content: '';
    position: absolute;
    top: 14px;
    left: 2px;
    width: 19px;
    height: 5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	transform: skew(-45deg);
	transition: all 0.5s ease;
}
.prev_next_links .next_link::before {
	display: block;
	content: '';
    position: absolute;
    top: 14px;
    right: 2px;
    width: 19px;
    height: 5px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: skew(45deg);
	transition: all 0.5s ease;
}
.prev_next_links .prev_link:hover::before {
	left: -3px;
}
.prev_next_links .next_link:hover::before {
	right: -3px;
}
.prev_next_links a {
	color: #333;
	position: relative;
	display: block;
}
.prev_next_links a:hover {
	opacity: .7;
}
.index_link .link {
	width: 200px;
	margin: 0 auto;
	border-bottom: 1px solid #333;
	position: relative;
}
.index_link .link::before {
	display: block;
	content: '';
    position: absolute;
    top: 14px;
    right: 2px;
    width: 19px;
    height: 5px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: skew(45deg);
	transition: all 0.5s ease;
}
.index_link .link:hover::before {
	right: -3px;
}
.index_link .link a {
	color: #333;
	position: relative;
	display: block;
}
.index_link .link a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
.prev_next_links {
	width: 280px;
}
.prev_next_links .prev_link, .prev_next_links .next_link {
	width: 120px;
}
.prev_next_links .prev_link::before,
.prev_next_links .next_link::before {
	top: 11px;
}
.index_link {
	margin-bottom: 50px;
}
.index_link .link {
	width: 150px;
}
.index_link .link::before {
	top: 11px;
}
}

/* -----------------------------------------------------------
	pager
----------------------------------------------------------- */
/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

/* -----------------------------------------------------------
	pager
----------------------------------------------------------- */
.pager {
  margin-bottom: 140px;
  width: 100%;
}
.pager div.pagination {
text-align: center;
margin: 0;
padding: 0;
}
.pager .pagination .wp-pagenavi {

display: flex;
flex-direction: row;
justify-content: center;
position: relative;

}
.pager .pagination .wp-pagenavi a{
margin: 0 2px;
padding: 0;
width: 35px;
height: 35px;
text-align: center;
display:table;
color: #092e65;
text-decoration: none;
border: 1px solid #092e65;
line-height: 35px;
}
.pager .pagination .wp-pagenavi span {
margin: 0 2px;
padding: 0;
width: 35px;
height: 35px;
vertical-align:middle;
}
.pager .pagination .wp-pagenavi span.current {
text-align: center;
display:table;
color: #fff;
text-decoration: none;
border: 1px solid #092e65;
background: #092e65;
line-height: 35px;
transition: all .2s linear;
}
.pager .pagination a:hover,
.pager .pagination a.active {
 color: #fff;
background: #092e65;
transition: all .2s linear;
}

.pager .pagination li.prev {
position: relative;
margin-right: 20px;
}
.pager .pagination li.next {
position: relative;
margin-left: 20px;
}
.pager .pagination li.next a span {
position: relative;
}
.pager .pagination li.prev a span::after,
.pager .pagination li.next a span::after {
display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  left: auto;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 1px solid #092e65;
  border-right: 1px solid #092e65;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pager .pagination li.prev a span::after {
right: auto;
  left: 14px;
-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.pager .pagination li .next.page-numbers,
.pager .pagination li .prev.page-numbers {
position: relative;
margin-right: 20px;
}
.pager .pagination li .next.page-numbers::after,
.pager .pagination li .prev.page-numbers::after {
display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  left: auto;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 1px solid #092e65;
  border-right: 1px solid #092e65;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pager .pagination li .prev.page-numbers::after {
right: auto;
  left: 14px;
-webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.pager .pagination li .next.page-numbers:hover::after,
.pager .pagination li .prev.page-numbers:hover::after {
border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media only screen and (max-width: 767px){
.pager {
  margin-bottom: 60px;
}
.pager .pagination li,
.pager .pagination li a,
.pager .pagination li .page-numbers.current {
/*display: none;*/
width: 30px;
height: 30px;
line-height: 30px;
}
.pager .pagination li.prev,
.pager .pagination li.next{
display: inline-block;
width: 40%;
height: 40px;
text-align: center;
}
.pager .pagination li.prev a,
.pager .pagination li.next a{
width: 100%;
text-align: center;
}
.pager .pagination li.prev span::after{
content: "　前の10件へ";
}
.pager .pagination li.next span::before{
content: "次の10件へ　";
}
}

.pager .pagination li {
margin: 0 2px;
padding: 0;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
position: relative;

}
.pager .pagination li a{
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display:table;
color: #333;
text-decoration: none;
border: 1px solid #cecece;
line-height: 35px;
}
.pager .pagination li a span {
display:table-cell;
vertical-align:middle;
}
.pager .pagination li .page-numbers.current {
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display:table;
color: #333;
text-decoration: none;
border: 1px solid #cecece;
background: #cecece;
line-height: 35px;
transition: all .2s linear;
}
.pager .pagination li a:hover,
.pager .pagination li a.active {
 color: #333;
background: #cecece;
transition: all .2s linear;
}
.pager .pagination li a.prev {
border: none;
margin-left: -20px;
white-space: nowrap;
}
.pager .pagination li a.next{
border: none;
margin-left: 20px;
}
.pager .pagination li a.prev:hover,
.pager .pagination li a.next:hover{
background: none;
opacity: .7;
}
.pager .pagination li a.prev::before{
content: "前へ　";
}
.pager .pagination li a.next::before{
content: "次へ　";
}
.pager .pagination li .next.page-numbers::after,
.pager .pagination li .prev.page-numbers::after {
display: none;
}