●原因

先述の通り。

●対策

ページ送りナビに元々枠線があるため、枠線をオンにした状態でも余分な枠線が表示されないようにする。
以下の箇所にコードを追加する。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L373

.body .pager-post-navi a.prev-next-home,
.body .pager-post-navi a.prev-post,
.body .pager-post-navi a.next-post {
  border: 0;
}

類似で枠線に伴う不具合があります。

ページ送りナビ設定

• 表示タイプ「デフォルト」のとき、標準上下にボタン配置。
• 表示タイプ「サムネイル正方形」のとき、標準横並びにボタン配置。このとき、1ページ、最後のページにホームボタンが追加される。

スキン「Fuwari」は両方とも横並びにボタンを配置している。
画面幅に応じ、ボタン同士の区切線を追加する必要がある。

画面幅480px以下のとき

2個目のボタンの上に区切り線を追加。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L379

.body .pager-post-navi a:nth-child(2) {

画面幅481px以上のとき

左右のボタン同士の区切り線を追加。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L384

/* 次へボタンしかないとき */
.body .pager-post-navi:not(:has(.prev-post)) a.next-post {
  border-left: 1px solid #d7a69c;
}

.body .pager-post-navi a.prev-post {
  border-right: 1px solid #d7a69c;
}

区切り線の付け方を変更したため、以下を削除。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L395-L403

疑似要素でbeforeは存在しないので、以下を削除。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L405-L408

ご連絡いただきありがとうございます。
このケースの場合はシンプルにスキン制御で対応するので良いのではないかと思い、スキン制御で対応させていただきました。

スキン制御は単に「ページ送りナビの枠線を表示する」をオフにしただけ、対策不十分です。

投稿者:: @chu-ya

↑

スキン「Fuwari」は両方とも横並びにボタンを配置している。
画面幅に応じ、ボタン同士の区切線を追加する必要がある。

先にも書いてありますが、スキン「Fuwari」は表示タイプに関係なく、枠線が付きます。
そのため、画面幅480px以下のとき、表示変化に合わせ、先述のコードが必要となってきます。

• ページ送りナビ設定の表示タイプ「サムネイル正方形」の場合、「前へ」「次へ」ボタンの上下に区切り線がなくない（図1）。
• ページ送りナビ設定の表示タイプ「デフォルト」の場合、最終ページの「次へ」ボタンの上に区切り線ができる（図2）。