/* =========================
   TITLE
   ========================= */

.update-container{
  max-width:900px;
  margin:0 auto 80px;
  padding:0 20px;
}

.update-list li{
  display:grid;
  grid-template-columns:120px 1fr;  /* ← 日付幅を固定 */
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid #e0dad0;
  align-items:start;
}

/* 年見出し */
.year-title{
  display:block;
  width:50%;                 /* 長さはお好みで 40〜60% */
  max-width:500px;

   padding:3px 14px;          /* ← さらに高さを縮小 */
  margin:35px 0 18px;

 font-size:1.05rem;         /* 少しだけ小さく */
  font-weight:600;
  letter-spacing:0.05em;
  color:#fff;

  border-radius:10px;   /* ← 角丸を大きく */

  background:linear-gradient(
    90deg,
    #c62828 0%,
    #e57373 25%,              /* ← 早めに薄く */
    rgba(198,40,40,0.02) 70%, /* ← ほぼ透明 */
    rgba(198,40,40,0) 55%    /* ← 完全透明 */
  );
}

/* リスト */
.update-list{
  list-style:none;
  padding:0;
  margin:0;
}

.update-list li{
  padding:8px 0;
  border-bottom:1px solid #e0dad0;
}

/* 日付 */
.update-date{
  font-weight:normal;
  color:#c62828;
  margin-right:10px;
}

/* 本文側 */
.update-text{
  line-height:1.5;
}



/* リンク */
.update-list a{
  text-decoration:none;
  color:blue;
}

.update-list a:hover{
  text-decoration:underline;
}

/* 過去リンク */
.past-link{
  margin-top:30px;
}

.past-link a{
  color:#c62828;
  text-decoration:none;
  font-weight:600;
}

.past-link a:hover{
  text-decoration:underline;
}

/* =========================
   MOBILE
   ========================= */

@media(max-width:768px){


  .update-list li{
    grid-template-columns:1fr;  /* 1列にする */
    gap: 2px;              /* ← 行間を詰める */
  padding:6px 0;
  }

  .update-date{
    margin-bottom:0px;
    font-size: 0.85rem;    /* 少しだけ小さくすると自然 */
  }

.update-text{
  margin-left:10px;
}


}