HTML CSSResult Skip Results Iframe
EDIT ON
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.news-list .item {
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  padding: 20px 20px;
  border-top: 1px solid #999;
}

.news-list .item a{
  display: flex;
	color: #333;
}

.news-list .item .date {
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .news-title {
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .news-title {
  color: #999;
}


@media screen and (max-width: 767px) {
.news-list .item {
  flex-wrap: wrap;
}
	
.news-list .item a {
  flex-wrap: wrap;
}
.news-list .item .date {
  min-width: 100px;
}
.news-list .item .title {
  margin-top: 10px;
}
}/* 消さない　*/


 
* {
	box-sizing: border-box;
}
	
a {
  text-decoration: none;
}
	
body {
  margin: 20px;
}	
	
ul {
  padding-left: 0;
  list-style: none;
	border-bottom: 1px solid #999;
}