div.whatsnew {
  margin: 10px 0;
  font-size: 100%;
  word-break: break-all;
  overflow: hidden;
}

div.whatsnew a {
  padding: 7px 0;
  display: block;
  text-decoration: none;
  box-shadow: none;
  color: #000 !important;
}

div.whatsnew a:hover {

  text-decoration: none;
  box-shadow: none;
  color: #000 !important;
}

div.whatsnew hr {
  margin: 0;
  padding: 0;
}

div.whatsnew .newmark {
  font-size: 74%;
  padding: 3px 10px;
  vertical-align: middle;
  color: White;
  background-color: #294271;
  margin-left: 20px;
 }

div.whatsnew dl {
  margin: 0;
  padding: 20px;
  border: 0;
}

div.whatsnew dl:hover {
  background-color: #fafafa;
   color: #000 !important;
}

div.whatsnew dt {
  margin: 0 0 0 0.3em;
  padding: 0;
  border: 0;
  color: #000 !important;
  font-weight: normal;
  white-space: nowrap;
}

div.whatsnew dd {
  margin: 0;
  padding: 0 2px;
}

@media screen and (min-width: 600px) {
  div.whatsnew dl {
    overflow: hidden;
  }
  div.whatsnew dt {
    float: left;
      overflow: hidden;
  }
  div.whatsnew dd {
    overflow: hidden;
  }
}


/* ======= New List Layout (追加) ======= */
div.whatsnew .wn-item { padding: 18px 0; }
div.whatsnew .wn-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
div.whatsnew .wn-date { font-weight: 700; letter-spacing: .02em; }
div.whatsnew .wn-cat { display: inline-block; padding: 2px 8px; font-size: 80%; line-height: 1.8; background-color: #294271; color: #fff !important; border-radius: 3px; text-decoration: none; }
div.whatsnew .wn-new { font-size: 80%; font-weight: 700; color: #c00; letter-spacing: .02em; }
div.whatsnew .wn-body { line-height: 1.8; }
div.whatsnew .wn-title { text-decoration: none; color: #000; }
div.whatsnew .wn-title:hover { text-decoration: underline; }
div.whatsnew hr { margin: 16px 0 0; border: 0; border-top: 1px solid #cfcfcf; }