静的ページではうまく作動していたCSSがWordPress移管後一箇所崩れています。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
静的ページをWordPressテンプレート化しています。
静的ページではうまく作動していたCSSがWordPress移管後一箇所崩れています。

発生している問題・エラーメッセージ

.imgbox クラスがスタイルとして認識されていない

CSSには問題なく書かれており、

静的ページでは同じコードで問題なく作動している。

該当のソースコード

html
1        <div class="main_img">
2            <div class="<?php echo get_template_directory_uri(); ?>/imgBox inview fadeIn_left">
3                <img class="main_img_img" src="<?php echo get_template_directory_uri(); ?>/img/green.svg" alt="ロゴ">
4              </div>
5            <div class="<?php echo get_template_directory_uri(); ?>/imgBox inview fadeIn_right">
6                <img class="main_img_img" src="<?php echo get_template_directory_uri(); ?>/img/pink.svg" alt="ロゴ">
7            </div>

CSS
1/*===========
2.imgBox
3===========*/
4.main_img {
5  margin-top: 247px;
6  margin-bottom: 160px;
7}
8
9.main_img button {
10  margin: 60px auto;
11}
12
13.imgBox {
14  text-align: center;
15}
16
17.imgBox img {
18  width: 281px;
19  height: auto;
20  vertical-align: top;
21}
22
23.main_img_img {
24  width: 281px;
25  height: auto;
26  vertical-align: top;
27  text-align: center;
28  margin: 0 auto;
29}
30