@charset "UTF-8";
html{
  font-size: 100%;
}
/* サイト構築中の時のCSS
.kouji{
  display: flex;
  list-style: none;
}
.kouji li{
  margin-top: 200px;
}
.page-header{
  display: flex;
  justify-content: center;
}
.logo{
  margin-top: 10px;
}
---------------------------- */
body{
  line-height: 1.7;
  color: #5fa05e;
}

a{
  text-decoration: none;
}
img{
  max-width: 100%;
}
/*header
----------------- */
.logo{
  width: 250px;
  margin-top: 15px;
}

.main-nav{
  display: flex;
  margin-top: 35px;
  list-style: none;
}
.main-nav li{
  margin-left: 35px;
}

.main-nav a{
  color: #432;
}

.main-nav a:hover{
  color:#0bd;
}

.page-header{
  display: flex;
  justify-content: space-between;
}
.wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding: 4px
}

/* home
--------------------------------- */
.home-content{
  text-align: center;
  margin-top:10px;
}

.home-content{
  font-size: 1.125rem;
  marigin;10px  0 42px;
}

/* 見出し */
.page-title{
  font-size:3rem;
  font-family: 'Philosopher', sans-serif;
  font-weight: normal;
}

.sub{
  font-family: 'Potta One', cursive;
}

#home{
  background-image:url(../images/DSC_0118.JPG);
  background-size: cover;
  background-position: center top;
  min-height: 100vh;
}

.catinfo{
  background-color: #ffe0b6;
  height: 150px;
  margin-bottom: 10px;
}

.page-title{
  test-align:center;
}


/*　フッター
------------------------------------- */
footer{
  background-color:#c3dcbe;
  text-align: center;
  padding: 26px 0;
  color:#5b5c76;
}
footer p{
  font-size;0.875rem:
}

/*記事部分*/
article{
  width:74%;
}

/*サイドバー*/
aside{
  width: 22%
}

.cats-contents{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.cat-info{
  position: relative;
  padding-top: 4px;
  margin-bottom: 40px;
}
.birth-date{
  background: #0bd;
  color: #fff;
  border-radius: 25px;
  width: 200px;
  height: 40px;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  top: 15px;
  padding-top: 10px;
}

.cat-title{
  font-family: "Yu Mincho","YuMincho",serif;
  font-size:2rem;
  font-weight: normal;
}
.cat-title,
.cat-gara{
  margin-left:210px;
}
article img{
  margin-bottomo:20px;
}
article p {
  margin-bottom: 1rem;
}

p.n404{
  background-image: url(../images/big-404.jpg);
}

/* モバイル版
------------------------------- */
@media (max-width: 600px) {
    .page-title {
        font-size: 2.5rem;
    }
    .page-header {
        flex-direction: row;
        align-items: center;
    }
    /* HEADER */
    .main-nav {
        font-size: 1rem;

    }
    .main-nav li {
      margin: 3px;
    }

    /* HOME */
    .home-content {
        margin-top: 20%;
    }
    /* catinfo */

      #catinfo   .main-nav{
        margin-bottom: : 100px;
  }
  .cats-contents{

  }
      aside {
          margin-top: 100px;
      }
      .cat-info{
        flex-direction: row;
        margin-bottom: 60px;
        align-items: flex-start;
      }
      .birth-date {
          width: 110px;
          height: 70px;
          font-size: 0.9rem;
      }

      .cat-title {
          font-size: 1.375rem;
          padding-top:  30px;
      }
  }
/*ソーシャルメディア
---------------*/
.social-title{
  display: flex;
}
.social-title h2{
  margin-right:20px;
}