/* ============================================================
   index系ページ 共通テーマ（濃紺グレー系＋クラシックブルーリンク）
   kouzou-style.css の後に読み込んで上書きする。
   ※ 問題別記事には読み込まない。index/一覧ページ専用。
   メイン #26364f / サブ #3f5878 / 薄背景 #f5f7fa / 罫線 #d8dee8
   ============================================================ */

/* ヘッダー：低く・白背景・濃色の控えめなサイト名（白文字!importantの上書き） */
.header{width:auto;height:auto;background:#fff;border-bottom:1px solid #d8dee8;}
.site-header-title{display:block;color:#26364f !important;font-size:1.15rem;font-weight:bold;
  letter-spacing:0.02em;padding:7px 16px;text-align:left;line-height:1.4;}
.site-header-title:hover{opacity:0.8;text-decoration:none !important;}

/* 見出し：淡い青のマーカー下線型（測量士補サイトに準拠） */
.contents1 h1{color:#26364f;border-bottom:none;}
.contents1 h2{display:inline-block;background:linear-gradient(transparent 58%,#cfe0f5 58%) !important;
  color:#26364f !important;border:0 !important;border-radius:0;
  padding:0 2.5em 0 .2em;margin:1.4em 0 .5em;font-size:1.2em;font-weight:bold;line-height:1.5;}
.contents1 h2::after{display:none;border:0;}
.contents1 h3{color:#26364f;font-size:1.02rem;margin:1.1em 0 0.4em;}

/* 一覧ページの主要リンク：disc付き・17pxの読みやすいリストに（矢印アイコンは使わない） */
.contents1 ul.sideul{list-style:disc;padding-left:1.6em;font-size:17px;line-height:1.95;margin:.3em 0 1.4em;border:0;}
.contents1 ul.sideul li{font-size:17px;margin:.3em 0;}
.contents1 ul.sideul li::marker{color:#3f5878;}
.contents1 .arrow{padding-left:0;font-size:17px;}
.contents1 .arrow::before,.contents1 .arrow::after{display:none !important;content:none !important;}
@media(max-width:600px){.contents1 ul.sideul,.contents1 ul.sideul li,.contents1 .arrow{font-size:16px;}}

/* リンク：古来の青 */
.contents1 a,.contents5 a{color:#0044cc;}
.contents1 a:hover,.contents5 a:hover{color:#0033aa;}
.contents1 a:visited,.contents5 a:visited{color:#551a8b;}

/* メニューバー（PC）：濃紺バーをやめ、薄いツールバー風に */
.topmenu{background:#f5f7fa !important;height:auto;max-width:none;border-bottom:1px solid #d8dee8;}
.topmenu3{max-width:none;margin:0;padding:7px 16px;text-align:left;}
.topmenu .topmenu2{padding:0 22px 0 0 !important;margin-top:0 !important;width:auto !important;}
.topmenu span a:link,.topmenu span a:visited,.topmenu span a:active{color:#26364f !important;}
.topmenu span a:hover{color:#0044cc !important;}
.topmenu span a::after{background-color:#0044cc !important;}

/* メニューバー（モバイル）：同じく薄色に */
.mobile-site-title{background:#f5f7fa !important;border-bottom:1px solid #d8dee8;}
.mobile-site-title a{color:#26364f !important;}
.mobile-nav{background:#f5f7fa !important;border-bottom:1px solid #d8dee8;}
.mobile-nav a{color:#26364f !important;background:#fff !important;border:1px solid #d8dee8;}

/* 要点ボックス：薄背景に */
.article-point-box{background:#f5f7fa;border:1px solid #d8dee8;}

/* フッター：濃色をやめ薄背景＋薄罫線 */
.footer{background:#f5f7fa !important;background-color:#f5f7fa !important;
  border-top:1px solid #d8dee8;max-width:none;height:auto;margin:0;}
.footer p{color:#777 !important;}

/* ============================================================
   記事・共通コンポーネントの色合わせ（#1e3a6a / #2a4073 → 新パレット）
   ※ marker（黄）・bold-red（赤）など意味のある色は残す
   ============================================================ */
/* 見出し・アクセントの濃紺を新色に */
.contents1 h3{border-left-color:#3f5878;color:#26364f;}
.article-point-title{color:#26364f !important;border-left-color:#3f5878 !important;}
.admin-comment-box{border-left-color:#3f5878 !important;}
.admin-comment-title{color:#26364f;}
.qa-no,details.qa-answer summary,.author-box-label,.contents4 h4,
.category-card-title,.sokuta-answer,.toc-box summary,.toc-box summary::before{color:#26364f !important;}
.simple-note{border-left-color:#3f5878 !important;}
.qa-block,.qa-header,details.qa-answer summary,.qa-answer-body{border-color:#d8dee8 !important;}
.qa-header{background:#f5f7fa !important;}
.toc-box summary{background:#e7ecf3 !important;}

/* 「次に確認するページ」ボックス（記事末尾の5系統リンク） */
.related-study-box{background:#eef2f7;border:1px solid #d8dee8;border-left:4px solid #3f5878;
  border-radius:6px;padding:11px 14px;margin:18px 1em 6px;font-size:15px;line-height:1.85;}
.related-study-box>p{margin:0 0 7px;}
.related-study-box ul{margin:0;}

/* 前後リンク（過去問の連番ナビ）＝回遊・PV向上。各ボタンは常に半幅固定（測量士補に準拠） */
.kakomon-prevnext{display:flex;flex-wrap:wrap;gap:12px;margin:24px 1em;}
.kakomon-prevnext a{box-sizing:border-box;min-width:0;overflow-wrap:anywhere;flex:0 1 calc(50% - 6px);display:flex;flex-direction:column;justify-content:center;border:1px solid #3f5878;border-radius:8px;padding:12px 14px;background:#f5f7fa;text-decoration:none;}
.kakomon-prevnext a:hover{background:#e7ecf3;}
.kakomon-prevnext .label{font-size:12px;font-weight:bold;color:#3f5878;margin-bottom:4px;}
.kakomon-prevnext .title{font-size:15px;color:#222;line-height:1.5;}
.kakomon-prevnext .next{text-align:right;margin-left:auto;}

/* 表：ヘッダを濃紺(新色)・白字に統一、行は薄色、罫線も薄く */
.contents1 table th{background:#26364f !important;color:#fff !important;}
.contents1 table,.contents1 table td,.contents1 table th{border-color:#cfd6e1 !important;}
.contents1 .even{background:#f5f7fa !important;}
.contents1 .odd{background:#fff !important;}

/* ============================================================
   サイドバー（右カラム contents33）＝アフィ誘導＋回遊ナビ。2026-06-28
   既存の空 .contents33（float:right 336px / モバイルは本文下に全幅で流れる）を使う
   ============================================================ */
/* アフィ枠：建築士講座（スタディング） */
.contents33 .sidebar-aff{border:1px solid #c8d4e8;border-radius:8px;background:#f5f7fb;padding:14px 14px 16px;margin:0 0 18px;}
.contents33 .sidebar-aff-pr{display:inline-block;font-size:10px;font-weight:bold;color:#fff;background:#9aa7bd;border-radius:3px;padding:1px 6px;margin:0 0 8px;letter-spacing:.08em;}
.contents33 .sidebar-aff-title{font-size:15px;font-weight:bold;color:#26364f;margin:0 0 6px;line-height:1.5;}
.contents33 .sidebar-aff-lead{font-size:13px;line-height:1.75;color:#333;margin:0 0 12px;}
.contents33 .sidebar-aff-btn{display:block;position:relative;overflow:hidden;z-index:0;text-align:center;background:#e8612c;color:#fff !important;font-weight:bold;font-size:15px;text-decoration:none;border-radius:8px;padding:13px 10px;box-shadow:0 3px 0 #c44e1f;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;}
.contents33 .sidebar-aff-btn:hover{background:#f0703a;transform:translateY(2px);box-shadow:0 1px 0 #c44e1f;}
.contents33 .sidebar-aff-btn::before{content:"";position:absolute;top:50%;left:-120px;width:70px;height:200px;transform:translateY(-50%) rotate(25deg);background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 80%,rgba(255,255,255,0));pointer-events:none;}
.contents33 .sidebar-aff-btn:hover::before{left:110%;transition:left .5s ease-in-out;}
.contents33 .sidebar-aff-more{font-size:13px;margin:10px 0 0;text-align:center;}
.contents33 .sidebar-aff-more a{color:#0044cc;}

/* 回遊ナビ群 */
.contents33 .side-box{border:0;border-radius:0;background:none;padding:0;margin:0 0 20px;}
.contents33 .side-box h4{font-size:15px;font-weight:bold;color:#26364f;margin:0 0 8px;padding:0 0 5px;border-bottom:1px solid #dce3ef;letter-spacing:.04em;background:none;}
.contents33 .side-box h4.next{margin-top:18px;}
.contents33 ul.sideul{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.85;border:0;}
.contents33 ul.sideul li{margin:0 0 7px;padding:0;font-size:16px;}
.contents33 ul.sideul li::before{content:"›";color:#3f5878;margin-right:5px;}
.contents33 ul.sideul li b{color:#26364f;}
.contents33 ul.sideul .arrow{padding-left:0;}
.contents33 ul.sideul .arrow::before,.contents33 ul.sideul .arrow::after{display:none !important;content:none !important;}
.contents33 ul.sideul a{color:#0044cc;text-decoration:none;}
.contents33 ul.sideul a:hover{text-decoration:underline;}

/* ============================================================
   アフィ記事（講座ハブ：kenchikushi-*.html）用パーツ。2026-06-28
   ============================================================ */
.pr-label{display:inline-block;font-size:11px;font-weight:bold;color:#fff;background:#9aa7bd;border-radius:3px;padding:1px 7px;margin-right:6px;letter-spacing:.08em;}
.cta-box{border:1px solid #f0c9b0;background:#fdf3ec;border-radius:8px;padding:16px;margin:20px 1em;text-align:center;}
.cta-btn{display:inline-block;position:relative;overflow:hidden;z-index:0;background:#e8612c;color:#fff !important;font-weight:bold;font-size:17px;text-decoration:none;border-radius:8px;padding:15px 30px;box-shadow:0 3px 0 #c44e1f;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;}
.cta-btn:hover{background:#f0703a;color:#fff !important;transform:translateY(2px);box-shadow:0 1px 0 #c44e1f;}
.cta-btn::before{content:"";position:absolute;top:50%;left:-120px;width:80px;height:200px;transform:translateY(-50%) rotate(25deg);background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55) 80%,rgba(255,255,255,0));pointer-events:none;}
.cta-btn:hover::before{left:110%;transition:left .5s ease-in-out;}
.cta-note{font-size:13px;color:#555;margin:10px 0 0;}
.kuchikomi{border-left:4px solid #4a90d9;background:#eef4fb;border-radius:0 6px 6px 0;padding:10px 14px;margin:10px 1em;font-size:14.5px;line-height:1.8;}
.kuchikomi.neg{border-left-color:#d98a4a;background:#fbf3ea;}
.table-scroll{overflow-x:auto;margin:10px 1em;}
/* 送客ファネル段落（本文中→アフィ記事へ誘導） */
.contents1 p.kouza-funnel{background:none;border:0;border-radius:0;padding:0;margin:22px 0;font-size:16.5px;line-height:1.9;}
.contents1 p.kouza-funnel a{color:#0044cc;font-weight:bold;text-decoration:underline;}
.contents1 p.kouza-inline a,.contents1 p.kouza-inline a:visited{color:#0044cc;}
.disclaimer-box{font-size:12px;color:#777;background:#f5f5f5;border-radius:6px;padding:12px 14px;margin:20px 1em;line-height:1.7;}

/* 書籍カード（Amazon／楽天）。参考書ハブで使用 */
.book-card{display:flex;gap:14px;align-items:center;border:1px solid #c8d4e8;border-radius:8px;padding:14px;margin:22px 1em;background:#fbfdff;}
.book-card.jicho{border-color:#3f5878;background:#f3f6fb;}
.book-card-img{flex-shrink:0;}
.book-card-img img{width:92px;height:auto;border-radius:4px;display:block;}
.book-card-body{flex:1;min-width:0;}
.book-card-label{display:inline-block;font-size:11px;font-weight:bold;color:#6a7a8a;background:#eef0f4;border:1px solid #d6dde6;border-radius:3px;padding:1px 7px;margin-bottom:6px;letter-spacing:.04em;}
.book-card-label.author{color:#fff;background:#3f5878;border-color:#3f5878;}
.book-card-title{font-weight:bold;color:#26364f;margin:0 0 5px;font-size:15.5px;line-height:1.45;}
.book-card-note{margin:0 0 11px;font-size:13.5px;color:#48586a;line-height:1.6;}
.book-card-btns{display:flex;gap:9px;flex-wrap:wrap;}
.book-btn{display:inline-block;text-decoration:none !important;font-weight:bold;font-size:13.5px;padding:8px 16px;border-radius:6px;color:#fff !important;}
.book-btn.amazon{background:#e8731a;box-shadow:0 2px 0 #b9590f;}
.book-btn.rakuten{background:#bf0000;box-shadow:0 2px 0 #8c0000;}
@media(max-width:680px){.book-card{flex-direction:column;text-align:center;}.book-card-btns{justify-content:center;}}