サムネイル付swiperが スワイプするとズレて表示される

Question

年末年始のお忙しいところ大変申し訳ありませんが、お力添えいただけますと幸いです。

実現したいこと

▼現在のサイト
http://mn-studio.jp/studio/index.html

HTMLデータ
https://drive.google.com/open?id=1PZdJ2p6TIcS25ziHpiCrUnnqrJljjelx

PC、SPの両方とも下のサムネイル画像を選択すると、大きな写真が変更される仕様になっています。

▼改修内容
PC、SPの両方とも、写真をスワイプさせて、大きな写真を変更させたい。現在と同様にサムネイルを選択しても大きな写真が変更されるようにしたい。
イメージ：https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/06.html
（元ページ　https://xn--web-oi9du9bc8tgu2a.com/js-swiper-sample/）

行ったこと

下記サイトを参考に、『Swiper』を使用して、一番上部の「1F FLOOR」というものだけに試しに導入してみました。

https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/06.html
（元ページ　https://xn--web-oi9du9bc8tgu2a.com/js-swiper-sample/）

▼テストアップ
http://ss134091.stars.ne.jp/1230_swiper/mn-studio/studio/index.html

HTMLデータ
https://drive.google.com/open?id=10zKG-xBEaHuM884Lc3zJW7TC_wyMApVn

発生している問題

イメージしているものと動きとしては問題ありませんでしたが、
なぜかスワイプをしていくと、ずれて表示されてしまいます。

何かで余白を作ってしまっているのかもしれませんが、
いくつか試しみましたが、原因がわかりませんでした。

お忙しいところ、申し訳ありませんが
どうぞよろしくお願いいたします。

Comments

[退会済みユーザー]

かるく見てみたけど

２個め 10px
３個め 20px
４個め 30px
５個め 40px （階段、黒）

と 左にあるmargin-right の分だけずれていってない？

Answer 1

nav-block当たりに余計な/divが2つありますが
関係あります？