@charset "UTF-8";
/* CSS Document */

:root{
  --line:#dddad7;

  --recognition:#cc0000;
  --drug:#4cb3ca;
  --food:#ff978a;
  --exercise:#85bf81;
  --daily:#dca000;
}




/* 凡例 */
.legend{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content: flex-end;
}

.legend-item{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px;
  font-size:.85rem;
}

.dot{
  width:12px;
  height:12px;
}

.dot.recognition{ background:var(--recognition); }
.dot.drug{ background:var(--drug); }
.dot.food{ background:var(--food); }
.dot.exercise{ background:var(--exercise); }
.dot.daily{ background:var(--daily); }


/* 時代 */
.epoch{
  padding:10px 10px 0 10px;
  background:#d1ecf2;
  text-align:center;
}

.epoch-year{
margin:0!important;
  font-weight:800;
}

.epoch-label{
margin:0!important;
  font-size:0.9rem;
}

/* 本文カード */
.cell{
  margin:8px 0 14px 0;
  padding:10px 10px 0 10px;
  border:1px solid var(--line);
}

.cell p{
  margin:0;
  font-size:.9rem;
}

/* タグ */
.tag{
  padding-right:0.2em;
  font-size:1.5rem;
}