@charset "UTF-8";

.wrapper {
   max-width: 900px;
   margin: 0 auto;
   padding: 0 4%;
}

/* 記事
------------------------------------ */
.tuki {
   font-family: "Yu Mincho", "YuMincho", serif;
   font-size: 2rem;
   font-weight: normal;
   margin-top: 30px;
}

.kiji {
   display: flex;
   font-size: 1rem;
   text-transform: uppercase;
   margin-top: 34px;
   list-style: none;
}

.kiji-title {
   position: relative;
   padding-top: 4px;
   margin-bottom: 20px;
}

.title {
   font-family: "Yu Mincho", "YuMincho", serif;
   font-size: 1.6rem;
   font-weight: normal;
   margin-left: 120px;
}

.date {
   background: #0bd;
   border-radius: 50%;
   color: #fff;
   width: 100px;
   height: 100px;
   font-size: 1.625rem;
   text-align: center;
   position: absolute;
   top: 0;
   padding-top: 10px;
}

.date span {
   font-size: 1rem;
   border-top: 1px rgba(255,255,255,.5) solid;
   padding-top: 6px;
   display: block;
   width: 60%;
   margin: 0 auto;
}

.kiji-naiyou {
   display: flex;
   font-size: 1rem;
   text-transform: uppercase;
   margin-top: 34px;
   margin-bottom: 70px;
   list-style: none;
}

.kiji-img {
   width: 200px;
   height: 200px;
   object-fit: cover;
   border-radius: 70% 70% 70% 70%/30%;
   margin-right: 20px;
}

.kiji-bunsyou {
   font-family: "Yu Mincho", "YuMincho", serif;
   font-size: 1.2rem;
   font-weight: normal;
   margin-top: 20px;
   margin-left: 30px;
}



/* フッター
------------------------------------------------ */
footer {
   background: #432;
   text-align: center;
   padding: 26px 0;
   margin-top: 50px;
}

footer p {
   color: #fff;
   font-size: 0.875rem;
}

/* モバイル
----------------------------------------------- */
@media(max-width: 600px) {

.tuki {
   font-family: "Yu Mincho", "YuMincho", serif;
   font-size: 1.2rem;
   font-weight: normal;
   margin-top: 30px;
}

.kiji-img {
   width: 100px;
   height: 100px;
}

.kiji-bunsyou {
   font-size: 0.8rem;
}

}