/*==============================================================================================================================
　　　ページネーション
	
	 ※ページネーションの設定値重複を避ける為「.original_pagepagination」(←ページネーションの出力部位を内包するdivを設置)から継承値で指定。
	 ( .nav-links、.navigation、.screen-reader-textは、他でも使われるクラス属性なので単独仕様は避ける。継承値として使っとくのがよい。)
================================================================================================================================*/




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

                             　　　スマホ・タブレット
						・iPhone5/5s[320px]以降の設定をデフォルトとする。
						・スマホとしての最大値は599pxまでとする。
						・タブレットは600～1024pxとする。

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

.original_pagepagination .nav-links{
	width: 100%;
   display:flex;
  justify-content: center;
}


.original_pagepagination .page-numbers {
	font-size: 1.3em;
    text-decoration: none;
    display: inline-block;
    margin-right: 23px;
    /* padding: 11px 9px; */
    color: #333;
    /* border-radius: 11px; */
    /* box-shadow: 0 3px 3px #999; */
    ackground: #fff;
}

.original_pagepagination .current {
    /* padding: 20px 25px; */
    color: #fff;
    padding-top: 5px;
    padding-bottom: 6px;
     padding-right: 14px;
    padding-left: 14px;
    margin-top: -4px;
	background-color: #333;
}




.original_pagepagination .page-numbers:last-child{
	margin-right: 0px;
}


/*ページネーションの色 「次へ」「前へ」の文字色だけ*/	
.original_pagepagination a.prev, .original_pagepagination a.next {
    color: #9F8E58;
    text-decoration: none;
    text-underline-offset: 7px;
}












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

                             デスクトップ(1025px～)
　　　　　　　・タブレットの最大幅1,024pxにプラス1px加えた値とする。
　　　　　　　・よってPC版は1025px以上とする。

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

@media screen and (min-width:600px){


	
/*全出力を内包する<nav>
	・上下に40px
	・中央揃え*/
.original_pagepagination .pagination{
    margin:0px 0 0;
	margin-bottom: 30px;
}

/*<nav>内の<div>
	・横並びに
	・中央に*/
.original_pagepagination .nav-links{
   display:flex;
  justify-content: center;
}
	
	

	
/*番号(1.2.3...)を内包する<a>*/
.original_pagepagination .page-numbers {
	/*追加
	・番号のリンクには下線なしに*/
    text-decoration: none;
    display: inline-block;
    margin-right: 20px;
    padding-top: 14px;
    padding-right: 23px;
    padding-left: 23px;
    padding-bottom: -20px;
    color: #333;
    /*border-radius: 11px;/*角丸*/
    box-shadow: 0 3px 3px #999;
    background: #fff;
	margin-top: -11px;
}
	

	
/*現在のページの<span>
	・色ベタを付ける*/
.original_pagepagination .current {
    padding-top: 13px;
    padding-right: 23px;
    padding-left: 23px;
    padding-bottom: -20px;
    padding-bottom: 11px;
    background: #333;
    color: #fff;
    /* margin-top: -5px; */
}

/*前のページへのリンクとして表示する文字列(「←」「次へ」)*/
/*ページネーションの色 「次へ」「前へ」の文字色だけ*/
.original_pagepagination a.prev,
.original_pagepagination a.next{
 background:transparent;
 box-shadow:none;
/*テキストリンク部分の文字色*/
 color: #9F8E58;
    text-decoration: none;
/*追加
・番号のリンクには下線なしに*/
text-decoration: underline;
text-underline-offset:7px;
margin-left: -22px;
}
	
	
		


/*追加
・hoverアクションつけとく*/	
.original_pagepagination .pagination .prev:hover,
.original_pagepagination .pagination .next:hover{
opacity: 0.5;	
}
	
	
.pagination .dots{
   background:transparent;
   box-shadow:none;
}

	
}/*//@media screen and (min-width:1024px)*/