個別記事ページの、＜次のページ｜前のページ＞の下線を消したい。

ブログタイトルの下にある

＜○○○○○○○　｜　○○○○○○○＞

左、右、それぞれの下線を消したいです。

そして、マウスを載せると下線が出るようにしたいです。

ページの上部にあるので、どちらも同じようにしたいです。

個別記事ページのURLです。

CSS の

ul.article-pager li a {
  display:block;
  margin:0 10px;
}

に一行追加して下記のようにし、

ul.article-pager li a {
  display:block;
  margin:0 10px;
  text-decoration:none;
}

新規に下記を足せばいいのではないでしょうか。

ul.article-pager li a:hover {
  text-decoration:underline;
}