/* list */
#news #list {
  padding: calc(var(--base) * 15) 0;
  background-color: #e6c8b8;
}
#news #list .p-newsCategory {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
#news #list .p-newsList > .c-flex > * {display: none;}
#news #list .p-newsList > .c-flex > *.is-active {display: block;}

/* detail */
#news #detail {
  padding: calc(var(--base) * 15) 0;
  background-color: #e6c8b8;
}
#news #detail .p-mv figure {
  border-radius: calc(var(--base) * 5);
  overflow: hidden;
}
#news #detail .p-meta-time p {
  font-size: calc(var(--base) * 2.5);
  font-weight: 700;
}
#news #detail .p-meta-category {
  margin-left: 1em;
  padding: .25em .75em .25em .75em;
  background-color: #a5d770;
  border-radius: 1em;
}
#news #detail .p-meta-category p {
  font-size: calc(var(--base) * 1.5);
  color: #fff;
}
#news #detail .p-headline h1 {
  font-size: calc(var(--base) * 3);
  font-weight: 700;
  line-height: 1.4;
}
#news #detail .m-post {
  padding: calc(var(--base) * 4);
  background-color: rgba(255, 255, 255, .75);
  border-radius: calc(var(--base) * 5);
}