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="æ¥ æ¾ã®ä»£è¡¨ä½ãå°å¹´æ¢åµã®ãã¸ã¿ã«ã»ã¹ã±ããããããã·ãªã¼ãºç¹è¨ãã¼ã¸ãå é ãèå°ã«ãè¬ã追ããªããçºã®è¨æ¶ã¨äººã®å¿ãæãç©èªãä¸ç観ã»ç»å ´äººç©ã»ï¼ï¼¶ã»å巻紹ä»ãå ¨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>å°èª¬ç¬¬ï¼å·»ã試ãèªã¿</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">ï¼ï¼å·»</span>æ§æ³ ï¼ æ¢å<span class="accent">ï¼å</span>ï¼å°èª¬ï¼ï¼æ¼«ç»ï¼ï¼</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>è»¢æ ¡ãã¦ãããå°å¦ï¼å¹´çã人ã¨è©±ãã®ã¯<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">å°èª¬ç¬¬ï¼å·»ã第ï¼å·»ã¨ãA5å¤ãã«ã«ã©ã¼æ¼«ç»ç¬¬ï¼å·»ãåå·»ã®è©³ç´°ã¯æ¸ç±ãã¼ã¸ããã©ããã</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 / 第ï¼å·»</p> 219 <h3>å°å¹´æ¢åµã®ãã¸ã¿ã«ã»ã¹ã±ããããã 第ï¼å·»</h3> 220 <p class="vol-lead">ï¼ï¼å¹´åã®æ°´èå°å³ã«æ®ããããæ¶ããç·ããåã©ããã¡ã®è¬è§£ãã®å§ã¾ããæããå é çºã®ãå½å°ã·ãªã¼ãºã</p> 221 <p class="vol-meta">ï¼ï¼ï¼ï¼å¹´ï¼ï¼æçºå£² ï¼ ï¿¥ï¼ï¼ï¼ï¼ï¼ï¼ç¨è¾¼ï¼</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 / 第ï¼å·»</p> 232 <h3>å°å¹´æ¢åµã®ãã¸ã¿ã«ã»ã¹ã±ããããã 第ï¼å·»</h3> 233 <p class="vol-lead">é¨ä¸ããã®åæ¹ç¥ç¤¾ãï¼ï¼å¹´åã®å°å¥³ããã®ãè¦åããå¸å¹ãªä¸äººã®"å°å¹´æ¢åµå£"ãå§åãããç§å¦Ããªã«ã«ãã®å¤ä¼ã¿ã®ç©èªã</p> 234 <p class="vol-meta">ï¼ï¼ï¼ï¼å¹´ï¼æçºå£² ï¼ ï¿¥ï¼ï¼ï¼ï¼ï¼ï¼ç¨è¾¼ï¼</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 / 第ï¼å·»</p> 245 <h3>å°å¹´æ¢åµã®ãã¸ã¿ã«ã»ã¹ã±ããããã 第ï¼å·»</h3> 246 <p class="vol-lead">ã·ãªã¼ãºææ°åãé»éã®ã¤ãã§ã¦ã¨æ¡å¼µç¾å®ã®æ¦è ããç§ã®å é ãèå°ã«ãç©èªã¯æ°ããªè¬ã¸ã</p> 247 <p class="vol-meta">ï¼ï¼ï¼ï¼å¹´ï¼æçºå£² ï¼ ï¿¥ï¼ï¼ï¼ï¼ï¼ï¼ç¨è¾¼ï¼</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>å°å¹´æ¢åµã®ãã¸ã¿ã«ã»ã¹ã±ããããã æ¼«ç» 第ï¼å·»</h3> 262 <p class="vol-lead">å°èª¬ç¬¬ï¼å·»ã®åé ã第ï¼ç« ï¼ç´ï¼/ï¼ï¼ãA5å¤ãã«ã«ã©ã¼æ¼«ç»åãå é ãèå°ã«ããç©èªã®å§ã¾ãããä¸ã³ããã¤çµµã§å³ããã</p> 263 <p class="vol-meta">ï¼ï¼ï¼ï¼å¹´ï¼æçºå£² ï¼ ï¿¥ï¼ï¼ï¼ï¼ï¼ï¼ç¨è¾¼ï¼</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">ï¼ï¼å·»</span>ãã¼ãããã</h2> 276 <p class="section-kicker">ï¼ï¼ï¼ï¼å¹´ãï¼ï¼ï¼ï¼å¹´ãèå°ã«ãä¸»äººå ¬ã»æ 人ã®å°å¦ï¼å¹´çããä¸å¦ï¼å¹´çã¾ã§ã®æé·ããåå£ã®ç©èªã§æãåãã¾ãã</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</td><td style="padding:10px 8px">æ¥</td><td style="padding:10px 8px">é¯ã®ã¼ãè·äººãéºããçºã®èªã</td><td style="padding:10px 8px"><strong>ï¼ï¼ï¼ï¼å¹´ï¼ï¼æï¼æ¥</strong></td></tr> 292 <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</td><td style="padding:10px 8px">å¤</td><td style="padding:10px 8px">å»å¢ã®å°å¥³ã¨å¤ã®å ãè¨æ¶</td><td style="padding:10px 8px"><strong>ï¼ï¼ï¼ï¼å¹´ï¼æï¼æ¥</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</td><td style="padding:10px 8px">ç§</td><td style="padding:10px 8px">é»éã®ã¤ãã§ã¦ã¨æ¡å¼µç¾å®ã®æ¦è </td><td style="padding:10px 8px"><strong style="color:var(--accent,#b8860b)">ï¼ï¼ï¼ï¼å¹´ï¼æï¼æ¥</strong></td></tr> 294 <tr style="border-bottom:1px solid rgba(0,0,0,.08)"><td style="padding:10px 8px">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">å°ï¼</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">第ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">ä¸ï¼</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">第ï¼ï¼å·»</td><td style="padding:10px 8px">ï¼ï¼ï¼ï¼å¹´</td><td style="padding:10px 8px">ä¸ï¼</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)">â»ç¬¬ï¼å·»ä»¥éã®ãµãã¿ã¤ãã«ã¯ãåè¡ãè¿ã¥ãã¾ãããé æ¬¡çºè¡¨ãã¾ãããæ¥½ãã¿ã«ã</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>å¤ç¥ãã®å®µãé¨ä¸ããã®å¢å ã第ï¼å·»ã§ç©èªã®ä¸å¿èå°ã¨ãªãç¥ç¤¾ãå¢å ã«ã¯ã平宿ããç¶ã伿¿ãç ãã</p> 319 </div> 320 <div class="stage-tile"> 321 <h4>婿 ¹å·æ²³å·æ·</h4> 322 <p>æ¯å¹´ï¼æãç¾ã¡ã¼ãã«ã®ã¸ã£ã³ãé¯ã®ã¼ããæ³³ãã第ï¼å·»ã®ãã¼èå°ãããã®ã¼ãè·äººã»éå£å¥ä¸ã®éºããè¨æ¶ã®å ´æã</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 & Motion</p> 340 <h2 class="section-title">ç©èªã®<span class="accent">ï¼ï¼¶</span></h2> 341 <p class="section-kicker">æ¸ç±ã®ä¸ç観ã鳿¥½ã¨æ åã§å±ããï¼ï¼¶ãå ¬å¼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">å é å¸ç«å³æ¸é¤¨ å ¨ï¼é¤¨</h3> 382 <p class="store-desc">å é ã»ããã¨ãã»åå·è¾ºã»é¨è¥¿ã®ï¼é¤¨ã§é æ¶ãï¼ï¼ï¼ï¼å¹´ï¼æï¼ï¼æ¥ã¾ã§ã«ãï¼é¤¨ã§ç´¯è¨ï¼ï¼å貸ãåºããã¦ãã¾ãã</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">å ¨ï¼ï¼å·»æ§æ ï¼ ï¼ï¼ã®ã¹ãã¼ã¸ã§æãæé·ã®ã¯ããã¯ã« ï¼ å°å¦ï¼å¹´çã®æ¥ããä¸å¦ï¼å¹´çã®å¤ã¾ã§</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.