/* What's New 全体の上下ボーダーを薄く */
body .widget .whatsnew,
body .entry-content .whatsnew,
body .whatsnew {
  border-top: 1px solid #ddd !important;   /* 上ボーダー */
  border-bottom: 1px solid #ddd !important;/* 下ボーダー */
  margin: 10px 0 !important;
  padding: 0 !important;
}

/* What's New 内のリンク（記事タイトル）の基本スタイル */
body .whatsnew a {
  padding: 7px 0 !important;
  display: block !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* ホバー時の背景色をさらに薄く */
body .whatsnew a:hover {
  background-color: #fafafa !important; /* 白に近い薄グレー */
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 区切り線（hr）のスタイルを薄く */
body .whatsnew hr {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #eee !important; /* さらに淡いグレー */
}

/* NEWマークのデザイン */
body .whatsnew .newmark {
  font-size: 74% !important;
  padding: 1px 5px !important;
  vertical-align: middle !important;
  color: #fff !important;
  background-color: #ff4500 !important;
  border-radius: 3px !important;
}

/* 日付とタイトル部分の調整 */
body .whatsnew dl {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

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

body .whatsnew dd {
  margin: 0 !important;
  padding: 0 2px !important;
}

/* レスポンシブ対応 */
@media screen and (min-width: 600px) {
  body .whatsnew dl {
    overflow: hidden !important;
  }
  body .whatsnew dt {
    float: left !important;
    width: 8.1em !important;
    overflow: hidden !important;
  }
  body .whatsnew dd {
    overflow: hidden !important;
  }
}
