スマホ端末のChromeでページを開いた際に、追従ボタンを1回目押してもアンカーリンク先へ飛ばないので1回目でリンク先へ飛ぶようにしたい

Question

実現したいこと

スマホ端末のChromeでページを開いた際に、追従ボタンを1回目押してもアンカーリンク先へ飛ばないので1回目でリンク先へ飛ぶようにしたい

前提

スマホ端末のChromeでページを開いた際に、追従ボタンが1回目押してもアンカーリンク先へ飛ばないバグが発生しています。
hoverは効いているようで、1回目押すと色だけ変わり、2回目でリンク先に飛びます。

PCの開発環境だと問題なく1回目でリンク先に飛びます。
Safariでも問題ないです。

発生している問題・エラーメッセージ

なし

該当のソースコード

<div class="sp_floating btn_l">
   <a href="#contactarea" target="_top" class="anchor-btn ctn01">無料相談する</a>
</div>

@media screen and (max-width: 600px){
.btn_l a {
	display: block;
	margin:0 auto;
	padding: 12px 48px 12px 26px;
    color: #fff;
    background: url(../images/common/arrow_r_03_wh.svg) 95% center no-repeat;
    background-size: 30px;
    background-color: #ea5808;
    border-radius: 25px;
    font-weight: bold;
	text-align:center;
	box-shadow: 5px 5px 8px #555555;
}
a {
text-decoration:none; 
line-height:1em;}

.btn_l a {
		width:100%;
		max-width:100%;
		font-size:1.4rem;
	}
}

試したこと

hoverを一度削除してみましたが変化はありませんでした。

補足情報（FW/ツールのバージョンなど）

Answer 1

推測ですが、aタグの「target="_top"」が不要なのでは？
「target="_top"」は、iframe内のhtmlページのリンクで読み込み元ページを遷移させる際に必要なもので、iframeを使用しない通常のページ内リンクの場合は不要です。