PageSourceSearch

https://www.kusunoki-pub.jp/shonen-tantei/

html kusunoki-pub.jp collected 2026-10-08 09:22:19 UTC 32,266 bytes, 421 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
vendor: 65 bytes, lines 5-7
5
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-SFT0YGXQGK
vendor: 12 bytes, line 7
7"></script>
8<script>
9  
vendor: 133 bytes, lines 9-12
9window.dataLayer = window.dataLayer || [];
10  function gtag(){dataLayer.push(arguments);}
11  gtag("js", new Date());
12  gtag("config", "
12G-SFT0YGXQGK
vendor: 4 bytes, line 12
12");
13</script>
13
14<title>少年探偵のデジタル・スケッチパッド|シリーズ特設|クスノキ出版</title>
15<meta name="description" content="楠柾の代表作『少年探偵のデジタル・スケッチパッド』シリーズ特設ページ。加須を舞台に、謎を追いながら町の記憶と人の心を描く物語。世界観・登場人物・MV・各巻紹介。全10巻構想で進行中。">
16<meta name="keywords" content="少年探偵のデジタル・スケッチパッド,楠柾,加須,児童文学,謎解き,クスノキ出版,千方神社,ジャンボこいのぼり">
17<link rel="canonical" href="https://www.kusunoki-pub.jp/shonen-tantei/">
18
19<meta property="og:title" content="少年探偵のデジタル・スケッチパッド|シリーズ特設">
20<meta property="og:description" content="加須を舞台に、謎を追いながら町の記憶と人の心を描く物語。全10巻構想で進行中。">
21<meta property="og:type" content="website">
22<meta property="og:url" content="https://www.kusunoki-pub.jp/shonen-tantei/">
23<meta property="og:image" content="https://www.kusunoki-pub.jp/assets/series-key-visual-four-seasons-og.jpg">
24<meta property="og:image:width" content="1200">
25<meta property="og:image:height" content="630">
26<meta property="og:image:alt" content="少年探偵のデジタル・スケッチパッド 全10巻構想 ― 四季を越えて、君たちと。">
27<meta property="og:locale" content="ja_JP">
28<meta name="twitter:card" content="summary_large_image">
29
30<script type="application/ld+json">
31{
32  "@context": "https://schema.org",
33  "@type": "BookSeries",
34  "name": "少年探偵のデジタル・スケッチパッド",
35  "author": {"@type": "Person", "name": "楠柾"},
36  "publisher": {"@type": "Organization", "name": "クスノキ出版"},
37  "description": "加須を舞台に、謎を追いながら町の記憶と人の心を描く物語。全10巻構想で進行中。",
38  "url": "https://www.kusunoki-pub.jp/shonen-tantei/"
39}
40</script>
40
41
42<link rel="preconnect" href="https://fonts.googleapis.com">
43<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
44<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Shippori+Mincho:wght@500;700;800&family=Noto+Sans+JP:wght@300;400;500;700&display=swap" rel="stylesheet">
45<link rel="stylesheet" href="../styles.css?v=202610021838">
46
47<link rel="icon" type="image/png" href="../assets/logo-green-132.png">
48<link rel="apple-touch-icon" href="../assets/logo-green-180.png">
49
50<style>
51  
52  .series-page-hero{position:relative;padding:80px 0 60px;text-align:center;background:linear-gradient(180deg,var(--paper-warm,#f3eee4) 0%,var(--paper,#f9f6f1) 100%)}
53  .series-page-hero .container{position:relative;z-index:2}
54  .series-page-hero .page-eyebrow{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent,#2c5f2d);margin-bottom:18px}
55  .series-page-hero .series-main-title{font-family:'Shippori Mincho',serif;font-size:32px;font-weight:700;color:var(--ink,#0f1a33);line-height:1.4;margin-bottom:14px;letter-spacing:.05em}
56  .series-page-hero .series-main-title .accent{color:var(--accent,#2c5f2d);font-style:normal}
57  .series-page-hero .series-sub-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--ink-soft,#1a2a6c);margin-bottom:24px;letter-spacing:.05em}
58  .series-page-hero .series-tagline{font-family:'Shippori Mincho',serif;font-size:15px;line-height:2;color:var(--ink-mute,#222c44);max-width:640px;margin:0 auto}
59  @media(min-width:769px){
60    .series-page-hero{padding:120px 0 80px}
61    .series-page-hero .series-main-title{font-size:42px}
62    .series-page-hero .series-sub-title{font-size:22px}
63    .series-page-hero .series-tagline{font-size:16px}
64  }
65
66  .volume-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px}
67  @media(min-width:769px){.volume-grid{grid-template-columns:repeat(3,1fr);gap:32px}}
68  .volume-card{position:relative;background:var(--paper-white,#fdfbf7);border:1px solid var(--line,#d8d0bf);border-radius:4px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
69  .volume-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,26,51,.1)}
70  .volume-card-cover{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--paper-warm,#f3eee4);display:flex;align-items:center;justify-content:center;padding:8px}
71  .volume-card-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
72  .volume-card-badge{position:absolute;top:12px;left:12px;background:var(--accent,#2c5f2d);color:var(--paper-white,#fff);font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.2em;padding:6px 10px;text-transform:uppercase;font-weight:600}
73  .volume-card-badge.is-comic{background:#b8860b}
74  .volume-card-body{padding:20px 24px 24px}
75  .volume-card-body .vol-tag{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-whisper,#3e4660);margin-bottom:8px}
76  .volume-card-body h3{font-family:'Shippori Mincho',serif;font-size:16px;font-weight:700;color:var(--ink,#0f1a33);line-height:1.5;margin-bottom:12px}
77  .volume-card-body .vol-lead{font-size:13px;line-height:1.8;color:var(--ink-mute,#222c44);margin-bottom:14px}
78  .volume-card-body .vol-meta{font-family:'Cormorant Garamond',serif;font-size:12px;color:var(--ink-whisper,#3e4660);letter-spacing:.05em;margin-bottom:16px}
79  .volume-card-body .vol-link{display:inline-block;font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.18em;color:var(--accent,#2c5f2d);text-transform:uppercase;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
80
81  .stage-grid{display:grid;grid-template-columns:1fr;gap:20px}
82  @media(min-width:769px){.stage-grid{grid-template-columns:repeat(2,1fr)}}
83  .stage-tile{padding:24px 28px;background:var(--paper-white,#fdfbf7);border-left:3px solid var(--accent,#2c5f2d);border-radius:2px}
84  .stage-tile h4{font-family:'Shippori Mincho',serif;font-size:15px;font-weight:700;color:var(--ink-soft,#1a2a6c);margin-bottom:8px;letter-spacing:.05em}
85  .stage-tile p{font-size:13px;line-height:1.9;color:var(--ink-mute,#222c44)}
86
87  .progress-section{padding:48px 0;text-align:center}
88  .progress-bar-wrap{max-width:560px;margin:24px auto 16px;background:var(--paper-deep,#ebe4d5);border-radius:2px;height:8px;overflow:hidden;position:relative}
89  .progress-bar-fill{height:100%;width:30%;background:linear-gradient(90deg,var(--accent,#2c5f2d),var(--accent-soft,#7a9a7b));border-radius:2px;transition:width 1s ease}
90  .progress-meta{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.18em;color:var(--ink-whisper,#3e4660);text-transform:uppercase}
91  .progress-numbers{font-family:'Shippori Mincho',serif;font-size:18px;color:var(--ink,#0f1a33);margin-top:8px;letter-spacing:.05em}
92  .progress-numbers .accent{color:var(--accent,#2c5f2d);font-weight:700}
93</style>
94</head>
95<body>
96<a class="skip-link" href="#main">本文へ移動</a>
97
98<div data-partial="header"></div>
99
100<main id="main">
101
102  <nav class="breadcrumbs container" aria-label="パンくず">
103    <a href="../">ホーム</a> / <span>シリーズ</span>
104  </nav>
105
106  <section class="series-page-hero">
107    <div class="container">
108      <p class="page-eyebrow">Series Page</p>
109      <h1 class="series-main-title">少年探偵の<span class="accent">デジタル・スケッチパッド</span></h1>
110      <p class="series-sub-title">The Boy Detective's Digital Sketchpad</p>
111      <p class="series-tagline">
112        失われた記憶は、歴史の暗号。<br>
113        その謎を解く鍵は、あなたの日常にある。<br>
114        加須を舞台に、謎を追いながら町の記憶と人の心を描く物語。
115      </p>
116      <p class="series-hero-cta">
116<a href="../books/shonen-tantei-01/#preview" class="btn btn-primary"><span>小説第1巻を試し読み</span></a></p>
117    </div>
118  </section>
119
120  <section class="section">
121    <div class="container">
122      <div class="progress-section">
123        <p class="progress-meta">Series Progress</p>
124        <p class="progress-numbers">全<span class="accent">10巻</span>構想 / 既刊<span class="accent">4冊</span>(小説3+漫画1)</p>
125        <div class="progress-bar-wrap"><div class="progress-bar-fill"></div></div>
126        <p style="font-size:12px;color:var(--ink-whisper,#3e4660);margin-top:8px;font-family:'Shippori Mincho',serif">物語は、まだ始まったばかり。</p>
127      </div>
128    </div>
129  </section>
130
131  <section id="world" class="section section-alt series-section">
132    <div class="container">
133      <div class="section-head center">
134        <p class="eyebrow">Series World</p>
135        <h2 class="section-title">物語の<span class="accent">世界観</span></h2>
136        <p class="section-kicker">埼玉県加須市。千方神社の境内、街角の路地裏、会の川の水面 — 実在する風景に、スケッチパッドが導く記憶の物語が重なる。</p>
137      </div>
138      <div class="series-hero">
139        <img src="../assets/hero-sub.webp" alt="『少年探偵のデジタル・スケッチパッド』シリーズ世界観">
140      </div>
141      <div class="concept-grid">
142        <div class="concept-card">
143          <p class="concept-num">01</p>
144          <h3>加須の実在する舞台</h3>
145          <p>千方神社の境内、どんとこい祭りの宵、会の川の水面、花崎の路地、利根川河川敷を泳ぐ百メートルのジャンボ鯉のぼり、街角に残る老舗の書店。舞台はすべて、地図に載った場所と、そこに暮らす人びとの記憶でできている。物語を読んでから歩く加須と、歩いてから読み返す加須は、ふしぎと少し違う顔を見せる。</p>
146        </div>
147        <div class="concept-card">
148          <p class="concept-num">02</p>
149          <h3>仲間たちとの出会い</h3>
150          <p>東京から越してきた海堂悠人と、加須で育った野口穂乃香。ふたりの出会いから始まる物語に、やがてオカルト好きの蓮見拓海が加わっていく。ばらばらの背景を抱えた小学生たちが、加須の街に眠る記憶の前で、少しずつ重なり合っていく。</p>
151        </div>
152        <div class="concept-card">
153          <p class="concept-num">03</p>
154          <h3>デジタル・スケッチパッド</h3>
155          <p>父から贈られた一台の、ただのお絵描きデバイス──のはずだった。悠人が加須の街で誰かの想いに触れるとき、その画面にだけ、見えないはずの記憶の断片が静かに浮かび上がる。</p>
156        </div>
157      </div>
158    </div>
159  </section>
160
161  <section id="characters" class="section">
162    <div class="container">
163      <div class="section-head">
164        <p class="eyebrow">Characters</p>
165        <h2 class="section-title">登場人物</h2>
166        <p class="section-kicker">加須に生きる、等身大の小学生たち。物語を動かす主人公。</p>
167      </div>
168      <div class="character-grid">
169        <div class="character-card">
170          <div class="character-img"><img src="../assets/characters/yuto_20260916.webp" alt="海堂 悠人"></div>
171          <h3>海堂 悠人</h3>
172          <p class="character-role">Vol.1 -</p>
173          <p>東京から<wbr>加須市へ<wbr>転校してきた、小学5年生。人と話すのは<wbr>苦手だが、観察力に<wbr>長けている。父にもらった<wbr><span class="nobr">試作品のデジタル・</span><wbr>スケッチパッドで、世界を<wbr><span class="nobr">「線」として</span><wbr>描き出す。穂乃香と<wbr>出会い、街に<wbr>眠る<wbr><span class="nobr">「見えないもの」を</span><wbr>探しはじめる。</p>
174        </div>
175        <div class="character-card">
176          <div class="character-img"><img src="../assets/characters/honoka_20260916.webp" alt="野口 穂乃香"></div>
177          <h3>野口 穂乃香</h3>
178          <p class="character-role">Vol.1 -</p>
179          <p>悠人の<wbr>クラスメイト。加須で<wbr>生まれ育った、明るい女の子。鯉のぼり職人だった<wbr><span class="nobr">祖父・健三を</span><wbr>一年前に<wbr>亡くし、祖父が<wbr>遺した<wbr>スケッチが、物語の<wbr>最初の<wbr>扉を<wbr>開ける。人と話すのが<wbr>得意で、街の<wbr>人たちの<wbr>記憶と<wbr>温かさを<wbr>よく<wbr>知っている。</p>
180        </div>
181        <div class="character-card">
182          <div class="character-img"><img src="../assets/characters/takumi_20260916.webp" alt="蓮見 拓海"></div>
183          <h3>蓮見 拓海</h3>
184          <p class="character-role">Vol.2 -</p>
185          <p><span class="nobr">悠人・穂乃香と</span><wbr>同じ<wbr>クラスの<wbr>ムードメーカー。怪談と<wbr>オカルトが<wbr>大好きで、鉄道にも<wbr>詳しい。「霊脈」<span class="nobr">「波動」が</span><wbr>口癖で、お清めの塩を<wbr>手放さない。ふざけているようで、直感で<wbr>謎の核心に<wbr>近づいていく。</p>
186        </div>
187        <div class="character-card">
188          <div class="character-img"><img src="../assets/characters/mika_20260916.webp" alt="橘 美空"></div>
189          <h3>橘 美空</h3>
190          <p class="character-role">Vol.3 -</p>
191          <p>加須を<wbr>発信する<wbr>小学生<wbr>インフルエンサーで、悠人たちの<wbr>
191隣のクラス。<span class="nobr">「見せ方」には</span><wbr>人一倍うるさく、辛口で<wbr>思ったことを<wbr>はっきり言う。けれど、<span class="nobr">「届かないこと」の</span><wbr>痛みを<wbr>誰よりも<wbr>知っている。</p>
192        </div>
193        <div class="character-card">
194          <div class="character-img"><img src="../assets/characters/mika_silhouette.png" alt="???"></div>
195          <h3>???</h3>
196          <p class="character-role">Coming Soon</p>
197          <p>物語の<wbr>さらに<wbr>先で、悠人たちの<wbr>前に<wbr>姿を現す<wbr>存在。その素性は、物語が語りはじめる<wbr>そのときまで、ここには<wbr>記さない。</p>
198        </div>
199      </div>
200    </div>
201  </section>
202
203  <section id="volumes" class="section section-alt">
204    <div class="container">
205      <div class="section-head center">
206        <p class="eyebrow">Volumes</p>
207        <h2 class="section-title">刊行<span class="accent">ラインナップ</span></h2>
208        <p class="section-kicker">小説第1巻〜第3巻と、A5判フルカラー漫画第1巻。各巻の詳細は書籍ページからどうぞ。</p>
209      </div>
210      <p class="eyebrow" style="margin:40px 0 4px;text-align:center">Novels — 小説</p>
211      <div class="volume-grid">
212        <article class="volume-card">
213          <div class="volume-card-cover">
214            <img src="../assets/shonen-tantei-01-cover.webp" alt="少年探偵のデジタル・スケッチパッド 第1巻">
215            <span class="volume-card-badge">Novel.01</span>
216          </div>
217          <div class="volume-card-body">
218            <p class="vol-tag">Novel / 第1巻</p>
219            <h3>少年探偵のデジタル・スケッチパッド 第1巻</h3>
220            <p class="vol-lead">40年前の水脈地図に残された「消えた線」。子どもたちの謎解きの始まりを描く、加須発のご当地シリーズ。</p>
221            <p class="vol-meta">2025年12月発売 / ¥1,500(税込)</p>
222            <a href="../books/shonen-tantei-01/" class="vol-link">詳細を見る →</a>
223          </div>
224        </article>
225        <article class="volume-card">
226          <div class="volume-card-cover">
227            <img src="../assets/shonen-tantei-02-cover.webp" alt="少年探偵のデジタル・スケッチパッド 第2巻">
228            <span class="volume-card-badge">Novel.02</span>
229          </div>
230          <div class="volume-card-body">
231            <p class="vol-tag">Novel / 第2巻</p>
232            <h3>少年探偵のデジタル・スケッチパッド 第2巻</h3>
233            <p class="vol-lead">雨上がりの千方神社、30年前の少女からの《警告》。凸凹な三人の&quot;少年探偵団&quot;が始動する、科学×オカルトの夏休みの物語。</p>
234            <p class="vol-meta">2026年2月発売 / ¥1,500(税込)</p>
235            <a href="../books/shonen-tantei-02/" class="vol-link">詳細を見る →</a>
236          </div>
237        </article>
238        <article class="volume-card">
239          <div class="volume-card-cover">
240            <img src="../assets/shonen-tantei-03-cover.webp" alt="少年探偵のデジタル・スケッチパッド 第3巻 黄金のイチョウと拡張現実の武者">
241            <span class="volume-card-badge">Novel.03</span>
242          </div>
243          <div class="volume-card-body">
244            <p class="vol-tag">Novel / 第3巻</p>
245            <h3>少年探偵のデジタル・スケッチパッド 第3巻</h3>
246            <p class="vol-lead">シリーズ最新刊『黄金のイチョウと拡張現実の武者』。秋の加須を舞台に、物語は新たな謎へ。</p>
247            <p class="vol-meta">2026年8月発売 / ¥1,500(税込)</p>
248            <a href="../books/shonen-tantei-03/" class="vol-link">詳細を見る →</a>
249          </div>
250        </article>
251      </div>
252      <p class="eyebrow" style="margin:48px 0 4px;text-align:center">Comics — 漫画</p>
253      <div class="volume-grid">
254        <article class="volume-card">
255          <div class="volume-card-cover">
256            <img src="../assets/shonen-tantei-kanga-01-cover.webp" alt="少年探偵のデジタル・スケッチパッド 漫画 第1巻">
257            <span class="volume-card-badge is-comic">Comic.01</span>
258          </div>
259          <div class="volume-card-body">
260            <p class="vol-tag">Comic / フルカラー</p>
261            <h3>少年探偵のデジタル・スケッチパッド 漫画 第1巻</h3>
262            <p class="vol-lead">小説第1巻の冒頭〜第2章(約1/4)をA5判フルカラー漫画化。加須を舞台にした物語の始まりを、一コマずつ絵で味わう。</p>
263            <p class="vol-meta">2026年4月発売 / ¥1,500(税込)</p>
264            <a href="../books/shonen-tantei-kanga-01/" class="vol-link">詳細を見る →</a>
265          </div>
266        </article>
267      </div>
268    </div>
269  </section>
270
271  <section id="roadmap" class="section section-alt">
272    <div class="container">
273      <div class="section-head">
274        <p class="eyebrow">Series Roadmap</p>
275        <h2 class="section-title">全<span class="accent">10巻</span>ロードマップ</h2>
276        <p class="section-kicker">2026年〜2028年を舞台に、主人公・悠人の小学5年生から中学1年生までの成長を、四季の物語で描き切ります。</p>
277      </div>
278      <div class="roadmap-table-wrap" style="overflow-x:auto;margin-top:32px">
279        <table class="roadmap-table" style="width:100%;border-collapse:collapse;font-size:0.95em">
280          <thead>
281            <tr style="border-bottom:2px solid var(--accent,#b8860b)">
282              <th style="padding:12px 8px;text-align:left;white-space:nowrap">å·»</th>
283              <th style="padding:12px 8px;text-align:left;white-space:nowrap">時期</th>
284              <th style="padding:12px 8px;text-align:left;white-space:nowrap">学年</th>
285              <th style="padding:12px 8px;text-align:left;white-space:nowrap">季節</th>
286              <th style="padding:12px 8px;text-align:left">サブタイトル</th>
287              <th style="padding:12px 8px;text-align:left;white-space:nowrap">刊行状況</th>
288            </tr>
289          </thead>
290          <tbody>
291            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第1巻</td><td style="padding:10px 8px">2026年</td><td style="padding:10px 8px">小5</td><td style="padding:10px 8px">春</td><td style="padding:10px 8px">鯉のぼり職人が遺した町の誇り</td><td style="padding:10px 8px"><strong>2025年12月1日</strong></td></tr>
292            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第2巻</td><td style="padding:10px 8px">2026年</td><td style="padding:10px 8px">小5</td><td style="padding:10px 8px">夏</td><td style="padding:10px 8px">廃墟の少女と夏の光る記憶</td><td style="padding:10px 8px"><strong>2026年2月1日</strong></td></tr>
293            <tr style="border-bottom:1px solid rgba(0,0,0,.08);background:rgba(184,134,11,.06)"><td style="padding:10px 8px">第3巻</td><td style="padding:10px 8px">2026年</td><td style="padding:10px 8px">小5</td><td style="padding:10px 8px">秋</td><td style="padding:10px 8px">黄金のイチョウと拡張現実の武者</td><td style="padding:10px 8px"><strong style="color:var(--accent,#b8860b)">2026年8月1日</strong></td></tr>
294            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第4巻</td><td style="padding:10px 8px">2026年</td><td style="padding:10px 8px">小5</td><td style="padding:10px 8px">冬</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">原稿完成</td></tr>
295            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第5巻</td><td style="padding:10px 8px">2027年</td><td style="padding:10px 8px">小6</td><td style="padding:10px 8px">春</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">原稿完成</td></tr>
296            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第6巻</td><td style="padding:10px 8px">2027年</td><td style="padding:10px 8px">小6</td><td style="padding:10px 8px">夏</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">原稿完成</td></tr>
297            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第7巻</td><td style="padding:10px 8px">2027年</td><td style="padding:10px 8px">小6</td><td style="padding:10px 8px">秋</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">執筆中</td></tr>
298            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第8巻</td><td style="padding:10px 8px">2027年</td><td style="padding:10px 8px">小6</td><td style="padding:10px 8px">冬</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">準備中</td></tr>
299            <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第9巻</td><td style="padding:10px 8px">2028年</td><td style="padding:10px 8px">中1</td><td style="padding:10px 8px">春</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon</td><td style="padding:10px 8px">準備中</td></tr>
300            <tr><td style="padding:10px 8px">第10巻</td><td style="padding:10px 8px">2028年</td><td style="padding:10px 8px">中1</td><td style="padding:10px 8px">夏</td><td style="padding:10px 8px;color:var(--ink-whisper);font-style:italic">Coming Soon — 最終巻</td><td style="padding:10px 8px">準備中</td></tr>
301          </tbody>
302        </table>
303      </div>
304      <p class="roadmap-note" style="margin-top:24px;font-size:0.9em;color:var(--ink-whisper)">※第4巻以降のサブタイトルは、刊行が近づきましたら順次発表します。お楽しみに。</p>
305    </div>
306  </section>
307
308  <section id="stages" class="section">
309    <div class="container">
310      <div class="section-head">
311        <p class="eyebrow">Local Stage</p>
312        <h2 class="section-title">物語の舞台、<span class="accent">加須市</span></h2>
313        <p class="section-kicker">作中に登場する加須の場所たち。実在の風景に、物語の記憶が重なる。</p>
314      </div>
315      <div class="stage-grid">
316        <div class="stage-tile">
317          <h4>千方神社</h4>
318          <p>夏祭りの宵、雨上がりの境内。第2巻で物語の中心舞台となる神社。境内には、平安期から続く伝承が眠る。</p>
319        </div>
320        <div class="stage-tile">
321          <h4>利根川河川敷</h4>
322          <p>毎年5月、百メートルのジャンボ鯉のぼりが泳ぐ。第1巻のキー舞台、こいのぼり職人・野口健三の遺した記憶の場所。</p>
323        </div>
324        <div class="stage-tile">
325          <h4>会の川</h4>
326          <p>街を貫く水路。シリーズを通じて、子どもたちが歩く日常の風景。水面に映るのは、いまの加須と過去の加須が重なる景色。</p>
327        </div>
328        <div class="stage-tile">
329          <h4>加須駅前・花崎の路地</h4>
330          <p>古い書店、街角の路地裏。物語の発端や、人と人が出会う交差点。生まれてからずっと加須で暮らした作者だけが知る角度で描かれる。</p>
331        </div>
332      </div>
333    </div>
334  </section>
335
336  <section id="film" class="section section-alt">
337    <div class="container">
338      <div class="section-head">
339        <p class="eyebrow">Film &amp; Motion</p>
340        <h2 class="section-title">物語の<span class="accent">MV</span></h2>
341        <p class="section-kicker">書籍の世界観を音楽と映像で届けるMV。公式YouTubeチャンネルで公開しています。</p>
342      </div>
343      <div class="video-grid">
344        <figure class="video-figure">
345          <div class="video-tile">
346            <iframe src="https://www.youtube-nocookie.com/embed/7HzEj4TeRsE" title="少年探偵のデジタル・スケッチパッド 第1巻 MV「デジタルスケッチパッド」" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen loading="lazy"></iframe>
347          </div>
348          <figcaption class="video-caption"><span class="video-caption-eyebrow">Novel Vol.1 MV</span>デジタルスケッチパッド</figcaption>
349        </figure>
350        <figure class="video-figure">
351          <div class="video-tile">
352            <iframe src="https://www.youtube-nocookie.com/embed/tscvOBMOcIU" title="少年探偵のデジタル・スケッチパッド 第2巻 MV「ブルーノイズメモリー」" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen loading="lazy"></iframe>
353          </div>
354          <figcaption class="video-caption"><span class="video-caption-eyebrow">Novel Vol.2 MV</span>ブルーノイズメモリー</figcaption>
355        </figure>
356      </div>
357      <p class="section-footnote center"><a href="https://www.youtube.com/@%E3%82%AF%E3%82%B9%E3%83%8E%E3%82%AD%E5%87%BA%E7%89%88" target="_blank" rel="noopener" class="btn btn-link">公式YouTubeチャンネル →</a></p>
358    </div>
359  </section>
360
361  <section class="section">
362    <div class="container">
363      <div class="section-head center">
364        <p class="eyebrow">Where to Read</p>
365        <h2 class="section-title">手に取る<span class="accent">場所</span></h2>
366        <p class="section-kicker">加須市内の書店・図書館でお手にとっていただけます。ネットショップでもご購入いただけます。</p>
367      </div>
368      <div class="stores-grid">
369        <div class="store-card">
370          <p class="store-tag">加須市・書店</p>
371          <h3 class="store-name">カサモ関口商店</h3>
372          <p class="store-desc">加須に長く根を張る老舗書店。少年探偵シリーズ配架中。</p>
373        </div>
374        <div class="store-card">
375          <p class="store-tag">加須市・書店</p>
376          <h3 class="store-name">ブックセンターやまと</h3>
377          <p class="store-desc">地元に根差した街の本屋さん。少年探偵シリーズ配架中。</p>
378        </div>
379        <div class="store-card">
380          <p class="store-tag">加須市・図書館</p>
381          <h3 class="store-name">加須市立図書館 全4館</h3>
382          <p class="store-desc">加須・おおとね・北川辺・騎西の4館で配架。2026年8月24日までに、4館で累計85回貸し出されています。</p>
383        </div>
384        <div class="store-card">
385          <p class="store-tag">加須市・観光協会</p>
386          <h3 class="store-name">加須市物産観光協会</h3>
387          <p class="store-desc">加須の観光・物産情報発信拠点。少年探偵シリーズ配架中。</p>
388        </div>
389        <a href="https://kusunokipub.official.ec/" target="_blank" rel="noopener" class="store-card store-card-link">
390          <p class="store-tag">公式オンラインストア</p>
391          <h3 class="store-name">クスノキ出版 公式オンラインストア</h3>
392          <p class="store-desc">BASEで運営する公式ショップ。少年探偵シリーズ全タイトル取り扱い中。</p>
393          <p class="store-link">公式ストアへ →</p>
394        </a>
395      </div>
396      <p style="text-align:center;margin-top:48px"><a href="https://kusunokipub.official.ec/" target="_blank" rel="noopener" class="btn btn-primary"><span>
396公式ストアで全シリーズを見る →</span></a> <a href="../books/" class="btn btn-ghost" style="margin-left:12px"><span>書籍一覧ページへ →</span></a></p>
397    </div>
398  </section>
399
400  <section id="chronicle" class="section section-chronicle">
401    <div class="container">
402      <div class="section-head center">
403        <p class="eyebrow">Chronicle</p>
404        <h2 class="section-title">四季を越えて、<span class="accent">君たちと。</span></h2>
405        <p class="section-kicker">季節が巡るたび、ぼくらは少しずつ、未来に近づいていく。<br>これは、未来へと続く、ぼくらの軌跡。</p>
406      </div>
407      <figure class="chronicle-visual">
408        <img src="../assets/series-key-visual-four-seasons.webp" width="1600" height="892" loading="lazy" decoding="async" alt="少年探偵のデジタル・スケッチパッド 全10巻構想 ― 四季を越えて、君たちと。" loading="lazy">
409        <figcaption class="chronicle-caption">全10巻構成 / 10のステージで描く成長のクロニクル / 小学5年生の春から中学1年生の夏まで</figcaption>
410      </figure>
411      <p style="text-align:center;margin-top:48px"><a href="#roadmap" class="btn btn-ghost"><span>全10巻ロードマップを見る →</span></a></p>
412    </div>
413  </section>
414
415</main>
416
417<div data-partial="footer"></div>
418<script src="../_partials.js?v=202610021838"></script>
vendor: 1 bytes, line 418
418
419<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"451a753b17a44db58e097ac804ef8d00","r":1,"spa":2}' crossorigin="anonymous"></script>
419
420</body>
421</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.