CSSで自動連番を設定したが、数字が１つ飛ばしになってしまう

Question

下記のページです。
理由の連番についてです。
http://edogawa-office.uh-oh.jp/wp/moving/

counter-incrementを使って自動連番の設定をしています。
各項目一つの画像で右に表示すると、連番になりますが、
画像を項目の下にし、２つ表示すると「理由」の数字が１つ飛んでしまいます。

CSSは下記の通り

.reason .detail {
	justify-content: space-between;
	margin-bottom: 25px;
	counter-increment: num;
}
.reason .detail h3 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
	font-size: 25px;
	line-height: 1.4;
}
.reason .detail h3 span {
	display: block;
	width: calc(100% - 120px);
	margin-left: 20px;
}
.reason .detail h3:before {
	content: "理由" counter(num);
	width: 65px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #D21100;
	font-weight: normal;
	font-size: 22px;
}
.reason .detail h3:after {
	display: block;
	position: absolute;
	left: 97px;
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #d21200;
}
コード

同じサイトを制作してきましたが、今までにこの様なイレギュラーはありませんでした。
画像を２つ表示させ数字も連番にしたいです。
アドバイスをいただけますと幸いです。

Answer 1

カウンターが重複していることが原因では。

.reason .grid {
	justify-content: space-between;
	counter-increment: num;
}

http://edogawa-office.uh-oh.jp/wp/wp-content/themes/office-service/css/top.css

.reason .detail {
	justify-content: space-between;
	margin-bottom: 25px;
	counter-increment: num;
}

http://edogawa-office.uh-oh.jp/wp/wp-content/themes/office-service/css/service.css?20170303160110

<div class="detail">
...

<ul class="grid reason-img">
...
    </ul>
  </div>

Comments

[Lhankor_Mhy]

低評価をした方、当方としては心当たりがありませんので、理由を教えてください。

Answer 2

コードの下部にある（おそらくfooter.phpかfunctions.phpで読み込んでいる）<link href="http://edogawa-office.uh-oh.jp/wp/wp-content/themes/office-service/css/top.css" rel="stylesheet" type="text/css" />内の

.reason .grid {
	justify-content: space-between;
	counter-increment: num; /* ←これ */
}

が原因で、.reason .grid の時にもnumのカウントをアップしているようです。
カウンタ名を変更するとか必要ないCSSは読み込まないようにするとかで対処できると思いますが、他のページへの影響等もあるかと思うので慎重に編集してください。