wordpressのthe_post_navigationのcssが効かない理由がわかりません。

the_post_navigationのcssだけが効きません。
googleの検証画面で確認しても、the_post_navigationの部分だけcssが何もありませんでした。cssへのコンパイルはされています。
よろしくお願いします。

〈single.php〉

php
1<?php get_header(); ?>
2		<?php while(have_posts()): the_post();?>
3		<section class="top">
4			<div class="row">
5				<div class="col-lg-5 offset-lg-2">
6					<img src="<?php echo get_template_directory_uri(); ?>/images/子ページタイトル.png">
7				</div>
8				<div class="col-lg-3 ml-lg-4 mt-lg-3">
9					<img src="<?php echo get_template_directory_uri(); ?>/images/2020年7月4日〜7日なかのZERO大ホール.png">	
10				</div>					
11			</div>
12			<a href="<?php echo esc_url( home_url('/') ); ?>" class="book-btn">チケット予約サイトへ</a>
13			<div class="pan-list"><a href="<?php echo esc_url( home_url('/') ); ?>" class="pan">ホーム</a> &gt; <a href="<?php echo get_page_link(11) ?>">news</a> &gt; <?php the_title(); ?></div>		
14		</section>
15		<section class="container post">
16			<h2>NEWS</h2>
17			<div class="main">
18				<div class="thumbnail">
19					<?php the_post_thumbnail(); ?>
20				</div>
21				<div class="ttl">
22					<p><?php echo get_the_date(); ?></p>
23					<h3><?php the_title(); ?></h3>
24				</div>
25				<div class="content">
26					<h3>世界最長の叙事詩をピーター・ブルック以来の全編舞台化<br>2020年 7月4日〜7日 なかのZERO　大ホールにて！</h3>
27					<h4>ストーリー</h4>
28					<p>マハー（偉大な）、バーラタ（バラタ族）、つまり「偉大なバラタ族」の物語。神々が人間界を作り出すところから始まり、バラタ族の中のクル家とパーンドゥ家という二つの部族間の対立を巡るストーリー。神の血を引く個性豊かな登場人物たちによる差別、対立、欲望、嫉妬など、生の苦しみが描かれ、最終的には一族が破滅していく。</p>
29					<p>世界的な文学作品古代ギリシャの「イーリアス」「オデュッセイア」と並ぶ世界三大叙事詩の一つに数えられており、「ラーマーヤナ」と双璧を成すインド二大叙事詩の一つ。原語はサンスクリット語であるが、全18巻、10万詩節を超えるその長さは聖書の約4倍と言われ、原典の日本語訳はいまだ完結していない。</p>
30					<p>インドだけでなくアジア全般で広く知られた作品であり、TVドラマや映画の原案として使われることも多い。全編舞台化の難しさ日本では、イギリスの演出家ピーター・ブルックがワールドツアーの一環として1988年6月に銀座セゾン劇場で上演。三部作であったが、上演時間は9時間にも及んだ。<br>日本人の作品としては演出家・宮城聰が『マハーバーラタ～ナラ王の冒険』や歌舞伎作品『極付印度伝マハーバーラタ戦記』として、「マハーバーラタ」の長大なストーリーの一部分を舞台化した。全編上映はブルック以外にめぼしい作品は世界的にも存在しない。</p>
31					<h4>なぜ今「マハーバーラタ」なのか？</h4>
32					<p>「平和」について改めて考えるストーリー全世界を司るものが神だとすれば、なぜ神であるクリシュナは、策を巡らしてまで、登場人物すべてを滅亡へと導いたのか？</p>
33					<p>それは、「戦い」そのものを廃絶しようとしたからだと考えられる。戦うことそのものへの虚しさ、「戦い」そのものの「悪」を問う物語が「マハーバーラタ」と言える。</p>
34					<p>平和とは？私たちには何ができるのか？根源的な「平和」を希求する物語。現代社会を映し出す人間ドラマ対難民問題やヘイトスピーチ問題に見られるように、文化的背景が「異」なるものに対して非寛容になりつつある現代社会。神の血を引きながらも、現代人同様に欲望や嫉妬によって争う登場人物たちが破滅していく様を描いた「マハーバーラタ」のストーリーは、人類が歩んできた争いの歴史の物語とも言い換えられる。非寛容による悲劇の物語である「マハーバーラタ」を現代社会に重ね合わせつつ描くことで「寛容」の重要性を示す。「多様性の共生」というアジア的思想アジアでは、多様な歴史、文化、気候や地形がそれぞれの社会に影響を及ぼし、多様な言語や宗教、伝統が共存する。</p>
35					<p>また、芸術面に関して言えば、アジアにおける伝統舞台芸術の多くは演劇・舞踊・音楽などのジャンルを分けることなく融合的に用いる。この多様性がアジアの特徴であり、「共生」がアジア的思想の鍵と言える。<br>人種や宗教、歴史などの多様性を持つアジア的思想や哲学の源流である古典叙事詩「マハーバーラタ」の全編舞台化を通して、多様化する現代社会に生きる観客へ向けて、今後の世界に求められる「共生」社会のあり方を提示する。</p>
36				</div>
37				<?php
38				the_post_navigation([
39					'prev_text'=>'<span>&lt;</span>%title',
40					'next_text'=>'%title<span>&gt;</span>',
41					'screen_reader_text'=>' ',
42				])
43				?>
44			</div>
45		<?php endwhile; ?>
46		</section>
47<?php get_footer(); ?>

scss
1@charset "utf-8";
2.top{
3	background-image: url("../images/ヒーローエリア背景.jpg");
4	background-size: cover;
5	background-position: center;
6	padding:56px 0;
7	position:relative;
8	img{
9		width:100%;
10	}
11	.row{
12		width:100%;
13	}
14	.book-btn{
15		display: inline-block;
16		height:40px;
17		line-height: 40px;
18		color:#ffffff;
19		font-size: 12px;
20		font-weight: 600;
21		padding:0 15px;
22		background-color: #C63205;
23		position:absolute;
24		bottom:-6%;
25		left:69%;
26	}
27	.pan-list{
28		position: absolute;
29		top:110%;
30		left: 21%;
31		color:#333333;
32		font-size: 12px;
33		font-weight: 600;
34		a{
35			display: inline;
36			color:#333333;
37		}
38	}
39}
40.post{
41	margin-bottom: 62px;
42	margin:70px 0 57px 0;
43	h2{
44		font-family: ("Futura");
45		font-weight: Condensed Medium;
46		color:#301F1B;
47		font-size: 43.02px;
48		text-align: center;
49		margin:0;
50	}
51	.main{
52		margin:28px 0 0 0;
53		.thumbnail{
54			img{
55				width:100%;
56			}
57		}
58		.ttl{
59			color:#ffffff;
60			background-color: #1A1A1A;
61			padding:12px 0 17.4px 30px;
62			p{
63				font-size: 12px;
64				font-weight: 300;
65				line-height: 1.8;
66				margin:0;
67			}
68			h3{
69				font-size: 26px;
70				font-weight: 600;
71				line-height: 0.8;
72				margin:5px 0 0 0;
73			}
74		}
75		.content{
76			padding:30px 30px 24.5px;
77			color:#333333;
78			background-color: rgba(255,255,255,0.9);
79			h3{
80				margin:0;
81				font-size: 22px;
82				font-weight: 600;
83				line-height: 1.18;
84			}
85			h4{
86				margin:30px 0 0 0;
87				font-size: 18px;
88				font-weight: 600;
89				line-height: 1.4;
90			}
91			p{
92				margin:30px 0 0 0;
93				font-size: 16px;
94				font-weight: 300;
95				line-height: 1.6;
96			}
97		}
98	}
99}
100		.navigation,.post-navigation{
101			.nav-links{
102				display: flex;
103				.nav-previous{
104					width:50%;
105				}
106				.nav-next{
107					width:50%;
108				}
109			}
110		}