さくらのVPS上に、nginxを使ったリバースプロキシ on Dockerを構成したものの、ブラウザ上でアクセスができません

サイト運営を目標に現在勉強中で、現在、さくらのVPSのOS標準インストールでDockerComposeのスタートアップスクリプトでOSをインストールしました。
サーバはDockerの上でフロントとしてリバースプロキシ用のNginxがあって、それぞれの用途に合わせて、アプリサーバを振り分けるようなイメージで使用したいと思っており、そのためにDockerの勉強をしようとしています。
が、なかなかうまくいかず、基本に立ち返って、下記のサイト通りにやってみようとしたのですが、それでも、Web画面表示すらうまくいかない状態です。
https://qiita.com/ka2asd/items/372d30be64c57a8a81b1

未熟ながらできる限りの手を尽くしたつもりなのですが、解決方法がわからなかったため、ご教授いただければ幸いです。

＜利用サービス＞
ドメイン：ムームードメイン
DNS：Gehirn DNS
VPS：さくらのVPS

＜バージョン＞
OS
CentOS Linux release 7.6.1810 (Core)

Docker
Docker version 19.03.1
docker-compose version 1.14.0

＜実施したこと、確認したこと＞
■名前解決
・hogehoge.comというドメインを契約していたとすると
DNSサーバ(Gehirn DNS)で、Aレコードに下記を登録しました。
hogehoge.com <さくらVPSのIPアドレス>
abc.hogehoge.com <さくらVPSのIPアドレス>

・/etc/hostsファイルで、下記を追加しました。
<さくらVPSのIPアドレス> hogehoge.com

・Firewallの設定でactiveの設定で、httpsとhttpを許可しました。

・ping
ping hogehoge.com、ping abc.hogehoge.comで確認したところ、疎通はできているように見えます。

■Dockerのインストールについて
・VPSインストール時に既にインストール済みですが、下記コマンドでインストールされていることを確認しています。
docker --version
Docker version 19.03.1, build 74b1e89
docker-compose -v
docker-compose version 1.14.0, build c7bdf9e

・作成したコンテナのステータス
docker ps -aで確認しましたが、どちらもupになっています。

・作成した共通ネットワークも、docker network lsで確認すると表示されます。

・ディレクトリ構成は、参照先の記事の「service.name」部分を変更しただけで、その他は一切変えていません。
docker-compose.ymlに記載する内容もVIRTUAL_HOST以外は変更していません。
ただ、certsに置く証明書ファイルは用意していない状態です(作成の方法がわからなかったため)
それが問題なのでしょうか？
/etc
└docker-compose.d
├certs
│├mydomain.com.crt
│└mydomain.com.key
├proxy
│└docker-compose.yml
└service.name →abc
└docker-compose.yml