/* ============================================================
 * ページ送り（WP-PageNavi）のデザイン
 * プラグイン「Styles For WP Pagenavi Addon」（Style 2・初期色）と
 * 同じ表示になるように、テーマに移したものです。
 * ============================================================ */

/* ボックスサイズの計算方法（プラグインがサイト全体に適用していたもの）
   ※これを外すと、右側のエリアが2列にならず下に落ちます */
.sfwppa-navi-style *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 共通 */
.sfwppa-navi-style .navigation, .sfwppa-navi-style .sfwppa-pages, .sfwppa-navi-style .current{line-height:normal !important; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.sfwppa-navi-style .navigation a, .sfwppa-navi-style .sfwppa-pages{text-decoration:none; -webkit-transition-duration:0.4s; transition-duration:0.4s;}

/* Style-2（基本） */
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages, .sfwppa-navi-style.sfwppa-style-2 .nav-links .prev, .sfwppa-navi-style.sfwppa-style-2 .nav-links .next{border-width:0px !important; color:#000;}
.sfwppa-navi-style.sfwppa-style-2 .nav-links .prev:hover, .sfwppa-navi-style.sfwppa-style-2 .nav-links .next:hover{color:#dd3333; background:none !important; border:0px !important;}
.sfwppa-navi-style.sfwppa-style-2 .sfwppa-link,
.sfwppa-navi-style.sfwppa-style-2 .page-numbers,
.sfwppa-navi-style.sfwppa-style-2 .sfwppa-current-page,
.sfwppa-navi-style.sfwppa-style-2 .current,
.sfwppa-navi-style.sfwppa-style-2 a.sfwppa-pages,
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages.sfwppa-extend
{font-size:13px; text-align:center; padding:10px 15px; margin-right:3px; color:#000; display:inline-block; border:1px solid #ddd;}
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages.sfwppa-extend{border-width:1px !important;}
.sfwppa-navi-style.sfwppa-style-2 .current,
.sfwppa-navi-style.sfwppa-style-2 .sfwppa-link:hover,
.sfwppa-navi-style.sfwppa-style-2 .sfwppa-current-page:hover,
.sfwppa-navi-style.sfwppa-style-2 a.sfwppa-pages:hover,
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages.sfwppa-extend:hover{background:#dd3333; border:1px solid #dd3333; color:#fff;}

/* Style-2（色・サイズの設定。プラグインがページ内に出力していたもの） */
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages,
.sfwppa-navi-style.sfwppa-style-2 .nav-links .prev,
.sfwppa-navi-style.sfwppa-style-2 .nav-links .next,
.sfwppa-navi-style.sfwppa-style-2 .wp-pagenavi .current{border:0px; color:#000000; font-size:12px;}

.sfwppa-navi-style.sfwppa-style-2 .nav-links .prev:hover,
.sfwppa-navi-style.sfwppa-style-2 .nav-links .next:hover{color:#d1d1d1}

.sfwppa-navi-style.sfwppa-style-2 .sfwppa-link,
.sfwppa-navi-style.sfwppa-style-2 a.sfwppa-pages,
.sfwppa-navi-style.sfwppa-style-2 .nav-links a.page-numbers,
.sfwppa-navi-style.sfwppa-style-2 .sfwppa-current-page,
.sfwppa-navi-style.sfwppa-style-2 .nav-links .current,
.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages.sfwppa-extend,
.sfwppa-navi-style.sfwppa-style-2 .page-numbers.dots,
.sfwppa-navi-style.sfwppa-style-2 .wp-pagenavi .current{font-size:12px; color:#000000; display:inline-block; border:1px solid #dd3333}

.sfwppa-navi-style.sfwppa-style-2 .nav-links .current,
.sfwppa-navi-style.sfwppa-style-2 .wp-pagenavi .current{background:#dd3333; color:#ffffff; border-right:1px solid #dd3333;}

.sfwppa-navi-style.sfwppa-style-2 .nav-links a.page-numbers:hover,
.sfwppa-navi-style.sfwppa-style-2 a.sfwppa-pages:hover{background:#dd3333; border:1px solid #dd3333; color:#d1d1d1;}

.sfwppa-navi-style.sfwppa-style-2 span.sfwppa-pages.sfwppa-extend:hover{background:#dd3333 !important; border:1px solid #dd3333 !important; color:#d1d1d1 !important;}