背景にそれぞれのliが収まりきらない→解決したいです

前提・実現したいこと

blogの背景色（水色）の中にulが飛び出てしまう→解決したい。

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

.blogの枠内からliがはみ出てしまう。見栄えが悪い。解消したいです。

該当のソースコード

HTML
1  <section class="blog">
2        <div class="inner">
3            <p class="jp-ttl">ブログ</p><!-- /.jp-ttl -->
4            <p class="en-ttl">blog</p><!-- /.en-ttl -->
5            <ul class="blog-list">
6                <li class="blog-item">
7                    <figure> <img class=" blog-img" src="./image/blog1-unsplash.png" alt=""></figure>
8                    <p class="blog-txt">サイトをリニューアルしました</p><!-- /.blog-txt -->
9                    <time>2020.01.23</time>
10                </li><!-- /.blog-item -->
11                <li class="blog-item">
12                   <figure><img class=" blog-img" src="./image/blog2-unsplash.png" alt=""></figure>
13                   <p class="blog-txt">WebサイトでSEO内部施策に適したコー ディングでどれぐらいサイトが早くなるの か検証してみました</p><!-- /.blog-txt --> 
14                   <time>2020.01.24</time>
15                </li><!-- /.blog-item -->
16                <li class="blog-item">
17                   <figure><img class=" blog-img" src="./image/blog3-unsplash.png" alt=""></figure>
18                   <p class="blog-txt">ユアコーディングではデザイナーの方を 広く募集しています。</p><!-- /.blog-txt -->
19                    <time>2020.01.25</time>
20                </li><!-- /.blog-item -->
21            </ul><!-- /.blog-list -->
22
23    </div><!-- /.inner bg-blue -->
24    </section><!-- /.blog -->

CSS
1blog {
2  background-color: #EEFBFB;
3  width: 1366px;
4  height: 668px;
5}
6
7.blog .blog-list {
8  width: 85%;
9  display: -webkit-box;
10  display: -webkit-flex;
11  display: -ms-flexbox;
12  display: flex;
13  -webkit-box-pack: justify;
14  -webkit-justify-content: space-between;
15      -ms-flex-pack: justify;
16          justify-content: space-between;
17  -webkit-box-align: center;
18  -webkit-align-items: center;
19      -ms-flex-align: center;
20          align-items: center;
21  -o-object-fit: cover;
22     object-fit: cover;
23  margin: 0 auto;
24  object-fit: cover;
25}
26
27.blog .blog-list .blog-item {
28  width: 100%;
29  height: 57%;
30  -webkit-box-shadow: 0px 3px 6px #00000029;
31          box-shadow: 0px 3px 6px #00000029;
32  border: 1px solid  #f0eded;
33  padding: 0px 15px;
34  -o-object-fit: cover;
35     object-fit: cover;
36}
37
38.blog .blog-list .blog-item .blog-txt {
39  padding: 18px;
40}
41
42.blog .blog-list .blog-item .blog-img {
43  height: 67%;
44}
45
46