CSS paddingがうまく機能しない件について

実現したいこと

画像の黄色枠線の「blog」と「ブログ」の間を8px分空けたい
・画像部分（blog～ブログ一覧のボタンまで）を親要素としてdivでまとめて、padding 50px 0で上下に間隔を空ける
・「blog」「ブログ」は親要素内にそれぞれ子要素として別々のdivやhなどで配置し、「ブログ」に対してpadding-top 8pxで間隔を空ける

■作成中のイメージサイト
https://webdesigner-go.com/sky-coffee/![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-02-20/11f2dc67-d277-435c-91fc-98e2afc01026.png)

発生している問題・分からないこと

「blog」と「ブログ」の間にpadding 50px 0が適用されてしまう

該当のソースコード

HTML/CSS
1■HTML
2      <!-- blog -->
3      <section class="blog">
4        <h2 class="blog_title">blog</div>
5        <h3 class="blog_subtitle">ブログ</h3>
6        <div class="list">
7          <div class="blog_article">
8            <a href="#">
9              <div class="article_img"><img src="images/thumbnail01.jpg" alt="コーヒーカー"></div>
10              <h4 class="article_title">コーヒーカー始めました。</h4>
11              <p class="article_date">2030.08.07</p>
12            </a>
13          </div>
14          <a href="#">
15            <div class="blog_article">
16              <div class="article_img"><img src="images/thumbnail02.jpg" alt="コーヒーカー"></div>
17              <h4 class="article_title">濃厚クリーミーなクリームをどうぞ</h4>
18              <p class="article_date">2030.08.06</p>
19            </div>
20          </a>
21          <a href="#">
22          <div class="blog_article">
23              <div class="article_img"><img src="images/thumbnail03.jpg" alt="コーヒーカー"></div>
24              <h4 class="article_title">Sky Coffeeのオリジナル曲が完成！無料ダウンロード可能です。</h4>
25              <p class="article_date">2030.08.05</p>
26            </div>
27          </a>
28          <a href="#">
29            <div class="blog_article">
30              <div class="article_img"><img src="images/thumbnail04.jpg" alt="コーヒーカー"></div>
31              <h4 class="article_title">ハイキング用のコーヒーを販売中です。</h4>
32              <p class="article_date">2030.08.04</p>
33            </div>
34          </a>
35          <a href="#">
36            <div class="blog_article">
37              <div class="article_img"><img src="images/thumbnail05.jpg" alt="コーヒーカー"></div>
38              <h4 class="article_title">ショップの壁を塗ってみました。</h4>
39              <p class="article_date">2030.08.03</p>
40            </div>
41          </a>
42          <a href="#">
43            <div class="blog_article">
44              <div class="article_img"><img src="images/thumbnail06.jpg" alt="コーヒーカー"></div>
45              <h4 class="article_title">ブログを始めました。</h4>
46              <p class="article_date">2030.08.02</p>
47            </div>
48          </a>
49        </div>
50        <div class="more_btn">
51          <a href="#">ブログ一覧</a>
52        </div>
53      </section>
54      <!-- /blog -->
55
56■CSS
57/*--------------------------------
58ブログ
59---------------------------------*/
60.blog {
61  margin: 50px 0;
62}
63
64.blog_title {
65  text-align: center;
66  font-size: 32px;
67  font-weight: bold;
68  line-height: 1;
69  letter-spacing: 0.08em;
70  color: #24a8bf;
71  padding-bottom: 8px;
72}
73
74.blog_subtitle {
75  text-align: center;
76  font-size: 13px;
77  line-height: 1;
78  letter-spacing: 0.03em;
79  padding-top: 8px;
80}