PageSourceSearch

https://nissuu-keisan.blog/

html nissuu-keisan.blog collected 2026-10-04 19:16:09 UTC 89,133 bytes, 1,578 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja" prefix="og: http://ogp.me/ns#">
3
4<head>
5  <meta charset="UTF-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <title>日数 計算|日付・期間・何日後を簡単計算【無料ツール】</title>
8  <meta name="description"
9    content="日数計算サイトで、開始日と終了日から日数・期間・何日間かを自動計算。含む/含まないの違い、日付計算、何日後 計算、土日を除く営業日数、Excel関数まで用途別に確認できます。登録不要・無料でスマホ対応。">
10  <meta name="keywords" content="日数 計算, 日数計算サイト, 日数計算ツール, 日付 計算, 期間計算, 何日後 計算, 営業 日数 計算, 日数 計算 エクセル">
11
12  <meta name="robots" content="index, follow">
13
14  <!-- Bootstrap CSS -->
15  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
16  <!-- Custom CSS -->
17  <link href="/static/css/nissuu.css" rel="stylesheet">
18  <link href="/static/css/style.css" rel="stylesheet">
19  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
20
21  <link rel="canonical" href="https://nissuu-keisan.blog/">
22
23
24
25  <link rel="alternate" hreflang="x-default" href="https://nissuu-keisan.blog/">
26
27
28
29
30
31  <link rel="alternate" hreflang="ja" href="https://nissuu-keisan.blog/">
32
33
34
35
36
37<link rel="preconnect" href="https://fonts.googleapis.com">
38<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
39<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
40<link href="/static/css/nissuu.css" rel="stylesheet">
41
42
43  
43<script type="application/ld+json">
44    {
45      "@context": "https://schema.org",
46      "@type": "WebApplication",
47      "name": "日数 計算|日付・期間・何日後を簡単計算【無料ツール】",
48      "description": "日数計算サイトで、開始日と終了日から日数・期間・何日間かを自動計算。含む/含まないの違い、日付計算、何日後 計算、土日を除く営業日数、Excel関数まで用途別に確認できます。登録不要・無料でスマホ対応。",
49      "url": "https://nissuu-keisan.blog",
50      "applicationCategory": "UtilityApplication",
51      "operatingSystem": "Any",
52      "offers": {
53        "@type": "Offer",
54        "price": "0",
55        "priceCurrency": "JPY"
56      },
57      "author": {
58        "@type": "Organization",
59        "name": "日数計算"
60      }
61    }
62  </script>
62
63
64  
64<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8016227945839388"
65    crossorigin="anonymous"></script>
vendor: 1 bytes, line 65
65
66<script type="text/javascript">
67    (function(c,l,a,r,i,t,y){
68        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
69        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
70        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
71    })(window, document, "clarity", "script", "ux8124tdad");
72</script>
72
73</head>
74
75<body class="nissuu-page">
76
77  <header class="nissuu-header">
78    <nav class="navbar navbar-expand-lg">
79      <div class="container">
80        <!-- Brand -->
81        <a class="nissuu-brand" href="/">
82          <img src="/static/logo.png" alt="日数計算" class="nissuu-brand-logo">
83          <div class="nissuu-brand-text">
84            <div class="nissuu-brand-name">日数計算</div>
85            <div class="nissuu-brand-tagline">日付・期間・何日後を一瞬で</div>
86          </div>
87        </a>
88
89        <!-- Toggle Button -->
90        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
91          aria-controls="navbarNav" aria-expanded="false" aria-label="ナビゲーションを切り替え">
92          <span class="navbar-toggler-icon"></span>
93        </button>
94
95        <!-- Navigation (Desktop + Mobile Collapse) -->
96        <div class="collapse navbar-collapse" id="navbarNav">
97          <nav class="nissuu-nav ms-lg-4">
98            <a href="/" class="nissuu-nav-item active">
99              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
100                <rect width="16" height="20" x="4" y="2" rx="2"/>
101                <line x1="8" x2="16" y1="6" y2="6"/>
102                <line x1="16" x2="16" y1="14" y2="18"/>
103                <path d="M16 10h.01"/>
104                <path d="M12 10h.01"/>
105                <path d="M8 10h.01"/>
106                <path d="M12 14h.01"/>
107                <path d="M8 14h.01"/>
108                <path d="M12 18h.01"/>
109                <path d="M8 18h.01"/>
110              </svg>
111              日数計算
112            </a>
113            <a href="/date" class="nissuu-nav-item">
114              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
115                <path d="M8 2v4"/>
116                <path d="M16 2v4"/>
117                <rect width="18" height="18" x="3" y="4" rx="2"/>
118                <path d="M3 10h18"/>
119              </svg>
120              日付計算
121            </a>
122            <a href="/offset" class="nissuu-nav-item">
123              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
124                <circle cx="12" cy="12" r="10"/>
125                <polyline points="12 6 12 12 16 14"/>
126              </svg>
127              何日後・何日前
128            </a>
129            <a href="/business" class="nissuu-nav-item">
130              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
131                <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
132                <rect width="20" height="14" x="2" y="6" rx="2"/>
133              </svg>
134              営業日数
135            </a>
136            <a href="/paid-leave" class="nissuu-nav-item">
137              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
138                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/>
139                <path d="m9 12 2 2 4-4"/>
140              </svg>
141              有給休暇
142            </a>
143            <a href="/elapsed" class="nissuu-nav-item">
144              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
145                <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/>
146                <path d="M5 3v4"/>
147                <path d="M19 17v4"/>
148                <path d="M3 5h4"/>
149                <path d="M17 19h4"/>
150              </svg>
151              経過日数
152            </a>
153          </nav>
154
155          <div class="ms-lg-auto mt-3 mt-lg-0 d-flex align-items-center gap-2">
156            <button class="nissuu-cta-btn" onclick="const calc = document.querySelector('.nissuu-calculator'); if(calc) { calc.scrollIntoView({behavior: 'smooth', block: 'start'}); } else { window.location.href = '/'; }">
157              今すぐ計算
158            </button>
159          </div>
160        </div>
161      </div>
162    </nav>
163  </header>
164
165
166
167  <main>
168
169<div class="container py-4">
170
171    <!-- Hero Section - 日数計算 -->
172<section class="nissuu-page-header nissuu-animate-in">
173    <nav class="nissuu-breadcrumb" aria-label="パンくずリスト">
174
175
176
177                    <span>ホーム</span>
178
179
180
181    </nav>
182    <h1 class="nissuu-page-title">日数 計算ツール|日付・期間・何日後を一瞬で計算</h1>
183    <p class="nissuu-page-subtitle">日数計算の基本は終了日−開始日。開始日と終了日を入力し、含む/含まないを選ぶだけで、日数・期間・何日間かを確認できます。今日から100日後や営業日数もすぐ計算できます。</p>
184</section>
185
186
187    <!-- Calculator Section - 日数計算 -->
188<section class="nissuu-calculator">
189    <div class="row g-4">
190        <!-- Left: Input Card -->
191        <div class="col-lg-6">
192            <div class="nissuu-card">
193                <div class="nissuu-card-header">
194                    <h2 class="nissuu-card-title">
195                        <span class="nissuu-card-icon primary">
196                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
197                                <rect width="16" height="20" x="4" y="2" rx="2"/>
198                                <line x1="8" x2="16" y1="6" y2="6"/>
199                                <line x1="16" x2="16" y1="14" y2="18"/>
200                                <path d="M16 10h.01"/>
201                                <path d="M12 10h.01"/>
202                                <path d="M8 10h.01"/>
203                                <path d="M12 14h.01"/>
204                                <path d="M8 14h.01"/>
205                                <path d="M12 18h.01"/>
206                                <path d="M8 18h.01"/>
207                            </svg>
208                        </span>
209                        入力
210                    </h2>
211                </div>
212                <div class="nissuu-card-body">
213                    <!-- Tabs -->
214                    <div class="nissuu-tabs" role="tablist">
215                        <button class="nissuu-tab active" data-tab="range" role="tab" aria-selected="true">日数計算</button>
216                        <button class="nissuu-tab" data-tab="offset" role="tab" aria-selected="false">何日後/前</button>
217                        <button class="nissuu-tab" data-tab="business" role="tab" aria-selected="false">営業日数</button>
218                    </div>
219
220                    <!-- Date Inputs -->
221                    <div class="row g-3 mt-3">
222                        <div class="col-md-6">
223                            <div class="nissuu-form-group">
224                                <label class="nissuu-label">開始日</label>
225                                <input type="date" id="startDate" class="nissuu-input">
226                                <div class="nissuu-input-hint" id="startDateJP"></div>
227                            </div>
228                        </div>
229                        <div class="col-md-6">
230                            <div class="nissuu-form-group">
231                                <label class="nissuu-label">終了日</label>
232                                <input type="date" id="endDate" class="nissuu-input">
233                                <div class="nissuu-input-hint" id="endDateJP"></div>
234                            </div>
235                        </div>
236                    </div>
237
238                    <!-- Offset Panel (hidden by default) -->
239                    <div class="nissuu-offset-panel nissuu-tab-content" id="offsetPanel">
240                        <div class="nissuu-offset-header">
241                            <div class="nissuu-offset-title">今日から</div>
242                            <div class="nissuu-offset-buttons">
243                                <button class="nissuu-direction-btn active" data-direction="after">何日後</button>
244                                <button class="nissuu-direction-btn" data-direction="before">何日前</button>
245                            </div>
246                        </div>
247                        <div class="nissuu-offset-content">
248                            <div class="row g-3 align-items-end">
249                                <div class="col-md-6">
250                                    <div class="nissuu-form-group mb-0">
251                                        <label class="nissuu-label">日数</label>
252                                        <input type="number" id="offsetDays" class="nissuu-input" value="100" min="0">
253                                        <div class="nissuu-input-hint">例:100</div>
254                                    </div>
255                                </div>
256                                <div class="col-md-6">
257                                    <div class="nissuu-form-group mb-0">
258                                        <label class="nissuu-label">算出日</label>
259                                        <div class="nissuu-calculated-date">
260                                            <div class="nissuu-calculated-date-value" id="offsetResultJP"></div>
261                                            <div class="nissuu-calculated-date-iso" id="offsetResultISO"></div>
262                                        </div>
263                                    </div>
264                                </div>
265                            </div>
266                        </div>
267                    </div>
268
269                    <!-- Options -->
270                    <div class="nissuu-options-box mt-3">
271                        <div class="nissuu-options-header">
272                            <div class="nissuu-options-title">オプション</div>
273                            <span class="nissuu-badge nissuu-badge-secondary">よく使う設定</span>
274                        </div>
275
276                        <div class="row g-3">
277                            <div class="col-md-6">
278                                <div class="nissuu-switch-item">
279                                    <div>
280                                        <div class="nissuu-switch-label">開始日を含む</div>
281                                        <div class="nissuu-switch-hint">含める/含めない</div>
282                                    </div>
283                                    <label class="nissuu-switch">
284                                        <input type="checkbox" id="includeStart" checked>
285                                        <span class="nissuu-switch-slider"></span>
286                                    </label>
287                                </div>
288                            </div>
289                            <div class="col-md-6">
290                                <div class="nissuu-switch-item">
291                                    <div>
292                                        <div class="nissuu-switch-label">終了日を含む</div>
293                                        <div class="nissuu-switch-hint">含める/含めない</div>
294                                    </div>
295                                    <label class="nissuu-switch">
296                                        <input type="checkbox" id="includeEnd">
297                                        <span class="nissuu-switch-slider"></span>
298                                    </label>
299                                </div>
300                            </div>
301                        </div>
302
303                        <div class="row g-3 mt-0">
304                            <div class="col-md-6">
305                                <label class="nissuu-checkbox-item">
306                                    <input type="checkbox" id="excludeWeekend" class="nissuu-checkbox">
307                                    <div>
308                                        <div class="nissuu-switch-label">土日を除外</div>
309                                        <div class="nissuu-switch-hint">営業日数で有効</div>
310                                    </div>
311                                </label>
312                            </div>
313                            <div class="col-md-6">
314                                <label class="nissuu-checkbox-item">
315                                    <input type="checkbox" id="excludeHoliday" class="nissuu-checkbox">
316                                    <div>
317                                        <div class="nissuu-switch-label">祝日を除外</div>
318                                        <div class="nissuu-switch-hint">※デモでは未実装</div>
319                                    </div>
320                                </label>
321                            </div>
322                        </div>
323                    </div>
324
325                    <!-- Buttons -->
326                    <div class="d-flex align-items-center gap-2 mt-3">
327                        <button class="nissuu-btn nissuu-btn-primary" id="calculateBtn">計算</button>
328                        <button class="nissuu-btn nissuu-btn-outline" id="resetBtn">リセット</button>
329                        <span class="ms-auto" style="font-size: 0.75rem; color: var(--color-text-muted);">登録不要・無料</span>
330                    </div>
331
332                    <!-- Guide Box (for paid leave / elapsed pages) -->
333                    <div class="nissuu-guide-box d-none" id="guideBox">
334                        <div class="nissuu-guide-title" id="guideTitle"></div>
335                        <ul class="nissuu-guide-list" id="guideList"></ul>
336                    </div>
337                </div>
338            </div>
339        </div>
340
341        <!-- Right: Output Card -->
342        <div class="col-lg-6">
343            <div class="nissuu-card">
344                <div class="nissuu-card-header">
345                    <h2 class="nissuu-card-title">
346                        <span class="nissuu-card-icon secondary">
347                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
347ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
348                                <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/>
349                                <path d="M5 3v4"/>
350                                <path d="M19 17v4"/>
351                                <path d="M3 5h4"/>
352                                <path d="M17 19h4"/>
353                            </svg>
354                        </span>
355                        結果
356                    </h2>
357                </div>
358                <div class="nissuu-card-body">
359                    <!-- Main Result -->
360                    <div class="nissuu-result-box nissuu-animate-in" id="resultBox">
361                        <div class="nissuu-result-header">
362                            <div>
363                                <div class="nissuu-result-label">主結果</div>
364                                <div class="nissuu-result-value" id="mainResult">– 日</div>
365                                <div class="nissuu-result-detail" id="resultDetail">日付を入力してください。</div>
366                            </div>
367                            <span class="nissuu-badge nissuu-badge-accent d-none d-sm-inline-flex">リアルタイム計算</span>
368                        </div>
369                    </div>
370
371                    <!-- Stats -->
372                    <div class="row g-3 mt-3">
373                        <div class="col-md-4">
374                            <div class="nissuu-stat">
375                                <div class="nissuu-stat-header">
376                                    <span id="stat1Label">週数換算</span>
377                                    <div class="nissuu-tooltip">
378                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nissuu-stat-info">
379                                            <circle cx="12" cy="12" r="10"/>
380                                            <path d="M12 16v-4"/>
381                                            <path d="M12 8h.01"/>
382                                        </svg>
383                                        <span class="nissuu-tooltip-content" id="stat1Hint">合計日数を7で割った参考値です。</span>
384                                    </div>
385                                </div>
386                                <div class="nissuu-stat-value" id="stat1Value">–</div>
387                            </div>
388                        </div>
389                        <div class="col-md-4">
390                            <div class="nissuu-stat">
391                                <div class="nissuu-stat-header">
392                                    <span id="stat2Label">月数換算(参考)</span>
393                                    <div class="nissuu-tooltip">
394                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nissuu-stat-info">
395                                            <circle cx="12" cy="12" r="10"/>
396                                            <path d="M12 16v-4"/>
397                                            <path d="M12 8h.01"/>
398                                        </svg>
399                                        <span class="nissuu-tooltip-content" id="stat2Hint">平均月日数(約30.44日)での参考値です。</span>
400                                    </div>
401                                </div>
402                                <div class="nissuu-stat-value" id="stat2Value">–</div>
403                            </div>
404                        </div>
405                        <div class="col-md-4">
406                            <div class="nissuu-stat">
407                                <div class="nissuu-stat-header">
408                                    <span>Excel互換目安</span>
409                                    <div class="nissuu-tooltip">
410                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nissuu-stat-info">
411                                            <circle cx="12" cy="12" r="10"/>
412                                            <path d="M12 16v-4"/>
413                                            <path d="M12 8h.01"/>
414                                        </svg>
415                                        <span class="nissuu-tooltip-content">実務ではExcel式の確認にも使えます(本UIはデモ計算)。</span>
416                                    </div>
417                                </div>
418                                <div class="nissuu-stat-value" id="excelHint">DATEDIF/差分</div>
419                            </div>
420                        </div>
421                    </div>
422
423                    <!-- Timeline & Calendar -->
424                    <div class="row g-3 mt-0">
425                        <div class="col-md-6">
426                            <div class="nissuu-timeline">
427                                <div class="nissuu-timeline-header">
428                                    <div class="nissuu-timeline-title">タイムライン</div>
429                                    <span class="nissuu-badge nissuu-badge-secondary">可視化</span>
430                                </div>
431                                <div class="nissuu-timeline-bar">
432                                    <div class="nissuu-timeline-progress" id="timelineProgress" style="width: 6%;"></div>
433                                </div>
434                                <div class="nissuu-timeline-hint">期間が長いほどバーが伸びます(目安:365日=100%)。</div>
435                            </div>
436                        </div>
437                        <div class="col-md-6">
438                            <div class="nissuu-calendar">
439                                <div class="nissuu-calendar-header">
440                                    <div class="nissuu-calendar-title" id="calendarTitle"></div>
441                                    <span class="nissuu-badge nissuu-badge-secondary">カレンダー</span>
442                                </div>
443                                <div class="nissuu-calendar-weekdays">
444
445                                    <div class="nissuu-calendar-weekday">日</div>
446
447                                    <div class="nissuu-calendar-weekday">月</div>
448
449                                    <div class="nissuu-calendar-weekday">火</div>
450
451                                    <div class="nissuu-calendar-weekday">æ°´</div>
452
453                                    <div class="nissuu-calendar-weekday">木</div>
454
455                                    <div class="nissuu-calendar-weekday">金</div>
456
457                                    <div class="nissuu-calendar-weekday">土</div>
458
459                                </div>
460                                <div class="nissuu-calendar-days" id="calendarDays"></div>
461                            </div>
462                        </div>
463                    </div>
464
465                    <!-- Share Box -->
466                    <div class="nissuu-share-box mt-3">
467                        <div class="nissuu-share-header">
468                            <div class="nissuu-share-title">共有・保存</div>
469                            <span class="nissuu-badge nissuu-badge-secondary">便利</span>
470                        </div>
471                        <div class="row g-3">
472                            <div class="col-md-6">
473                                <button class="nissuu-btn nissuu-btn-outline w-100" id="copyBtn">結果をコピー</button>
474                            </div>
475                            <div class="col-md-6">
476                                <button class="nissuu-btn nissuu-btn-accent w-100" id="recalculateBtn">もう一度計算</button>
477                            </div>
478                        </div>
479                        <div class="nissuu-share-note">※「保存」はログイン不要サイト向けに、コピー共有を基本機能として設計。</div>
480                    </div>
481                </div>
482            </div>
483        </div>
484    </div>
485</section>
486
487<!-- Copy Success Toast -->
488<div class="nissuu-copy-success" id="copyToast">コピーしました</div>
489
490
491    <!-- Quick Calculation Buttons -->
492<section class="nissuu-quick-calc mt-4">
493    <div class="nissuu-card">
494        <div class="nissuu-card-header">
495            <h2 class="nissuu-card-title">
496                <div class="nissuu-card-icon primary">
497                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
498                        <path d="M5 12h14"/>
499                        <path d="m12 5 7 7-7 7"/>
500                    </svg>
501                </div>
502                よく使う日数計算
503                <span class="nissuu-badge nissuu-badge-primary ms-2">ワンクリック</span>
504            </h2>
505        </div>
506        <div class="nissuu-card-body">
507            <p class="text-muted mb-3" style="font-size: 0.875rem;">今日から100日後、30日後、90日前などをクリックだけで即座に確認できます</p>
508            <div class="nissuu-quick-buttons">
509
510                <button class="nissuu-quick-btn" data-days="100" data-direction="after">
511                    今日から100日後
512                </button>
513
514                <button class="nissuu-quick-btn" data-days="30" data-direction="after">
515                    今日から30日後
516                </button>
517
518                <button class="nissuu-quick-btn" data-days="90" data-direction="after">
519                    今日から90日後
520                </button>
521
522                <button class="nissuu-quick-btn" data-days="365" data-direction="after">
523                    今日から365日後
524                </button>
525
526                <button class="nissuu-quick-btn" data-days="30" data-direction="before">
527                    今日から30日前
528                </button>
529
530                <button class="nissuu-quick-btn" data-days="90" data-direction="before">
531                    今日から90日前
532                </button>
533
534            </div>
535            <div class="nissuu-quick-result mt-3" id="quickCalcResult" style="display: none;">
536                <div class="nissuu-result-box">
537                    <div class="nissuu-result-header">
538                        <div>
539                            <div class="nissuu-result-label" id="quickCalcLabel"></div>
540                            <div class="nissuu-result-value" id="quickCalcValue"></div>
541                        </div>
542                    </div>
543                </div>
544            </div>
545        </div>
546    </div>
547</section>
548
549
550    <!-- Usage Scenarios -->
551<section class="nissuu-scenarios mt-5">
552    <div class="nissuu-section-header mb-4">
553        <h2 class="nissuu-section-title">
554            日数計算の活用シーン
555            <span class="nissuu-badge nissuu-badge-secondary ms-2">使い方</span>
556        </h2>
557    </div>
558    <div class="row g-4">
559
560        <div class="col-md-6">
561            <div class="nissuu-scenario-card">
562                <div class="nissuu-scenario-icon">
563
564                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
565                        <rect width="18" height="18" x="3" y="4" rx="2" ry="2"/>
566                        <line x1="16" x2="16" y1="2" y2="6"/>
567                        <line x1="8" x2="8" y1="2" y2="6"/>
568                        <line x1="3" x2="21" y1="10" y2="10"/>
569                    </svg>
570
571                </div>
572                <div class="nissuu-scenario-content">
573                    <h3 class="nissuu-scenario-title">何日後 計算・今日から100日後</h3>
574                    <p class="nissuu-scenario-desc">今日を基準に100日後、30日後、365日後などをすぐ確認できます。指定日からN日後を調べたい場合は、何日後・何日前ページで基準日を変えて計算できます。</p>
575                    <div class="nissuu-scenario-keywords">
576                        <span class="nissuu-keyword-tag">何日後 計算, 今日から100日後</span>
577                    </div>
578
579                    <a href="/offset" class="nissuu-scenario-link">
580                        今日から100日後を計算する →
581                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
582                            <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
583                        </svg>
584                    </a>
585
586                </div>
587            </div>
588        </div>
589
590        <div class="col-md-6">
591            <div class="nissuu-scenario-card">
592                <div class="nissuu-scenario-icon">
593
594                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
595                        <path d="M8 3v3a2 2 0 0 1-2 2H3"/>
596                        <path d="M21 8h-3a2 2 0 0 1-2-2V3"/>
597                        <path d="M3 16h3a2 2 0 0 1 2 2v3"/>
598                        <path d="M16 21v-3a2 2 0 0 1 2-2h3"/>
599                    </svg>
600
601                </div>
602                <div class="nissuu-scenario-content">
603                    <h3 class="nissuu-scenario-title">何日から何日までの日数</h3>
604                    <p class="nissuu-scenario-desc">旅行期間、プロジェクト期間、契約期間など、2つの日付間の正確な日数を瞬時に算出します。</p>
605                    <div class="nissuu-scenario-keywords">
606                        <span class="nissuu-keyword-tag">何日から何日まで, 期間計算</span>
607                    </div>
608
609                    <a href="/date" class="nissuu-scenario-link">
610                        日付計算で詳しく →
611                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
612                            <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
613                        </svg>
614                    </a>
615
616                </div>
617            </div>
618        </div>
619
620        <div class="col-md-6">
621            <div class="nissuu-scenario-card">
622                <div class="nissuu-scenario-icon">
623
624                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
625                        <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>
626                    </svg>
627
628                </div>
629                <div class="nissuu-scenario-content">
630                    <h3 class="nissuu-scenario-title">付き合ってから何日?</h3>
631                    <p class="nissuu-scenario-desc">カップルの記念日計算に最適。交際開始日から今日までの日数、次の記念日までの日数も確認できます。</p>
632                    <div class="nissuu-scenario-keywords">
633                        <span class="nissuu-keyword-tag">付き合って何日, カップル記念日</span>
634                    </div>
635
636                    <a href="/elapsed" class="nissuu-scenario-link">
637                        経過日数を計算する →
638                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
639                            <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
640                        </svg>
641                    </a>
642
643                </div>
644            </div>
645        </div>
646
647        <div class="col-md-6">
648            <div class="nissuu-scenario-card">
649                <div class="nissuu-scenario-icon">
650
651                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
652                        <path d="M9 12h.01"/>
653                        <path d="M15 12h.01"/>
654                        <path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"/>
655                        <path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1"/>
656                    </svg>
657
658                </div>
659                <div class="nissuu-scenario-content">
660                    <h3 class="nissuu-scenario-title">生後何日?</h3>
661                    <p class="nissuu-scenario-desc">赤ちゃんの生後日数計算に。出産予定日までの日数、生後100日のお祝い日なども簡単に計算。</p>
662                    <div class="nissuu-scenario-keywords">
663                        <span class="nissuu-keyword-tag">生後何日, 出産予定日</span>
664                    </div>
665
666                    <a href="/elapsed" class="nissuu-scenario-link">
667                        経過日数を計算する →
668                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
669                            <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
670                        </svg>
671                    </a>
672
673                </div>
674            </div>
675        </div>
676
677    </div>
678</section>
679
680
681    <!-- Include/Exclude Rule Explanation -->
682<section class="nissuu-include-rule mt-5">
683    <div class="nissuu-card">
684        <div class="nissuu-card-header">
685            <h2 class="nissuu-card-title">
686                <div class="nissuu-card-icon secondary">
687                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
688                        <circle cx="12" cy="12" r="10"/>
689                        <path d="M12 16v-4"/>
690                        <path d="M12 8h.01"/>
691                    </svg>
692                </div>
693                日数計算の基本ルール
694                <span class="nissuu-badge nissuu-badge-accent ms-2">重要</span>
695            </h2>
696        </div>
697        <div class="nissuu-card-body">
698            <p class="nissuu-rule-subtitle">「開始日を含む/含まない」で結果が変わります</p>
699            <p class="nissuu-rule-intro">日数計算で最も混乱しやすいのが「含む/含まない」のルールです。検索では同じ「何日間」でも、経過日数なのか、滞在日数なのか、契約上の期間なのかで数え方が変わります。実務では先にルールを決めてから計算することが重要です。</p>
700
701            <div class="nissuu-rule-patterns mt-4">
702                <div class="row g-3">
703
704                    <div class="col-md-6 col-lg-3">
705                        <div class="nissuu-pattern-card">
706                            <div class="nissuu-pattern-header">
707                                <span class="nissuu-pattern-name">両端を含む</span>
708                            </div>
709                            <div class="nissuu-pattern-example">
710                                <span class="nissuu-pattern-dates">1月1日〜1月3日</span>
711                                <span class="nissuu-pattern-arrow">→</span>
712                                <span class="nissuu-pattern-result">3日</span>
713                            </div>
714                            <div class="nissuu-pattern-desc">開始日・終了日の両方をカウント</div>
715                            <div class="nissuu-pattern-usecase">
716                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
717                                    <polyline points="9 11 12 14 22 4"/>
718                                    <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
719                                </svg>
720                                宿泊日数、入院日数など
721                            </div>
722                        </div>
723                    </div>
724
725                    <div class="col-md-6 col-lg-3">
726                        <div class="nissuu-pattern-card">
727                            <div class="nissuu-pattern-header">
728                                <span class="nissuu-pattern-name">開始日のみ含む</span>
729                            </div>
730                            <div class="nissuu-pattern-example">
731                                <span class="nissuu-pattern-dates">1月1日〜1月3日</span>
732                                <span class="nissuu-pattern-arrow">→</span>
733                                <span class="nissuu-pattern-result">2日</span>
734                            </div>
735                            <div class="nissuu-pattern-desc">開始日を含み、終了日は含まない</div>
736                            <div class="nissuu-pattern-usecase">
737                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
738                                    <polyline points="9 11 12 14 22 4"/>
739                                    <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
740                                </svg>
741                                経過日数、年齢計算など
742                            </div>
743                        </div>
744                    </div>
745
746                    <div class="col-md-6 col-lg-3">
747                        <div class="nissuu-pattern-card">
748                            <div class="nissuu-pattern-header">
749                                <span class="nissuu-pattern-name">終了日のみ含む</span>
750                            </div>
751                            <div class="nissuu-pattern-example">
752                                <span class="nissuu-pattern-dates">1月1日〜1月3日</span>
753                                <span class="nissuu-pattern-arrow">→</span>
754                                <span class="nissuu-pattern-result">2日</span>
755                            </div>
756                            <div class="nissuu-pattern-desc">開始日を含まず、終了日を含む</div>
757                            <div class="nissuu-pattern-usecase">
758                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
759                                    <polyline points="9 11 12 14 22 4"/>
760                                    <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
761                                </svg>
762                                残り日数、締切までの日数
763                            </div>
764                        </div>
765                    </div>
766
767                    <div class="col-md-6 col-lg-3">
768                        <div class="nissuu-pattern-card">
769                            <div class="nissuu-pattern-header">
770                                <span class="nissuu-pattern-name">両端を含まない</span>
771                            </div>
772                            <div class="nissuu-pattern-example">
773                                <span class="nissuu-pattern-dates">1月1日〜1月3日</span>
774                                <span class="nissuu-pattern-arrow">→</span>
775                                <span class="nissuu-pattern-result">1日</span>
776                            </div>
777                            <div class="nissuu-pattern-desc">開始日・終了日の両方を含まない</div>
778                            <div class="nissuu-pattern-usecase">
779                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
780                                    <polyline points="9 11 12 14 22 4"/>
781                                    <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
782                                </svg>
783                                間の日数のみ計算
784                            </div>
785                        </div>
786                    </div>
787
788                </div>
789            </div>
790
791            <div class="nissuu-rule-tip mt-4">
792                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
793                    <path d="M12 20h9"/>
794                    <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/>
795                </svg>
796                本ツールでは「開始日を含む」「終了日を含む」をそれぞれ切り替え可能です。実務ルールに合わせてご利用ください。
797            </div>
798        </div>
799    </div>
800</section>
801
802
803    <!-- Excel Comparison -->
804<section class="nissuu-excel-compare mt-5">
805    <div class="nissuu-card">
806        <div class="nissuu-card-header">
807            <h2 class="nissuu-card-title">
808                <div class="nissuu-card-icon primary">
809                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
810                        <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
811                        <rect width="20" height="14" x="2" y="6" rx="2"/>
812                    </svg>
813                </div>
814                Excel日数計算との比較
815                <span class="nissuu-badge nissuu-badge-secondary ms-2">実務向け</span>
816            </h2>
817        </div>
818        <div class="nissuu-card-body">
819            <p class="nissuu-excel-subtitle">Excelの関数と本ツールの対応関係</p>
820            <p class="nissuu-excel-intro">Excelで日数計算を行う場合、用途に応じて異なる関数を使い分けます。本ツールはこれらの計算をUI上で簡単に実行できます。公式を入力例つきで確認したい場合は<a href="/excel-days/">エクセル日数計算ページ</a>もご利用ください。</p>
821
822            <div class="nissuu-excel-table mt-4">
823                <div class="table-responsive">
824                    <table class="table">
825                        <thead>
826                            <tr>
827                                <th>Excel関数</th>
828                                <th>構文</th>
829                                <th>説明</th>
830                                <th>本ツールでの対応</th>
831                            </tr>
832                        </thead>
833                        <tbody>
834
835                            <tr>
836                                <td><code class="nissuu-code">
836DATEDIF関数</code></td>
837                                <td><code class="nissuu-code-syntax">=DATEDIF(開始日,終了日,&#34;D&#34;)</code></td>
838                                <td>2つの日付間の日数を計算(開始日を含まない)</td>
839                                <td><span class="nissuu-tool-equiv">「開始日を含む」をOFFにした日数計算</span></td>
840                            </tr>
841
842                            <tr>
843                                <td><code class="nissuu-code">単純な引き算</code></td>
844                                <td><code class="nissuu-code-syntax">=終了日-開始日</code></td>
845                                <td>日付の差分を計算(開始日を含まない)</td>
846                                <td><span class="nissuu-tool-equiv">「開始日を含む」をOFFにした日数計算</span></td>
847                            </tr>
848
849                            <tr>
850                                <td><code class="nissuu-code">NETWORKDAYS関数</code></td>
851                                <td><code class="nissuu-code-syntax">=NETWORKDAYS(開始日,終了日)</code></td>
852                                <td>土日を除いた営業日数を計算</td>
853                                <td><span class="nissuu-tool-equiv">「土日を除外」をONにした営業日数計算</span></td>
854                            </tr>
855
856                            <tr>
857                                <td><code class="nissuu-code">DATE+N</code></td>
858                                <td><code class="nissuu-code-syntax">=DATE(年,月,日)+N</code></td>
859                                <td>指定日からN日後の日付を算出</td>
860                                <td><span class="nissuu-tool-equiv">「何日後/前」タブでの計算</span></td>
861                            </tr>
862
863                        </tbody>
864                    </table>
865                </div>
866            </div>
867
868            <div class="nissuu-excel-note mt-3">
869                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
870                    <circle cx="12" cy="12" r="10"/>
871                    <path d="M12 16v-4"/>
872                    <path d="M12 8h.01"/>
873                </svg>
874                Excelと本ツールで結果が異なる場合は、「含む/含まない」の設定を確認してください。
875            </div>
876        </div>
877    </div>
878</section>
879
880
881    <!-- Business Days Explanation -->
882<section class="nissuu-business-days mt-5">
883    <div class="nissuu-card">
884        <div class="nissuu-card-header">
885            <h2 class="nissuu-card-title">
886                <div class="nissuu-card-icon secondary">
887                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
888                        <path d="M20 7h-9"/>
889                        <path d="M14 17H5"/>
890                        <circle cx="17" cy="17" r="3"/>
891                        <circle cx="7" cy="7" r="3"/>
892                    </svg>
893                </div>
894                営業日数の計算方法
895                <span class="nissuu-badge nissuu-badge-primary ms-2">ビジネス</span>
896            </h2>
897        </div>
898        <div class="nissuu-card-body">
899            <p class="nissuu-biz-subtitle">土日・祝日を除外した実働日数</p>
900            <p class="nissuu-biz-intro">ビジネスシーンでは「営業日」での日数計算が必要になることが多くあります。</p>
901
902            <div class="row g-4 mt-3">
903                <div class="col-lg-7">
904                    <div class="nissuu-biz-points">
905
906                        <div class="nissuu-biz-point">
907                            <h4 class="nissuu-biz-point-title">営業日とは</h4>
908                            <p class="nissuu-biz-point-content">一般的に土曜・日曜・祝日を除いた平日を指します。企業によっては独自の休業日を設定している場合もあります。</p>
909                        </div>
910
911                        <div class="nissuu-biz-point">
912                            <h4 class="nissuu-biz-point-title">計算の注意点</h4>
913                            <p class="nissuu-biz-point-content">「3営業日以内」と言われた場合、当日を含むか含まないかで期限が変わります。土日だけでなく祝日、会社独自の休業日、受付時間後の扱いも変わるため、契約書や規約を確認しましょう。</p>
914                        </div>
915
916                        <div class="nissuu-biz-point">
917                            <h4 class="nissuu-biz-point-title">祝日の扱い</h4>
918                            <p class="nissuu-biz-point-content">日本の祝日は年によって日付が変わるものがあります(春分の日、秋分の日など)。正確な計算には祝日カレンダーとの連携が必要です。</p>
919                        </div>
920
921                    </div>
922                </div>
923                <div class="col-lg-5">
924                    <div class="nissuu-biz-usecases">
925                        <h4 class="nissuu-biz-usecases-title">
926                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
926ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
927                                <polyline points="9 11 12 14 22 4"/>
928                                <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
929                            </svg>
930                            活用シーン
931                        </h4>
932                        <ul class="nissuu-biz-usecases-list">
933
934                            <li>納品日・締切日の計算</li>
935
936                            <li>勤務日数・出勤日数の集計</li>
937
938                            <li>有給休暇の消化日数確認</li>
939
940                            <li>プロジェクトの工数見積もり</li>
941
942                        </ul>
943                    </div>
944                </div>
945            </div>
946        </div>
947    </div>
948</section>
949
950
951    <!-- SEO Sections - 日数計算 -->
952<section class="nissuu-sections mt-5">
953    <div class="row g-4">
954        <div class="col-lg-4">
955            <div class="nissuu-section-card">
956                <div class="nissuu-section-card-header">
957                    <h3 class="nissuu-section-card-title">
958                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
959                            <circle cx="12" cy="12" r="10"/>
960                            <path d="M12 16v-4"/>
961                            <path d="M12 8h.01"/>
962                        </svg>
963                        日数計算とは
964                    </h3>
965                </div>
966                <div class="nissuu-section-card-body">
967                    日数計算とは、開始日と終了日の間が何日あるか、または指定日から何日後・何日前がいつになるかを求める計算です。日数計算サイトとして、開始日・終了日の含め方を切り替え、旅行期間、契約期間、締切、記念日などの用途に合わせて確認できます。2つの日付の差分を詳しく見たいときは<a href="/date">日付計算</a>、指定日からN日後を知りたいときは<a href="/offset">何日後・何日前</a>を使い分けてください。
968                </div>
969            </div>
970        </div>
971        <div class="col-lg-4">
972            <div class="nissuu-section-card">
973                <div class="nissuu-section-card-header">
974                    <h3 class="nissuu-section-card-title">
975                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
976                            <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
977                            <rect width="20" height="14" x="2" y="6" rx="2"/>
978                        </svg>
979                        仕事・Excel
980                    </h3>
981                </div>
982                <div class="nissuu-section-card-body">
983                    勤務日数・出勤日数・<a href="/business">営業日数</a>など、ビジネスでは土日・祝日の扱いが重要です。ExcelのNETWORKDAYS相当の考え方をUIで見える化し、入力ミスを減らします。<a href="/paid-leave">有給休暇</a>の日数管理にも対応。
984                </div>
985            </div>
986        </div>
987        <div class="col-lg-4">
988            <div class="nissuu-section-card">
989                <div class="nissuu-section-card-header">
990                    <h3 class="nissuu-section-card-title">
991                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
992                            <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>
993                        </svg>
994                        生活・記念日
995                    </h3>
996                </div>
997                <div class="nissuu-section-card-body">
998                    「付き合ってから何日」「生後何日」「記念日まであと何日」など、<a href="/elapsed">経過日数計算</a>で日常のちょっと知りたいを、サクッと計算。100日記念日や今日から100日後の予定確認は<a href="/offset">何日後・何日前</a>で基準日を変えて計算できます。
999                </div>
1000            </div>
1001        </div>
1002
1003
1004        <div class="col-lg-4">
1005            <div class="nissuu-section-card">
1006                <div class="nissuu-section-card-header">
1007                    <h3 class="nissuu-section-card-title">
1008                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1008ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1009                            <circle cx="12" cy="12" r="10"/>
1010                            <path d="M12 16v-4"/>
1011                            <path d="M12 8h.01"/>
1012                        </svg>
1013                        含む/含まないの確認ポイント
1014                    </h3>
1015                </div>
1016                <div class="nissuu-section-card-body">
1017                    同じ開始日・終了日でも、開始日を含むかどうかで結果は1日変わります。Excelの「終了日-開始日」やDATEDIFは開始日を含まない差分として扱われることが多く、宿泊日数・入院日数・契約期間では両端を含む場合もあります。結果を使う前に、目的のルールを先に決めるのが安全です。
1018                </div>
1019            </div>
1020        </div>
1021
1022
1023
1024
1025
1026        <div class="col-lg-4">
1027            <div class="nissuu-section-card">
1028                <div class="nissuu-section-card-header">
1029                    <h3 class="nissuu-section-card-title">
1030                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1031                            <circle cx="12" cy="12" r="10"/>
1032                            <path d="M12 16v-4"/>
1033                            <path d="M12 8h.01"/>
1034                        </svg>
1035                        日数計算で迷いやすい例
1036                    </h3>
1037                </div>
1038                <div class="nissuu-section-card-body">
1039                    「4/6から6/7まで何日」「2026年6月15日から94日後」「何日から何日まで」のような検索では、まず日付の差を調べるのか、指定日から日数を足すのかを分けると正確です。例えば4月1日から4月10日までは、開始日・終了日の両端を含めると10日、単純な日付差分では9日です。2つの日付間は<a href="/date">日付計算</a>、N日後・N日前は<a href="/offset">何日後 計算</a>、土日を除く場合は<a href="/business">営業日数計算</a>を使ってください。
1040                </div>
1041            </div>
1042        </div>
1043
1044
1045
1046
1047
1048
1049    </div>
1050</section>
1051
1052
1053    <!-- Why Choose Us -->
1054<section class="nissuu-why-us mt-5">
1055    <div class="nissuu-section-header mb-4">
1056        <h2 class="nissuu-section-title">
1057            本サイトの特徴
1058            <span class="nissuu-badge nissuu-badge-secondary-green ms-2">無料</span>
1059        </h2>
1060    </div>
1061    <div class="row g-3">
1062
1063        <div class="col-md-6 col-lg-4">
1064            <div class="nissuu-feature-card">
1065                <div class="nissuu-feature-icon">
1066
1067                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1068                        <circle cx="12" cy="12" r="10"/>
1069                        <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/>
1070                        <path d="M12 18V6"/>
1071                    </svg>
1072
1073                </div>
1074                <div class="nissuu-feature-content">
1075                    <h3 class="nissuu-feature-title">完全無料</h3>
1076                    <p class="nissuu-feature-desc">すべての機能を無料でご利用いただけます。広告も最小限に抑えています。</p>
1077                </div>
1078            </div>
1079        </div>
1080
1081        <div class="col-md-6 col-lg-4">
1082            <div class="nissuu-feature-card">
1083                <div class="nissuu-feature-icon">
1084
1085                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1086                        <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
1087                        <circle cx="9" cy="7" r="4"/>
1088                        <line x1="17" x2="22" y1="8" y2="13"/>
1089                        <line x1="22" x2="17" y1="8" y2="13"/>
1090                    </svg>
1091
1092                </div>
1093                <div class="nissuu-feature-content">
1094                    <h3 class="nissuu-feature-title">登録不要</h3>
1095                    <p class="nissuu-feature-desc">会員登録やログインは一切不要。アクセスしてすぐに計算を開始できます。</p>
1096                </div>
1097            </div>
1098        </div>
1099
1100        <div class="col-md-6 col-lg-4">
1101            <div class="nissuu-feature-card">
1102                <div class="nissuu-feature-icon">
1103
1104                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1105                        <rect width="14" height="20" x="5" y="2" rx="2" ry="2"/>
1106                        <path d="M12 18h.01"/>
1107                    </svg>
1108
1109                </div>
1110                <div class="nissuu-feature-content">
1111                    <h3 class="nissuu-feature-title">スマホ対応</h3>
1112                    <p class="nissuu-feature-desc">スマートフォンでも快適に操作できるレスポンシブデザイン。外出先でもサッと計算。</p>
1113                </div>
1114            </div>
1115        </div>
1116
1117        <div class="col-md-6 col-lg-4">
1118            <div class="nissuu-feature-card">
1119                <div class="nissuu-feature-icon">
1120
1121                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1122                        <path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>
1123                    </svg>
1124
1125                </div>
1126                <div class="nissuu-feature-content">
1127                    <h3 class="nissuu-feature-title">リアルタイム計算</h3>
1128                    <p class="nissuu-feature-desc">日付を入力するだけで即座に結果を表示。ボタンを押す手間もありません。</p>
1129                </div>
1130            </div>
1131        </div>
1132
1133        <div class="col-md-6 col-lg-4">
1134            <div class="nissuu-feature-card">
1135                <div class="nissuu-feature-icon">
1136
1137                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1138                        <path d="M3 3v18h18"/>
1139                        <path d="m19 9-5 5-4-4-3 3"/>
1140                    </svg>
1141
1142                </div>
1143                <div class="nissuu-feature-content">
1144                    <h3 class="nissuu-feature-title">視覚的に分かりやすい</h3>
1145                    <p class="nissuu-feature-desc">タイムラインやカレンダー表示で、計算結果を直感的に理解できます。</p>
1146                </div>
1147            </div>
1148        </div>
1149
1150        <div class="col-md-6 col-lg-4">
1151            <div class="nissuu-feature-card">
1152                <div class="nissuu-feature-icon">
1153
1154                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1155                        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
1156                        <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
1157                    </svg>
1158
1159                </div>
1160                <div class="nissuu-feature-content">
1161                    <h3 class="nissuu-feature-title">プライバシー保護</h3>
1162                    <p class="nissuu-feature-desc">入力データはサーバーに送信されません。すべてブラウザ内で計算処理を行います。</p>
1163                </div>
1164            </div>
1165        </div>
1166
1167    </div>
1168</section>
1169
1170
1171    <!-- Related Pages -->
1172<section class="nissuu-related-pages mt-5">
1173    <div class="nissuu-section-header mb-4">
1174        <h2 class="nissuu-section-title">
1175            関連ページ
1176            <span class="nissuu-badge nissuu-badge-secondary ms-2">もっと詳しく</span>
1177        </h2>
1178    </div>
1179    <div class="row g-3">
1180
1181        <div class="col-6 col-md-4 col-lg">
1182            <a href="/date" class="nissuu-related-card">
1183                <h3 class="nissuu-related-title">日付計算</h3>
1184                <p class="nissuu-related-desc">日付差分・期間日数を詳しく計算</p>
1185                <span class="nissuu-related-arrow">
1186                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1187                        <path d="M5 12h14"/>
1188                        <path d="m12 5 7 7-7 7"/>
1189                    </svg>
1190                </span>
1191            </a>
1192        </div>
1193        <div class="col-6 col-md-4 col-lg">
1194            <a href="/blog/spreadsheet-days/" class="nissuu-related-card">
1195                <h3 class="nissuu-related-title">スプレッドシートの日数計算</h3>
1196                <p class="nissuu-related-desc">日付差・今日まで・営業日を関数で計算</p>
1197                <span class="nissuu-related-arrow">
1198                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1199                        <path d="M5 12h14"/>
1200                        <path d="m12 5 7 7-7 7"/>
1201                    </svg>
1202                </span>
1203            </a>
1204        </div>
1205        <div class="col-6 col-md-4 col-lg">
1206            <a href="/excel-days/" class="nissuu-related-card">
1207                <h3 class="nissuu-related-title">エクセル日数計算</h3>
1208                <p class="nissuu-related-desc">初日を含む・DATEDIF・NETWORKDAYSの公式を確認</p>
1209                <span class="nissuu-related-arrow">
1210                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1211                        <path d="M5 12h14"/>
1212                        <path d="m12 5 7 7-7 7"/>
1213                    </svg>
1214                </span>
1215            </a>
1216        </div>
1217        <div class="col-6 col-md-4 col-lg">
1218            <a href="/offset" class="nissuu-related-card">
1219                <h3 class="nissuu-related-title">何日後・何日前</h3>
1220                <p class="nissuu-related-desc">今日からの日付を自動算出</p>
1221                <span class="nissuu-related-arrow">
1222                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1223                        <path d="M5 12h14"/>
1224                        <path d="m12 5 7 7-7 7"/>
1225                    </svg>
1226                </span>
1227            </a>
1228        </div>
1229        <div class="col-6 col-md-4 col-lg">
1230            <a href="/days-left-in-year/" class="nissuu-related-card">
1231                <h3 class="nissuu-related-title">今年あと何日</h3>
1232                <p class="nissuu-related-desc">年末までの残り日数・今年の何日目を確認</p>
1233                <span class="nissuu-related-arrow">
1234                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1235                        <path d="M5 12h14"/>
1236                        <path d="m12 5 7 7-7 7"/>
1237                    </svg>
1238                </span>
1239            </a>
1240        </div>
1241        <div class="col-6 col-md-4 col-lg">
1242            <a href="/business" class="nissuu-related-card">
1243                <h3 class="nissuu-related-title">営業日数</h3>
1244                <p class="nissuu-related-desc">土日・祝日を除外して計算</p>
1245                <span class="nissuu-related-arrow">
1246                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1246ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1247                        <path d="M5 12h14"/>
1248                        <path d="m12 5 7 7-7 7"/>
1249                    </svg>
1250                </span>
1251            </a>
1252        </div>
1253        <div class="col-6 col-md-4 col-lg">
1254            <a href="/week-count/" class="nissuu-related-card">
1255                <h3 class="nissuu-related-title">週数計算</h3>
1256                <p class="nissuu-related-desc">日付差分を何週間何日で確認</p>
1257                <span class="nissuu-related-arrow">
1258                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1259                        <path d="M5 12h14"/>
1260                        <path d="m12 5 7 7-7 7"/>
1261                    </svg>
1262                </span>
1263            </a>
1264        </div>
1265        <div class="col-6 col-md-4 col-lg">
1266            <a href="/paid-leave" class="nissuu-related-card">
1267                <h3 class="nissuu-related-title">有給休暇</h3>
1268                <p class="nissuu-related-desc">付与・消化日数を簡単算出</p>
1269                <span class="nissuu-related-arrow">
1270                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1271                        <path d="M5 12h14"/>
1272                        <path d="m12 5 7 7-7 7"/>
1273                    </svg>
1274                </span>
1275            </a>
1276        </div>
1277        <div class="col-6 col-md-4 col-lg">
1278            <a href="/elapsed" class="nissuu-related-card">
1279                <h3 class="nissuu-related-title">経過日数</h3>
1280                <p class="nissuu-related-desc">開始日からの経過期間を算出</p>
1281                <span class="nissuu-related-arrow">
1282                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1283                        <path d="M5 12h14"/>
1284                        <path d="m12 5 7 7-7 7"/>
1285                    </svg>
1286                </span>
1287            </a>
1288        </div>
1289        <div class="col-6 col-md-4 col-lg">
1290            <a href="/age-calculator/" class="nissuu-related-card">
1291                <h3 class="nissuu-related-title">年齢計算</h3>
1292                <p class="nissuu-related-desc">生年月日から満年齢・何歳かを計算</p>
1293                <span class="nissuu-related-arrow">
1294                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1295                        <path d="M5 12h14"/>
1296                        <path d="m12 5 7 7-7 7"/>
1297                    </svg>
1298                </span>
1299            </a>
1300        </div>
1301        <div class="col-6 col-md-4 col-lg">
1302            <a href="/offset" class="nissuu-related-card">
1303                <h3 class="nissuu-related-title">指定日から100日後</h3>
1304                <p class="nissuu-related-desc">2月7日から100日後など、基準日を変えてN日後を計算。</p>
1305                <span class="nissuu-related-arrow">
1306                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1307                        <path d="M5 12h14"/>
1308                        <path d="m12 5 7 7-7 7"/>
1309                    </svg>
1310                </span>
1311            </a>
1312        </div>
1313    </div>
1314</section>
1315
1316
1317    <!-- FAQ Section - 日数計算 -->
1318<section class="nissuu-faq mt-5">
1319    <div class="nissuu-faq-header">
1320        <h2 class="nissuu-faq-title">よくある質問</h2>
1321        <span class="nissuu-badge nissuu-badge-secondary">10問</span>
1322    </div>
1323    <div class="row g-3">
1324
1325        <div class="col-md-6">
1326            <div class="nissuu-faq-item">
1327                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1328                    <span class="nissuu-faq-question-text">Q1:日数計算は開始日を含みますか?</span>
1329                    <span class="nissuu-faq-toggle">開く</span>
1330                </button>
1331                <div class="nissuu-faq-answer">設定次第です。本UIでは「開始日を含む/終了日を含む」を切り替え可能です。実務ルールに合わせて統一しましょう。</div>
1332            </div>
1333        </div>
1334
1335        <div class="col-md-6">
1336            <div class="nissuu-faq-item">
1337                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1338                    <span class="nissuu-faq-question-text">Q2:営業日数計算で祝日は除外されますか?</span>
1339                    <span class="nissuu-faq-toggle">開く</span>
1340                </button>
1341                <div class="nissuu-faq-answer">UI上はチェック可能ですが、このデモでは祝日の判定は未実装です。詳しくは<a href="/business">営業日数計算ページ</a>をご覧ください。</div>
1342            </div>
1343        </div>
1344
1345        <div class="col-md-6">
1346            <div class="nissuu-faq-item">
1347                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1348                    <span class="nissuu-faq-question-text">Q3:Excelの日数計算と結果は同じですか?</span>
1349                    <span class="nissuu-faq-toggle">開く</span>
1350                </button>
1351                <div class="nissuu-faq-answer">基本ロジックは近いですが、含む/含まないや端数の扱いで差が出ます。Excel式(DATEDIF/NETWORKDAYS)と合わせて確認してください。</div>
1352            </div>
1353        </div>
1354
1355        <div class="col-md-6">
1356            <div class="nissuu-faq-item">
1357                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1358                    <span class="nissuu-faq-question-text">Q4:何日後の計算は今日を含みますか?</span>
1359                    <span class="nissuu-faq-toggle">開く</span>
1360                </button>
1361                <div class="nissuu-faq-answer">一般には「今日を0日」としてN日後を数えます。つまり1日後は明日、今日から100日後は今日に100日を足した日付です。詳しくは<a href="/offset">何日後・何日前計算ページ</a>で解説しています。</div>
1362            </div>
1363        </div>
1364
1365        <div class="col-md-6">
1366            <div class="nissuu-faq-item">
1367                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1368                    <span class="nissuu-faq-question-text">Q5:スマホでも使えますか?</span>
1369                    <span class="nissuu-faq-toggle">開く</span>
1370                </button>
1371                <div class="nissuu-faq-answer">はい。入力は標準のdate pickerを使い、カードUIで指の操作を邪魔しない設計です。</div>
1372            </div>
1373        </div>
1374
1375        <div class="col-md-6">
1376            <div class="nissuu-faq-item">
1377                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1378                    <span class="nissuu-faq-question-text">Q6:過去の日付も計算できますか?</span>
1379                    <span class="nissuu-faq-toggle">開く</span>
1380                </button>
1381                <div class="nissuu-faq-answer">可能です。開始日と終了日が逆でも自動補正して結果を表示します。</div>
1382            </div>
1383        </div>
1384
1385        <div class="col-md-6">
1386            <div class="nissuu-faq-item">
1387                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1388                    <span class="nissuu-faq-question-text">Q7:有給休暇の日数計算に使えますか?</span>
1389                    <span class="nissuu-faq-toggle">開く</span>
1390                </button>
1391                <div class="nissuu-faq-answer">日数の把握には使えますが、付与日数の制度計算は会社規程・法令に依存します。<a href="/paid-leave">有給休暇ページ</a>で付与日数早見表やルール説明を用意しています。</div>
1392            </div>
1393        </div>
1394
1395        <div class="col-md-6">
1396            <div class="nissuu-faq-item">
1397                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1398                    <span class="nissuu-faq-question-text">Q8:計算結果を保存できますか?</span>
1399                    <span class="nissuu-faq-toggle">開く</span>
1400                </button>
1401                <div class="nissuu-faq-answer">ログイン不要サイト向けに、まずは「コピー」機能を推奨。将来的に履歴(ローカル保存)を追加できます。</div>
1402            </div>
1403        </div>
1404
1405        <div class="col-md-6">
1406            <div class="nissuu-faq-item">
1407                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1408                    <span class="nissuu-faq-question-text">Q9:日数計算で開始日を含むか迷ったときは?</span>
1409                    <span class="nissuu-faq-toggle">開く</span>
1410                </button>
1411                <div class="nissuu-faq-answer">経過日数やExcelの差分では開始日を含まないことが多く、宿泊・入院・契約期間では両端を含む場合があります。本ツールでは開始日と終了日の含め方を切り替えられるため、目的のルールに合わせて確認してください。</div>
1412            </div>
1413        </div>
1414
1415        <div class="col-md-6">
1416            <div class="nissuu-faq-item">
1417                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1418                    <span class="nissuu-faq-question-text">Q10:「何日から何日まで」と「何日後」はどちらを使えばよいですか?</span>
1419                    <span class="nissuu-faq-toggle">開く</span>
1420                </button>
1421                <div class="nissuu-faq-answer">2つの日付の間の期間を知りたい場合は日数計算、指定日からN日後・N日前の日付を知りたい場合は何日後 計算を使います。営業日だけを数える場合は営業日数計算が適しています。</div>
1422            </div>
1423        </div>
1424
1425        <div class="col-md-6">
1426            <div class="nissuu-faq-item">
1427                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1428                    <span class="nissuu-faq-question-text">Q11:日数計算と日付計算の違いは?</span>
1429                    <span class="nissuu-faq-toggle">開く</span>
1430                </button>
1431                <div class="nissuu-faq-answer">日数計算は開始日と終了日の間が何日あるかを求める広い呼び方です。日付計算ページでは、日付差分・期間日数と開始日や終了日を含めるルールを詳しく確認できます。</div>
1432            </div>
1433        </div>
1434
1435        <div class="col-md-6">
1436            <div class="nissuu-faq-item">
1437                <button class="nissuu-faq-question" onclick="this.parentElement.classList.toggle('open')">
1438                    <span class="nissuu-faq-question-text">Q12:休日を含めない日数を計算したい場合は?</span>
1439                    <span class="nissuu-faq-toggle">開く</span>
1440                </button>
1441                <div class="nissuu-faq-answer">土日・祝日を除いた営業日数を知りたい場合は<a href="/business">営業日数計算ページ</a>をご利用ください。トップページの祝日除外オプションはデモ表示のため、日本の祝日を正確に反映する用途では専用ページを確認してください。</div>
1442            </div>
1443        </div>
1444
1445    </div>
1446</section>
1447</div>
1448
1449  </main>
1450
1451
1452
1453  <footer class="py-4" style="background: var(--color-bg, #F8FAFC);">
1454    <div class="container">
1455      <div class="row g-4 align-items-start">
1456        <div class="col-lg-4">
1457          <div class="d-flex align-items-center mb-3">
1458            <img src="/static/logo.png" alt="日数計算" class="nissuu-footer-logo me-2">
1459            <h4 class="fw-bold mb-0">日数計算</h4>
1460          </div>
1461          <p class="text-muted mb-3" style="max-width: 520px;">
1461開始日と終了日から日数を自動計算。営業日数、有給休暇、経過日数も無料で対応。登録不要・スマホ対応。</p>
1462          <div class="contact-info">
1463            <p class="text-muted mb-2">
1464              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="me-2">
1465                <rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
1466              </svg>
1467              <a href="/cdn-cgi/l/email-protection#becdcbceced1cccafed0d7cdcdcbcb93d5dbd7cddfd090dcd2d1d9" class="text-muted text-decoration-none"><span class="__cf_email__" data-cfemail="3b484e4b4b54494f7b555248484e4e16505e52485a55155957545c">[email&#160;protected]</span></a>
1468            </p>
1469          </div>
1470        </div>
1471        <div class="col-lg-8">
1472          <div class="row">
1473            <div class="col-6 col-md-4 mb-4 mb-md-0">
1474              <h6 class="fw-semibold mb-3">計算ツール</h6>
1475              <ul class="list-unstyled mb-0">
1476                <li class="mb-2"><a class="text-muted text-decoration-none" href="/">日数計算</a></li>
1477                <li class="mb-2"><a class="text-muted text-decoration-none" href="/date">日付計算</a></li>
1478                <li class="mb-2"><a class="text-muted text-decoration-none" href="/excel-days/">Excel日数計算</a></li>
1479                <li class="mb-2"><a class="text-muted text-decoration-none" href="/google-sheets-business-days">スプレッドシート営業日数</a></li>
1480                <li class="mb-2"><a class="text-muted text-decoration-none" href="/inclusive-days">両端入れ日数計算</a></li>
1481                <li class="mb-2"><a class="text-muted text-decoration-none" href="/weekdays-holidays/">平日・土日・祝日内訳</a></li>
1482                <li class="mb-2"><a class="text-muted text-decoration-none" href="/offset">何日後・何日前</a></li>
1483                <li class="mb-2"><a class="text-muted text-decoration-none" href="/100-days-later">100日後 計算</a></li>
1484                <li class="mb-2"><a class="text-muted text-decoration-none" href="/month-count">月数計算</a></li>
1485                <li class="mb-2"><a class="text-muted text-decoration-none" href="/week-count/">週数計算</a></li>
1486                <li><a class="text-muted text-decoration-none" href="/today-plus-days">今日から100日後</a></li>
1487              </ul>
1488            </div>
1489            <div class="col-6 col-md-4 mb-4 mb-md-0">
1490              <h6 class="fw-semibold mb-3">ビジネス向け</h6>
1491              <ul class="list-unstyled mb-0">
1492                <li class="mb-2"><a class="text-muted text-decoration-none" href="/business">営業日数</a></li>
1493                <li class="mb-2"><a class="text-muted text-decoration-none" href="/workday-offset/">何営業日後・前の計算</a></li>
1494                <li class="mb-2"><a class="text-muted text-decoration-none" href="/business-days-2026/">2026年営業日数</a></li>
1495                <li class="mb-2"><a class="text-muted text-decoration-none" href="/business-days-2027">2027年営業日数</a></li>
1496                <li class="mb-2"><a class="text-muted text-decoration-none" href="/annual-holidays">年間休日計算</a></li>
1497                <li class="mb-2"><a class="text-muted text-decoration-none" href="/work-days">勤務日数計算</a></li>
1498                <li class="mb-2"><a class="text-muted text-decoration-none" href="/paid-leave">有給休暇</a></li>
1499                <li class="mb-2"><a class="text-muted text-decoration-none" href="/paid-leave-balance">有給残日数計算</a></li>
1500                <li><a class="text-muted text-decoration-none" href="/elapsed">経過日数</a></li>
1501              </ul>
1502            </div>
1503            <div class="col-12 col-md-4">
1504              <h6 class="fw-semibold mb-3">サポート</h6>
1505              <ul class="list-unstyled mb-0">
1506                <li class="mb-2"><a class="text-muted text-decoration-none" href="/about/">運営者情報</a></li>
1507                <li class="mb-2"><a class="text-muted text-decoration-none" href="/#faq">よくある質問</a></li>
1508                <li class="mb-2"><a class="text-muted text-decoration-none" href="/blog/yukyu-fuyo-nissuu">有給休暇の付与日数解説</a></li>
1509                <li class="mb-2"><a class="text-muted text-decoration-none" href="/blog/annual-paid-leave-ledger">年次有給休暇管理簿</a></li>
1510                <li class="mb-2"><a class="text-muted text-decoration-none" href="/blog/spreadsheet-days/">スプレッドシートの日数計算</a></li>
1511                <li><a class="text-muted text-decoration-none" href="/contact/">お問い合わせ</a></li>
1512              </ul>
1513            </div>
1514          </div>
1515        </div>
1516      </div>
1517
1518      <hr class="my-4" style="border-color: var(--color-border, #E5E7EB);">
1519      <div class="row align-items-center">
1520        <div class="col-md-6">
1521          <p class="text-muted small mb-2 mb-md-0">© 2026 日数計算 - 無断転載を禁じます。</p>
1522        </div>
1523        <div class="col-md-6 text-md-end">
1524          <a href="/privacy-policy/" class="text-muted small text-decoration-none me-3">プライバシーポリシー</a>
1525          <a href="/terms-of-service/" class="text-muted small text-decoration-none">利用規約</a>
1526        </div>
1527      </div>
1528    </div>
1529  </footer>
vendor: 113 bytes, lines 1529-1532
1529
1530
1531
1532  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1532<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1532
1533
1534<script src="/static/js/nissuu-calculator.js"></script>
vendor: 1 bytes, line 1534
1534
1535<script>
1536// Quick calculation buttons
1537document.querySelectorAll('.nissuu-quick-btn').forEach(btn => {
1538    btn.addEventListener('click', function() {
1539        const days = parseInt(this.dataset.days);
1540        const direction = this.dataset.direction;
1541        const today = new Date();
1542        let targetDate;
1543
1544        if (direction === 'after') {
1545            targetDate = new Date(today.getTime() + days * 24 * 60 * 60 * 1000);
1546        } else {
1547            targetDate = new Date(today.getTime() - days * 24 * 60 * 60 * 1000);
1548        }
1549
1550        const formatDate = (d) => {
1551            const year = d.getFullYear();
1552            const month = d.getMonth() + 1;
1553            const day = d.getDate();
1554            const weekdays = ['日', '月', '火', '水', '木', '金', '土'];
1555            const weekday = weekdays[d.getDay()];
1556            return `${year}年${month}月${day}日(${weekday})`;
1557        };
1558
1559        const label = direction === 'after'
1560            ? `今日から${days}日後`
1561            : `今日から${days}日前`;
1562
1563        document.getElementById('quickCalcLabel').textContent = label;
1564        document.getElementById('quickCalcValue').textContent = formatDate(targetDate);
1565        document.getElementById('quickCalcResult').style.display = 'block';
1566
1567        // Highlight active button
1568        document.querySelectorAll('.nissuu-quick-btn').forEach(b => b.classList.remove('active'));
1569        this.classList.add('active');
1570    });
1571});
1572</script>
1572
1573
1574
1575<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8e375621e2ea45ca8f3b862943f93137","r":1,"spa":2}' crossorigin="anonymous"></script>
1575
1576</body>
1577
1578</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.