PageSourceSearch

https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013

html tyugaku-eigo.hatenablog.com collected 2026-10-09 22:38:59 UTC 87,427 bytes, 2,063 lines download raw bytes

1<!DOCTYPE html>
2<html
3  lang="ja"
4
5
6data-admin-domain="//blog.hatena.ne.jp"
7data-admin-origin="https://blog.hatena.ne.jp"
8data-author="tyugaku-eigo"
9data-avail-langs="ja en"
10data-blog="tyugaku-eigo.hatenablog.com"
11data-blog-comments-top-is-new="1"
12data-blog-host="tyugaku-eigo.hatenablog.com"
13data-blog-is-public="1"
14data-blog-name="知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"
15data-blog-owner="tyugaku-eigo"
16data-blog-show-ads="1"
17data-blog-show-sleeping-ads=""
18data-blog-uri="https://tyugaku-eigo.hatenablog.com/"
19data-blog-uuid="26006613580600528"
20data-blogs-uri-base="https://tyugaku-eigo.hatenablog.com"
21data-brand="hatenablog"
22data-data-layer="{&quot;hatenablog&quot;:{&quot;admin&quot;:{},&quot;analytics&quot;:{&quot;brand_property_id&quot;:&quot;&quot;,&quot;measurement_id&quot;:&quot;G-29V3K1VPQT&quot;,&quot;non_sampling_property_id&quot;:&quot;&quot;,&quot;property_id&quot;:&quot;&quot;,&quot;separated_property_id&quot;:&quot;UA-29716941-17&quot;},&quot;blog&quot;:{&quot;blog_id&quot;:&quot;26006613580600528&quot;,&quot;content_seems_japanese&quot;:&quot;true&quot;,&quot;disable_ads&quot;:&quot;&quot;,&quot;enable_ads&quot;:&quot;true&quot;,&quot;entry_show_footer_related_entries&quot;:&quot;false&quot;,&quot;force_pc_view&quot;:&quot;true&quot;,&quot;is_public&quot;:&quot;true&quot;,&quot;is_responsive_view&quot;:&quot;true&quot;,&quot;is_sleeping&quot;:&quot;false&quot;,&quot;lang&quot;:&quot;ja&quot;,&quot;name&quot;:&quot;\u77e5\u3063\u3066\u5f97\u3059\u308b\u82f1\u8a9eBlog\uff01\u4f3c\u3066\u3044\u3066\u8ff7\u3046\u82f1\u6587\u6cd5\u306e\u9055\u3044\u30fb\u4f7f\u3044\u5206\u3051\u30fb\u898b\u5206\u3051\u65b9&quot;,&quot;owner_name&quot;:&quot;tyugaku-eigo&quot;,&quot;uri&quot;:&quot;https://tyugaku-eigo.hatenablog.com/&quot;},&quot;brand&quot;:&quot;hatenablog&quot;,&quot;page_id&quot;:&quot;entry&quot;,&quot;permalink_entry&quot;:{&quot;author_name&quot;:&quot;tyugaku-eigo&quot;,&quot;categories&quot;:&quot;&quot;,&quot;character_count&quot;:3724,&quot;date&quot;:&quot;2026-08-31&quot;,&quot;entry_id&quot;:&quot;14945776032071812482&quot;,&quot;first_category&quot;:&quot;&quot;,&quot;hour&quot;:&quot;20&quot;,&quot;title&quot;:&quot;\u3053\u306e\u30d6\u30ed\u30b0\u3067\u5b66\u3079\u308b\u82f1\u6587\u6cd5&quot;,&quot;uri&quot;:&quot;https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013&quot;},&quot;pro&quot;:&quot;free&quot;,&quot;router_type&quot;:&quot;blogs&quot;}}"
23data-device="pc"
24data-dont-recommend-pro="false"
25data-global-domain="https://hatena.blog"
26data-globalheader-color="b"
27data-globalheader-type="pc"
28data-has-touch-view="1"
29data-help-url="https://help.hatenablog.com"
30data-no-suggest-touch-view="1"
31data-page="entry"
32data-parts-domain="https://hatenablog-parts.com"
33data-plus-available=""
34data-pro="false"
35data-router-type="blogs"
36data-sentry-dsn="https://[email protected]/1195218"
37data-sentry-environment="production"
38data-sentry-sample-rate="0.1"
39data-show-heading-anchor-link="1"
40data-static-domain="https://cdn.blog.st-hatena.com"
41data-version="81b4f9174e082035a5996769b9dbae"
42
43
44
45
46
47
48  data-initial-state="{}"
49
50  >
51  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
52
53  
54
55  
56  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
57
58
59  
60
61
62  
63
64  <meta name="robots" content="max-image-preview:large" />
65
66
67  <meta charset="utf-8"/>
68  <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10; IE=11" />
69  <title>このブログで学べる英文法 - 知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方</title>
70
71  
72  <link rel="canonical" href="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013"/>
73
74
75
76  
77
78<meta itemprop="name" content="このブログで学べる英文法 - 知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
79
80  <meta itemprop="image" content="https://cdn.image.st-hatena.com/image/scale/c9239cb615cef5c510e67e38592318677a1
807d143/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftyugaku-eigo%2F20260915%2F20260915212654.png"/>
81
82
83  <meta property="og:title" content="このブログで学べる英文法 - 知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
84<meta property="og:type" content="article"/>
85  <meta property="og:url" content="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013"/>
86
87  <meta property="og:image" content="https://cdn.image.st-hatena.com/image/scale/c9239cb615cef5c510e67e38592318677a17d143/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftyugaku-eigo%2F20260915%2F20260915212654.png"/>
88
89<meta property="og:image:alt" content="このブログで学べる英文法 - 知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
90    <meta property="og:description" content="英文法の「違いは分かるのに、使うと迷う」を、例文の比較と判断基準で解決。似ている表現のどこを見て選ぶかを学び、問題と英作文で使い分けを練習できます。まずは「見分ける→選ぶ→使う」の3ステップを体験。迷いやすい5つの文法やテーマ別の記事から、今の疑問に合う解説を探せます。" />
91<meta property="og:site_name" content="知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
92
93  <meta property="article:published_time" content="2026-08-31T11:30:00Z" />
94
95      <meta name="twitter:card"  content="summary_large_image" />
96    <meta name="twitter:image" content="https://cdn.image.st-hatena.com/image/scale/c9239cb615cef5c510e67e38592318677a1
967d143/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftyugaku-eigo%2F20260915%2F20260915212654.png" />  <meta name="twitter:title" content="このブログで学べる英文法 - 知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方" />    <meta name="twitter:description" content="英文法の「違いは分かるのに、使うと迷う」を、例文の比較と判断基準で解決。似ている表現のどこを見て選ぶかを学び、問題と英作文で使い分けを練習できます。まずは「見分ける→選ぶ→使う」の3ステップを体験。迷いやすい5つの文法やテーマ別の記事から、今の疑問に合う解説を探せます。" />  <meta name="twitter:app:name:iphone" content="はてなブログアプリ" />
97  <meta name="twitter:app:id:iphone" content="583299321" />
98  <meta name="twitter:app:url:iphone" content="hatenablog:///open?uri=https%3A%2F%2Ftyugaku-eigo.hatenablog.com%2Fentry%2F2026%2F08%2F31%2F203013" />  <meta name="twitter:site" content="@kdmtytr" />
99  
100    <meta name="description" content="英文法の「違いは分かるのに、使うと迷う」を、例文の比較と判断基準で解決。似ている表現のどこを見て選ぶかを学び、問題と英作文で使い分けを練習できます。まずは「見分ける→選ぶ→使う」の3ステップを体験。迷いやすい5つの文法やテーマ別の記事から、今の疑問に合う解説を探せます。" />
101    <meta name="google-site-verification" content="SSCRLTy800Izq52x_utMgR1K2buV68yBuzwTCxKJqOw" />
102    <meta name="keywords" content="英語文法 / 英語学習 / 英作文 / 英語 使い分け / 文法 解説" />
103    <meta name="msvalidate.01" content="683F06280C5DE70E3BA27099F80C0E63" />
104
105
106  
107<script
108  id="embed-gtm-data-layer-loader"
109  data-data-layer-page-specific="{&quot;hatenablog&quot;:{&quot;blogs_permalink&quot;:{&quot;entry_afc_issued&quot;:&quot;false&quot;,&quot;blog_afc_issued&quot;:&quot;false&quot;,&quot;is_author_pro&quot;:&quot;false&quot;,&quot;has_related_entries_with_elasticsearch&quot;:&quot;false&quot;,&quot;is_blog_sleeping&quot;:&quot;false&quot;}}}"
110>
111(function() {
112  function loadDataLayer(elem, attrName) {
113    if (!elem) { return {}; }
114    var json = elem.getAttribute(attrName);
115    if (!json) { return {}; }
116    return JSON.parse(json);
117  }
118
119  var globalVariables = loadDataLayer(
120    document.documentElement,
121    'data-data-layer'
122  );
123  var pageSpecificVariables = loadDataLayer(
124    document.getElementById('embed-gtm-data-layer-loader'),
125    'data-data-layer-page-specific'
126  );
127
128  var variables = [globalVariables, pageSpecificVariables];
129
130  if (!window.dataLayer) {
131    window.dataLayer = [];
132  }
133
134  for (var i = 0; i < variables.length; i++) {
135    window.dataLayer.push(variables[i]);
136  }
137})();
138</script>
138
139
140<!-- Google Tag Manager -->
141<script>
vendor: 327 bytes, lines 141-145
141(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
142new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
143j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
144'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
145})(window,document,'script','dataLayer','
145GTM-P4CXTW
vendor: 3 bytes, line 145
145');
145</script>
145
146<!-- End Google Tag Manager -->
147
148
149
150
151
152
153
154
155
156
157
158  <link rel="shortcut icon" href="https://tyugaku-eigo.hatenablog.com/icon/favicon">
159<link rel="apple-touch-icon" href="https://tyugaku-eigo.hatenablog.com/icon/touch">
160<link rel="icon" sizes="192x192" href="https://tyugaku-eigo.hatenablog.com/icon/link">
161
162  
163
164<link rel="alternate" type="application/atom+xml" title="Atom" href="https://tyugaku-eigo.hatenablog.com/feed"/>
165<link rel="alternate" type="application/rss+xml" title="RSS2.0" href="https://tyugaku-eigo.hatenablog.com/rss"/>
166
167  <link rel="alternate" type="application/json+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Ftyugaku-eigo.hatenablog.com%2Fentry%2F2026%2F08%2F31%2F203013&amp;format=json" title="oEmbed Profile of このブログで学べる英文法"/>
168<link rel="alternate" type="text/xml+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Ftyugaku-eigo.hatenablog.com%2Fentry%2F2026%2F08%2F31%2F203013&amp;format=xml" title="oEmbed Profile of このブログで学べる英文法"/>
169  
170  <link rel="author" href="http://www.hatena.ne.jp/tyugaku-eigo/">
171
172  
173
174  
175
176
177  
178    
179<link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=81b4f9174e082035a5996769b9dbae"/>
180
181    
182  <link rel="stylesheet" type="text/css" href="https://usercss.blog.st-hatena.com/blog_style/26006613580600528/159d57a962ee63370fa52e8c8f935a21346e6a20"/>
183  
184  
185  
186
187  
188
189  
190<script> </script>
190
191
192  
193<style>
194  div#google_afc_user,
195  div.google-afc-user-container,
196  div.google_afc_image,
197  div.google_afc_blocklink {
198      display: block !important;
199  }
200</style>
201
202
203  
204    
204<script src="https://cdn.pool.st-hatena.com/valve/valve.js" async></script>
vendor: 1 bytes, line 204
204
205<script id="test-valve-definition">
206  var valve = window.valve || [];
207
208  valve.push(function(v) {
209    
210    
211
212    v.config({
213      service: 'blog',
214      content: {
215        result: 'adtrust',
216        documentIds: ["blog:entry:14945776032071812482"]
217      }
218    });
219    v.defineDFPSlot({"lazy":1,"sizes":{"mappings":[[[320,568],[[336,280],[300,250],"fluid"]],[[0,0],[[300,250]]]]},"slotId":"ad-in-entry","unit":"/4374287/blog_pc_entry_sleep_in-article"});    v.defineDFPSlot({"lazy":"","sizes":[[300,250],[336,280],[468,60],"fluid"],"slotId":"google_afc_user_container_0","unit":"/4374287/blog_user"});
220    v.sealDFPSlots();
221  });
222</script>
222
223
224  
225
226  
227    
227<script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","dateModified":"2026-10-04T17:53:55+09:00","datePublished":"2026-08-31T20:30:00+09:00","description":"英文法の「違いは分かるのに、使うと迷う」を、例文の比較と判断基準で解決。似ている表現のどこを見て選ぶかを学び、問題と英作文で使い分けを練習できます。まずは「見分ける→選ぶ→使う」の3ステップを体験。迷いやすい5つの文法やテーマ別の記事から、今の疑問に合う解説を探せます。","headline":"このブログで学べる英文法","image":["https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260915/20260915212654.png"],"mainEntityOfPage":{"@id":"https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013","@type":"WebPage"}}</script>
227
228
229  
230
231  <!-- Google AdSense -->
232<script async
233  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9387494310109843"
234  crossorigin="anonymous"></script>
234
235
236<!-- Font Awesome:ブログ内で使用している場合のみ必要 -->
237<link rel="stylesheet"
238  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
239
240<!-- Google Programmable Search -->
241<script async
242  src="https://cse.google.com/cse.js?cx=fcb21973ddebacd86"></script>
242
243
244  
245
246</head>
247
248  <body class="page-entry enable-bottom-editarea globalheader-ng-enabled">
249    
250    
251
252<div id="globalheader-container"
253  data-brand="hatenablog"
254  
255  >
256  <iframe id="globalheader" height="37" frameborder="0" allowTransparency="true"></iframe>
257</div>
258
259
260  
261  
262  
263    <nav class="
264      blog-controlls
265      
266    ">
267      <div class="blog-controlls-blog-icon">
268        <a href="https://tyugaku-eigo.hatenablog.com/">
269          <img src="https://cdn.image.st-hatena.com/image/square/06cf7e2bb7f554e87e4afd952c90b980db1f0c74/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F156561427%2F1789432874339718" alt="知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
270        </a>
271      </div>
272      <div class="blog-controlls-title">
273        <a href="https://tyugaku-eigo.hatenablog.com/">知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方</a>
274      </div>
275      <a href="https://blog.hatena.ne.jp/tyugaku-eigo/tyugaku-eigo.hatenablog.com/subscribe?utm_medium=button&amp;utm_campaign=subscribe_blog&amp;utm_source=blogs_topright_button" class="blog-controlls-subscribe-btn test-blog-header-controlls-subscribe">
276        読者になる
277      </a>
278    </nav>
279  
280
281  <div id="container">
282    <div id="container-inner">
283      <header id="blog-title" data-brand="hatenablog">
284  <div id="blog-title-inner" >
285    <div id="blog-title-content">
286      <h1 id="title"><a href="https://tyugaku-eigo.hatenablog.com/">知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方</a></h1>
287      
288        <h2 id="blog-description">似ていて迷いやすい英文法の違い・使い分け・見分け方を、例文と判断基準で分かりやすく解説します。丸暗記ではなく、「どちらを使うのか」「英作文では何を見て判断するのか」まで理解できる英文法ブログです。</h2>
289      
290    </div>
291  </div>
292</header>
293
294      
295
296
297      
298          <div id="top-box">
299    <div class="breadcrumb" data-test-id="breadcrumb">
300      <div class="breadcrumb-inner">
301        <a class="breadcrumb-link" href="https://tyugaku-eigo.hatenablog.com/"><span>トップ</span></a>          <span class="breadcrumb-gt">&gt;</span>          <span class="breadcrumb-child">            <span>このブログで学べる英文法</span>          </span>      </div>
302    </div>
303  </div>
304  
304<script type="application/ld+json" class="test-breadcrumb-json-ld">
305    {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"position":1,"item":{"name":"トップ","@id":"https://tyugaku-eigo.hatenablog.com/"},"@type":"ListItem"}]}
306  </script>
306
307      
308      
309
310
311
312
313<div id="content" class="hfeed"
314  
315  >
316  <div id="content-inner">
317    <div id="wrapper">
318      <div id="main">
319        <div id="main-inner">
320          
321
322          
323
324
325  
326
327
328          
329  
330  <!-- google_ad_section_start -->
331  <!-- rakuten_ad_target_begin -->
332  
333  
334  
335
336  
337
338  
339    
340      
341        <article class="entry hentry test-hentry js-entry-article date-first autopagerize_page_element chars-4000 words-600 mode-html entry-odd" id="entry-14945776032071812482" data-keyword-campaign="" data-uuid="14945776032071812482" data-publication-type="entry">
342  <div class="entry-inner">
343    <header class="entry-header">
344  
345    <div class="date entry-date first">
346    <a href="https://tyugaku-eigo.hatenablog.com/archive/2026/08/31" rel="nofollow">
347      <time datetime="2026-08-31T11:30:00Z" title="2026-08-31T11:30:00Z">
348        <span class="date-year">2026</span><span class="hyphen">-</span><span class="date-month">08</span><span class="hyphen">-</span><span class="date-day">31</span>
349      </time>
350    </a>
351          <span class="date-last-updated test-display-last-updated">
352        <?xml version="1.0" encoding="UTF-8"?><svg id="uuid-e3102712-05f4-4764-adf9-29a79fcac50f" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="blogicon" role="img" aria-label="最終更新日"><g id="uuid-e023a8e5-d6b4-4344-9935-7fe8a32ac06e"><title>最終更新日</title><path d="m12,3.99c2.35,0,4.54,1.04,6.04,2.78h-2.47v1.7h5.81V2.66h-1.7v2.96c-1.88-2.26-4.68-3.63-7.68-3.63C6.48,1.99,1.99,6.48,1.99,12h2C3.99,7.58,7.59,3.99,12,3.99Z"/><path d="m20.01,12c0,4.42-3.59,8.01-8.01,8.01-2.35,0-4.54-1.04-6.04-2.78h2.47v-1.7H2.61v5.81h1.7v-2.96c1.88,2.26,4.68,3.63,7.68,3.63,5.52,0,10.01-4.49,10.01-10.01h-2Z"/></g></svg>
353
354        <time itemprop="dateModified" datetime="2026-10-04T08:53:55Z" title="2026-10-04T08:53:55Z">
355          <span class="date-year">2026</span><span class="hyphen">-</span><span class="date-month">10</span><span class="hyphen">-</span><span class="date-day">04</span>
356        </time>
357      </span>  </div>
358  <h1 class="entry-title">
359  <a href="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013" class="entry-title-link bookmark">このブログで学べる英文法</a>
360</h1>
361
362  
363  
364
365
366  
367
368  
369
370</header>
371
372    
373
374
375    <div class="entry-content hatenablog-entry">
376  
377    <style>
378/* 2026-10-04: 承認済み・トップの横幅補正 */
379body:has(.top-home) #content{width:100%!important;max-width:1120px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;}
380body:has(.top-home) #main{box-sizing:border-box!important;padding-right:0!important;border-right:0!important;}
381</style>
382<style>.top-home .next-step-card{display:block!important;color:#263341!important;text-decoration:none!important}.top-home .next-step-card h3{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:10px 0 12px!important;color:#173b5f!important;font-size:18px!important;line-height:1.65!important}.top-home .next-step-card h3::before,.top-home .next-step-card h3::after{content:none!important;display:none!important}.top-home .next-step-card:hover,.top-home .next-step-card:focus-visible{border-color:#8a9aa8!important}.top-home .next-step-card p{margin:0!important;color:#4d5e6f!important;font-size:14px!important;line-height:1.85!important}</style>
383<style>
384/* =========================================================
385   トップページ専用・強制デザイン
386   2026-09-24
387========================================================= */
388
389/* ---------- はてな標準レイアウトをトップだけ解除 ---------- */
390
391body:has(.top-home) #box2 {
392  display: none !important;
393}
394
395body:has(.top-home) #main {
396  width: 100% !important;
397  max-width: none !important;
398  float: none !important;
399}
400
401body:has(.top-home) #wrapper,
402body:has(.top-home) #content-inner {
403  width: 100% !important;
404  max-width: 1180px !important;
405  margin-left: auto !important;
406  margin-right: auto !important;
407}
408
409article:has(.top-home) .entry-header {
410  display: none !important;
411}
412
413body:has(.top-home) #breadcrumb,
414body:has(.top-home) .breadcrumb {
415  display: none !important;
416}
417
418body:has(.top-home) .entry-content {
419  width: 100% !important;
420  max-width: 1120px !important;
421  margin: 0 auto !important;
422  padding: 0 24px !important;
423}
424
425/* 固定トップの下に通常記事が続く場合は隠す */
426body:has(.top-home) #main article.entry:not(:has(.top-home)) {
427  display: none !important;
428}
429
430
431/* =========================================================
432   全体
433========================================================= */
434
435.top-home {
436  box-sizing: border-box;
437  width: 100%;
438  color: #243447;
439  font-family:
440    -apple-system,
441    BlinkMacSystemFont,
442    "Segoe UI",
443    "Hiragino Kaku Gothic ProN",
444    "Yu Gothic",
445    Meiryo,
446    sans-serif;
447  font-size: 16px;
448  line-height: 1.8;
449}
450
451.top-home *,
452.top-home *::before,
453.top-home *::after {
454  box-sizing: border-box;
455}
456
457.top-home a {
458  color: #173b5f !important;
459  text-decoration: none !important;
460}
461
462
463/* =========================================================
464   HERO
465========================================================= */
466
467.top-home .top-hero {
468  margin: 0 0 28px !important;
469  padding: 54px 45px !important;
470  background: #f5f1e9 !important;
471  border: 1px solid #e2ddd3 !important;
472  box-shadow: none !important;
473}
474
475.top-home .top-hero-main {
476  max-width: 800px;
477  margin: 0 auto;
478  text-align: center;
479}
480
481.top-home .top-hero h1 {
482  margin: 0 0 20px !important;
483  padding: 0 !important;
484
485  background: transparent !important;
486  border: 0 !important;
487  box-shadow: none !important;
488
489  color: #15334f !important;
490  font-family:
491    "Yu Mincho",
492    "Hiragino Mincho ProN",
493    serif !important;
494
495  font-size: 38px !important;
496  line-height: 1.5 !important;
497  font-weight: 700 !important;
498  letter-spacing: .025em !important;
499}
500
501.top-home .top-hero h1::before,
502.top-home .top-hero h1::after {
503  display: none !important;
504  content: none !important;
505}
506
507.top-home .top-hero-lead {
508  margin: 0 !important;
509  color: #536273 !important;
510  font-size: 15px !important;
511  line-height: 2 !important;
512}
513
514
515/* =========================================================
516   見分ける → 選ぶ → 使う
517========================================================= */
518
519.top-home .top-feature-steps {
520  display: grid !important;
521  grid-template-columns: repeat(3, 1fr) !important;
522  margin: 0 0 60px !important;
523
524  background: #fff !important;
525  border: 1px solid #dce3e8 !important;
526}
527
528.top-home .top-feature-step {
529  display: block !important;
530  padding: 26px 22px !important;
531  text-align: center !important;
532  border-right: 1px solid #dce3e8 !important;
533}
534
535.top-home .top-feature-step:last-child {
536  border-right: 0 !important;
537}
538
539.top-home .top-feature-step .num {
540  display: block !important;
541  margin-bottom: 6px !important;
542  color: #b18a53 !important;
543  font-size: 11px !important;
544  letter-spacing: .16em !important;
545}
546
547.top-home .top-feature-step .ttl {
548  display: block !important;
549  margin-bottom: 5px !important;
550
551  color: #173b5f !important;
552  font-family:
553    "Yu Mincho",
554    "Hiragino Mincho ProN",
555    serif !important;
556
557  font-size: 23px !important;
558  font-weight: 700 !important;
559}
560
561.top-home .top-feature-step .txt {
562  display: block !important;
563  color: #647281 !important;
564  font-size: 13px !important;
565}
566
567
568/* =========================================================
569   セクション
570========================================================= */
571
572.top-home .top-section {
573  margin: 0 0 68px !important;
574}
575
576/* 黒帯を完全に殺す */
577.top-home h2.top-section-title {
578  display: block !important;
579  position: relative !important;
580
581  margin: 0 0 10px !important;
582  padding: 4px 0 4px 17px !important;
583
584  background: transparent !important;
585  background-image: none !important;
586
587  color: #173b5f !important;
588
589  border-top: 0 !important;
590  border-right: 0 !important;
591  border-bottom: 0 !important;
592  border-left: 6px solid #173b5f !important;
593
594  border-radius: 0 !important;
595  box-shadow: none !important;
596  text-shadow: none !important;
597
598  font-family:
599    "Yu Mincho",
600    "Hiragino Mincho ProN",
601    serif !important;
602
603  font-size: 27px !important;
604  line-height: 1.4 !important;
605  font-weight: 700 !important;
606}
607
608.top-home h2.top-section-title::before,
609.top-home h2.top-section-title::after {
610  content: none !important;
611  display: none !important;
612  background: none !important;
613}
614
615.top-home .top-section-lead {
616  margin: 0 0 24px !important;
617  color: #667483 !important;
618  font-size: 14px !important;
619}
620
621
622/* =========================================================
623   代表5記事
624========================================================= */
625
626.top-home .top-featured-grid {
627  display: grid !important;
628  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
629  gap: 15px !important;
630}
631
632.top-home a.top-featured-card {
633  display: block !important;
634
635  background: #fff !important;
636  border: 1px solid #dce2e7 !important;
637
638  color: inherit !important;
639  text-decoration: none !important;
640}
641
642.top-home .top-featured-card-body {
643  padding: 20px 17px !important;
644}
645
646.top-home .top-featured-label {
647  margin-bottom: 10px !important;
648  color: #a08152 !important;
649  font-size: 10px !important;
650  letter-spacing: .12em !important;
651}
652
653.top-home .top-featured-card h3 {
654  margin: 0 0 9px !important;
655  padding: 0 !important;
656
657  background: none !important;
658  border: 0 !important;
659
660  color: #173b5f !important;
661  font-size: 17px !important;
662  line-height: 1.55 !important;
663  font-weight: 700 !important;
664}
665
666.top-home .top-featured-card h3::before,
667.top-home .top-featured-card h3::after {
668  display: none !important;
669  content: none !important;
670}
671
672.top-home .top-featured-card p {
673  margin: 0 !important;
674  color: #657281 !important;
675  font-size: 13px !important;
676  line-height: 1.7 !important;
677}
678
679
680/* 代表記事1枚目の写真 */
681.top-home .top-featured-card-photo .top-featured-photo{display:block!important;width:100%!important;height:105px!important;object-fit:cover!important;object-position:center 62%!important;border:0!important;border-bottom:1px solid #dce2e7!important;margin:0!important}
682.top-home .top-featured-card-photo .top-featured-card-body{padding-top:15px!important}
683@media(max-width:768px){.top-home .top-featured-card-photo .top-featured-photo{height:135px!important}}
684
685/* 代表記事の1枚目だけを写真背景で強調 */
686.top-home a.top-featured-card-photo{background-image:linear-gradient(90deg,rgba(250,248,244,.91),rgba(250,248,244,.27)),url("https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929091401.png")!important;background-size:cover!important;background-position:center!important;min-height:260px!important;border-color:#ded7ca!important}
687.top-home .top-featured-card-photo .top-featured-card-body{padding:20px 17px!important}
688.top-home .top-featured-card-photo .top-featured-label{color:#e9d4ae!important}
689.top-home .top-featured-card-photo h3,.top-home .top-featured-card-photo p{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.25)!important}
690@media(max-width:768px){.top-home a.top-featured-card-photo{min-height:200px!important}}
691/* =========================================================
692   文法テーマ折りたたみ
693========================================================= */
694
695.top-home .grammar-accordion {
696  display: grid !important;
697  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
698  gap: 12px 17px !important;
699}
700
701.top-home .grammar-accordion details {
702  display: block !important;
703  margin: 0 !important;
704
705  background: #f8fafb !important;
706  border: 1px solid #dde4e9 !important;
707}
708
709.top-home .grammar-accordion summary {
710  display: block !important;
711  position: relative !important;
712
713  padding: 14px 45px 14px 17px !important;
714
715  background: #f8fafb !important;
716  color: #173b5f !important;
717
718  font-size: 14px !important;
719  font-weight: 700 !important;
720  cursor: pointer !important;
721  list-style: none !important;
722}
723
724.top-home .grammar-accordion summary::-webkit-details-marker {
725  display: none !important;
726}
727
728.top-home .grammar-accordion summary::after {
729  content: "+" !important;
730  display: block !important;
731
732  position: absolute !important;
733  right: 17px !important;
734  top: 50% !important;
735
736  transform: translateY(-50%) !important;
737
738  color: #b18a53 !important;
739  font-size: 18px !important;
740}
741
742.top-home .grammar-accordion details[open] summary::after {
743  content: "−" !important;
744}
745
746.top-home .grammar-links {
747  margin: 0 !important;
748  padding: 5px 18px 14px 36px !important;
749}
750
751.top-home .grammar-links li {
752  margin: 6px 0 !important;
753  font-size: 13px !important;
754}
755
756
757/* =========================================================
758   迷い方から探す
759========================================================= */
760
761.top-home .problem-grid {
762  display: grid !important;
763  grid-template-columns: repeat(3, 1fr) !important;
764  gap: 18px !important;
765}
766
767.top-home .problem-card {
768  padding: 22px !important;
769  border: 1px solid #dfe5e8 !important;
770}
771
772.top-home .problem-card:nth-child(1) {
773  background: #f2f7f3 !important;
774}
775
776.top-home .problem-card:nth-child(2) {
777  background: #f1f6fa !important;
778}
779
780.top-home .problem-card:nth-child(3) {
781  background: #faf6ed !important;
782}
783
784.top-home .problem-card h3 {
785  margin: 0 0 12px !important;
786  padding: 0 !important;
787
788  background: transparent !important;
789  border: 0 !important;
790
791  color: #173b5f !important;
792  font-size: 17px !important;
793}
794
795.top-home .problem-card h3::before,
796.top-home .problem-card h3::after {
797  display: none !important;
798  content: none !important;
799}
800
801.top-home .problem-card ul {
802  margin: 0 !important;
803  padding-left: 18px !important;
804}
805
806.top-home .problem-card li {
807  margin: 5px 0 !important;
808  font-size: 13px !important;
809}
810
811
812/* =========================================================
813   文法を理解した、その先へ
814========================================================= */
815
816.top-home .next-step-grid {
817  display: grid !important;
818  grid-template-columns: repeat(4, 1fr) !important;
819  gap: 16px !important;
820}
821
822.top-home .next-step-card {
823  background: #fff !important;
824  border: 1px solid #dfe5e8 !important;
825}
826
827.top-home .next-step-body {
828  padding: 19px !important;
829}
830
831
832/* =========================================================
833   スマホ
834========================================================= */
835
836@media screen and (max-width: 768px) {
837
838  body:has(.top-home) .entry-content {
839    padding: 0 14px !important;
840  }
841
842  .top-home .top-hero {
843    padding: 34px 20px !important;
844  }
845
846  .top-home .top-hero h1 {
847    font-size: 27px !important;
848  }
849  .top-home .top-hero { padding: 27px 18px !important; }
850  .top-home .top-hero h1 { font-size: 24px !important; line-height: 1.5 !important; }
851  .top-home .top-hero h1 br { display: none !important; }
852
853
854  .top-home .top-feature-steps {
855    grid-template-columns: 1fr !important;
856  }
857
858  .top-home .top-feature-step {
859    border-right: 0 !important;
860    border-bottom: 1px solid #dce3e8 !important;
861  }
862
863  .top-home .top-feature-step:last-child {
864    border-bottom: 0 !important;
865  }
866
867  .top-home .top-featured-grid,
868  .top-home .grammar-accordion,
869  .top-home .problem-grid,
870  .top-home .next-step-grid {
871    grid-template-columns: 1fr !important;
872  }
873
874  .top-home h2.top-section-title {
875    font-size: 22px !important;
876  }
877}
878
879/* =========================================================
880   追加修正 2026-09-24
881   横幅・背景・旧ヘッダー調整
882========================================================= */
883
884/* はてなの内側コンテナの幅制限も解除 */
885body:has(.top-home) #main-inner,
886body:has(.top-home) article:has(.top-home),
887body:has(.top-home) article:has(.top-home) .entry-inner {
888  width: 100% !important;
889  max-width: none !important;
890  margin-left: auto !important;
891  margin-right: auto !important;
892  padding-left: 0 !important;
893  padding-right: 0 !important;
894}
895
896/* 実際のトップ本文幅 */
897body:has(.top-home) article:has(.top-home) .entry-content {
898  width: 100% !important;
899  max-width: 1120px !important;
900  margin: 0 auto !important;
901  padding: 0 24px !important;
902}
903
904/* 古い花柄背景をトップでは撤去 */
905body:has(.top-home),
906body:has(.top-home) #container,
907body:has(.top-home) #content,
908body:has(.top-home) #content-inner,
909body:has(.top-home) #wrapper,
910body:has(.top-home) #main {
911  background-color: #ffffff !important;
912  background-image: none !important;
913}
914
915/* ブログタイトル部分も白背景へ */
916body:has(.top-home) #blog-title,
917body:has(.top-home) #blog-title-inner {
918  background: #ffffff !important;
919  background-image: none !important;
920}
921
922/* 旧ブログタイトルを専門サイト風に縮小 */
923body:has(.top-home) #blog-title-inner {
924  width: 100% !important;
925  max-width: 1120px !important;
926  margin: 0 auto !important;
927  padding: 24px 24px 20px !important;
928}
929
930body:has(.top-home) #title {
931  margin: 0 !important;
932  padding: 0 !important;
933  font-family:
934    "Yu Mincho",
935    "Hiragino Mincho ProN",
936    serif !important;
937  font-size: 28px !important;
938  line-height: 1.35 !important;
939  font-weight: 700 !important;
940}
941
942body:has(.top-home) #title a {
943  color: #173b5f !important;
944  text-decoration: none !important;
945}
946
947body:has(.top-home) #blog-description {
948  margin: 5px 0 0 !important;
949  color: #687481 !important;
950  font-size: 13px !important;
951  line-height: 1.6 !important;
952}
953
954/* HEROと各ブロックが横幅を使うようにする */
955.top-home .top-hero,
956.top-home .top-feature-steps,
957.top-home .top-section {
958  width: 100% !important;
959  max-width: none !important;
960}
961
962/* PCで5カードの高さをある程度揃える */
963.top-home .top-featured-card {
964  min-height: 190px !important;
965}
966
967/* =========================================================
968   700 トップ専用の細いヘッダー
969========================================================= */
970body:has(.top-home) #blog-title {
971  display: none !important;
972}
973body:has(.top-home) #content {
974  margin-top: 0 !important;
975}
976.top-home .top-site-header {
977  display: flex !important;
978  align-items: center !important;
979  flex-direction: column !important;
980  justify-content: center !important;
981  gap: 8px !important;
982  text-align: center !important;
983  margin: 0 0 26px !important;
984  padding: 12px 2px 14px !important;
985  border-bottom: 1px solid #dce3e8 !important;
986  background: #fff !important;
987}
988.top-home .top-site-brand {
989  flex: 0 0 auto;
990  color: #173b5f !important;
991  font-size: 28px !important;
992  font-weight: 700 !important;
993  line-height: 1.5 !important;
994  letter-spacing: .02em !important;
995  text-align: center !important;
996}
997.top-home .top-site-nav {
998  display: flex !important;
999  flex-wrap: wrap !important;
1000  align-items: center !important;
1001  justify-content: center !important;
1002  gap: 8px 22px !important;
1003  font-size: 13px !important;
1004  font-weight: 600 !important;
1005}
1006.top-home .top-site-nav a {
1007  white-space: nowrap !important;
1008  color: #42586c !important;
1009}
1010.top-home .top-site-nav a:hover,
1011.top-home .top-site-nav a:focus-visible {
1012  color: #b1753e !important;
1013  text-decoration: underline !important;
1014}
1015@media screen and (max-width: 768px) {
1016  .top-home .top-site-header {
1017    align-items: center !important;
1018    flex-direction: column !important;
1019    gap: 8px !important;
1020    margin-bottom: 18px !important;
1021    padding: 10px 0 12px !important;
1022  }
1023  .top-home .top-site-brand { font-size: 22px !important; }
1024  .top-home .top-site-nav { gap: 5px 16px !important; font-size: 12px !important; }
1025}
1026
1027/* PCプレビューでも本文と左右余白を画面幅内に収める */
1028body:has(.top-home) article:has(.top-home) .entry-content {
1029  box-sizing: border-box !important;
1030}
1031
1032/* トップの案内ページでは記事用の著者・共有・コメント欄を表示しない */
1033article:has(.top-home) .entry-footer {
1034  display: none !important;
1035}
1036
1037/* =========================================================
1038   2026-09-25 説明文の視認性調整
1039   見出しの明朝体と太さは維持
1040========================================================= */
1041.top-home .top-hero-lead {
1042  color: #425466 !important;
1043  font-weight: 500 !important;
1044}
1045.top-home .top-section-lead {
1046  color: #4d5e6f !important;
1047  font-weight: 500 !important;
1048}
1049.top-home .top-feature-step .txt {
1050  color: #4d5e6f !important;
1051  font-size: 14px !important;
1052  font-weight: 500 !important;
1053}
1054.top-home .top-featured-card p {
1055  color: #4d5e6f !important;
1056  font-size: 14px !important;
1057  font-weight: 500 !important;
1058}
1059.top-home .grammar-links li,
1060.top-home .problem-card li {
1061  font-size: 14px !important;
1062  font-weight: 500 !important;
1063}
1064
1065/* 代表記事の見出しはスマホ幅に合わせる */
1066@media screen and (max-width: 768px) {
1067  .top-home h2.top-featured-title { font-size: 20px !important; }
1068}
1069.top-home a.top-featured-card-photo .top-featured-card-body .top-featured-label{color:#6c644f!important;text-shadow:none!important}
1070.top-home a.top-featured-card-photo .top-featured-card-body h3,.top-home a.top-featured-card-photo .top-featured-card-body p{color:#173b5f!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
1071</style>
1072
1073<style>/* 5記事の採用済みアイキャッチ背景 */
1074.top-home a.top-featured-card-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.52)),var(--featured-image,url("https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929091401.png"))!important;background-size:cover!important;background-position:center!important;min-height:260px!important;border-color:#dce2e7!important}
1075.top-home a.top-featured-card-photo .top-featured-card-body .top-featured-label{color:#6c644f!important;text-shadow:none!important}
1076.top-home a.top-featured-card-photo .top-featured-card-body h3,.top-home a.top-featured-card-photo .top-featured-card-body p{color:#173b5f!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
1077@media(max-width:768px){.top-home a.top-featured-card-photo{min-height:200px!important;background-position:center 60%!important}}
1078</style>
1079<style>
1080/* 2026-10-03:新トップ冒頭のみを改訂。他の既存セクションは維持 */
1081.top-home .top-hero {
1082  padding: 43px 44px 39px !important;
1083  background: #f7f5ef !important;
1084  border: 1px solid #e4e3dc !important;
1085  border-top: 3px solid #567e85 !important;
1086  border-radius: 5px !important;
1087}
1088.top-home .top-hero-main { max-width: 850px !important; text-align: left !important; }
1089.top-home .top-hero .top-hero-kicker {
1090  display:flex!important;align-items:center!important;gap:10px!important;
1091  margin:0 0 16px!important;color:#355a6c!important;font-size:13px!important;
1092  font-weight:800!important;letter-spacing:.07em!important;
1093}
1094.top-home .top-hero-kicker span {display:block!important;width:28px!important;height:2px!important;background:#638e8d!important;}
1095.top-home .top-hero h1 {
1096  text-align:left!important;margin:0 0 14px!important;font-size:34px!important;
1097  line-height:1.56!important;color:#17354c!important;letter-spacing:.015em!important;
1098}
1099.top-home .top-hero .top-hero-catch {
1100  margin:0 0 22px!important;color:#263e51!important;font-size:18px!important;
1101  font-weight:700!important;line-height:1.85!important;
1102}
1103.top-home .top-hero-questions {
1104  padding:12px 19px!important;margin:0 0 21px!important;background:#fff!important;
1105  border:1px solid #dce5e5!important;border-left:3px solid #769b91!important;
1106  border-radius:4px!important;
1107}
1108.top-home .top-hero-questions p {
1109  display:flex!important;align-items:baseline!important;gap:12px!important;
1110  margin:0!important;padding:10px 0!important;color:#223d51!important;
1111  font-size:16px!important;line-height:1.7!important;font-weight:600!important;
1112  border-bottom:1px solid #e7ebeb!important;
1113}
1114.top-home .top-hero-questions p:last-child {border-bottom:0!important;}
1115.top-home .top-hero-qnum {flex:0 0 24px!important;color:#477977!important;font-size:12px!important;font-weight:800!important;letter-spacing:.06em!important;}
1116.top-home .top-hero .top-hero-lead {
1117  color:#34495a!important;font-size:16px!important;font-weight:500!important;
1118  line-height:1.9!important;margin:0!important;text-align:left!important;
1119}
1120.top-home .top-hero .top-hero-lead strong {color:#173b5f!important;font-weight:800!important;}
1121.top-home .top-hero .top-hero-bridge {
1122  margin:12px 0 0!important;color:#365c68!important;
1123  font-size:15px!important;font-weight:800!important;letter-spacing:.025em!important;
1124}
1125@media(max-width:768px) {
1126 .top-home .top-hero {padding:26px 18px 25px!important;}
1127 .top-home .top-hero h1 {font-size:23px!important;line-height:1.55!important;}
1128 .top-home .top-hero h1 br, .top-home .top-hero-catch br {display:none!important;}
1129 .top-home .top-hero .top-hero-catch {font-size:16px!important;line-height:1.7!important;}
1130 .top-home .top-hero-questions {padding:7px 12px!important;}
1131 .top-home .top-hero-questions p {display:block!important;font-size:14px!important;padding:10px 0!important;}
1132 .top-home .top-hero-qnum {display:inline-block!important;margin-right:9px!important;}
1133 .top-home .top-hero .top-hero-lead {font-size:15px!important;}
1134 .top-home .top-hero .top-hero-bridge {font-size:14px!important;}
1135}
1136</style>
1137<style>
1138/* 4セクション共通:案内文の視認性を統一 */
1139.top-home .top-section > .top-section-lead {
1140  color: #33495d !important;
1141  font-size: 17px !important;
1142  font-weight: 600 !important;
1143  line-height: 1.9 !important;
1144}
1145@media (max-width: 768px) {
1146  .top-home .top-section > .top-section-lead {
1147    font-size: 16px !important;
1148    line-height: 1.85 !important;
1149  }
1150}
1151</style>
1152<style>
1153/* 体験型3カード:トップページ専用。本編記事には影響しません */
1154.top-home .home-demo{margin:0 0 60px!important;max-width:100%!important;color:#263b4d!important;}
1155.top-home .home-demo-title{margin:0 0 9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#173b5f!important;text-align:center!important;font-size:24px!important;line-height:1.55!important;font-weight:750!important;}
1156.top-home .home-demo-title::before,.top-home .home-demo-title::after{content:none!important;display:none!important;}
1157.top-home .home-demo-lead{margin:0 auto 18px!important;max-width:760px!important;text-align:center!important;color:#33495d!important;font-size:16px!important;line-height:1.85!important;font-weight:550!important;}
1158.top-home .home-demo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
1159.top-home .home-demo-radio{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;}
1160.top-home .home-demo-tab{position:relative!important;display:flex!important;flex-direction:column!important;cursor:pointer!important;min-width:0!important;min-height:125px!important;padding:16px 40px 15px 17px!important;border:1px solid #d8e2e5!important;border-radius:7px!important;line-height:1.55!important;text-align:left!important;transition:border-color .12s!important;}
1161.top-home .home-demo-blue{background:#edf4f8!important}.top-home .home-demo-beige{background:#f9f2e6!important}.top-home .home-demo-green{background:#edf5ef!important}
1162.top-home .home-demo-tab small{font-size:11px!important;letter-spacing:.09em!important;color:#52728a!important;font-weight:750!important;}
1163.top-home .home-demo-tab strong{font-size:21px!important;color:#173b5f!important;margin:4px 0 3px!important;}
1164.top-home .home-demo-tab span{font-size:13px!important;color:#3b5366!important;font-weight:550!important;}
1165.top-home .home-demo-tab b{position:absolute!important;right:14px!important;top:17px!important;color:#58798a!important;font-size:21px!important;font-weight:500!important;}
1166.top-home .home-demo-radio:focus-visible+.home-demo-tab,.top-home .home-demo-radio:checked+.home-demo-tab{outline:2px solid #698a9b!important;outline-offset:2px!important;border-color:#8cabb6!important;}
1167.top-home .home-demo-radio:checked+.home-demo-tab b{font-size:0!important;}
1168.top-home .home-demo-radio:checked+.home-demo-tab b::after{content:"−";font-size:21px!important;}
1169.top-home .home-demo-panel{display:none!important;grid-column:1/-1!important;grid-row:2!important;border:1px solid #d8e2e5!important;border-radius:7px!important;padding:18px 22px!important;line-height:1.8!important;min-width:0!important;color:#263b4d!important;font-size:15px!important;}
1170.top-home .home-demo-radio:checked+.home-demo-tab+.home-demo-panel{display:block!important;}
1171.top-home .home-demo-panel p{margin:0 0 12px!important;}
1172.top-home .home-demo-instruction{font-size:16px!important;font-weight:650!important;color:#223d54!important;}
1173.top-home .home-demo-example{background:#fff!important;border:1px solid #e0e6e8!important;border-radius:5px!important;margin:8px 0!important;padding:11px 14px!important;line-height:1.8!important;overflow-wrap:anywhere!important;}
1174.top-home .home-demo-example em,.top-home .home-demo-answer em{color:#173b5f!important;font-style:italic!important;font-weight:600!important;}
1175.top-home .home-demo-example span{display:inline-block!important;color:#4b5d6b!important;font-size:13px!important;margin-left:17px!important;}
1176.top-home .home-demo-answer{margin-top:12px!important;border:1px solid #cbd9dc!important;border-radius:5px!important;background:#fff!important;padding:0!important;}
1177.top-home .home-demo-answer summary{cursor:pointer!important;display:list-item!important;list-style:disclosure-closed inside!important;color:#173b5f!important;font-size:15px!important;font-weight:750!important;padding:10px 12px!important;background:transparent!important;}
1178.top-home .home-demo-answer[open] summary{list-style:disclosure-open inside!important;}
1179.top-home .home-demo-answer p{border-top:1px solid #e3e9eb!important;margin:0!important;padding:12px 14px!important;line-height:1.85!important;}
1180.top-home .home-demo-close{grid-column:1/-1!important;grid-row:3!important;text-align:right!important;margin-top:0!important;}
1181.top-home .home-demo-close button{background:#fff!important;border:1px solid #d6e0e4!important;border-radius:5px!important;padding:6px 13px!important;color:#3b5567!important;font-size:13px!important;cursor:pointer!important;}
1182.top-home .home-demo-link{padding:19px 22px!important;margin-top:16px!important;background:#f5f8fa!important;border:1px solid #dce5e8!important;border-radius:6px!important;}
1183.top-home .home-demo-link strong{color:#173b5f!important;font-size:16px!important;}
1184.top-home .home-demo-link p{margin:6px 0!important;color:#344b5c!important;font-size:14px!important;line-height:1.8!important;}
1185.top-home .home-demo-link a{display:inline-block!important;margin-top:4px!important;border-bottom:1px solid #456e7a!important;font-weight:750!important;font-size:15px!important;color:#173b5f!important;}
1186@media(max-width:768px){
1187.top-home .home-demo-title{font-size:22px!important;}
1188.top-home .home-demo-lead{font-size:15px!important;text-align:left!important;}
1189.top-home .home-demo-grid{grid-template-columns:1fr!important;gap:8px!important;}
1190.top-home .home-demo-tab{min-height:0!important;padding:12px 38px 12px 15px!important;}
1191.top-home .home-demo-tab strong{font-size:19px!important;}
1192.top-home .home-demo-panel{grid-column:1!important;grid-row:auto!important;padding:13px!important;}
1193.top-home .home-demo-close{grid-column:1!important;grid-row:auto!important;}
1194.top-home .home-demo-link{padding:15px!important;}
1195}
1196</style>
1197<div class="top-home"><header class="top-site-header"><a class="top-site-brand" href="https://tyugaku-eigo.hatenablog.com/">知って得する英語Blog!</a><nav class="top-site-nav" aria-label="トップページ内の案内"><a href="#featured">注目テーマ</a> <a href="#grammar-index">文法テーマ</a> <a href="#search-by-problem">迷い方から探す</a> <a href="#home-main-title">このブログについて</a></nav></header>
1198<section class="top-hero" aria-labelledby="home-main-title">
1199<div class="top-hero-main">
1200<p class="top-hero-kicker">このブログで解決できること</p>
1201<h1 id="home-main-title">似ていて迷いやすい英文法・英語表現から、<br />文脈に合う正しい形を導き出す。</h1>
1202<p class="top-hero-catch">「違いは分かる。でも、いざ使おうとすると迷う。」<br>その疑問を、判断できる知識に変えていきます。</p>
1203<div class="top-hero-questions" aria-label="このブログで扱う迷いの例">
1204<p><span class="top-hero-qnum">01</span><strong>that と what</strong> は、何が違う?</p>
1205<p><span class="top-hero-qnum">02</span><strong>for 人 to do と of 人 to do</strong> は、何を基準に選ぶ?</p>
1206<p><span class="top-hero-qnum">03</span><strong>動名詞と現在分詞</strong> は、どこを見て見分ける?</p>
1207</div>
1208<p class="top-hero-lead">このブログは、似ている英文法を<strong>例文で比較</strong>し、<strong>判断の理由</strong>を理解し、<strong>自分で使える</strong>ところまでを目指す学習サイトです。</p>
1209<p class="top-hero-bridge">違いを知る。その先の「使い分ける」へ。</p>
1210</div>
1211</section>
1212
1213<section class="home-demo" aria-labelledby="home-demo-title">
1214<h2 class="home-demo-title" id="home-demo-title">見分ける → 選ぶ → 使う</h2>
1215<p class="home-demo-lead">このブログの代表記事「It is 形容詞」を例に、3つの構文の違いを理解し、別の場面で英作文に応用する3ステップを体験してみましょう。順番にカードを開いて、挑戦してみてください。</p>
1216<form class="home-demo-grid" aria-label="It is 形容詞の3ステップ体験"><input id="home-demo-1" class="home-demo-radio" name="home-demo-select" type="radio"> <label class="home-demo-tab home-demo-blue" for="home-demo-1"><small>STEP 01</small><strong>見分ける</strong>同じ出来事でも、何を評価するかによって英文が変わります。<strong aria-hidden="true">+</strong></label>
1217<div class="home-demo-panel home-demo-blue">
1218<p class="home-demo-instruction">ある生徒が、難問を誰の助けも借りずに解きました。次の3つの英文を比べてください。</p>
1219<div class="home-demo-example"><strong>A.</strong> <em>It is surprising that Ken solved the difficult problem alone.</em><br>ケンがその難問を一人で解いたとは驚きです。</div>
1220<div class="home-demo-example"><strong>B.</strong> <em>It was difficult for Ken to solve the difficult problem alone.</em><br>ケンがその難問を一人で解くのは難しかったです。</div>
1221<div class="home-demo-example"><strong>C.</strong> <em>It was clever of Ken to find a way to solve the difficult problem.</em><br>その難問を解く方法を見つけるとは、ケンは賢かったです。</div>
1222<details class="home-demo-answer">
1223<summary>見分けるポイントを見る</summary>
1224<p><strong>A:that節</strong> ―「解いた」という出来事への評価。<br><strong>B:for 人 to do</strong> ― ケンが行う動作の難しさへの評価。<br><strong>C:of 人 to do</strong> ― ケンという人物・その行動への評価。</p>
1225</details>
1226</div>
1227<input id="home-demo-2" class="home-demo-radio" name="home-demo-select" type="radio"> <label class="home-demo-tab home-demo-beige" for="home-demo-2"><small>
1227STEP 02</small><strong>選ぶ</strong>同じ題材を、伝えたい日本語に合う英文で表現します。<strong aria-hidden="true">+</strong></label>
1228<div class="home-demo-panel home-demo-beige">
1229<p class="home-demo-instruction">「彼があの難問を誰の助けも借りずに解いたとは、驚きです。」</p>
1230<p>この意味に最も合う英文はどれでしょうか?</p>
1231<div class="home-demo-example"><strong>A.</strong> <em>It is surprising that he solved the difficult problem without any help.</em></div>
1232<div class="home-demo-example"><strong>B.</strong> <em>It was difficult for him to solve the difficult problem without any help.</em></div>
1233<div class="home-demo-example"><strong>C.</strong> <em>It was clever of him to solve the difficult problem without any help.</em></div>
1234<details class="home-demo-answer">
1235<summary>正解・解説を見る</summary>
1236<p><strong>正解:A</strong>。「解いたという出来事」に驚いているため、<em>It is surprising that ...</em> を選びます。Bは「解くことが難しかった」、Cは「彼が賢かった」という別の評価です。</p>
1237</details>
1238</div>
1239<input id="home-demo-3" class="home-demo-radio" name="home-demo-select" type="radio"> <label class="home-demo-tab home-demo-green" for="home-demo-3"><small>STEP 03</small><strong>使う</strong>別の題材に置き換えて、今度は自分で英文を作ります。<strong aria-hidden="true">+</strong></label>
1240<div class="home-demo-panel home-demo-green">
1241<p class="home-demo-instruction">今度は、エマが難しい試験に初挑戦で合格した場面です。「合格した」という出来事を評価する英文を考えてください。</p>
1242<div class="home-demo-example"><strong>問題:</strong>「エマがその難しい試験に一度で合格したとは、驚きです。」</div>
1243<details class="home-demo-answer">
1244<summary>解答例・解説を見る</summary>
1245<p><em>It is surprising that Emma passed the difficult exam on her first attempt.</em><br>合格したという出来事を評価 → <strong>that節</strong>を使います。</p>
1246</details>
1247</div>
1248<div class="home-demo-close"><button type="reset">カードをすべて閉じる ×</button></div>
1249</form>
1250<div class="home-demo-link"><strong>さらに詳しく学びたい方へ</strong>
1251<p>本編では、that節/ for 人 to do/ of 人 to do の判断基準と使い分けを、3つの構文を比較しながら詳しく解説しています。</p>
1252<a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_001">「It is 形容詞」の詳しい解説へ →</a></div>
1253</section>
1254
1255<section id="featured" class="top-section">
1256<h2 class="top-section-title top-featured-title" id="多くの人が迷う5つの英文法">多くの人が迷う5つの英文法</h2>
1257<p class="top-section-lead">似ている表現を比べ、「どこを見れば判断できるか」を学べる5記事です。気になる疑問から読み始めてください。</p>
1258<div class="top-featured-grid"><a class="top-featured-card top-featured-card-photo" href="https://tyugaku-eigo.hatenablog.com/entry/adjective_001">
1259<div class="top-featured-card-body">
1260<div class="top-featured-label">ARTICLE 01</div>
1261<h3 id="It-is-形容詞の使い分け">It is 形容詞の使い分け</h3>
1262<p>that節/ for 人 to do/ of 人 to doは、何を評価しているかでどう見分ける?</p>
1263</div>
1264</a><a class="top-featured-card top-featured-card-photo" style="--featured-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929105542.png');" href="https://tyugaku-eigo.hatenablog.com/entry/passive_009">
1265<div class="top-featured-card-body">
1266<div class="top-featured-label">ARTICLE 02</div>
1267<h3 id="受動態にできない動詞">受動態にできない動詞</h3>
1268<p>自動詞・他動詞と目的語の関係から、受動態にできるかを見分ける。</p>
1269</div>
1270</a><a class="top-featured-card top-featured-card-photo" style="--featured-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929192340.png');" href="https://tyugaku-eigo.hatenablog.com/entry/30_complex_relative_pronoun_re">
1271<div class="top-featured-card-body">
1272<div class="top-featured-label">ARTICLE 03</div>
1273<h3 id="複合関係代名詞">複合関係代名詞</h3>
1274<p>whoever/ whatever/ whicheverの意味と、文中での働きの違いを比べる。</p>
1275</div>
1276</a><a class="top-featured-card top-featured-card-photo" style="--featured-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929195042.png');" href="https://tyugaku-eigo.hatenablog.com/entry/no_less_than">
1277<div class="top-featured-card-body">
1278<div class="top-featured-label">ARTICLE 04</div>
1279<h3 id="no-less-than">no less than</h3>
1280<p>no less than「~も」とnot less than「少なくとも」は、何が違う?</p>
1281</div>
1282</a><a class="top-featured-card top-featured-card-photo" style="--featured-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/t/tyugaku-eigo/20260929/20260929202325.png');" href="https://tyugaku-eigo.hatenablog.com/entry/should_004">
1283<div class="top-featured-card-body">
1284<div class="top-featured-label">ARTICLE 05</div>
1285<h3 id="should-の省略">should の省略</h3>
1286<p>importantなどに続くthat節では、なぜ動詞が原形になるのか?</p>
1287</div>
1288</a></div>
1289</section>
1290
1291<section id="grammar-index" class="top-section">
1292<h2 class="top-section-title" id="文法テーマから探す">文法テーマから探す</h2>
1293<p class="top-section-lead">確認したい分野をクリックすると、 関連する記事タイトルが表示されます。</p>
1294<div class="grammar-accordion">
1295<details>
1296<summary>文型・基本動詞</summary>
1297<ul class="grammar-links">
1298<li><a href="https://tyugaku-eigo.hatenablog.com/entry/20_sentencestructure">
1298 英語5文型の見分け方|S・V・O・Cを3ステップで判断する </a></li>
1299<li><a href="https://tyugaku-eigo.hatenablog.com/entry/3_BeVerb_present_past"> be動詞の現在形・過去形の使い分け </a></li>
1300<li><a href="https://tyugaku-eigo.hatenablog.com/entry/5_Verb_present"> 一般動詞の現在形|三単現の見分け方 </a></li>
1301<li><a href="https://tyugaku-eigo.hatenablog.com/entry/9_Verb_past"> 一般動詞の過去形|なぜdidの後ろは原形? </a></li>
1302<li><a href="https://tyugaku-eigo.hatenablog.com/entry/verb_008"> borrow・lend・steal・robの使い分け </a></li>
1303<li><a href="https://tyugaku-eigo.hatenablog.com/entry/say_tell_speak_talk"> say・tell・speak・talkの違いと使い分け </a></li>
1304</ul>
1305</details>
1306
1307<details>
1308<summary>時制・話法</summary>
1309<ul class="grammar-links">
1310<li><a href="https://tyugaku-eigo.hatenablog.com/entry/21_tense"> 現在完了形と現在完了進行形の違い </a></li>
1311<li><a href="https://tyugaku-eigo.hatenablog.com/entry/sequence_of_tenses_re_015"> 時制の一致の見分け方 </a></li>
1312<li><a href="https://tyugaku-eigo.hatenablog.com/entry/indirect_narration_re_003"> 直接話法から間接話法への書き換え方 </a></li>
1313</ul>
1314</details>
1315
1316<details>
1317<summary>受動態・助動詞</summary>
1318<ul class="grammar-links">
1319<li><a href="https://tyugaku-eigo.hatenablog.com/entry/16_passive"> 受動態の覚え方|be動詞+過去分詞 </a></li>
1320<li><a href="https://tyugaku-eigo.hatenablog.com/entry/passive_009"> 受動態にできない・しにくい動詞 </a></li>
1321<li><a href="https://tyugaku-eigo.hatenablog.com/entry/29_passive_idiomatic_expression"> 受動態の慣用表現 </a></li>
1322<li><a href="https://tyugaku-eigo.hatenablog.com/entry/23_auxiliary_verb_idiomatic_expression"> had better・may well・may as well </a></li>
1323<li><a href="https://tyugaku-eigo.hatenablog.com/entry/should_004"> shouldを省略する表現 </a></li>
1324<li><a href="https://tyugaku-eigo.hatenablog.com/entry/must_have_to_should"> must・have to・shouldの違い </a></li>
1325</ul>
1326</details>
1327
1328<details>
1329<summary>仮定法</summary>
1330<ul class="grammar-links">
1331<li><a href="https://tyugaku-eigo.hatenablog.com/entry/32_subjunctive"> 仮定法過去・仮定法過去完了・混合仮定法 </a></li>
1332<li><a href="https://tyugaku-eigo.hatenablog.com/entry/33_subjunctive_idiomatic_expression"> I wish・as if の仮定法 </a></li>
1333<li><a href="https://tyugaku-eigo.hatenablog.com/entry/subjunctive_re_010"> Ifがない仮定法の見分け方 </a></li>
1334</ul>
1335</details>
1336
1337<details>
1338<summary>不定詞・動名詞・分詞</summary>
1339<ul class="grammar-links">
1340<li><a href="https://tyugaku-eigo.hatenablog.com/entry/24_Infinitive"> 不定詞3用法の見分け方 </a></li>
1341<li><a href="https://tyugaku-eigo.hatenablog.com/entry/26_gerund"> 動名詞の覚え方 </a></li>
1342<li><a href="https://tyugaku-eigo.hatenablog.com/entry/38_infinitive_idiomatic_expression"> 使役動詞・知覚動詞と原形不定詞 </a></li>
1343<li><a href="https://tyugaku-eigo.hatenablog.com/entry/27_participial_construction"> 分詞構文の覚え方 </a></li>
1344<li><a href="https://tyugaku-eigo.hatenablog.com/entry/present_past_participle"> 現在分詞と過去分詞の違い </a></li>
1345<li><a href="https://tyugaku-eigo.hatenablog.com/entry/gerund_present_participle"> 動名詞と現在分詞の違い </a></li>
1346</ul>
1347</details>
1348
1349<details>
1350<summary>関係詞・節</summary>
1351<ul class="grammar-links">
1352<li><a href="https://tyugaku-eigo.hatenablog.com/entry/relative_pronoun_014"> 関係代名詞thatが使えない場合 </a></li>
1353<li><a href="https://tyugaku-eigo.hatenablog.com/entry/31_relative_adverb"> 関係副詞の見分け方 </a></li>
1354<li><a href="https://tyugaku-eigo.hatenablog.com/entry/30_complex_relative_pronoun_re"> 複合関係代名詞の使い分け </a></li>
1355<li><a href="https://tyugaku-eigo.hatenablog.com/entry/34_complex_relative_adverb"> 複合関係副詞の書き換え方 </a></li>
1356<li><a href="https://tyugaku-eigo.hatenablog.com/entry/noun_clause"> 名詞節とは? </a></li>
1357<li><a href="https://tyugaku-eigo.hatenablog.com/entry/appositive_that_relative_that"> 同格のthatと関係代名詞thatの違い </a></li>
1358<li><a href="https://tyugaku-eigo.hatenablog.com/entry/that_what"> thatとwhatの違い </a></li>
1359</ul>
1360</details>
1361
1362<details>
1363<summary>疑問文・接続詞</summary>
1364<ul class="grammar-links">
1365<li><a href="https://tyugaku-eigo.hatenablog.com/entry/6_interrogative_sentence"> 疑問詞を使った疑問文 </a></li>
1366<li><a href="https://tyugaku-eigo.hatenablog.com/entry/7_interrogative_sentence">
1366 what・which・whose・howの使い分け </a></li>
1367<li><a href="https://tyugaku-eigo.hatenablog.com/entry/conjunction_006"> 等位接続詞・従位接続詞の違い </a></li>
1368<li><a href="https://tyugaku-eigo.hatenablog.com/entry/whether_if"> whetherとifの違い </a></li>
1369</ul>
1370</details>
1371
1372<details>
1373<summary>比較・否定</summary>
1374<ul class="grammar-links">
1375<li><a href="https://tyugaku-eigo.hatenablog.com/entry/28_comparative_diomatic_expression"> 比較級の慣用表現 </a></li>
1376<li><a href="https://tyugaku-eigo.hatenablog.com/entry/35_no_more_than"> no+比較級+thanの意味と見分け方 </a></li>
1377<li><a href="https://tyugaku-eigo.hatenablog.com/entry/no_less_than"> no less than と not less than の違い </a></li>
1378<li><a href="https://tyugaku-eigo.hatenablog.com/entry/negative_expressions_with_no_011"> not・noを含む否定表現 </a></li>
1379<li><a href="https://tyugaku-eigo.hatenablog.com/entry/negative_expressions_without_no_012"> not・noが無い否定表現 </a></li>
1380<li><a href="https://tyugaku-eigo.hatenablog.com/entry/comparison_degree"> 原級・比較級・最上級の違い </a></li>
1381</ul>
1382</details>
1383
1384<details>
1385<summary>名詞・数量</summary>
1386<ul class="grammar-links">
1387<li><a href="https://tyugaku-eigo.hatenablog.com/entry/集合名詞"> 集合名詞は単数・複数どっち? </a></li>
1388<li><a href="https://tyugaku-eigo.hatenablog.com/entry/countable_uncountable_nouns"> 可算名詞と不可算名詞 </a></li>
1389<li><a href="https://tyugaku-eigo.hatenablog.com/entry/countable_uncountable_meaning"> 可算・不可算で意味が変わる英単語 </a></li>
1390<li><a href="https://tyugaku-eigo.hatenablog.com/entry/noun_noun"> 名詞+名詞はなぜ前が単数形? </a></li>
1391<li><a href="https://tyugaku-eigo.hatenablog.com/entry/possessive_s_of"> 所有格 ’s と of の違い </a></li>
1392<li><a href="https://tyugaku-eigo.hatenablog.com/entry/a_the_number_of"> a number of / the number of の違い </a></li>
1393<li><a href="https://tyugaku-eigo.hatenablog.com/entry/few_little"> few・a few・little・a little </a></li>
1394<li><a href="https://tyugaku-eigo.hatenablog.com/entry/many_much_a_lot_of"> many・much・a lot of </a></li>
1395<li><a href="https://tyugaku-eigo.hatenablog.com/entry/another_other"> another・otherの違い </a></li>
1396<li><a href="https://tyugaku-eigo.hatenablog.com/entry/one_each_none_is_are"> one of・each of・none of の単数・複数 </a></li>
1397</ul>
1398</details>
1399
1400<details>
1401<summary>冠詞・代名詞</summary>
1402<ul class="grammar-links">
1403<li><a href="https://tyugaku-eigo.hatenablog.com/entry/articles_a_the"> a・an・the・無冠詞 </a></li>
1404<li><a href="https://tyugaku-eigo.hatenablog.com/entry/each_every_all"> each・every・all </a></li>
1405<li><a href="https://tyugaku-eigo.hatenablog.com/entry/both_either_neither"> both・either・neither </a></li>
1406<li><a href="https://tyugaku-eigo.hatenablog.com/entry/compoundsubject_005"> 複合主語・不定代名詞と単数/複数 </a></li>
1407</ul>
1408</details>
1409
1410<details>
1411<summary>形容詞・副詞</summary>
1412<ul class="grammar-links">
1413<li><a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_001"> It is 形容詞の使い分け </a></li>
1414<li><a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_mistakes"> 間違えやすい形容詞 </a></li>
1415<li><a href="https://tyugaku-eigo.hatenablog.com/entry/adverb_mistakes"> hardとhardlyなど間違えやすい副詞 </a></li>
1416</ul>
1417</details>
1418
1419<details>
1420<summary>前置詞</summary>
1421<ul class="grammar-links">
1422<li><a href="https://tyugaku-eigo.hatenablog.com/entry/preposition_usage"> in・on・at・by・until・for・during </a></li>
1423<li><a href="https://tyugaku-eigo.hatenablog.com/entry/intransitive_transitive_verb_013"> 自動詞と他動詞 </a></li>
1424<li><a href="https://tyugaku-eigo.hatenablog.com/entry/verb_preposition"> 動詞+前置詞 </a></li>
1425<li><a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_preposition"> 形容詞+前置詞 </a></li>
1426<li><a href="https://tyugaku-eigo.hatenablog.com/entry/noun_preposition"> 名詞+前置詞 </a></li>
1427</ul>
1428</details>
1429</div>
1430</section>
1431
1432<section id="search-by-problem" class="top-section">
1433<h2 class="top-section-title" id="迷い方から探す">迷い方から探す</h2>
1434<p class="top-section-lead">「違いが分からない」「どれを選ぶ?」「文のã
1434©ã“を見る?」という迷いから、必要な記事を探せます。</p>
1435<div class="problem-grid">
1436<div class="problem-card">
1437<h3 id="違いを知りたい">違いを知りたい</h3>
1438<ul>
1439<li><a href="https://tyugaku-eigo.hatenablog.com/entry/21_tense"> 現在完了形と現在完了進行形 </a></li>
1440<li><a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_001"> that / for / of </a></li>
1441<li><a href="https://tyugaku-eigo.hatenablog.com/entry/another_other"> another / other </a></li>
1442<li><a href="https://tyugaku-eigo.hatenablog.com/entry/few_little"> few / a few / little / a little </a></li>
1443<li><a href="https://tyugaku-eigo.hatenablog.com/entry/that_what"> that / what </a></li>
1444</ul>
1445</div>
1446
1447<div class="problem-card">
1448<h3 id="使い分けを知りたい">使い分けを知りたい</h3>
1449<ul>
1450<li><a href="https://tyugaku-eigo.hatenablog.com/entry/preposition_usage"> in / on / at などの前置詞 </a></li>
1451<li><a href="https://tyugaku-eigo.hatenablog.com/entry/must_have_to_should"> must / have to / should </a></li>
1452<li><a href="https://tyugaku-eigo.hatenablog.com/entry/say_tell_speak_talk"> say / tell / speak / talk </a></li>
1453<li><a href="https://tyugaku-eigo.hatenablog.com/entry/many_much_a_lot_of"> many / much / a lot of </a></li>
1454<li><a href="https://tyugaku-eigo.hatenablog.com/entry/whether_if"> whether / if </a></li>
1455</ul>
1456</div>
1457
1458<div class="problem-card">
1459<h3 id="見分け方を知りたい">見分け方を知りたい</h3>
1460<ul>
1461<li><a href="https://tyugaku-eigo.hatenablog.com/entry/20_sentencestructure"> 5文型 </a></li>
1462<li><a href="https://tyugaku-eigo.hatenablog.com/entry/24_Infinitive"> 不定詞3用法 </a></li>
1463<li><a href="https://tyugaku-eigo.hatenablog.com/entry/intransitive_transitive_verb_013"> 自動詞と他動詞 </a></li>
1464<li><a href="https://tyugaku-eigo.hatenablog.com/entry/31_relative_adverb"> 関係副詞 </a></li>
1465<li><a href="https://tyugaku-eigo.hatenablog.com/entry/passive_009"> 受動態にできる・できない動詞 </a></li>
1466</ul>
1467</div>
1468</div>
1469</section>
1470
1471<section id="next-step" class="top-section">
1472<h2 class="top-section-title" id="文法を理解したその先へ">文法を理解した、その先へ</h2>
1473<p class="top-section-lead">知識を固め、読む・聞く・話す力へつなげるための 次の選択肢です。</p>
1474<div class="next-step-grid"><a class="next-step-card" href="https://tyugaku-eigo.hatenablog.com/entry/english-reference-books">
1475<div class="next-step-body"><span class="next-step-number">01</span>
1476<h3 id="参考書で基礎を固める">参考書で基礎を固める</h3>
1477<p>文法を体系的に復習し、 知識の抜けを埋めます。</p>
1478</div>
1479</a><a class="next-step-card" href="https://tyugaku-eigo.hatenablog.com/entry/study-sapuri-english">
1480<div class="next-step-body"><span class="next-step-number">02</span>
1481<h3 id="アプリで読む聞く力を伸ばす">アプリで読む・聞く力を伸ばす</h3>
1482<p>文法知識を、 読む・聞く力へつなげます。</p>
1483</div>
1484</a><a class="next-step-card" href="https://tyugaku-eigo.hatenablog.com/entry/face-to-face-english">
1485<div class="next-step-body"><span class="next-step-number">03</span>
1486<h3 id="対面で英会話を練習する">対面で英会話を練習する</h3>
1487<p>知っている英語を、 人との会話で実際に使います。</p>
1488</div>
1489</a><a class="next-step-card" href="https://tyugaku-eigo.hatenablog.com/entry/toeic-study-guide">
1490<div class="next-step-body"><span class="next-step-number">04</span>
1491<h3 id="TOEIC対策をする">TOEIC対策をする</h3>
1492<p>資格・スコアという 明確な目的に合わせて学びます。</p>
1493</div>
1494</a></div>
1495</section>
1496</div>
1497    
1498    
1499
1500
1501
1502
1503    
1504
1505  
1506</div>
1507
1508    
1509  <footer class="entry-footer">
1510    
1511    <div class="entry-tags-wrapper">
1512  <div class="entry-tags">  </div>
1513</div>
1514
1515    <p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{&quot;area&quot;: &quot;finish_reading&quot;}">
1516  <span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="tyugaku-eigo" >tyugaku-eigo</span></span>
1517  <span class="entry-footer-time"><a href="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013"><time data-relative datetime="2026-08-31T11:30:00Z" title="2026-08-31T11:30:00Z" class="updated">2026-08-31 20:30</time></a></span>
1518  
1519  
1520  
1521    <span class="
1522      entry-footer-subscribe
1523      
1524    " data-test-blog-controlls-subscribe>
1525      <a href="https://blog.hatena.ne.jp/tyugaku-eigo/tyugaku-eigo.hatenablog.com/subscribe?utm_source=blogs_entry_footer&amp;utm_medium=button&amp;utm_campaign=subscribe_blog">
1526        読者になる
1527      </a>
1528    </span>
1529  
1530</p>
1531
1532    
1533
1534    
1535<div class="social-buttons">
1536  
1537  
1538    <div class="social-button-item">
1539      <a href="https://b.hatena.ne.jp/entry/s/tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013" class="hatena-bookmark-button" data-hatena-bookmark-url="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013" data-hatena-bookmark-layout="vertical-balloon" data-hatena-bookmark-lang="ja" title="この記事をはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only.gif" alt="この記事をはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
1540    </div>
1541  
1542  
1543    <div class="social-button-item">
1544      <div class="fb-share-button" data-layout="box_count" data-href="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013"></div>
1545    </div>
1546  
1547  
1548    
1549    
1550    <div class="social-button-item">
1551      <a
1552          class="entry-share-button entry-share-button-twitter test-share-button-twitter"
1553          href="https://x.com/intent/tweet?text=%E3%81%93%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0%E3%81%A7%E5%AD%A6%E3%81%B9%E3%82%8B%E8%8B%B1%E6%96%87%E6%B3%95+-+%E7%9F%A5%E3%81%A3%E3%81%A6%E5%BE%97%E3%81%99%E3%82%8B%E8%8B%B1%E8%AA%9EBlog%EF%BC%81%E4%BC%BC%E3%81%A6%E3%81%84%E3%81%A6%E8%BF%B7%E3%81%86%E8%8B%B1%E6%96%87%E6%B3%95%E3%81%AE%E9%81%95%E3%81%84%E3%83%BB%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91%E3%83%BB%E8%A6%8B%E5%88%86%E3%81%91%E6%96%B9&amp;url=https%3A%2F%2Ftyugaku-eigo.hatenablog.com%2Fentry%2F2026%2F08%2F31%2F203013"
1554          title="X(Twitter)で投稿する"
1555        ></a>
1556    </div>
1557  
1558  
1559  
1560    <span>
1561      <div class="line-it-button" style="display: none;" data-type="share-e" data-lang="ja" ></div>
1562      
1562<script src="//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js" async="async" defer="defer" ></script>
1562
1563    </span>
1564  
1565  
1566  
1567  
1568</div>
1569
1570    
1571  
1572  
1573    
1574    <div class="google-afc-image test-google-rectangle-ads">      
1575      
1576      <div id="google_afc_user_container_0" class="google-afc-user-container google_afc_blocklink2_5 google_afc_boder" data-test-unit="/4374287/blog_user"></div>
1577      
1578        <a href="http://blog.hatena.ne.jp/guide/pro" class="open-pro-modal js-hide-on-smartphone-app" data-guide-pro-modal-ad-url="https://hatena.blog/guide/pro/modal/ad">広告を非表示にする</a>
1579      
1580    </div>
1581  
1582  
1583
1584
1585    <div class="customized-footer">
1586      
1587
1588        
1589
1590        
1591        
1592
1593      
1594    </div>
1595    
1596  <div class="comment-box js-comment-box">
1597    
1598      <a class="leave-comment-title js-leave-comment-title">コメントを書く</a>
1599    
1600    <ul class="comment js-comment">
1601      <li class="read-more-comments" style="display: none;"><a>もっと読む</a></li>
1602    </ul>
1603    
1604  </div>
1605
1606  </footer>
1607
1608  </div>
1609</article>
1610
1611      
1612      
1613    
1614  
1615
1616  
1617  <!-- rakuten_ad_target_end -->
1618  <!-- google_ad_section_end -->
1619  
1620  
1621  
1622  <div class="pager pager-permalink permalink">
1623    
1624      
1625      <span class="pager-prev">
1626        <a href="https://tyugaku-eigo.hatenablog.com/entry/20_sentencestructure" rel="prev">
1627          <span class="pager-arrow">&laquo; </span>
1628          英語5文型の見分け方|S・V・O・Cを3ステ…
1629        </a>
1630      </span>
1631    
1632    
1633      
1634      <span class="pager-next">
1635        <a href="https://tyugaku-eigo.hatenablog.com/entry/adjective_001" rel="next">
1636          It is 形容詞の使い分け|for 人 to do/ o…
1637          <span class="pager-arrow"> &raquo;</span>
1638        </a>
1639      </span>
1640    
1641  </div>
1642
1643
1644  
1645
1646
1647
1648        </div>
1649      </div>
1650
1651      <aside id="box1">
1652  <div id="box1-inner">
1653  </div>
1654</aside>
1655
1656    </div><!-- #wrapper -->
1657
1658    
1659<aside id="box2">
1660  
1661  <div id="box2-inner">
1662    
1663      
1664<div class="hatena-module hatena-module-html">
1665    <div class="hatena-module-title">プロフィール</div>
1666  <div class="hatena-module-body">
1667    <p><strong>運営者:知って得する英語Blog 管理人</strong></p>
1668
1669<p>海外駐在を経験した元会社員です。</p>
1670
1671<p>英文法の違い・使い分け・見分け方を、判断基準と例文を使って分かりやすく整理しています。</p>
1672  </div>
1673</div>
1674
1675    
1676      
1677<div class="hatena-module hatena-module-html hatena-module-custom-learning-next">
1678    <div class="hatena-module-title">英語学習の次の一歩</div>
1679  <div class="hatena-module-body">
1680    <nav class="learning-next" aria-label="英語学習の次の一歩">
1681  <a class="learning-next-card" href="https://tyugaku-eigo.hatenablog.com/entry/english-reference-books">
1682    <span class="learning-next-type">参考書</span>
1683    <strong>英文法をじっくり学び直す</strong>
1684    <span class="learning-next-desc">理解・英作文・発話。今の弱点から一冊を選ぶ。</span>
1685    <span class="learning-next-more">参考書の選び方へ →</span>
1686  </a>
1687  <a class="learning-next-card" href="https://tyugaku-eigo.hatenablog.com/entry/study-sapuri-english">
1688    <span class="learning-next-type">アプリ学習</span>
1689    <strong>「知っている英語」を「使える英語」へ</strong>
1690    <span class="learning-next-desc">目的に合わせて、スタサプで日々の練習を続ける。</span>
1691    <span class="learning-next-more">スタサプの選び方へ →</span>
1692  </a>
1693  <a class="learning-next-card" href="https://tyugaku-eigo.hatenablog.com/entry/face-to-face-english">
1694    <span class="learning-next-type">対面英会話</span>
1695    <strong>人と話して英語を身につける</strong>
1696    <span class="learning-next-desc">LanCul・NOVA・シェーン英会話を、必要な支援から比較。</span>
1697    <span class="learning-next-more">対面英会話の選び方へ →</span>
1698  </a>
1699  <a class="learning-next-card" href="https://tyugaku-eigo.hatenablog.com/entry/toeic-study-guide">
1700    <span class="learning-next-type">TOEIC対策</span>
1701    <strong>英文法の理解をTOEICの得点へ</strong>
1702    <span class="learning-next-desc">自走・AI支援・伴走。自分に合う学び方を選ぶ。</span>
1703    <span class="learning-next-more">TOEIC対策の選び方へ →</span>
1704  </a>
1705</nav>
1706  </div>
1707</div>
1708
1709    
1710  </div>
1711</aside>
1712
1713
1714  </div>
1715</div>
1716
1717
1718
1719
1720      
1721
1722      
1723
1724  <div id="bottom-editarea">
1725    <!-- ページ上下移動ボタン:外部ライブラリ不要 -->
1726<div id="page-scroll-controls" aria-label="ページ移動">
1727  <button id="page-scroll-top" class="page-scroll-button" type="button" aria-label="ページ最上部へ移動" title="ページ最上部へ">▲</button>
1728  <button id="page-scroll-bottom" class="page-scroll-button" type="button" aria-label="ページ最下部へ移動" title="ページ最下部へ">▼</button>
1729</div>
1730
1731<style>
1732#page-scroll-controls {
1733  position: fixed;
1734  left: 12px;
1735  bottom: 24px;
1736  z-index: 9999;
1737  display: flex;
1738  flex-direction: column;
1739  gap: 8px;
1740}
1741.page-scroll-button {
1742  width: 52px;
1743  height: 52px;
1744  padding: 0;
1745  border: 0;
1746  border-radius: 50%;
1747  background: #356b8a;
1748  color: #fff;
1749  font-size: 24px;
1750  line-height: 52px;
1751  text-align: center;
1752  cursor: pointer;
1753  box-shadow: 0 2px 7px rgba(0,0,0,.22);
1754  opacity: .92;
1755  transition: opacity .2s ease, transform .2s ease;
1756}
1757.page-scroll-button:hover,
1758.page-scroll-button:focus-visible {
1759  opacity: 1;
1760  transform: scale(1.06);
1761}
1762.page-scroll-button:focus-visible {
1763  outline: 3px solid #ffb347;
1764  outline-offset: 2px;
1765}
1766.page-scroll-button[hidden] {
1767  display: none;
1768}
1769@media (max-width: 600px) {
1770  #page-scroll-controls {
1771    left: 8px;
1772    bottom: 16px;
1773  }
1774  .page-scroll-button {
1775    width: 46px;
1776    height: 46px;
1777    font-size: 21px;
1778    line-height: 46px;
1779  }
1780}
1781</style>
1782
1783<script>
1784(function () {
1785  'use strict';
1786
1787  function initPageScrollControls() {
1788    var topButton = document.getElementById('page-scroll-top');
1789    var bottomButton = document.getElementById('page-scroll-bottom');
1790    if (!topButton || !bottomButton) return;
1791
1792    var reduceMotion = window.matchMedia &&
1793      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1794    var scrollDuration = 1000;
1795
1796    function animateScrollTo(target) {
1797      if (reduceMotion) {
1798        window.scrollTo(0, target);
1799        return;
1800      }
1801
1802      var start = window.pageYOffset || document.documentElement.scrollTop || 0;
1803      var distance = target - start;
1804      var startTime = null;
1805
1806      function step(timestamp) {
1807        if (startTime === null) startTime = timestamp;
1808        var progress = Math.min((timestamp - startTime) / scrollDuration, 1);
1809        var eased = progress < 0.5
1810          ? 2 * progress * progress
1811          : 1 - Math.pow(-2 * progress + 2, 2) / 2;
1812
1813        window.scrollTo(0, start + distance * eased);
1814        if (progress < 1) window.requestAnimationFrame(step);
1815      }
1816
1817      window.requestAnimationFrame(step);
1818    }
1819
1820    function updateButtons() {
1821      var y = window.pageYOffset || document.documentElement.scrollTop || 0;
1822      var viewport = window.innerHeight || document.documentElement.clientHeight;
1823      var height = Math.max(
1824        document.body.scrollHeight,
1825        document.documentElement.scrollHeight
1826      );
1827
1828      topButton.hidden = y < 120;
1829      bottomButton.hidden = y + viewport >= height - 120;
1830    }
1831
1832    topButton.addEventListener('click', function () {
1833      animateScrollTo(0);
1834    });
1835
1836    bottomButton.addEventListener('click', function () {
1837      var height = Math.max(
1838        document.body.scrollHeight,
1839        document.documentElement.scrollHeight
1840      );
1841      animateScrollTo(height);
1842    });
1843
1844    window.addEventListener('scroll', updateButtons, { passive: true });
1845    window.addEventListener('resize', updateButtons);
1846    updateButtons();
1847  }
1848
1849  if (document.readyState === 'loading') {
1850    document.addEventListener('DOMContentLoaded', initPageScrollControls);
1851  } else {
1852    initPageScrollControls();
1853  }
1854})();
1855</script>
1855
1856
1857<div style="text-align:center; margin:30px 0 10px;">
1858  <a href="https://tyugaku-eigo.hatenablog.com/entry/privacy">
1859    プライバシーポリシー
1860  </a>
1861  &nbsp;|&nbsp;
1862  <a href="https://docs.google.com/forms/d/e/1FAIpQLScUwHwqNEYvr26aTDO6TO1lVyJzp0SLWiHIrYz5JtLN4k2qrA/viewform"
1863     target="_blank"
1864     rel="noopener noreferrer">
1865    お問い合わせ
1866  </a>
1867</div>
1868
1869<div class="global-grammar-top" id="global-grammar-top">
1870  <a href="https://tyugaku-eigo.hatenablog.com/entry/2026/08/31/203013">
1871    英文法の記事一覧へ戻る
1872  </a>
1873</div>
1874
1875<script>
1876(function () {
1877  var button = document.getElementById('global-grammar-top');
1878
1879  if (
1880    button &&
1881    (
1882      document.querySelector('.top-home') ||
1883      location.pathname === '/' ||
1884      location.pathname === '/entry/2026/08/31/203013'
1885    )
1886  ) {
1887    button.style.display = 'none';
1888  }
1889})();
1890</script>
1890
1891  </div>
1892
1893
1894    </div>
1895  </div>
1896  
1897<footer id="footer" data-brand="hatenablog">
1898  <div id="footer-inner">
1899    
1900      <div style="display:none !important" class="guest-footer js-guide-register test-blogs-register-guide" data-action="guide-register">
1901  <div class="guest-footer-content">
1902    <h3>はてなブログをはじめよう!</h3>
1903    <p>tyugaku-eigoさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?</p>
1904    <div class="guest-footer-btn-container">
1905      <div  class="guest-footer-btn">
1906        <a class="btn btn-register js-inherit-ga" href="https://blog.hatena.ne.jp/register?via=200227" target="_blank">はてなブログをはじめる(無料)</a>
1907      </div>
1908      <div  class="guest-footer-btn js-hide-on-smartphone-app">
1909        <a href="https://hatena.blog/guide" target="_blank">はてなブログとは</a>
1910      </div>
1911    </div>
1912  </div>
1913</div>
1914
1915    
1916    <address class="footer-address">
1917      <a href="https://tyugaku-eigo.hatenablog.com/">
1918        <img src="https://cdn.image.st-hatena.com/image/square/06cf7e2bb7f554e87e4afd952c90b980db1f0c74/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F156561427%2F1789432874339718" width="16" height="16" alt="知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方"/>
1919        <span class="footer-address-name">知って得する英語Blog!似ていて迷う英文法の違い・使い分け・見分け方</span>
1920      </a>
1921    </address>
1922    <p class="services">
1923      Powered by <a href="https://hatena.blog/">Hatena Blog</a>
1924      |
1925        <a href="https://blog.hatena.ne.jp/-/abuse_report?target_url=https%3A%2F%2Ftyugaku-eigo.hatenablog.com%2Fentry%2F2026%2F08%2F31%2F203013" class="report-abuse-link test-report-abuse-link" target="_blank">ブログを報告する</a>
1926    </p>
1927  </div>
1928</footer>
1929
1930
1931  
1932
1933  
1934    <div id="fb-root"></div>
1935<script>(function(d, s, id) {
1936  var js, fjs = d.getElementsByTagName(s)[0];
1937  if (d.getElementById(id)) return;
1938  js = d.createElement(s); js.id = id;
1939  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=719729204785177&version=v25.0";
1940  fjs.parentNode.insertBefore(js, fjs);
1941}(document, 'script', 'facebook-jssdk'));</script>
1941
1942
1943  
1944  
1945
1946<div class="quote-box">
1947  <div class="tooltip-quote tooltip-quote-stock">
1948    <i class="blogicon-quote" title="引用をストック"></i>
1949  </div>
1950  <div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet">
1951    <a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once>
1952      <img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=81b4f9174e082035a5996769b9dbae" title="引用して投稿する" >
1953    </a>
1954  </div>
1955</div>
1956
1957<div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000">
1958  <div class="message-box" id="quote-stock-succeeded-message" style="display: none">
1959    <p>引用をストックしました</p>
1960    <button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button>
1961    <button class="btn quote-stock-close-message-button">閉じる</button>
1962  </div>
1963
1964  <div class="message-box" id="quote-login-required-message" style="display: none">
1965    <p>引用するにはまずログインしてください</p>
1966    <button class="btn btn-primary" id="quote-login-button">ログイン</button>
1967    <button class="btn quote-stock-close-message-button">閉じる</button>
1968  </div>
1969
1970  <div class="error-box" id="quote-stock-failed-message" style="display: none">
1971    <p>引用をストックできませんでした。再度お試しください</p>
1972    <button class="btn quote-stock-close-message-button">閉じる</button>
1973  </div>
1974
1975  <div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;">
1976    <p>限定公開記事のため引用できません。</p>
1977  </div>
1978</div>
1979
1980<script type="x-underscore-template" id="js-requote-button-template">
1981  <div class="requote-button js-requote-button">
1982    <button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button>
1983  </div>
1984</script>
1984
1985
1986
1987
1988  
1989  <div id="hidden-subscribe-button" style="display: none;">
1990    <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"
1991  
1992  >
1993
1994  <a href="#" class="hatena-follow-button js-hatena-follow-button">
1995    <span class="subscribing">
1996      <span class="foreground">読者です</span>
1997      <span class="background">読者をやめる</span>
1998    </span>
1999    <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once>
2000      <span class="foreground">読者になる</span>
2001      <span class="background">読者になる</span>
2002    </span>
2003  </a>
2004  <div class="subscription-count-box js-subscription-count-box">
2005    <i></i>
2006    <u></u>
2007    <span class="subscription-count js-subscription-count">
2008    </span>
2009  </div>
2010</div>
2011
2012  </div>
2013
2014  
2015
2016
2017
2018    
2019
2020
2021  
2021<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
2021
2022
2023<script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
2023
2024
2025
2026<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&amp;version=81b4f9174e082035a5996769b9dbae"></script>
2026
2027
2028
2029
2030
2031
2032
2033
2034<script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=81b4f9174e082035a5996769b9dbae"></script>
2034
2035
2036
2037
2038  
2038<script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=81b4f9174e082035a5996769b9dbae" crossorigin="anonymous"></script>
2038
2039
2040<script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=81b4f9174e082035a5996769b9dbae" crossorigin="anonymous" data-page-id="entry"></script>
2040
2041
2042
2043  
2043<script>Hatena.Diary.GlobalHeader.init()</script>
2043
2044
2045
2046
2047
2048
2049
2050
2051    
2052  
2052<script id="valve-dmp" data-service="blog" src="https://cdn.pool.st-hatena.com/valve/dmp.js" data-test-id="dmpjs" async></script>
2052
2053
2054
2055    
2056
2057
2058
2059
2060
2061  </body>
2062</html>
2063

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.