@charset "UTF-8";
/* =====================================================================
   update-works.css  2026/11/04 三輪
   制作実績（WORKS）一覧・詳細を、ブログと同じ見た目に合わせる
   読み込み：archive-works.php / taxonomy-workscat.php / single-works.php
   ===================================================================== */

/* ---------- 詳細：本文 ---------- */
body.works .case-cmpt__detail__content,
body.works .case-cmpt__detail__content p,
body.works .case-cmpt__detail__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.works .case-cmpt__detail__content p{
  font-size: 18px;
  line-height: 2;
  margin-bottom: 1.8em;
  color: #3a3a3a;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.works .case-cmpt__detail__content > ul,
body.works .case-cmpt__detail__content > ol{
  margin: 1.2em 0 1.8em 1.4em;
}
body.works .case-cmpt__detail__content > ul > li,
body.works .case-cmpt__detail__content > ol > li{
  font-size: 18px;
  line-height: 1.8;
  color: #3a3a3a;
  margin-bottom: 0.4em;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ---------- 詳細：本文の見出し ---------- */
body.works .case-cmpt__detail__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;
  word-break: normal;
}
body.works .case-cmpt__detail__content h2:first-child{
  margin-top: 0;
}
body.works .case-cmpt__detail__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;
  word-break: normal;
}
body.works .case-cmpt__detail__content h2 + h3{
  margin-top: 0;
}

/* ---------- 詳細：タイトルまわり・セクション見出し ---------- */
body.works .case-cmpt__detail__title h1,
body.works .innerB .titleA,
body.works .innerB .titleB,
body.works .works__staff .works__staff__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;
  color: #3a3a3a;
}
body.works .case-cmpt__detail__title h1{
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
body.works .innerB .titleA,
body.works .innerB .titleB,
body.works .works__staff .works__staff__title{
  letter-spacing: 0.04em;
}
/* タイトル下の説明文 */
body.works .case-cmpt__detail__title > span,
body.works .work-cmpt__bContent p{
  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.02em;
  color: #333;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ---------- 詳細：担当者・前後の実績 ---------- */
body.works .writerblogdiv .txt01 .text01{
  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: 500;
  font-size: 18px;
  letter-spacing: 0.08em;
  color: #222;
}
body.works .works__staff__cnt p{
  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;
  word-break: normal;
  overflow-wrap: anywhere;
}
body.works .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;
}

/* ---------- 一覧：実績名・説明 ---------- */
body.works #top .works__list > .inner .row .col-3 a figure figcaption .client-name{
  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;
}
body.works #top .works__list > .inner .row .col-3 a figure figcaption .desc{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
  font-feature-settings: normal;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: #555;
  word-break: normal;
  overflow-wrap: anywhere;
}

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

/* 2026/11/04 追加：詳細ページ下「同じカテゴリの実績」のサムネイル（実績名・説明） */
body.works .works__related .works-box .client-name{
  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;
}
body.works .work-cmpt__related .row a figure figcaption .desc{
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", Meiryo, sans-serif;
  font-feature-settings: normal;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: #555;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 2026/11/05 スマホのWorks一覧：実績名・説明をひと回り小さく */
@media screen and (max-width: 767px){
  body.works #top .works__list > .inner .row .col-3 a figure figcaption .client-name{
    font-size: 15px;
    letter-spacing: 0.03em;
  }
  body.works #top .works__list > .inner .row .col-3 a figure figcaption .desc{
    font-size: 12px;
  }
}
/* 2026/11/05 スマホのWorks一覧：実績名を14pxに */
@media screen and (max-width: 767px){
  body.works #top .works__list > .inner .row .col-3 a figure figcaption .client-name{ font-size: 14px; }
}

/* 2026/11/05 三輪：本文の箇条書き(ul/ol)をブログと同じ見え方に（「・」と番号を表示） */
body.works .case-cmpt__detail__content.cmsContent > ul,
body.works .case-cmpt__detail__content.cmsContent > ol{
  margin: 1.2em 0 1.8em 1.4em;
  padding-left: 0.4em;
}
body.works .case-cmpt__detail__content.cmsContent > ul{ list-style: disc outside; }
body.works .case-cmpt__detail__content.cmsContent > ol{ list-style: decimal outside; }
body.works .case-cmpt__detail__content.cmsContent > ul > li,
body.works .case-cmpt__detail__content.cmsContent > ol > li{
  display: list-item;
  list-style: inherit;
  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: 18px;
  line-height: 1.8;
  letter-spacing: 0;
  color: #3a3a3a;
  margin-bottom: 0.4em;
}
@media screen and (max-width: 767px){
  body.works .case-cmpt__detail__content.cmsContent > ul > li,
  body.works .case-cmpt__detail__content.cmsContent > ol > li{ font-size: 16px; }
}

/* 2026/11/05 三輪：一覧の実績名を少し細く（700→500） */
body.works #top .works__list > .inner .row .col-3 a figure figcaption .client-name{
  font-weight: 500;
}

/* 2026/11/05 三輪：詳細ページのタイトル・見出し・サムネイルのタイトルを少し細く（700→500、ブログと同じ） */
body.works .case-cmpt__detail__title h1,
body.works .innerB .titleA,
body.works .innerB .titleB,
body.works .works__staff .works__staff__title,
body.works .case-cmpt__detail__content h2,
body.works .case-cmpt__detail__content h3,
body.works .postBox .postInner .txtdepagging{ font-weight:500; }

/* 2026/11/05 三輪：本文の文字色を少し柔らかい黒（#3a3a3a）に統一（太字も同じ色） */
body.works .case-cmpt__detail__content.cmsContent p,
body.works .case-cmpt__detail__content.cmsContent > ul > li,
body.works .case-cmpt__detail__content.cmsContent > ol > li,
body.works .case-cmpt__detail__content.cmsContent p b,
body.works .case-cmpt__detail__content.cmsContent p strong,
body.works .case-cmpt__detail__content.cmsContent li b,
body.works .case-cmpt__detail__content.cmsContent li strong,
body.works .case-cmpt__detail__content.cmsContent p span:not([style*="color"]),
body.works .case-cmpt__detail__content.cmsContent td,
body.works .case-cmpt__detail__content.cmsContent th,
body.works .case-cmpt__detail__content.cmsContent td b,
body.works .case-cmpt__detail__content.cmsContent td strong,
body.works .case-cmpt__detail__content.cmsContent th b,
body.works .case-cmpt__detail__content.cmsContent 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.works .case-cmpt__detail__content.cmsContent b,
body.works .case-cmpt__detail__content.cmsContent strong,
body.works .case-cmpt__detail__content.cmsContent p b,
body.works .case-cmpt__detail__content.cmsContent p strong,
body.works .case-cmpt__detail__content.cmsContent li b,
body.works .case-cmpt__detail__content.cmsContent 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.works .case-cmpt__detail__title h1,
body.works .case-cmpt__detail__content h2,
body.works .case-cmpt__detail__content h3,
body.works .innerB .titleA,
body.works .innerB .titleB{
  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.works .case-cmpt__detail__title h1,
body.works #top .works__list > .inner .row .col-3 a figure figcaption .client-name{
  font-weight: 500;
  font-family: "AliveRegLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 2026/11/05 三輪：Works詳細「実施した施策」見出し 24px・太さ500 */
body.works .innerB .titleA{
  font-size: 24px;
  font-weight: 500;
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
}
/* 2026/11/05 三輪：Works詳細の本文h2 24px・日本語500／英数字400 */
body.works .case-cmpt__detail__content h2{
  font-size: 24px;
  font-weight: 500;
  font-family: "AliveRegLatin", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
@media screen and (max-width: 767px){
  body.works .innerB .titleA{ font-size: 20px; }
  body.works .case-cmpt__detail__content h2{ font-size: 21px; }
}

/* 2026/11/05 三輪：Works詳細の本文をほんの少しグレーに（#3a3a3a → #555555） */
body.works .case-cmpt__detail__content.cmsContent p,
body.works .case-cmpt__detail__content.cmsContent > ul > li,
body.works .case-cmpt__detail__content.cmsContent > ol > li,
body.works .case-cmpt__detail__content.cmsContent p b,
body.works .case-cmpt__detail__content.cmsContent p strong,
body.works .case-cmpt__detail__content.cmsContent li b,
body.works .case-cmpt__detail__content.cmsContent li strong,
body.works .case-cmpt__detail__content.cmsContent p span:not([style*="color"]),
body.works .case-cmpt__detail__content.cmsContent td,
body.works .case-cmpt__detail__content.cmsContent th,
body.works .case-cmpt__detail__content.cmsContent td b,
body.works .case-cmpt__detail__content.cmsContent td strong{ color:#555555; }

/* 2026/11/05 三輪：Works詳細の本文を16px・行間30pxに（PC・スマホ共通） */
body.works .case-cmpt__detail__content.cmsContent p,
body.works .case-cmpt__detail__content.cmsContent > ul > li,
body.works .case-cmpt__detail__content.cmsContent > ol > li{
  font-size: 16px;
  line-height: 30px;
}

/* 2026/11/05 三輪：Works詳細 h2に薄い下線、h3の先頭にブログと同じ四角マーク */
body.works .case-cmpt__detail__content h2{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 12px;
}
body.works .case-cmpt__detail__content h3{
  position: relative;
  padding: 0 0 0 32px;
  border-bottom: none;
  background: none;
}
body.works .case-cmpt__detail__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%);
}
@media screen and (max-width: 767px){
  body.works .case-cmpt__detail__content h3{ padding-left: 24px; }
  body.works .case-cmpt__detail__content h3::before{ width: 14px; height: 14px; }
}

/* =====================================================================
   2026/11/06 三輪：Works修正依頼（AUN「アライブWeb works 261105」）
   ===================================================================== */
/* ① 一覧：実績の説明文の色 */
body.works #top .works__list > .inner .row .col-3 a figure figcaption .desc{ color: #808080; }
@media screen and (min-width: 768px){
  /* ② 詳細：実績名（タイトル） */
  body.works .case-cmpt__detail__title h1{ font-size: 32px; }
  /* ④ 詳細：本文のh2 */
  body.works .case-cmpt__detail__content h2{ font-size: 26px; }
  /* ⑤ 詳細：「関わったスタッフ」 */
  body.works .innerB .titleB{
    font-size: 22px;
    font-weight: 500;
    font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", Meiryo, sans-serif;
  }
}
/* ③ 詳細：「実施した施策」の下の余白 */
body.works .innerB .titleA{ margin-bottom: 15px; }

/* 2026/11/06 三輪：Works詳細の本文の色を #3a3a3a に戻す（ほかの詳細ページと統一） */
body.works .case-cmpt__detail__content.cmsContent p,
body.works .case-cmpt__detail__content.cmsContent > ul > li,
body.works .case-cmpt__detail__content.cmsContent > ol > li,
body.works .case-cmpt__detail__content.cmsContent p b,
body.works .case-cmpt__detail__content.cmsContent p strong,
body.works .case-cmpt__detail__content.cmsContent li b,
body.works .case-cmpt__detail__content.cmsContent li strong,
body.works .case-cmpt__detail__content.cmsContent p span:not([style*="color"]),
body.works .case-cmpt__detail__content.cmsContent td,
body.works .case-cmpt__detail__content.cmsContent th,
body.works .case-cmpt__detail__content.cmsContent td b,
body.works .case-cmpt__detail__content.cmsContent td strong{ color:#3a3a3a; }