お世話になっております。
現在楽天goldにてレスポンシブ対応のトップページを作成しています。
https://www.rakuten.ne.jp/gold/******/top/index.html

制作している段階で３点ほど疑問点が出てきたので質問させていただきます。

①
上部のショップロゴと、右のテキストメニューが上揃えになってしまっているので
ショップロゴの縦幅の中心に、右のメニューがくるように揃えたいです。

②
一番上の灰色のヘッダーが、画面サイズいっぱいの両端揃えになってしまっているので
それぞれスライドショーの両端の表示位置に揃えたいです。
※グレーの帯は画面いっぱいのまま

③
ECステーションさんの「にぎわいRMIX」で新着商品のiframeを記載しているのですが
なかなかキレイに表示されません。
（NEW ITEMのところです）
希望としては、PCで見たときに、「横３個の3列」に並んでほしく
スマホで見たときには「横２個の5列」に表示されるようにしたいのです。
何か方法はありますでしょうか？
あとiframe全体の横幅を、メインメニューの横幅に合わせたいです。

長々とすみません。
お忙しいところ恐縮ですが
ご対応の程宜しくお願いいたします。