/* =========================
   ブログエリアを別世界にする
========================= */
body .NewInfo,
body .NewInfo * {
  box-sizing: border-box !important;
}

/* 背景・幅を完全上書き */
body .NewInfo {
  all: unset;
  display: block !important;
  background: #f7f7f7 !important;
  padding: 60px 0 !important;
}

/* 中央カラム（ブログ感の核） */
body .NewInfo > div {
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* =========================
   見出し
========================= */
body .NewInfo .NewInfo_top {
  all: unset;
  display: block !important;
  margin-bottom: 32px !important;
}

body .NewInfo .NewInfo_top h2 {
  all: unset;
  display: block !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  padding-left: 12px !important;
  border-left: 5px solid #4a90e2 !important;
}

body .NewInfo .NewInfo_top p {
  all: unset;
  display: block !important;
  font-size: 0.95rem !important;
  color: #666 !important;
}

/* =========================
   記事リスト全体
========================= */
body .NewInfo ul.NewInfo-list {
  all: unset;
  display: block !important;
}

/* 記事カード */
body .NewInfo ul.NewInfo-list > li {
  all: unset;
  display: block !important;
  background: #fff !important;
  margin-bottom: 24px !important;
  padding: 24px 28px !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* hover装飾 全消し */
body .NewInfo ul.NewInfo-list > li::before,
body .NewInfo ul.NewInfo-list > li::after {
  display: none !important;
}

/* =========================
   記事タイトルリンク
========================= */
body .NewInfo ul.NewInfo-list > li > a {
  all: unset;
  display: block !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin-bottom: 12px !important;
  cursor: pointer !important;
}

body .NewInfo ul.NewInfo-list > li > a:hover {
  color: #4a90e2 !important;
  text-decoration: underline !important;
}

/* =========================
   本文
========================= */
body .NewInfo .views-field-body {
  all: unset;
  display: block !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #444 !important;
}

body .NewInfo .views-field-body p {
  margin-bottom: 14px !important;
}

body .NewInfo .views-field-body ul {
  margin: 12px 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
}

body .NewInfo .views-field-body li {
  margin-bottom: 6px !important;
}

/* =========================
   本文リンク
========================= */
body .NewInfo .views-field-body a {
  color: #4a90e2 !important;
  text-decoration: none !important;
}

body .NewInfo .views-field-body a:hover {
  text-decoration: underline !important;
}

/* =========================
   ページャー
========================= */
body .pager {
  all: unset;
  display: block !important;
  margin-top: 40px !important;
  text-align: center !important;
}

body .pager__item {
  display: inline-block !important;
  margin: 0 6px !important;
}

body .pager__item a {
  padding: 6px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background: #fff !important;
}

.NewInfo-list a::before,
.NewInfo-list a::after,
.NewInfo-list li::before {
    content: none !important;
    display: none !important;
}

.NewInfo-list ul,
.NewInfo-list ul li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* li のタイトルは太字・大きめ */
.NewInfo-list > li {
    font-weight: 700 !important;
    font-size: 1.05em !important;
    line-height: 1.4 !important;
}

/* views-field-body は素の見た目に戻す */
.NewInfo-list > li > .views-field.views-field-body {
    font-weight: 400 !important;
    font-size: 0.85em !important;
    line-height: 1.6 !important;
    color: #666 !important;
    margin-top: 4px !important;
}

