●回答
CocoonのHTMLの構造では不可能と思います。
図のようにメイン+サイドとなっており。
要望のようにするなら、メイン+フッター(青枠)とする必要があります。

●実現案
以下の2案かと思います。

• CocoonのPHPを変更し、レイアウトそのものを変更する。
• jQueryを用い、フッターの位置を変更する。
  ・メイン+フッターを入れるwrapを作成
  ・フッターを作成したwrapに移動させる
  ・CSSでレイアウトを調整する

別案がありました。
ただ確認、細かい調整はお願いします。

●制約
[Cocoon設定]→[全体]→「サイト幅の均一化」にチェック

●案3
CSSで対応するサイドバーの基点を変更し、従来のフッター上に重なるようにする。

●CSS
以下を子テーマCSSに追加する。

/* 基点 */
#content-in {
  position: relative;
}

/* 基点からサイドバー右上に配置 */
#sidebar {
  position: absolute;
  right: 0;
  top: 0;
}

/* フッター幅をメイン幅に合わせる(幅は要調整) */
#footer {
  width: 860px;
}

#footer-in {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  /* 「モバイルボタン時コンテンツ下のサイドバーを表示」を考慮し、サイドバーの基点を戻す */
  #sidebar {
    position: relative;
  }

  /* フッター幅を画面いっぱいに変更 */
  #footer {
    width: 100%;
  }
}

上記の改善で制約はありません。(★の部分)

/* 基点 */
#content-in {
  position: relative;
}

/* 基点からサイドバー右上に配置 */
#sidebar {
  position: absolute;
  right: 0;
  top: 0;
}

/*
フッター幅をメイン幅に合わせる(幅は要調整)
全体幅：content-in(main + side) = 1256px
メイン幅：main = 860px
*/
#footer{
  margin-left: calc((100% - 1256px) / 2); /* ★ */
  width: 860px;
}

#footer-in {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  /* 「モバイルボタン時コンテンツ下のサイドバーを表示」を考慮し、サイドバーの基点を戻す */
  #sidebar {
    position: relative;
  }

  /* フッター幅を画面いっぱいに変更 */
  #footer {
    margin-left:0; /* ★ */
    width: 100%;
  }
}

@chu-ya さん

回答ありがとうございます。

cssをいじくりながら、バランスをとりつつやってみます！
非常に参考になりました。

ありがとうございました。