@charset "UTF-8";
/* =====================================================================
   update-downloads.css  2026/11/04 三輪
   無料ノウハウダウンロード（一覧・詳細）をブログと同じゴシック基調に
   読み込み：archive-downloads.php / taxonomy-downloadscat.php / single-downloads.php
   ===================================================================== */

/* ---------- 一覧：資料タイトル・右のカテゴリ ---------- */
body.downloads .dl_item .service-cmpt__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.6;
  letter-spacing: 0.05em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.downloads .dl_item .service-cmpt__item__desc{
  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;
}
body.downloads .cat-widget__list a,
body.downloads .news__cat 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-size: 13px;
  letter-spacing: 0.03em;
  color: #555;
}

/* ---------- 詳細：カテゴリ・タイトル ---------- */
body.downloads.single .cate_head,
body.downloads.single .cate_head *{
  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;
}
body.downloads.single .dl_left .detail-cmpt__title,
body.downloads.single .dl_right .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: "palt";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.downloads.single .dl_left .detail-cmpt__title{ font-size: 28px; }
body.downloads.single .dl_right .detail-cmpt__title{ font-size: 22px; }

/* ---------- 詳細：本文 ---------- */
body.downloads.single .detail-cmpt__content p,
body.downloads.single .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;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.downloads.single .detail-cmpt__content p{
  font-size: 17px;
  line-height: 1.95;
  margin-bottom: 1.6em;
}
body.downloads.single .detail-cmpt__content p span{ color: inherit; }
body.downloads.single .detail-cmpt__content > ul,
body.downloads.single .detail-cmpt__content > ol{
  margin: 1em 0 1.6em 1.4em;
}
body.downloads.single .detail-cmpt__content li{
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 0.4em;
}
body.downloads.single .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: "palt";
  font-weight: 700;
  font-size: 23px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #3a3a3a;
  margin: 48px 0 24px;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.downloads.single .detail-cmpt__content h3{
  background: none;
  padding: 0 0 10px;
  border-bottom: 1px solid #e5e5e5;
  margin: 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: "palt";
  font-size: 19px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #3a3a3a;
}

/* ---------- 詳細：前後の資料（LIST） ---------- */
body.downloads.single .postBox .postInner h1,
body.downloads.single .postBox .postInner .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;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 767px){
  body.downloads.single .dl_left .detail-cmpt__title{ font-size: 22px; }
  body.downloads.single .dl_right .detail-cmpt__title{ font-size: 19px; }
  body.downloads.single .detail-cmpt__content p{ font-size: 16px; }
  body.downloads.single .detail-cmpt__content h2{ font-size: 20px; }
  body.downloads.single .detail-cmpt__content h3{ font-size: 17px; }
}

/* 2026/11/04 追加：タイトル下の太いグレー線を削除 */
body.downloads.single .dl_left .detail-cmpt__title,
body.downloads.single .dl_right .detail-cmpt__title{
  border-bottom: none;
  padding-bottom: 0;
}

/* 2026/11/04 追加：右の「PDF無料ダウンロード」の上端を左の資料画像の上端にそろえ、フォームを見出しのすぐ下へ */
body.downloads.single .dl_right{
  margin-top: 104px;
}
body.downloads.single .dl_right .detail-cmpt__title{
  margin-bottom: 0;
}
/* フォーム（Zoho Formsの埋め込み）内部の上余白の分だけ引き上げる */
body.downloads.single .dl_right > .detail-cmpt__content{
  margin-top: -24px;
}
@media screen and (max-width: 767px){
  body.downloads.single .dl_right{ margin-top: 48px; }
}

/* 2026/11/04 追加：タイトルが1行でも2行でも、右の「PDF無料ダウンロード」が資料画像の上端とそろうように
   （固定の余白104pxをやめ、グリッドで「タイトルの段」「画像・フォームの段」を分ける） */
@media screen and (min-width: 768px){
  body.downloads.single .downloads_wrap{
    display: grid;
    grid-template-columns: 56.8% 43.2%;
    align-items: start;
  }
  body.downloads.single .downloads_wrap::before,
  body.downloads.single .downloads_wrap::after{
    display: none;   /* clearfix がグリッドのマスを使わないように */
  }
  body.downloads.single .downloads_wrap > .cate_head{
    grid-column: 1 / -1;
    grid-row: 1;
  }
  body.downloads.single .dl_left{
    display: contents;   /* 中のタイトルと本文を、それぞれグリッドの段に置く */
  }
  body.downloads.single .dl_left > .detail-cmpt__title{
    grid-column: 1;
    grid-row: 2;
    padding-left: 55px;
    padding-right: 55px;
  }
  body.downloads.single .dl_left > .detail-cmpt__content{
    grid-column: 1;
    grid-row: 3;
    padding-left: 55px;
    padding-right: 55px;
  }
  body.downloads.single .dl_right{
    grid-column: 2;
    grid-row: 3;
    float: none;
    width: auto;
    margin-top: 0 !important;
  }
}

/* 2026/11/05 スマホのダウンロード一覧：画像とタイトルの間を詰め、タイトルを14pxに */
@media screen and (max-width: 767px){
  body.downloads .dl_item figcaption.mheight{
    margin-top: 14px;
    height: auto !important;
  }
  body.downloads .dl_item .service-cmpt__item__title{
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
    height: auto !important;
  }
  body.downloads .dl_item .service-cmpt__item__desc{
    font-size: 11px;
    line-height: 1.6;
  }
}

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

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

/* 2026/11/05 三輪：本文の文字色を少し柔らかい黒（#3a3a3a）に統一（太字も同じ色） */
body.downloads.single .detail-cmpt__content p,
body.downloads.single .detail-cmpt__content > ul > li,
body.downloads.single .detail-cmpt__content > ol > li,
body.downloads.single .detail-cmpt__content p b,
body.downloads.single .detail-cmpt__content p strong,
body.downloads.single .detail-cmpt__content li b,
body.downloads.single .detail-cmpt__content li strong,
body.downloads.single .detail-cmpt__content p span:not([style*="color"]),
body.downloads.single .detail-cmpt__content td,
body.downloads.single .detail-cmpt__content th,
body.downloads.single .detail-cmpt__content td b,
body.downloads.single .detail-cmpt__content td strong,
body.downloads.single .detail-cmpt__content th b,
body.downloads.single .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.downloads.single .detail-cmpt__content b,
body.downloads.single .detail-cmpt__content strong,
body.downloads.single .detail-cmpt__content p b,
body.downloads.single .detail-cmpt__content p strong,
body.downloads.single .detail-cmpt__content li b,
body.downloads.single .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.downloads.single .dl_left .detail-cmpt__title,
body.downloads.single .dl_right .detail-cmpt__title,
body.downloads.single .detail-cmpt__content h2,
body.downloads.single .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.downloads.single .dl_left .detail-cmpt__title,
body.downloads .dl_item .service-cmpt__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 三輪：詳細の本文h2を日本語500・英数字400に */
body.downloads.single .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 三輪：ダウンロード詳細「PDF無料ダウンロード」を日本語500・英数字400に */
body.downloads.single .dl_right .detail-cmpt__title{
  font-weight: 500;
  font-family: "AliveRegLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}