モバイルでヘッダーの表示がうまくできません

いくつか修正が必要です。
ヘッダ画像は、ブラウザ幅一杯にしたいのか、どうかにもよりますが、現在、幅いっぱいにも、通常のにもどちらにも画像が入っているので、どちらか一方にして下さい。

#header {
    background-image: url("http://affiapple.com/sibusho/wp-content/uploads/2016/02/ヘッダー.png");
    background-position: 0 0;
    background-size: 100% auto;
    background-color: white;
/*追記*/
    background-image: initial;
    background-position: initial;
    background-size: initial;
}
#h-top {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0 0 28.0373832%;
}

これで、普通のはレスポンシブになります。過去のトピックにも同様の内容がいくつかあるので検索してみると良いかと思います。
またできるだけヘッダー.pngのように日本語ファイル名は付けないほうがベターです。

あと#headerにも高さが設定してあるようなので、

height: initial;追加しておいて下さい。

モバイル表示もきれいに表示されるようになりました。

夜中一人で吐きそうになりながらコード見て、試してダメでを繰り返していました。

hidekichiさん、わいひらさん本当にありがとうございました。