サイドバー　336pxにすると右下にずれてしまった

まず子テーマの style.css から、以下の CSS を削除します。親テーマと全く一緒の指定なので、子テーマに書く必要はありません。

#sidebar {
  float: right;
  width: 300px;
  margin-bottom: 30px;
}

次にテーマ設定の「レイアウト（全体・リスト）」より、「サイドバーの幅を336pxに」を有効化します。

ありがとうございます。
さっそくご指導頂いた通りやってみました。

しかし、やはり右下にずれてしまいます。どうしたもんでしょうか。

編集で小テーマのサイドバー記述を削除、カスタマイズで336pxを有効化いたしました。
ついでにヘッダー画像も入れ替えました。ちなみにキャッシュは削除しました。

その他、修正する方法ありましたら、引き続きご指導ください。
よろしくお願いいたします。

子テーマから以下の CSS も削除されて下さい。その後、「サイドバーの幅を336pxに」を有効化します。

#header-in, #navi-in, #body-in, #footer-in{
  width: 1070px;
  margin: 0 auto;
  box-sizing: border-box;
}

上記 CSS も親テーマと全く一緒の指定です。親テーマと同じ指定の CSS は、子テーマから一層されることをおすすめします。

ありがとうございました
ご指導の通りに修正したところ、見事に解決いたしました。

大変お手数をお掛けしました。ありがとうございました。