/* テキストリンク色統一 #1558d6（2026-07-28 テン指定・本文内のテキストリンク） */
.content a{color:#1558d6}
/* 幅広テーブルがflex親を押し広げるのを防ぐ(全ページ) */
.l-main{min-width:0;}
/* LP(/shindan/)のスタイルは page-tanto-lp.php + lp.css に一本化(2026-08-28) */

/* 記事: アイキャッチ直下の余白を詰める(元は60px) */
.single .eyecatch-main{margin-bottom:16px;}

/* ===== 記事の見出し・リスト(2026-08-28 テン選定: 見出し=開拓札幌型/リスト=背景箱) ===== */
.content h2{border-left:7px solid #1B2430;border-bottom:1px solid #e5e5e5;padding:6px 0 8px 14px;}
.content h3{border-left:4px solid #B7282E;padding-left:12px;}
/* リスト: 薄背景の箱 */
.content ol:not([class]),.content ul:not([class]){background:#F6F7F9;border:1px solid #E3E7ED;border-radius:8px;padding:1.1em 1.4em 1.2em 1.4em;}
/* ol=墨紺の丸数字 */
.content ol:not([class]){counter-reset:tn;}
.content ol:not([class])>li{counter-increment:tn;}
.content ol:not([class])>li::before{content:counter(tn);position:absolute;left:0;top:.18em;width:1.55em;height:1.55em;border-radius:50%;background:#1B2430;color:#fff;font-weight:700;font-size:.82em;display:flex;align-items:center;justify-content:center;}
/* ul=朱の四角 */
.content ul:not([class])>li::before{content:"";position:absolute;left:.2em;top:.62em;width:9px;height:9px;background:#B7282E;border-radius:2px;}
/* 目次(outline)機能を将来使っても巻き込まない */
.content .outline ol:not([class]),.content .outline ul:not([class]){background:none;border:none;padding:0;}
.content .outline ol:not([class])>li::before,.content .outline ul:not([class])>li::before{content:none;}

/* ===== 記事内テーブル: スマホでは横スクロール(2026-08-28 テン要望) ===== */
/* 列が多い表をスマホ幅に押し込むと文字が潰れて読めないため、
   min-width を与えて横スクロールさせる。ラッパーは functions.php で自動付与。 */
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;}
.tbl-scroll>table{margin:0;}
@media (max-width:767px){
  .tbl-scroll{
    border:1px solid #E3E7ED;border-radius:6px;
    /* スクロールできることを示す端の影(スクロール位置で消える) */
    background:
      linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),
      linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 100% 0,
      radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),rgba(0,0,0,0)),
      radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),rgba(0,0,0,0)) 100% 0;
    background-repeat:no-repeat;
    background-size:40px 100%,40px 100%,14px 100%,14px 100%;
    background-attachment:local,local,scroll,scroll;
  }
  .tbl-scroll>table{min-width:620px;}
}

/* ===== トップページ(.tanto-home)専用 2026-08-29 ===== */
/* デザイン正典: 墨紺#1B2430 × 朱赤#B7282E。ヘッダー/フッターはTHE THOR共通のまま */
.tanto-home{max-width:1100px;margin:0 auto;padding:0 20px 60px;}
.tanto-home p{line-height:1.9;}
.th-br-pc{display:inline;}

/* ヒーロー */
.th-hero{background:#1B2430;color:#fff;border-radius:10px;padding:56px 32px;text-align:center;margin:24px 0 56px;}
.th-hero__title{color:#fff;font-weight:800;letter-spacing:.02em;line-height:1.35;margin:0 0 18px;border:none;padding:0;}
.th-hero__lead{color:#e8eaee;margin:0 0 28px;}
.th-hero__btn{margin:0;}
.th-hero__btn a{display:inline-block;background:#B7282E;color:#fff;font-weight:700;
  padding:1em 2.6em;border-radius:6px;text-decoration:none;}
.th-hero__btn a:hover{background:#9d1f25;color:#fff;}

/* 汎用セクション */
.th-sec{margin:0 0 56px;}
.th-sec--gray{background:#F6F7F9;border:1px solid #E3E7ED;border-radius:10px;padding:36px 28px;}
.th-sec__title{border-left:7px solid #1B2430;border-bottom:1px solid #e5e5e5;
  padding:6px 0 8px 14px;margin:0 0 18px;font-weight:800;}
.th-sec__lead{margin:0 0 26px;}
.th-note{background:#FCF7F6;border:2px solid #B7282E;border-radius:8px;padding:1em 1.2em;margin:26px 0 0;}

/* 3チャネルのカード */
.th-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.th-card{background:#fff;border:1px solid #E3E7ED;border-radius:8px;padding:22px 20px;}
.th-card h3{border-left:4px solid #B7282E;padding-left:12px;margin:0 0 12px;font-weight:700;}
.th-card p{margin:0;}

/* 調査レポート */
.th-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.th-post{display:block;background:#fff;border:1px solid #E3E7ED;border-radius:8px;
  overflow:hidden;text-decoration:none;color:#1B2430;}
.th-post:hover{box-shadow:0 4px 14px rgba(27,36,48,.12);color:#1B2430;}
.th-post__img{display:block;line-height:0;}
.th-post__img img{width:100%;height:auto;display:block;}
.th-post__title{display:block;padding:16px 18px;font-weight:700;line-height:1.6;}

/* 代表 */
.th-founder{display:flex;gap:26px;align-items:flex-start;
  background:#F6F7F9;border:1px solid #E3E7ED;border-radius:10px;padding:28px;}
.th-founder__img{width:140px;height:140px;border-radius:50%;object-fit:cover;
  object-position:center top;flex-shrink:0;margin:0;}
.th-founder__body{min-width:0;}
.th-founder__name{font-weight:700;margin:0 0 10px;}
.th-founder__link{margin:14px 0 0;}

/* 末尾CTA */
.th-cta{background:#1B2430;color:#fff;border-radius:10px;padding:44px 32px;text-align:center;}
.th-cta__title{color:#fff;border:none;padding:0;margin:0 0 14px;font-weight:800;line-height:1.4;}
.th-cta__lead{color:#e8eaee;margin:0 0 26px;}
.th-cta__btn{margin:0;}
.th-cta__btn a{display:inline-block;background:#B7282E;color:#fff;font-weight:700;
  padding:1em 2.6em;border-radius:6px;text-decoration:none;}
.th-cta__btn a:hover{background:#9d1f25;color:#fff;}

@media (max-width:767px){
  .th-br-pc{display:none;}
  .th-hero{padding:38px 20px;margin:16px 0 40px;}
  .th-sec{margin:0 0 40px;}
  .th-sec--gray{padding:26px 18px;}
  .th-cards,.th-posts{grid-template-columns:1fr;}
  .th-founder{flex-direction:column;align-items:center;text-align:left;padding:22px 18px;}
  .th-founder__img{width:110px;height:110px;}
  .th-cta{padding:32px 20px;}
}

/* トップの見出しサイズ調整（ヒーローが本文と同大で弱かったため・2026-08-29） */
.th-hero__title{font-size:2.4rem;}
.th-hero__lead{font-size:1.08rem;}
.tanto-home .th-sec__title{font-size:1.55rem;}
.th-cta__title{font-size:1.7rem;}
.th-card h3{font-size:1.15rem;}
.th-post__title{font-size:1rem;}
@media (max-width:767px){
  .th-hero__title{font-size:1.7rem;}
  .th-hero__lead{font-size:1rem;}
  .tanto-home .th-sec__title{font-size:1.3rem;}
  .th-cta__title{font-size:1.35rem;}
}

/* 見出しサイズをpxで確定（THE THORはhtml基準が10pxのため rem 指定だと意図の6割になる・2026-08-29） */
.th-hero__title{font-size:40px;}
.th-hero__lead{font-size:16px;}
.tanto-home .th-sec__title{font-size:26px;}
.tanto-home .th-sec__lead{font-size:15px;}
.th-card h3{font-size:19px;}
.th-card p{font-size:14.5px;}
.th-post__title{font-size:16px;}
.th-cta__title{font-size:28px;}
.th-cta__lead{font-size:15px;}
.th-founder__name{font-size:17px;}
.th-note{font-size:15px;}
@media (max-width:767px){
  .th-hero__title{font-size:27px;}
  .th-hero__lead{font-size:15px;}
  .tanto-home .th-sec__title{font-size:21px;}
  .th-cta__title{font-size:21px;}
  .th-card h3{font-size:18px;}
  .th-post__title{font-size:15px;}
}

/* 調査レポート一覧への導線 */
.th-more{margin:24px 0 0;text-align:center;}
.th-more a{display:inline-block;border:2px solid #1B2430;color:#1B2430;font-weight:700;
  padding:.8em 2.2em;border-radius:6px;text-decoration:none;font-size:15px;background:#fff;}
.th-more a:hover{background:#1B2430;color:#fff;}

/* ===== 本文テキストリンクに下線(2026-08-30 テン要望・視認性向上) ===== */
/* CTAボタン(a要素にインラインでtext-decoration:none指定)はインラインが勝つため影響なし */
.content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.content a:hover{text-decoration-thickness:2px;}