@charset "UTF-8";
/* =====================================================================
   update-news.css  2026/11/04 三輪
   ニュース一覧・詳細を、ブログ（update-blog.css）と同じ見た目に合わせる
   読み込み：archive-news.php / taxonomy-newscat.php / single-news.php
   ===================================================================== */

/* ---------- 詳細：本文 ---------- */
body.news .detail-cmpt__content,
body.news .detail-cmpt__content p,
body.news .detail-cmpt__content li{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  font-feature-settings: normal;
  letter-spacing: 0;
}
body.news .detail-cmpt__content p{
  font-size: 18px;
  line-height: 2;
  margin-bottom: 1.8em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.news .detail-cmpt__content > ul,
body.news .detail-cmpt__content > ol{
  margin: 1.2em 0 1.8em 1.4em;
}
body.news .detail-cmpt__content > ul > li,
body.news .detail-cmpt__content > ol > li{
  font-size: 18px;
  line-height: 1.8;
  color: #3a3a3a;
  margin-bottom: 0.4em;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ---------- 詳細：見出し ---------- */
body.news .detail-cmpt__content h2{
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, Meiryo, sans-serif;
  font-feature-settings: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #3a3a3a;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 72px;
  margin-bottom: 32px;
}
body.news .detail-cmpt__content h3{
  background: none;
  padding: 0 0 10px;
  border-bottom: 1px solid #e5e5e5;
  margin: 2.2em 0 1em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, Meiryo, sans-serif;
  font-feature-settings: normal;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #3a3a3a;
}
body.news .detail-cmpt__content h2 + h3{
  margin-top: 0;
}

/* ---------- 詳細：記事タイトル・日付 ---------- */
body.news .detail-cmpt__wrap h1.detail-cmpt__title{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  font-feature-settings: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #3a3a3a;
}
body.news .detail-cmpt__title .detail-cmpt__date{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
  font-feature-settings: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* ---------- 詳細：サイドバー・前後記事 ---------- */
body.news .latest-widget .latest-widget__title,
body.news .detail-cmpt .postListB .postBox .txtdepagging{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.news .latest-widget .latest-widget__title{
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #333;
}
body.news .detail-cmpt .postListB .postBox .txtdepagging{
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
body.news .cat-widget__list a{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  font-feature-settings: normal;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: #555;
}

/* ---------- 一覧：記事タイトル・日付 ---------- */
body.news .news__item .news__item__title{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
body.news .news__item .news__item__date{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
  font-feature-settings: normal;
  letter-spacing: 0.02em;
  color: #6b7176;
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 767px){
  body.news .detail-cmpt__content p,
  body.news .detail-cmpt__content > ul > li,
  body.news .detail-cmpt__content > ol > li{ font-size: 16px; }
  body.news .detail-cmpt__content h2{ font-size: 21px; margin-top: 48px; }
  body.news .detail-cmpt__content h3{ font-size: 18px; }
  body.news .detail-cmpt__wrap h1.detail-cmpt__title{ font-size: 22px; }
}

/* 2026/11/05 三輪：スマホのニュース一覧カードをnoteのカードに近づける（文字を一回り小さく・行間を整え・3行で省略） */
@media screen and (max-width: 767px){
  body.news .news__item .news__item__title{
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.02em;
    margin-top: 2px;
    -webkit-line-clamp: 3;
  }
  body.news .news__item .news__item__date{
    font-size: 11px;
    letter-spacing: 0.04em;
  }
}

/* 2026/11/05 三輪：一覧のタイトルを少し細く（700→500、Works一覧と同じ太さ） */
body.news .news__item .news__item__title{ font-weight:500; }

/* 2026/11/05 三輪：詳細ページのタイトル・見出し・サムネイルのタイトルを少し細く（700→500、ブログと同じ） */
body.news .detail-cmpt__wrap h1.detail-cmpt__title,
body.news .detail-cmpt__content h2,
body.news .detail-cmpt__content h3,
body.news .latest-widget .latest-widget__title,
body.news .detail-cmpt .postListB .postBox .txtdepagging{ font-weight:500; }

/* 2026/11/05 三輪：本文の文字色を少し柔らかい黒（#3a3a3a）に統一（太字も同じ色） */
body.news .detail-cmpt__content p,
body.news .detail-cmpt__content > ul > li,
body.news .detail-cmpt__content > ol > li,
body.news .detail-cmpt__content p b,
body.news .detail-cmpt__content p strong,
body.news .detail-cmpt__content li b,
body.news .detail-cmpt__content li strong,
body.news .detail-cmpt__content p span:not([style*="color"]),
body.news .detail-cmpt__content td,
body.news .detail-cmpt__content th,
body.news .detail-cmpt__content td b,
body.news .detail-cmpt__content td strong,
body.news .detail-cmpt__content th b,
body.news .detail-cmpt__content th strong{ color:#3a3a3a; }

/* 2026/11/05 三輪：本文の太字を日本語600・英数字は一段細い太さに（ブログと同じ） */
@font-face{
  font-family: "AliveBoldLatin";
  src: local("HelveticaNeue-Medium"), local("Helvetica Neue Medium"), local("SegoeUI-Semibold"), local("Segoe UI Semibold");
  font-weight: 600;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2027;
}
body.news .detail-cmpt__content b,
body.news .detail-cmpt__content strong,
body.news .detail-cmpt__content p b,
body.news .detail-cmpt__content p strong,
body.news .detail-cmpt__content li b,
body.news .detail-cmpt__content li strong{
  font-weight: 600;
  font-family: "AliveBoldLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：記事タイトル・h2・h3を日本語600・英数字は一段細い太さに */
body.news .detail-cmpt__wrap h1.detail-cmpt__title,
body.news .detail-cmpt__content h2,
body.news .detail-cmpt__content h3{
  font-weight: 600;
  font-family: "AliveBoldLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：詳細のページタイトル・一覧の記事タイトルを日本語500・英数字400に */
@font-face{
  font-family: "AliveRegLatin";
  src: local("HelveticaNeue"), local("Helvetica Neue"), local("SegoeUI"), local("Segoe UI");
  font-weight: 500;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2027;
}
body.news .detail-cmpt__wrap h1.detail-cmpt__title,
body.news .news__item .news__item__title{
  font-weight: 500;
  font-family: "AliveRegLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：ニュース詳細のページタイトルを日本語・英数字とも400に */
body.news .detail-cmpt__wrap h1.detail-cmpt__title{
  font-weight: 400;
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：詳細の本文h2を日本語500・英数字400に */
body.news .detail-cmpt__content h2{
  font-weight: 500;
  font-family: "AliveRegLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* =====================================================================
   2026/11/05 三輪：ニュース詳細をブログ詳細と同じ見た目に
   ===================================================================== */
/* タイトル：日本語600・英数字500 */
body.news .detail-cmpt__wrap h1.detail-cmpt__title{
  font-weight: 600;
  font-family: "AliveBoldLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
/* h2：30px・600・薄い下線 */
body.news .detail-cmpt__content h2{
  font-size: 30px;
  font-weight: 600;
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  color: #3a3a3a;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
}
/* h3：24px・日本語600／英数字500・線なし・先頭に四角マーク */
body.news .detail-cmpt__content h3{
  position: relative;
  font-size: 24px;
  font-weight: 600;
  font-family: "AliveBoldLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  color: #3a3a3a;
  background: none;
  border-bottom: none;
  padding: 0 0 0 32px;
  margin-top: 61px;
  margin-bottom: 34px;
}
body.news .detail-cmpt__content h2 + h3{ margin-top: 42px; }
body.news .detail-cmpt__content h3::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #b5f0dc 50%, #e6e6e6 50%);
}
/* 本文：16px・行間30px */
body.news .detail-cmpt__content p,
body.news .detail-cmpt__content > ul > li,
body.news .detail-cmpt__content > ol > li{
  font-size: 16px;
  line-height: 30px;
}
/* 箇条書きを左寄せ */
body.news .detail-cmpt__content > ul,
body.news .detail-cmpt__content > ol{
  margin-left: 0;
  padding-left: 1.4em;
}
@media screen and (max-width: 767px){
  body.news .detail-cmpt__content h2{ font-size: 23px; margin-top: 48px; }
  body.news .detail-cmpt__content h3{ font-size: 19px; padding-left: 24px; }
  body.news .detail-cmpt__content h3::before{ width: 14px; height: 14px; }
}

/* 2026/11/05 三輪：ニュース詳細のタイトルを太さ500に（ブログと同じ） */
body.news .detail-cmpt__wrap h1.detail-cmpt__title{
  font-weight: 500;
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：ニュース詳細 h2を太さ500に */
body.news .detail-cmpt__content h2{ font-weight: 500; }

/* =====================================================================
   2026/11/06 三輪：ニュースにもブログと同じ修正（AUN「アライブweb blog 261105」）
   ===================================================================== */
/* 一覧：記事カードの下の余白・タイトル */
@media screen and (min-width: 768px){
  body.news .news__item{ margin-bottom: 80px; }
  body.news .news__item .news__item__title{ font-size: 15px; margin: 16px 0 14px; }
}
/* 詳細：記事タイトル（PC） */
@media screen and (min-width: 768px){
  body.news .detail-cmpt__wrap h1.detail-cmpt__title{ font-size: 32px; }
}
/* 詳細：サイドバー新着の日付を本文と同じフォント・普通の太さに */
body.news .latest-widget .latest-widget__date{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-weight: 400;
}
/* 詳細：サイドバーの各行 */
body.news .cat-widget__list li{ margin-bottom: 3px; }
/* 詳細：本文の下線（マーカー）の色 */
.news .detail-cmpt__content span[style="text-decoration: underline;"]{
  box-shadow: inset 0px -4px 0 0px #f0fcba, 0px 4px 0 0px #f0fcba;
}
/* 詳細：前後の記事のタイトル */
body.news .detail-cmpt .postListB .postBox .txtdepagging{ font-size: 13px; }
/* 詳細：関連記事 */
body.news .detail-cmpt__related,
body.news .detail-cmpt__related *{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-feature-settings: normal;
}
body.news .detail-cmpt__related .detail-cmpt__related__item__title{ font-size: 13px; }
body.news .cat__related .cat__related__item__title{ font-size: 14px; }