.news-title{
  margin-top: 150px;
  background-color:#FFF9F0;
  padding: 3rem 0 2rem 0;
  text-align: center;
}
  .news-title h1{
    font-size: 40px;
    letter-spacing: 1px;
    color: #775039;
    line-height: 100%;
    margin: 0;
  }

.news-container{
  margin-top:30px;
}
	.news-container a{
    display: block;
		color: #000;
		text-decoration: none;
    font-family:"Yu Gothic UI";
    margin-bottom: 10px
	}
  .news-container a:hover{
    opacity: 0.7;
    transition: 0.3s;
  }
	.news-container .date{
		font-size:14px;
		margin-top:10px;
		letter-spacing: 1px;
	}
	.news-container .read{
		letter-spacing: 1px;
	}

.archive-title{
  font-size: 24px;
  border-bottom: 2px solid #775039;
}


.news-page{
	font-family:"Yu Gothic UI";
	background-color: #FFFEF5;
	padding:2rem 1rem;
}
	.news-page .date{
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.news-page .title{
		font-size:24px;
		margin-top:10px;
		letter-spacing: 1px;
	}
	.news-page .body{
		margin-top:20px;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.6rem;
	}