@charset "utf-8";

.simpleList {
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  margin:40px 0;
  padding:0;
}

.simpleList li {
  padding:24px 0;
}

.simpleList .date {
  padding-right:12px;
  color:#555;
  font-size:0.9rem;
  text-align:right;
}
.simpleList .is-new .date:before {
  content: "NEW";
  display: inline-block;
  position:relative;
  top:-1px;
  padding: 2px 7px;
  color: #FFF;
  background:#E00;
  font-size:10px;
  margin-right:8px;
}
.simpleList .text {
  text-align:left;
}
.simpleList .text .media_add-title {
  font-size:0.85em;
}
.simpleList .text .media_caution {
  font-size:0.76em;
  color:#888;
  display:block;
  padding-top:4px;
}

@media screen and (min-width: 781px) {
  .simpleList .date{
    width:20%;
    min-width:180px;
  }
  .simpleList .text {
    width:70%;
  }
}
@media screen and (max-width: 780px) {
  .simpleList .date{
    text-align:left;
    padding-bottom:5px;
  }
}