質問やめました。

Question

確かにそうでした。
大変申し訳ございません！
画像とトップがセンターに揃わないのと、
メニューのjqueryがうまく動きません。

Comments

[kaz.Suenaga]

ここは無料のクラウドソーシングではありませんよ。

Answer 1

メディアの切り替え

/*PCスマホ切り替え*/
.pc{
	display: inline;
}
@media screen and ( max-width:639px ){
	.pc{
		display: none;
	}
	
}
.sp{
	display: none;
}
@media screen and ( max-width:639px ){
	.sp{
		display: inline;
	}
}

Answer 2

htmlのスマホ版css

<!--spメニュ jqueri置き場-->
<script type="text/javascript">
$('#contents').prepend('<div class="overlay"></div>');

// アイコンをクリックしたら
$('.navBtn').click(function() {
        $('header').toggleClass('navOpen'); // class付与/削除
        $('#wrap').toggleClass('fixed'); // コンテンツを固定/解除
        $('.overlay').toggle(); // オーバーレイ表示/非表示

        // スマホナビゲーションがヘッダーに被らないようにする
        var headerH = $('header').outerHeight();
        if ($('header').hasClass('navOpen')) {
                $('header nav').css('marginTop', headerH + 'px'); //ヘッダーの高さ分マージンを付ける
        }
});

// オーバーレイをクリックしたら
$('.overlay').click(function() {
        $(this).fadeOut(300); // オーバーレイ非表示
        $('header').removeClass('navOpen'); // class削除
        $('#wrap').removeClass('fixed'); // 固定解除
});
</script>
<link rel="stylesheet"href="style.css"/>
<meta charset="UTF-8">
<!--/spメニュ-->

Answer 3

http://crowdworks.jp/public/jobs/group/web_products
http://www.lancers.jp/work/search/web

こちらをご覧のとおり、Webページを1から10まで頼むと金銭が発生するのが常識です。

Comments

[退会済みユーザー]

/*PCスマホ切り替え*/
.pc{
display: inline;
}
@media screen and ( max-width:639px ){
.pc{
display: none;
}

}
.sp{
display: none;
}
@media screen and ( max-width:639px ){
.sp{
display: inline;
}
}

大変失礼しました。＞＜