IEだけで適用されないスタイル設定の解決策をご教示下さい

Question

###前提・実現したいこと

独学でレスポンシブサイトを作成しているのですが、IEでのみ一部表示されない部位があり、原因が特定できません。開発ツールで確認し、コンソールエラーが発生していることが他のブラウザとの違いですがどこを改変すれば良いのかわからずにおります。ご教示いただけると幸いです。
開発ツールでデバッグすると、一時停止した瞬間だけ望むスタイルで表示されています。また、ローカルでは他のブラウザと変わりなく表示されます。
＜表示されていない部分＞
●各キャプションの先頭のタイトル文字色の赤
●キャプションの6番目、7番目だけ表示されない（スタイルが適用されていない）

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

SCRIPT5: アクセスが拒否されました。
ファイル: jquery-2.0.3.min.js、行: 4、列: 1163

###該当のソースコード
ページアドレスを記載します。
ttp://www.axisnet.jp/test/seihin-steprun.html

###試したこと
正常に表示されている箇所からのCSSをコピペで置き換えてみましたが、変わらず。
エージェント変更で 9～11全滅。
キャッシュなどの消去も行って試しても変わらず。
Chrome,Firefoxでは問題なく表示されます。

###補足情報(言語/FW/ツール等のバージョンなど)
素人の恥ずかしいコードですがよろしくお願いいたします。

皆様お忙しい中ご回答有難うございます。
ご指摘いただいた項目は月曜日に修正、UP作業を行わせていただきます。
少し間が空いてしまうこと何卒お許しください。

Answer 1

htmlファイル(UTF-8)とcssファイル(Shift-JIS)の文字コードがあっていないからですね。
cssファイルをUTF-8で保存しなおしてから見てみてください。

Comments

[YukieMiura]

ご指摘ありがとうございます！元々SHIFT-JISで作成をすすめて、最近UTFへ変換したのですが、プラグイン等を含めすべてのCSSについての変更ができておりませんでした。
こられを全てUTF-8へ変更しなおしたところ、他の表示バグを含めすべて解決いたしました！

Answer 2

↓jQueryを2回読み込むのはバグの元だと思います。まずはここを修正してみてください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

↓ここが原因ではないと思いますが、IE条件付きコメントがエスケープされている点が気になります。一応試していただけますか？

<!--&#91;if lt IE 9&#93;>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<!&#91;endif&#93;-->

Comments

[YukieMiura]

ありがとうございます。ご指摘いただいた箇所すべて修正いたしました。結果、やや表示速度が向上いたしました。

Answer 3

提示されている URL を IE9 と Firefox 49.0 で見てみましたが、例えば、タイトルの「毎日の動きをサポート」の html ソースはいずれも以下のようになっていました。

<li class="srun-title">毎日の動きをサポート</li>

しかし、Firefox 49.0 では、firebug で見ると、CSS クラス srun-title が以下のように認識されてその通りにスタイルが適用されているものの、IE9 の F12 開発者ツールで見ると CSS クラス srun-title が認識されていません。

.srun-title {
    color: #d71418;
    font-size: 2.2rem;
}

それが表示が異なる原因には間違いなさそうですが、今提供されている情報で自分が分かるのはそこまでで、その原因を作った原因は何かと言われると見当がつきません。

クライアントスクリプトで動的にスタイルを適用しているのではないかと思いますが、何らかの原因で IE ではスクリプトエラーで適用できないのではないか・・・ということが想像（空想かも）できる程度です。

今提供されている情報だけで分かる人がひょっとしたらいるかもしれませんが、しばらく待ってみて回答がつかないようなら、もっと詳しい情報を提供することをお勧めします。

Comments

[YukieMiura]

まさにおっしゃる通り、適用されるべきスタイルが一部認識されていないといった現象に悩まされておりました。素人丸出しのポカが原因でしたが・・・・。ありがとうございます。