p{
  color:white;
}

a.error-button{
  display:inline-block;
  margin-top:1rem;
  padding:0.6em 1.4em;
  background-color:#9995ef;
  color:#121212;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
}
a.error-button:hover{
  opacity:0.85;
}

.news-section {
  margin: 20px 0;
  border: 2px solid #9995ef;
  border-radius: 8px;
  background: #121212;
  color: #ffffff;
  overflow: hidden;
  text-align: left;
}
.news-header {
  padding: 10px 15px;
  font-weight: bold;
  background: #1a1a1a;
  border-bottom: 2px solid #9995ef;
  color: #9995ef;
}
.news-body {
  padding: 0 15px;
}
article {
  padding: 12px 0;
}
article time {
  display: block;
  font-size: 0.85em;
  color: #bbbbbb;
  margin-bottom: 4px;
}
.new-post {
  border-bottom: 1px solid #333;
}
.past-logs summary {
  padding: 12px 0;
  cursor: pointer;
  color: #9995ef;
  font-size: 0.9em;
  outline: none;
  list-style: none;
}
.past-logs summary::-webkit-details-marker {
  display: none;
}
.past-logs[open] summary {
  border-bottom: 1px solid #333;
}
.past-logs .news-content article {
  border-bottom: 1px solid #333;
  padding-left: 10px;
}
.past-logs .news-content article:last-child {
  border-bottom: none;
}
.profile-box {
  line-height: 1.8;
  margin-bottom: 30px;
}
/* 1. 通常（閉じているとき）のテキスト */
.past-logs summary::before {
  content: "過去のお知らせを表示";
}
/* 2. 開いているときのテキスト切り替え */
.past-logs[open] summary::before {
  content: "過去のお知らせを非表示";
}
/* 3. 元々HTMLに書いてあるテキストを非表示にする */
.past-logs summary {
  font-size: 0; /* 元の文字を隠す */
}
/* 4. 擬似要素にフォントサイズを再設定して表示させる */
.past-logs summary::before {
  font-size: 0.9rem; /* 元の 0.9em に合わせる */
  display: inline-block;
}