@d-zero/scaffold 5.0.0-beta.18 → 5.0.0-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/settings.json +9 -0
- package/CHANGELOG.md +6 -0
- package/README.md +7 -8
- package/__assets/_libs/component/c-nav-breadcrumb.pug +1 -1
- package/__assets/_libs/mixin/meta.pug +3 -1
- package/cspell.json +1 -0
- package/htdocs/__tmpl/000_home.html +279 -0
- package/htdocs/__tmpl/100_sub.html +1695 -0
- package/htdocs/__tmpl/200_blog_index.html +412 -0
- package/htdocs/__tmpl/210_blog_index.html +412 -0
- package/htdocs/__tmpl/300_form_input.html +800 -0
- package/htdocs/__tmpl/301_form_confirm.html +528 -0
- package/htdocs/__tmpl/302_form_complete.html +309 -0
- package/htdocs/__tmpl/index.html +82 -0
- package/htdocs/css/bge_style.css +13 -0
- package/htdocs/css/style.css +13 -0
- package/htdocs/index.html +13 -0
- package/htdocs/js/script.js +5 -0
- package/htdocs/sample/index.html +244 -0
- package/htdocs/sub-folder.test/css/style.css +7 -0
- package/htdocs/sub-folder.test/index.html +32 -0
- package/htdocs/sub-folder.test/js/script.js +5 -0
- package/kamado.config.ts +48 -0
- package/package.json +25 -24
- package/__assets/_libs/data/breadcrumbs.js +0 -77
- package/__assets/_libs/data/titlelist.js +0 -16
- package/eleventy.config.mjs +0 -82
|
@@ -0,0 +1,309 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="ja">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width">
|
|
6
|
+
<title>メールフォーム完了ページ | __tmpl__サイト名__</title>
|
|
7
|
+
<meta name="format-detection" content="telephone=no">
|
|
8
|
+
<meta name="description" content="">
|
|
9
|
+
<meta property="og:type" content="website">
|
|
10
|
+
<meta property="og:site_name" content="__サイト名__">
|
|
11
|
+
<meta property="og:url" content="https://example.com/__tmpl/302_form_complete.html">
|
|
12
|
+
<meta property="og:image" content="https://example.com/img/ogp.png">
|
|
13
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
14
|
+
<meta name="twitter:url" content="https://example.com/__tmpl/302_form_complete.html">
|
|
15
|
+
<meta name="twitter:title" content="__サイト名__">
|
|
16
|
+
<meta name="twitter:image" content="https://example.com/img/ogp.png">
|
|
17
|
+
<link rel="icon" href="/favicon.png">
|
|
18
|
+
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
|
|
19
|
+
<link href="/css/style.css" rel="stylesheet">
|
|
20
|
+
<link ⚠️="baserCMS組み込み時は削除してください" rel="stylesheet" href="/__tmpl/__burger_editor/css/colorbox.css">
|
|
21
|
+
<script src="/js/jquery.min.js"></script>
|
|
22
|
+
<script ⚠️="baserCMS組み込み時は削除してください" src="https://maps.google.com/maps/api/js?key=AIzaSyDc3Vko3MvdrlJuQyEmo0WiT50RIMMtk5g"></script>
|
|
23
|
+
<script ⚠️="baserCMS組み込み時は削除してください" src="/__tmpl/__burger_editor/js/bge_modules/jquery.colorbox-min.js"></script>
|
|
24
|
+
<script ⚠️="baserCMS組み込み時は削除してください" src="/__tmpl/__burger_editor/js/bge_modules/bge_functions.min.js"></script>
|
|
25
|
+
<script src="/js/script.js" type="module"></script>
|
|
26
|
+
</head>
|
|
27
|
+
<body class="c-page-sub">
|
|
28
|
+
<div class="c-page-sub__base">
|
|
29
|
+
<div class="c-page-sub__header">
|
|
30
|
+
<header class="c-header">
|
|
31
|
+
<div class="c-header__body">
|
|
32
|
+
<div class="c-header__title">
|
|
33
|
+
<div class="c-header__site-name">
|
|
34
|
+
<div>
|
|
35
|
+
<a href="__URL__"><span>サイトタイトル</span></a>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<p class="c-header__description">
|
|
39
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
40
|
+
</p>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="c-header__info">
|
|
43
|
+
<ul class="c-header__links">
|
|
44
|
+
<li>
|
|
45
|
+
<a href="__URL__"><span>会社概要</span></a>
|
|
46
|
+
</li>
|
|
47
|
+
<li>
|
|
48
|
+
<a href="__URL__"><span>新着情報</span></a>
|
|
49
|
+
</li>
|
|
50
|
+
<li>
|
|
51
|
+
<a href="__URL__"><span>サイトマップ</span></a>
|
|
52
|
+
</li>
|
|
53
|
+
</ul>
|
|
54
|
+
<div class="c-header__tel">
|
|
55
|
+
<a href="tel:0000000000"><span>00-0000-0000</span></a>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
</header>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="c-page-sub__nav-global">
|
|
62
|
+
<nav class="c-nav-global" aria-label="メインメニュー">
|
|
63
|
+
<div class="c-nav-global__body">
|
|
64
|
+
<ul class="c-nav-global__list">
|
|
65
|
+
<li class="c-nav-global__item">
|
|
66
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
67
|
+
</li>
|
|
68
|
+
<li class="c-nav-global__item">
|
|
69
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
70
|
+
</li>
|
|
71
|
+
<li class="c-nav-global__item">
|
|
72
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
73
|
+
</li>
|
|
74
|
+
<li class="c-nav-global__item">
|
|
75
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
76
|
+
</li>
|
|
77
|
+
<li class="c-nav-global__item">
|
|
78
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
79
|
+
</li>
|
|
80
|
+
<li class="c-nav-global__item">
|
|
81
|
+
<a href="__URL__"><span>コンテンツ</span></a>
|
|
82
|
+
</li>
|
|
83
|
+
</ul>
|
|
84
|
+
</div>
|
|
85
|
+
</nav>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="c-page-sub__main">
|
|
88
|
+
<main>
|
|
89
|
+
<article class="c-page-sub__content">
|
|
90
|
+
<div class="c-page-sub__title-page">
|
|
91
|
+
<div class="c-title-page">
|
|
92
|
+
<h1>メールフォーム完了ページ</h1>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="c-page-sub__nav-breadcrumb">
|
|
96
|
+
<div class="c-nav-breadcrumb">
|
|
97
|
+
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
|
|
98
|
+
<li class="c-nav-breadcrumb__item" itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" data-breadcrumb="home">
|
|
99
|
+
<a href="/" itemscope itemprop="item" itemtype="https://schema.org/WebPage" itemid="/"><span itemprop="name">Home</span></a>
|
|
100
|
+
<meta itemprop="position" content="1"><span class="c-nav-breadcrumb__separetor"></span>
|
|
101
|
+
</li>
|
|
102
|
+
<li class="c-nav-breadcrumb__item" itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem">
|
|
103
|
+
<a href="/__tmpl/" itemscope itemprop="item" itemtype="https://schema.org/WebPage" itemid="/__tmpl/"><span itemprop="name">__tmpl</span></a>
|
|
104
|
+
<meta itemprop="position" content="2"><span class="c-nav-breadcrumb__separetor"></span>
|
|
105
|
+
</li>
|
|
106
|
+
<li class="c-nav-breadcrumb__item" itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem">
|
|
107
|
+
<a href="/__tmpl/302_form_complete.html" itemscope itemprop="item" itemtype="https://schema.org/WebPage" itemid="/__tmpl/302_form_complete.html"><span itemprop="name">メールフォーム完了ページ</span></a>
|
|
108
|
+
<meta itemprop="position" content="3">
|
|
109
|
+
</li>
|
|
110
|
+
</ol>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="c-page-sub__content-body">
|
|
114
|
+
<div class="c-content-main">
|
|
115
|
+
<div class="cc-form-description">
|
|
116
|
+
<p>送信ありがとうございました。</p>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
</article>
|
|
121
|
+
</main>
|
|
122
|
+
</div>
|
|
123
|
+
<div class="c-page-sub__nav-sitemap">
|
|
124
|
+
<nav class="c-nav-sitemap" aria-label="ページ一覧">
|
|
125
|
+
<div class="c-nav-sitemap__body">
|
|
126
|
+
<ul data-sitemap-level="1">
|
|
127
|
+
<li data-sitemap-level="1">
|
|
128
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
129
|
+
<ul data-sitemap-level="2">
|
|
130
|
+
<li data-sitemap-level="2">
|
|
131
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
132
|
+
<ul data-sitemap-level="3">
|
|
133
|
+
<li data-sitemap-level="3">
|
|
134
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
135
|
+
</li>
|
|
136
|
+
<li data-sitemap-level="3">
|
|
137
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
138
|
+
</li>
|
|
139
|
+
<li data-sitemap-level="3">
|
|
140
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
141
|
+
</li>
|
|
142
|
+
<li data-sitemap-level="3">
|
|
143
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
144
|
+
</li>
|
|
145
|
+
</ul>
|
|
146
|
+
</li>
|
|
147
|
+
</ul>
|
|
148
|
+
</li>
|
|
149
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
150
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
151
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
152
|
+
<li data-sitemap-level="1">
|
|
153
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
154
|
+
<ul data-sitemap-level="2">
|
|
155
|
+
<li data-sitemap-level="2">
|
|
156
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
157
|
+
</li>
|
|
158
|
+
<li data-sitemap-level="2">
|
|
159
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
160
|
+
</li>
|
|
161
|
+
<li data-sitemap-level="2">
|
|
162
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
163
|
+
</li>
|
|
164
|
+
<li data-sitemap-level="2">
|
|
165
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
166
|
+
<ul data-sitemap-level="3">
|
|
167
|
+
<li data-sitemap-level="3">
|
|
168
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
169
|
+
</li>
|
|
170
|
+
<li data-sitemap-level="3">
|
|
171
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
172
|
+
</li>
|
|
173
|
+
<li data-sitemap-level="3">
|
|
174
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
175
|
+
</li>
|
|
176
|
+
</ul>
|
|
177
|
+
</li>
|
|
178
|
+
</ul>
|
|
179
|
+
</li>
|
|
180
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
181
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
182
|
+
<li data-sitemap-level="1">
|
|
183
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
184
|
+
<ul data-sitemap-level="2">
|
|
185
|
+
<li data-sitemap-level="2">
|
|
186
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
187
|
+
</li>
|
|
188
|
+
<li data-sitemap-level="2">
|
|
189
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
190
|
+
<ul data-sitemap-level="3">
|
|
191
|
+
<li data-sitemap-level="3">
|
|
192
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
193
|
+
</li>
|
|
194
|
+
<li data-sitemap-level="3">
|
|
195
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
196
|
+
</li>
|
|
197
|
+
<li data-sitemap-level="3">
|
|
198
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
199
|
+
</li>
|
|
200
|
+
</ul>
|
|
201
|
+
</li>
|
|
202
|
+
<li data-sitemap-level="2">
|
|
203
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
204
|
+
</li>
|
|
205
|
+
<li data-sitemap-level="2">
|
|
206
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
207
|
+
</li>
|
|
208
|
+
</ul>
|
|
209
|
+
</li>
|
|
210
|
+
<li data-sitemap-level="1">
|
|
211
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
212
|
+
<ul data-sitemap-level="2">
|
|
213
|
+
<li data-sitemap-level="2">
|
|
214
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
215
|
+
</li>
|
|
216
|
+
<li data-sitemap-level="2">
|
|
217
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
218
|
+
</li>
|
|
219
|
+
<li data-sitemap-level="2">
|
|
220
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
221
|
+
</li>
|
|
222
|
+
<li data-sitemap-level="2">
|
|
223
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
224
|
+
<ul data-sitemap-level="3">
|
|
225
|
+
<li data-sitemap-level="3">
|
|
226
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
227
|
+
</li>
|
|
228
|
+
<li data-sitemap-level="3">
|
|
229
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
230
|
+
</li>
|
|
231
|
+
</ul>
|
|
232
|
+
</li>
|
|
233
|
+
</ul>
|
|
234
|
+
</li>
|
|
235
|
+
<li data-sitemap-level="1"><a href="__URL__">Lv.1_ページタイトル</a></li>
|
|
236
|
+
<li data-sitemap-level="1">
|
|
237
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
238
|
+
<ul data-sitemap-level="2">
|
|
239
|
+
<li data-sitemap-level="2">
|
|
240
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
241
|
+
</li>
|
|
242
|
+
<li data-sitemap-level="2">
|
|
243
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
244
|
+
<ul data-sitemap-level="3">
|
|
245
|
+
<li data-sitemap-level="3">
|
|
246
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
247
|
+
</li>
|
|
248
|
+
<li data-sitemap-level="3">
|
|
249
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
250
|
+
</li>
|
|
251
|
+
<li data-sitemap-level="3">
|
|
252
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
253
|
+
</li>
|
|
254
|
+
</ul>
|
|
255
|
+
</li>
|
|
256
|
+
<li data-sitemap-level="2">
|
|
257
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
258
|
+
</li>
|
|
259
|
+
<li data-sitemap-level="2">
|
|
260
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
261
|
+
</li>
|
|
262
|
+
</ul>
|
|
263
|
+
</li>
|
|
264
|
+
<li data-sitemap-level="1">
|
|
265
|
+
<a href="__URL__">Lv.1_カテゴリインデックス</a>
|
|
266
|
+
<ul data-sitemap-level="2">
|
|
267
|
+
<li data-sitemap-level="2">
|
|
268
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
269
|
+
</li>
|
|
270
|
+
<li data-sitemap-level="2">
|
|
271
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
272
|
+
</li>
|
|
273
|
+
<li data-sitemap-level="2">
|
|
274
|
+
<a href="__URL__">Lv.2_ページタイトル</a>
|
|
275
|
+
</li>
|
|
276
|
+
<li data-sitemap-level="2">
|
|
277
|
+
<a href="__URL__">Lv.2_サブカテゴリインデックス</a>
|
|
278
|
+
<ul data-sitemap-level="3">
|
|
279
|
+
<li data-sitemap-level="3">
|
|
280
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
281
|
+
</li>
|
|
282
|
+
<li data-sitemap-level="3">
|
|
283
|
+
<a href="__URL__">Lv.3_ページタイトル</a>
|
|
284
|
+
</li>
|
|
285
|
+
</ul>
|
|
286
|
+
</li>
|
|
287
|
+
</ul>
|
|
288
|
+
</li>
|
|
289
|
+
</ul>
|
|
290
|
+
</div>
|
|
291
|
+
</nav>
|
|
292
|
+
</div>
|
|
293
|
+
<div class="c-page-sub__footer">
|
|
294
|
+
<footer class="c-footer">
|
|
295
|
+
<div class="c-footer__body">
|
|
296
|
+
<div class="c-footer__links">
|
|
297
|
+
<ul>
|
|
298
|
+
<li><a href="__URL__">個人情報保護方針</a></li>
|
|
299
|
+
<li><a href="__URL__">サイトポリシー</a></li>
|
|
300
|
+
<li><a href="__URL__">お問い合わせ</a></li>
|
|
301
|
+
</ul>
|
|
302
|
+
</div>
|
|
303
|
+
<small class="c-footer__copyright">©2024 THE SITE NAME Co.,Ltd.</small>
|
|
304
|
+
</div>
|
|
305
|
+
</footer>
|
|
306
|
+
</div>
|
|
307
|
+
</div>
|
|
308
|
+
</body>
|
|
309
|
+
</html>
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="ja">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>テンプレート一覧</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
7
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
8
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
9
|
+
<style>.list-group-item a{display:block}</style>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div class="c-content-main">
|
|
13
|
+
<main class="container">
|
|
14
|
+
<h1 class="my-5">テンプレート</h1>
|
|
15
|
+
<div class="alert alert-warning">
|
|
16
|
+
<h2 class="alert-heading">⚠️ コーディング時の注意</h2>
|
|
17
|
+
<h3 class="mt-4">デザイン確認</h3>
|
|
18
|
+
<ul>
|
|
19
|
+
<li>ブレイクポイントは確認しましたか？</li>
|
|
20
|
+
<li>必要なパーツは揃っていますか？</li>
|
|
21
|
+
<li>PCの横の最大幅が大きすぎないですか？</li>
|
|
22
|
+
<li>本文の1行の文字数は適切ですか？読みにくくないですか？</li>
|
|
23
|
+
<li>ウィンドウサイズを変更したときに、見切れる設計になっていませんか？</li>
|
|
24
|
+
<li>SPでの文字が小さすぎないですか？実寸で読みにくくないですか？</li>
|
|
25
|
+
<li>CMS要件に合っていますか？</li>
|
|
26
|
+
</ul>
|
|
27
|
+
<hr>
|
|
28
|
+
<h3>コーディング確認</h3>
|
|
29
|
+
<ul>
|
|
30
|
+
<li>
|
|
31
|
+
<a href="https://guidelines.d-zero.co.jp/#%F0%9F%8C%90-%E5%AF%BE%E5%BF%9C%E3%83%95%E3%82%99%E3%83%A9%E3%82%A6%E3%82%B5%E3%82%99%E3%81%A8%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%82%A4%E3%82%B9">対応ブラウザ</a>は確認しましたか？
|
|
32
|
+
</li>
|
|
33
|
+
<li>メタ情報の手配は済んでいますか？</li>
|
|
34
|
+
<li>
|
|
35
|
+
利用するJavaScriptライブラリは把握できていますか？ライセンスは確認しましたか？
|
|
36
|
+
</li>
|
|
37
|
+
<li>画像のファイルサイズを気にしていますか？拡張子は適切ですか？</li>
|
|
38
|
+
<li>
|
|
39
|
+
<a href="https://guidelines.d-zero.co.jp/js.html#%F0%9F%90%8E-%E3%83%8F%E3%82%9A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9%E3%82%92%E6%84%8F%E8%AD%98%E3%81%97%E3%81%9F%E5%AE%9F%E8%A3%85">パフォーマンスに影響を及ぼす処理</a>を書いていませんか？
|
|
40
|
+
</li>
|
|
41
|
+
<li>フォーカスインジケーターを消していませんか？</li>
|
|
42
|
+
<li>
|
|
43
|
+
OSのスクロールバー表示をオンにして、スクロールバーの発生を確認していますか？
|
|
44
|
+
</li>
|
|
45
|
+
</ul>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="list-group">
|
|
48
|
+
<!-- ⚠️ 注意: ページを増やす場合、番号は重複しないようにしてください。-->
|
|
49
|
+
<!-- トップページは000番台-->
|
|
50
|
+
<div class="list-group-item"><a href="000_home.html">トップページ</a></div>
|
|
51
|
+
<!-- 詳細ページは100番台-->
|
|
52
|
+
<div class="list-group-item">
|
|
53
|
+
<a href="100_sub.html">下層固定ページ・ブログ詳細ページ</a>
|
|
54
|
+
</div>
|
|
55
|
+
<!-- インデックスページは200番台-->
|
|
56
|
+
<div class="list-group-item">
|
|
57
|
+
<a href="200_blog_index.html">ブログA一覧ページ</a>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="list-group-item">
|
|
60
|
+
<a href="210_blog_index.html">ブログB一覧ページ</a>
|
|
61
|
+
</div>
|
|
62
|
+
<!-- メールフォームは300番台-->
|
|
63
|
+
<div class="list-group-item">
|
|
64
|
+
<a href="300_form_input.html">メールフォーム入力ページ</a>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="list-group-item">
|
|
67
|
+
<a href="301_form_confirm.html">メールフォーム確認ページ</a>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="list-group-item">
|
|
70
|
+
<a href="302_form_complete.html">メールフォーム完了ページ</a>
|
|
71
|
+
</div>
|
|
72
|
+
<!-- その他は400番台-->
|
|
73
|
+
</div>
|
|
74
|
+
<div class="list-group mt-5">
|
|
75
|
+
<div class="list-group-item">
|
|
76
|
+
<a href="https://guidelines.d-zero.co.jp" target="_blank">📖 コーディングガイドライン</a>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</main>
|
|
80
|
+
</div>
|
|
81
|
+
</body>
|
|
82
|
+
</html>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*
|
|
2
|
+
rev. 2025-12-22
|
|
3
|
+
copyright © 2025
|
|
4
|
+
*/
|
|
5
|
+
@layer reset, base, general, main-base, main-component;@layer reset{
|
|
6
|
+
|
|
7
|
+
/*! kiso.css v1.2.2 | MIT License | https://github.com/tak-dcxi/kiso.css */*,:after,:before{box-sizing:border-box}:where(:root){font-family:sans-serif;line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}:where(body){min-block-size:100dvb;margin:unset}:where(h1,h2,h3,h4,h5,h6){text-wrap:pretty}:where(h1){margin-block:.67em;font-size:2em}:where(h2,h3,h4,h5,h6){margin-block:unset}:where(search){display:block}:where(p,blockquote,figure,pre,address,ul,ol,dl,menu){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(p:lang(en)){text-wrap:pretty}:where(address:lang(ja)){font-style:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dt){font-weight:bolder}:where(dd){margin-inline-start:unset}:where(pre){text-spacing-trim:space-all;text-autospace:no-autospace}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,var):lang(ja)){font-style:unset}:where(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:unset;font-variant-ligatures:none}:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;cursor:help}:where(time){text-autospace:no-autospace}@media (forced-colors:active){:where(mark){background-color:Highlight;color:HighlightText}}@media print{:where(mark){border-width:1px;border-style:dotted}}:where(a:any-link){color:unset;text-decoration-line:unset;text-decoration-thickness:from-font}:where(img,svg,picture,video,canvas,model,audio,iframe,embed,object){block-size:auto;max-inline-size:100%;vertical-align:bottom}:where(iframe){border:unset}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(caption){text-wrap:pretty}::file-selector-button,:where(button,input,select,textarea){border:1px solid;border-color:unset;border-radius:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset}:where(input:is([type=radio i],[type=checkbox i])){margin:unset}:where(input[type=file i]){border:unset}:where(input[type=search i]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where(input[type=search i]){background-color:Canvas}}:where(input:is([type=tel i],[type=url i],[type=email i],[type=number i]):not(:placeholder-shown)){direction:ltr}:where(textarea){margin-block:unset;resize:block}:where(input:not([type=button i],[type=submit i],[type=reset i]),textarea,[contenteditable]){text-autospace:no-autospace}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i])){background-color:unset}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i]),[role=tab i],[role=button i],[role=option i]){touch-action:manipulation}:where(:enabled)::file-selector-button,:where(button:enabled,label[for],select:enabled,input:is([type=button i],[type=submit i],[type=reset i],[type=radio i],[type=checkbox i]):enabled,[role=tab i],[role=button i],[role=option i]){cursor:pointer}:where(fieldset){min-inline-size:0;margin-inline:unset;padding:unset;border:unset}:where(legend){padding-inline:unset}:where(progress){vertical-align:unset}::placeholder{opacity:unset}:where(summary){list-style-type:"";cursor:pointer}:where(summary)::-webkit-details-marker{display:none}:where(dialog,[popover]){overscroll-behavior-block:contain;padding:unset;border:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(dialog){max-inline-size:unset;max-block-size:unset}:where(dialog)::backdrop{background-color:oklch(0 0 0deg/30%)}:where([popover]){margin:unset}:where(:focus-visible){outline-offset:3px}[tabindex="-1"]:focus{outline:none!important}:where(:disabled,[aria-disabled=true i]){cursor:default}[hidden]:not([hidden=until-found i]){display:none!important}}@layer base{:root{--lightest-color:#fff;--darkest-color:#333;--base-font-color:var(--darkest-color);--border-color:var(--darkest-color);--base-font-size:16px;--base-line-height:1.8;--font-family-body:sans-serif;--font-family-heading:helvetica,var(--font-family-body);--font-size-h1:4em;--font-size-h2:2.66667em;--font-size-h3:2em;--font-size-h4:1.6em;--font-size-h5:1.33333em;--font-size-h6:1.14286em}}@layer general{*{&,&:after,&:before{box-sizing:border-box}}}@layer general{body{padding:0;margin:0;font-family:var(--font-family-body);font-size:var(--base-font-size);line-height:var(--base-line-height);color:var(--base-font-color)}button{border-radius:0}img{min-inline-size:0;min-block-size:0}}@layer general{}@layer general{}@layer main-base{[data-bge-container]{--bge-auto-repeat-base-width:50rem;--bge-options-max-width--normal:50rem;--bge-options-max-width--small:25rem;--bge-options-max-width--medium:37.5rem;--bge-options-max-width--large:75rem;--bge-options-max-width--full:100dvi;--bge-options-max-width:var(--bge-options-max-width--normal);--bge-options-margin--normal:3rem;--bge-options-margin--none:0;--bge-options-margin--small:1rem;--bge-options-margin--large:8rem;--bge-options-margin:var(--bge-options-margin--normal);--bge-options-bg-color--transparent:#0000;--bge-options-bg-color--white:#fff;--bge-options-bg-color--gray:#dfdfdf;--bge-options-bg-color--blue:#eaf3f8;--bge-options-bg-color--red:#fcc;--bge-options-bg-color:var(--bge-options-bg-color--transparent);--bge-options-padding-block--none:0;--bge-options-padding-block--small:1rem;--bge-options-padding-block--middle:3rem;--bge-options-padding-block--large:5rem;--bge-options-padding-block:var(--bge-options-padding-block--none);--bge-options-padding-inline--default-gutter:2rem;--bge-options-padding-inline--none:0;--bge-options-padding-inline--small:1rem;--bge-options-padding-inline--middle:3rem;--bge-options-padding-inline--large:5rem;--bge-options-padding-inline:var(--bge-options-padding-inline--default-gutter);--bge-options-column-gap--normal:1rem;--bge-options-column-gap--none:0;--bge-options-column-gap--small:0.5rem;--bge-options-column-gap--large:5rem;--bge-options-column-gap:var(--bge-options-column-gap--normal);--bge-options-row-gap--normal:1rem;--bge-options-row-gap--none:0;--bge-options-row-gap--small:0.5rem;--bge-options-row-gap--large:5rem;--bge-options-row-gap:var(--bge-options-row-gap--normal);--bge-options-_grid_subgrid-gap--normal:1rem;--bge-options-_grid_subgrid-gap--none:0;--bge-options-_grid_subgrid-gap--small:0.5rem;--bge-options-_grid_subgrid-gap--large:1rem;--bge-options-_grid_subgrid-gap:var(--bge-options-_grid_subgrid-gap--normal)}:where([data-bge-container]){--_margin-block-end:var(--bge-options-margin);--_margin-block-end_when-last:0;inline-size:100%;max-inline-size:var(--bge-options-max-width);padding-block:var(--bge-options-padding-block);padding-inline:var(--bge-options-padding-inline);margin-block-end:var(--_margin-block-end);margin-inline:auto;container-name:bge-container;container-type:inline-size;background-color:var(--bge-options-bg-color);&:where(:last-child){--_margin-block-end:var(--_margin-block-end_when-last)}}:where([data-bge-container-frame]){inline-size:100%;&:is(ul,ol){padding:0;margin:0;list-style:none}}:where([data-bge-container=grid],[data-bge-container^="grid:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));--_subgrid-gap:var(--bge-options-_grid_subgrid-gap,var(--_gap-block));&:where([data-bge-container$=":2"],[data-bge-container*=":2:"])
|
|
8
|
+
:where([data-bge-container-frame]){--bge-grid-col:2}&:where([data-bge-container$=":3"],[data-bge-container*=":3:"])
|
|
9
|
+
:where([data-bge-container-frame]){--bge-grid-col:3}&:where([data-bge-container$=":4"],[data-bge-container*=":4:"])
|
|
10
|
+
:where([data-bge-container-frame]){--bge-grid-col:4}&:where([data-bge-container$=":5"],[data-bge-container*=":5:"])
|
|
11
|
+
:where([data-bge-container-frame]){--bge-grid-col:5}:where([data-bge-container-frame]){--_grid-col:var(--bge-grid-col,1);--_repeat-base-width:calc(var(--bge-auto-repeat-base-width)/var(--_grid-col));display:grid;grid-template-columns:repeat(var(--_grid-col),minmax(0,1fr));gap:var(--_gap-block) var(--_gap-inline);&:is([data-bge-container*=":auto-fit:"] *){grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--_repeat-base-width)),1fr))}&:is([data-bge-container*=":auto-fill:"] *){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--_repeat-base-width)),1fr))}}:where([data-bge-group]){--item-count:1;display:grid;grid-template-rows:subgrid;grid-row:span var(--item-count);gap:var(--_subgrid-gap) 0;&:is(li){list-style:none}&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child){--item-count:2}&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child){--item-count:3}&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child){--item-count:4}&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child){--item-count:5}&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child){--item-count:6}&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child){--item-count:7}&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child){--item-count:8}}:where([data-bge-item]){display:flex;align-items:stretch;align-self:stretch;justify-content:start;container-name:bge-item;container-type:inline-size;>*{flex:0 0 100%}}}:where([data-bge-container=inline],[data-bge-container^="inline:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));:where([data-bge-container-frame]){display:flex;flex-wrap:wrap;gap:var(--_gap-block) var(--_gap-inline);align-items:stretch;justify-content:center;&:where(:is([data-bge-container$=":center"],[data-bge-container*=":center:"]) *){justify-content:center}&:where(:is([data-bge-container$=":start"],[data-bge-container*=":start:"]) *){justify-content:start}&:where(:is([data-bge-container$=":end"],[data-bge-container*=":end:"]) *){justify-content:end}&:where(:is([data-bge-container$=":between"],[data-bge-container*=":between:"]) *){justify-content:space-between}&:where(:is([data-bge-container$=":around"],[data-bge-container*=":around:"]) *){justify-content:space-around}&:where(:is([data-bge-container$=":evenly"],[data-bge-container*=":evenly:"]) *){justify-content:space-evenly}&:where(:is([data-bge-container$=":align-center"],[data-bge-container*=":align-center:"]) *){align-items:center}&:where(:is([data-bge-container$=":align-start"],[data-bge-container*=":align-start:"]) *){align-items:start}&:where(:is([data-bge-container$=":align-end"],[data-bge-container*=":align-end:"]) *){align-items:end}&:where(:is([data-bge-container$=":align-stretch"],[data-bge-container*=":align-stretch:"])
|
|
12
|
+
*){align-items:stretch}&:where(:is([data-bge-container$=":align-baseline"],[data-bge-container*=":align-baseline:"])
|
|
13
|
+
*){--align:baseline}&:where(:is([data-bge-container$=":wrap"],[data-bge-container*=":wrap:"]) *){flex-wrap:wrap}&:where(:is([data-bge-container$=":nowrap"],[data-bge-container*=":nowrap:"]) *){flex-wrap:nowrap}}&:where([data-bge-container$=":immutable"],[data-bge-container*=":immutable:"]){&:has([data-bge-group]:nth-child(2):last-child){:where([data-bge-group]){&:has([data-bge-scale]){flex-grow:0;flex-shrink:0}&:not(:has([data-bge-scale])){flex-grow:1;flex-shrink:1}}}:where([data-bge-group]){flex:1 1 auto}}}:where([data-bge-container=float],[data-bge-container^="float:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));--bge-grid-float:none;--margin-inline:0;&:where([data-bge-container$=":start"],[data-bge-container*=":start:"]){--bge-grid-float:inline-start;--margin-inline:0 var(--_gap-inline)}&:where([data-bge-container$=":end"],[data-bge-container*=":end:"]){--bge-grid-float:inline-end;--margin-inline:var(--_gap-inline) 0}:where([data-bge-container-frame]){&:after{clear:both;display:block;content:""}&>:where(:first-child){float:var(--bge-grid-float,none);inline-size:fit-content;margin-inline:var(--margin-inline)}}}:where([data-bgc-flex-box]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));display:flex;flex-wrap:wrap;gap:var(--_gap-block) var(--_gap-inline);align-items:center;&[data-bgc-flex-box=start]{justify-content:start}&[data-bgc-flex-box=end]{justify-content:end}&[data-bgc-flex-box=center]{justify-content:center}&[data-bgc-flex-box=between]{justify-content:space-between}&[data-bgc-flex-box=around]{justify-content:space-around}&[data-bgc-flex-box=evenly]{justify-content:space-evenly}}[data-bgi=youtube]{>div{position:relative;display:grid;grid-template-areas:"one";inline-size:100%;aspect-ratio:16/9;overflow:hidden}iframe{border:none}iframe,img{display:block;grid-area:one;inline-size:100%;block-size:100%;margin:0}img{z-index:0;padding:0;object-fit:cover}img,svg{position:relative}svg{z-index:1;display:block;grid-area:one;place-self:center;inline-size:10%;block-size:auto}}[data-bgi=import]{bge-import{&:before{font-weight:700;content:"Import: "}&:after{content:attr(src)}}}[data-bgi=google-maps]{div{aspect-ratio:8/5}div,img{inline-size:100%}img{display:block;block-size:100%;margin-block:0;margin-inline:auto;object-fit:contain}a{display:none}}[data-bgi=hr]{--inline-size:100%;--border-color:#000;--border-width:1px;--border-kind:solid;>div{display:flex;justify-content:center}hr{inline-size:var(--inline-size);border:var(--border-color) var(--border-kind) var(--border-width)}}[data-bgi=image]{figure{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:var(--css-width,100%);max-inline-size:100cqi;padding:0;margin-block:0;margin-inline:auto;>:is(div,a,button){display:block;padding:0;background:#0000;border:none}}img{display:block;inline-size:var(--css-width,auto);max-inline-size:100%;block-size:auto;aspect-ratio:var(--aspect-ratio,unset);object-fit:var(--object-fit,unset)}figcaption{display:flex;justify-content:center;inline-size:100%;&:empty{display:none}}}[data-bgi=download-file]{[data-bge*=size]{&:before{content:"("}&:after{content:")"}}}}@layer main{.c-content-main{:where(h2,h3,h4,h5,h6,p){margin-block-end:1rem}:where(ul,ol,table,blockquote){margin-block-end:2rem}:where(h2){font-size:var(--font-size-h2)}:where(h3){font-size:var(--font-size-h3)}:where(h4){font-size:var(--font-size-h4)}:where(h5){font-size:var(--font-size-h5)}:where(h6){font-size:var(--font-size-h6)}:where(ul,ol){list-style-position:inside}:where(blockquote){padding-inline:1rem;border-inline-start:3px solid var(--border-color)}:where(table){inline-size:100%;border-collapse:collapse}:where(th,td){padding:1rem;border:1px solid var(--border-color)}[data-bgi]{:where(&,&>div){:where(&>:first-child){margin-block-start:0}:where(&>:last-child){margin-block-end:0}}}[data-bgi=button],[data-bgi=download-file]{a{display:flex;justify-content:center;min-inline-size:10em;max-inline-size:20em;padding-block:.5em;padding-inline:1em;color:inherit;text-decoration:none;border:1px solid;border-radius:calc(infinity*1px)}}[data-bgi=table],[data-bgi=wysiwyg]{table{inline-size:100%;border-spacing:0;border-collapse:collapse;td,th{padding:1.5em;border:1px solid}}}[data-bgi=hr]{--border-color:currentcolor;--border-width:3px;[data-bgi-hr-kind=dashed]{--border-kind:dashed}[data-bgi-hr-kind=bold]{--border-width:5px}[data-bgi-hr-kind=narrow]{--border-width:1px}[data-bgi-hr-kind=short]{--inline-size:50%}}@container bge-container (width < 768px){[data-bge-container="grid:1"],[data-bge-container^="grid:1:"]{[data-bge-container-frame]{--bge-grid-col:1}}[data-bge-container="grid:2"],[data-bge-container^="grid:2:"]{[data-bge-container-frame]{--bge-grid-col:2}}[data-bge-container="grid:3"],[data-bge-container^="grid:3:"]{[data-bge-container-frame]{--bge-grid-col:2;>:nth-child(odd):last-child{grid-column:span 2}}}[data-bge-container="grid:4"],[data-bge-container^="grid:4:"]{[data-bge-container-frame]{--bge-grid-col:2}}[data-bge-container="grid:5"],[data-bge-container^="grid:5:"]{[data-bge-container-frame]{--bge-grid-col:2;>:nth-child(odd):last-child{grid-column:span 2}}}}.cc-form-description{font-size:.875rem}.cc-form{margin-block:0;margin-inline:auto}.cc-form-field-list{display:flex;flex-direction:column}.cc-form-fieldset{display:block;padding-block:1rem;padding-inline:2rem;fieldset{border:none}fieldset,legend{padding:0;margin:0}}.cc-form-fieldset-heading{display:flex;align-items:center;font-size:1.125rem;font-weight:700;label{display:block;cursor:pointer}.optional,.required{display:block;margin-block:0;margin-inline:0 .5rem;font-size:.66667rem;line-height:1;border-radius:.2rem}}.cc-form-fieldset-attention{margin-block:.5rem;margin-inline:0;font-size:.66667rem;font-weight:400}.cc-form-fieldset-body{margin-block-start:1rem}.mail-field{padding-block:0 1rem;padding-inline:0;margin-block:0;margin-inline:0 1rem;&:last-child{border-block-end:1px solid var(--border-color)}&[data-type=select],&[data-type=text]{display:grid;grid-template:"before-attachment input after-attachment" auto "description description description" auto "error-message error-message error-message" auto/auto 1fr auto;gap:0;>*{place-self:center flex-start}.mail-before-attachment{grid-area:before-attachment;margin-block:0;margin-inline:0 1rem;&:empty{margin:0}}.mail-input{grid-area:input}.mail-after-attachment{grid-area:after-attachment;margin-block:0;margin-inline:1rem 0;&:empty{margin:0}}.mail-description{grid-area:description;font-size:.75rem}.error-message{grid-area:error-message;font-size:.75rem}}.mail-before-attachment{font-weight:700}.mail-input{display:block;grid-area:input;inline-size:100%;input:not([type=radio],[type=checkbox]),textarea{inline-size:100%;padding-inline:.5rem;font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:.2rem;&[size]{inline-size:auto}&[type=file]{padding-block:0;padding-inline:0 1rem;&::-webkit-file-upload-button{appearance:none;border:none}}}input:not([type=radio],[type=checkbox]){&:not([size]){inline-size:100%}}textarea{&:not([cols]){inline-size:100%}}select{padding-block:.5rem;padding-inline:.5rem calc(0.5rem + 26px);appearance:none;background-image:url(/img/bg-arrow.svg);background-repeat:no-repeat;background-position:right calc(0.2rem + 2px) top calc(50% + 2px);border:1px solid var(--border-color);border-radius:.2rem}}.checkbox{display:flex;align-items:center;justify-content:flex-start;input{display:block;padding:0;margin:0;line-height:1}label{cursor:pointer}}.mail-group-radio{>span{display:flex;align-items:center;justify-content:flex-start;input{display:block;padding:0;margin-block:0;margin-inline:0 .5rem;line-height:1}label{cursor:pointer}}}}}}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*
|
|
2
|
+
rev. 2025-12-22
|
|
3
|
+
copyright © 2025
|
|
4
|
+
*/
|
|
5
|
+
@layer reset, base, general, component, main-base, main;@layer reset{
|
|
6
|
+
|
|
7
|
+
/*! kiso.css v1.2.2 | MIT License | https://github.com/tak-dcxi/kiso.css */*,:after,:before{box-sizing:border-box}:where(:root){font-family:sans-serif;line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}:where(body){min-block-size:100dvb;margin:unset}:where(h1,h2,h3,h4,h5,h6){text-wrap:pretty}:where(h1){margin-block:.67em;font-size:2em}:where(h2,h3,h4,h5,h6){margin-block:unset}:where(search){display:block}:where(p,blockquote,figure,pre,address,ul,ol,dl,menu){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(p:lang(en)){text-wrap:pretty}:where(address:lang(ja)){font-style:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dt){font-weight:bolder}:where(dd){margin-inline-start:unset}:where(pre){text-spacing-trim:space-all;text-autospace:no-autospace}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,var):lang(ja)){font-style:unset}:where(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:unset;font-variant-ligatures:none}:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;cursor:help}:where(time){text-autospace:no-autospace}@media (forced-colors:active){:where(mark){background-color:Highlight;color:HighlightText}}@media print{:where(mark){border-width:1px;border-style:dotted}}:where(a:any-link){color:unset;text-decoration-line:unset;text-decoration-thickness:from-font}:where(img,svg,picture,video,canvas,model,audio,iframe,embed,object){block-size:auto;max-inline-size:100%;vertical-align:bottom}:where(iframe){border:unset}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(caption){text-wrap:pretty}::file-selector-button,:where(button,input,select,textarea){border:1px solid;border-color:unset;border-radius:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset}:where(input:is([type=radio i],[type=checkbox i])){margin:unset}:where(input[type=file i]){border:unset}:where(input[type=search i]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where(input[type=search i]){background-color:Canvas}}:where(input:is([type=tel i],[type=url i],[type=email i],[type=number i]):not(:placeholder-shown)){direction:ltr}:where(textarea){margin-block:unset;resize:block}:where(input:not([type=button i],[type=submit i],[type=reset i]),textarea,[contenteditable]){text-autospace:no-autospace}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i])){background-color:unset}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i]),[role=tab i],[role=button i],[role=option i]){touch-action:manipulation}:where(:enabled)::file-selector-button,:where(button:enabled,label[for],select:enabled,input:is([type=button i],[type=submit i],[type=reset i],[type=radio i],[type=checkbox i]):enabled,[role=tab i],[role=button i],[role=option i]){cursor:pointer}:where(fieldset){min-inline-size:0;margin-inline:unset;padding:unset;border:unset}:where(legend){padding-inline:unset}:where(progress){vertical-align:unset}::placeholder{opacity:unset}:where(summary){list-style-type:"";cursor:pointer}:where(summary)::-webkit-details-marker{display:none}:where(dialog,[popover]){overscroll-behavior-block:contain;padding:unset;border:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(dialog){max-inline-size:unset;max-block-size:unset}:where(dialog)::backdrop{background-color:oklch(0 0 0deg/30%)}:where([popover]){margin:unset}:where(:focus-visible){outline-offset:3px}[tabindex="-1"]:focus{outline:none!important}:where(:disabled,[aria-disabled=true i]){cursor:default}[hidden]:not([hidden=until-found i]){display:none!important}}@layer base{:root{--lightest-color:#fff;--darkest-color:#333;--base-font-color:var(--darkest-color);--border-color:var(--darkest-color);--base-font-size:16px;--base-line-height:1.8;--font-family-body:sans-serif;--font-family-heading:helvetica,var(--font-family-body);--font-size-h1:4em;--font-size-h2:2.66667em;--font-size-h3:2em;--font-size-h4:1.6em;--font-size-h5:1.33333em;--font-size-h6:1.14286em}}@layer general{*{&,&:after,&:before{box-sizing:border-box}}}@layer general{body{padding:0;margin:0;font-family:var(--font-family-body);font-size:var(--base-font-size);line-height:var(--base-line-height);color:var(--base-font-color)}button{border-radius:0}img{min-inline-size:0;min-block-size:0}}@layer general{}@layer general{}@layer component{.c-page-home,.c-page-home__base{inline-size:100%;block-size:100%}.c-page-home__base{display:grid;grid-template:"header" auto "nav-global" auto "main" 1fr "nav-sitemap" auto "footer" auto/1fr}.c-page-home__header{grid-area:header}.c-page-home__nav-global{grid-area:nav-global}.c-page-home__main{grid-area:main;>*{inline-size:var(--content-width);padding-inline:1rem;margin-inline:auto}}.c-page-home__nav-sitemap{grid-area:nav-sitemap}.c-page-home__footer{grid-area:footer}.c-page-sub,.c-page-sub__base{inline-size:100%;block-size:100%}.c-page-sub__base{display:grid;grid-template:"header" auto "nav-global" auto "main" 1fr "nav-sitemap" auto "footer" auto/1fr}.c-page-sub__header{grid-area:header}.c-page-sub__nav-global{grid-area:nav-global}.c-page-sub__main{grid-area:main}.c-page-sub__nav-sitemap{grid-area:nav-sitemap}.c-page-sub__footer{grid-area:footer}.c-page-sub__content{padding-inline:2em}.c-page-sub__title-page{max-inline-size:var(--wide-layout-width);margin-block-end:1em;margin-inline:auto}.c-page-sub__nav-breadcrumb{max-inline-size:var(--wide-layout-width);margin-block-end:2em;margin-inline:auto}.c-page-sub__content-index{padding-block-end:3.52941em}.c-page-sub__content-index,.c-page-sub__content-main{max-inline-size:var(--content-width);margin-inline:auto}.c-header{padding-block:1.5rem 1.7rem;padding-inline:2rem;border-block-end:1px solid var(--border-color)}}@layer component{}@layer component{.c-header__body{display:flex;align-items:center;justify-content:space-between;margin-block:0;margin-inline:auto;@media (width < 992px){display:block}}.c-header__title{flex:0 1 auto;@media (width < 992px){margin-block-end:2rem;text-align:center}}.c-header__site-name{margin:0;>a{display:block;color:inherit;text-decoration:none}}.c-header__description{margin:0}.c-header__info{display:flex;flex:0 1 auto;flex-direction:column}.c-header__links{display:flex;flex:0 1 auto;padding:0;margin:0;@media (width < 992px){margin-block:0 1rem;margin-inline:auto}>li{display:block;flex:0 1 auto;>a{display:block;padding-block:.5rem;padding-inline:1rem;color:inherit;text-decoration:none}}}.c-header__tel{flex:0 1 auto;text-align:end;>a{inline-size:100%;padding-block:.5rem;padding-inline:1rem;color:inherit;text-align:center;text-decoration:none;border-radius:5px;@media (width < 992px){display:block;inline-size:80%;margin-block:0;margin-inline:auto;text-align:center}}}}@layer component{.c-footer{padding-block-end:2rem}.c-footer__body{margin-block:0;margin-inline:auto}.c-footer__links{ul{display:flex;justify-content:center;padding:0;margin-block:0 1rem;margin-inline:0;@media (width < 768px){display:block}}li{padding:0;margin-block:0;margin-inline:1rem}a,li{display:block}a{padding:1rem;color:inherit;text-decoration:none}}.c-footer__copyright{display:block;text-align:center}.c-nav-global{position:relative;margin-block-end:1em;border-block-end:1px solid var(--border-color)}.c-nav-global__body{margin-block:0;margin-inline:auto}}@layer component{.c-nav-global__list{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;padding:0;margin:0;@media (width < 992px){flex-wrap:wrap}@media (width < 992px){display:block}}.c-nav-global__item{display:block;flex:1 1 auto;>a{display:block;color:inherit;text-align:center;text-decoration:none;@media (width < 992px){border-block-end:1px solid var(--border-color)}>span{display:block;padding-block:1em;padding-inline:2em;border-inline-start:1px solid var(--border-color);@media (width < 992px){border-inline-start:none}}}&:first-child{>a{>span{border:none}}}&:last-child{>a{@media (width < 992px){border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium}}}}.c-nav-global__sub-nav{position:absolute;inset-inline-start:0;inline-size:100%;@media (width < 992px){position:static}>ul{display:flex;flex-wrap:nowrap;justify-content:space-around;@media (width < 992px){display:block;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}>li{list-style:none;@media (width < 992px){border-block-end:1px solid var(--border-color)}>a{display:block;inline-size:100%;padding:1em;color:inherit;text-decoration:none;@media (width < 992px){text-align:center}&:hover{opacity:.7}}}}}}@layer component{.c-nav-sitemap{padding-block:2rem;padding-inline:0;@media (width < 576px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}a{display:block;padding-inline-start:2rem;color:inherit;text-decoration:none;@media (width < 576px){padding-block:1em;padding-inline:2em}}ul[data-sitemap-level="1"]{padding:0;margin:0;column-count:4;@media (width < 576px){column-count:1}@media (576px <= width < 768px){column-count:2}@media (768px <= width < 992px){column-count:3}}li[data-sitemap-level="1"]{display:inline-block;inline-size:100%;padding:0;margin:0;margin-block:0 1em;margin-inline:0;break-inside:avoid-column;a{@media (width < 576px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;border-block-end:2px solid var(--border-color);:before{display:none;margin:0}}}}ul[data-sitemap-level="2"]{padding-inline-start:1em;margin:0;@media (width < 576px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}li[data-sitemap-level="2"]{display:block;padding:0;margin:0;margin-block:0 .5em;margin-inline:0;@media (width < 576px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}a{@media (width < 576px){padding-block:1em;padding-inline:2em;border-block-end:1px solid var(--border-color)}&:before{@media (width < 576px){display:none;margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}}}ul[data-sitemap-level="3"]{padding-inline-start:1em;margin:0;@media (width < 576px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}li[data-sitemap-level="3"]{display:block;padding:0;margin:0;a{&:before{border:1px solid var(--border-color);@media (width < 576px){display:none;margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}}}}.c-nav-sitemap__body{max-inline-size:var(--wide-layout-width);margin-block:0;margin-inline:auto;overflow:hidden;@media (width < 992px){max-inline-size:100%}}}@layer component{.c-nav-breadcrumb{@media (width < 992px){display:none}ol{display:flex;justify-content:flex-start;padding:0;margin:0;>li{list-style:none;&:last-child a{:after{display:none}}}}a{display:inline-block;color:inherit;text-decoration:underline;:after{display:inline-block;content:" > "}}}.c-nav-breadcrumb__item{display:inline-block;padding:0;margin:0}.c-nav-breadcrumb__item[data-breadcrumb=current]{a{text-decoration:none}}}@layer component{.c-title-page{h1{margin:0;font-size:var(--font-size-h1);text-align:start;border:1px solid #0000;border-radius:5px}}}@layer component{.c-pagination{clear:both;display:flex;justify-content:center;margin-block-start:1rem;overflow:hidden;text-align:center;@media (width < 576px){justify-content:space-between}a{color:currentcolor;text-decoration:none;background:none}}.c-pagination__next,.c-pagination__prev{a{position:relative;display:flex;align-items:center;padding-inline:1rem;border:1px solid var(--border-color);&[data-disabled=true]{pointer-events:none;opacity:.3}}}.c-pagination__prev{order:1;:before{content:"<"}}.c-pagination__next{order:3;:after{content:"＞"}}.c-pagination__numbers{display:flex;order:2;padding:0;margin-block:0;margin-inline:2rem;font-weight:700;list-style:none;@media (width < 576px){display:none}}.c-pagination__number{display:block;margin-block:0;margin-inline:.5rem;list-style:none;&:hover{padding-block-end:2px;border-block-end:2px solid var(--border-color)}a{display:block;padding-block:0;padding-inline:.3rem;text-align:center;&:after{display:none}}}.c-pagination__number--current{border-block-end:2px solid var(--border-color);&:hover{padding-block-end:0}}}@layer component{.c-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.76471rem,1fr));gap:.5rem}}@layer component{.c-card{position:relative;block-size:100%;overflow:hidden;outline:2px solid #0000;border:1px solid var(--border-color);transition:outline .3s;&:has(a:hover){outline:2px solid var(--border-color);border:1px solid var(--border-color)}>a{block-size:100%;color:currentcolor;text-decoration:none}}.c-card__img{inline-size:100%;img{inset-block-start:0;inset-inline-start:0;display:block;inline-size:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top}}.c-card__header{flex:0 1 auto;padding-inline:1rem}.c-card__body{flex:0 1 100%;padding-block:.5rem 2rem;padding-inline:1rem}.c-card__title{padding:0;margin-block:0;margin-inline:auto}.c-card__time{display:none}.c-card__tags{ul{padding:0;margin-block:0;margin-inline:auto;list-style:none}}.c-card__tag-item{display:inline-block;padding:0;margin:0;list-style:none;span{display:block;padding-block:.2rem;padding-inline:1rem}}.c-card__author{display:none}.c-card__description{padding:0;margin:0;p{padding:0;margin:0}}}@layer component{.c-media-list{display:grid;grid-template-columns:1fr;gap:.5rem}}@layer component{.c-media{position:relative;block-size:100%;overflow:hidden;outline:2px solid #0000;border:1px solid var(--border-color);transition:outline .3s;&:has(a:hover){outline:2px solid var(--border-color);border:1px solid var(--border-color)}>a{display:grid;grid-template:"img header" auto "img body" auto/33.33333% 66.66667%;block-size:100%;color:currentcolor;text-decoration:none}}.c-media__img{grid-area:img;img{inset-block-start:0;inset-inline-start:0;display:block;inline-size:100%;block-size:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top}}.c-media__header{flex:0 1 auto;grid-area:header;padding-block:0;padding-inline:1.5em}.c-media__body{flex:0 1 100%;grid-area:body;padding-block:.5em 2em;padding-inline:1.5em}.c-media__title{padding:0;margin-block:0;margin-inline:auto}.c-media__category,.c-media__meta,.c-media__time{display:none}.c-media__tags{ul{padding:0;margin-block:0;margin-inline:auto;list-style:none}}.c-media__tag-item{display:inline-block;padding:0;margin:0;list-style:none;span{display:block;padding-block:.2em;padding-inline:1em}}.c-media__author{display:none}.c-media__description{padding:0;margin:0;p{padding:0;margin:0}}}@layer component{.c-content-index{margin:0}.c-content-index__body{margin-block:0;margin-inline:auto}}@layer main-base{[data-bge-container]{--bge-auto-repeat-base-width:50rem;--bge-options-max-width--normal:50rem;--bge-options-max-width--small:25rem;--bge-options-max-width--medium:37.5rem;--bge-options-max-width--large:75rem;--bge-options-max-width--full:100dvi;--bge-options-max-width:var(--bge-options-max-width--normal);--bge-options-margin--normal:3rem;--bge-options-margin--none:0;--bge-options-margin--small:1rem;--bge-options-margin--large:8rem;--bge-options-margin:var(--bge-options-margin--normal);--bge-options-bg-color--transparent:#0000;--bge-options-bg-color--white:#fff;--bge-options-bg-color--gray:#dfdfdf;--bge-options-bg-color--blue:#eaf3f8;--bge-options-bg-color--red:#fcc;--bge-options-bg-color:var(--bge-options-bg-color--transparent);--bge-options-padding-block--none:0;--bge-options-padding-block--small:1rem;--bge-options-padding-block--middle:3rem;--bge-options-padding-block--large:5rem;--bge-options-padding-block:var(--bge-options-padding-block--none);--bge-options-padding-inline--default-gutter:2rem;--bge-options-padding-inline--none:0;--bge-options-padding-inline--small:1rem;--bge-options-padding-inline--middle:3rem;--bge-options-padding-inline--large:5rem;--bge-options-padding-inline:var(--bge-options-padding-inline--default-gutter);--bge-options-column-gap--normal:1rem;--bge-options-column-gap--none:0;--bge-options-column-gap--small:0.5rem;--bge-options-column-gap--large:5rem;--bge-options-column-gap:var(--bge-options-column-gap--normal);--bge-options-row-gap--normal:1rem;--bge-options-row-gap--none:0;--bge-options-row-gap--small:0.5rem;--bge-options-row-gap--large:5rem;--bge-options-row-gap:var(--bge-options-row-gap--normal);--bge-options-_grid_subgrid-gap--normal:1rem;--bge-options-_grid_subgrid-gap--none:0;--bge-options-_grid_subgrid-gap--small:0.5rem;--bge-options-_grid_subgrid-gap--large:1rem;--bge-options-_grid_subgrid-gap:var(--bge-options-_grid_subgrid-gap--normal)}:where([data-bge-container]){--_margin-block-end:var(--bge-options-margin);--_margin-block-end_when-last:0;inline-size:100%;max-inline-size:var(--bge-options-max-width);padding-block:var(--bge-options-padding-block);padding-inline:var(--bge-options-padding-inline);margin-block-end:var(--_margin-block-end);margin-inline:auto;container-name:bge-container;container-type:inline-size;background-color:var(--bge-options-bg-color);&:where(:last-child){--_margin-block-end:var(--_margin-block-end_when-last)}}:where([data-bge-container-frame]){inline-size:100%;&:is(ul,ol){padding:0;margin:0;list-style:none}}:where([data-bge-container=grid],[data-bge-container^="grid:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));--_subgrid-gap:var(--bge-options-_grid_subgrid-gap,var(--_gap-block));&:where([data-bge-container$=":2"],[data-bge-container*=":2:"])
|
|
8
|
+
:where([data-bge-container-frame]){--bge-grid-col:2}&:where([data-bge-container$=":3"],[data-bge-container*=":3:"])
|
|
9
|
+
:where([data-bge-container-frame]){--bge-grid-col:3}&:where([data-bge-container$=":4"],[data-bge-container*=":4:"])
|
|
10
|
+
:where([data-bge-container-frame]){--bge-grid-col:4}&:where([data-bge-container$=":5"],[data-bge-container*=":5:"])
|
|
11
|
+
:where([data-bge-container-frame]){--bge-grid-col:5}:where([data-bge-container-frame]){--_grid-col:var(--bge-grid-col,1);--_repeat-base-width:calc(var(--bge-auto-repeat-base-width)/var(--_grid-col));display:grid;grid-template-columns:repeat(var(--_grid-col),minmax(0,1fr));gap:var(--_gap-block) var(--_gap-inline);&:is([data-bge-container*=":auto-fit:"] *){grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--_repeat-base-width)),1fr))}&:is([data-bge-container*=":auto-fill:"] *){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--_repeat-base-width)),1fr))}}:where([data-bge-group]){--item-count:1;display:grid;grid-template-rows:subgrid;grid-row:span var(--item-count);gap:var(--_subgrid-gap) 0;&:is(li){list-style:none}&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child){--item-count:2}&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child){--item-count:3}&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child){--item-count:4}&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child){--item-count:5}&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child){--item-count:6}&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child){--item-count:7}&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child){--item-count:8}}:where([data-bge-item]){display:flex;align-items:stretch;align-self:stretch;justify-content:start;container-name:bge-item;container-type:inline-size;>*{flex:0 0 100%}}}:where([data-bge-container=inline],[data-bge-container^="inline:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));:where([data-bge-container-frame]){display:flex;flex-wrap:wrap;gap:var(--_gap-block) var(--_gap-inline);align-items:stretch;justify-content:center;&:where(:is([data-bge-container$=":center"],[data-bge-container*=":center:"]) *){justify-content:center}&:where(:is([data-bge-container$=":start"],[data-bge-container*=":start:"]) *){justify-content:start}&:where(:is([data-bge-container$=":end"],[data-bge-container*=":end:"]) *){justify-content:end}&:where(:is([data-bge-container$=":between"],[data-bge-container*=":between:"]) *){justify-content:space-between}&:where(:is([data-bge-container$=":around"],[data-bge-container*=":around:"]) *){justify-content:space-around}&:where(:is([data-bge-container$=":evenly"],[data-bge-container*=":evenly:"]) *){justify-content:space-evenly}&:where(:is([data-bge-container$=":align-center"],[data-bge-container*=":align-center:"]) *){align-items:center}&:where(:is([data-bge-container$=":align-start"],[data-bge-container*=":align-start:"]) *){align-items:start}&:where(:is([data-bge-container$=":align-end"],[data-bge-container*=":align-end:"]) *){align-items:end}&:where(:is([data-bge-container$=":align-stretch"],[data-bge-container*=":align-stretch:"])
|
|
12
|
+
*){align-items:stretch}&:where(:is([data-bge-container$=":align-baseline"],[data-bge-container*=":align-baseline:"])
|
|
13
|
+
*){--align:baseline}&:where(:is([data-bge-container$=":wrap"],[data-bge-container*=":wrap:"]) *){flex-wrap:wrap}&:where(:is([data-bge-container$=":nowrap"],[data-bge-container*=":nowrap:"]) *){flex-wrap:nowrap}}&:where([data-bge-container$=":immutable"],[data-bge-container*=":immutable:"]){&:has([data-bge-group]:nth-child(2):last-child){:where([data-bge-group]){&:has([data-bge-scale]){flex-grow:0;flex-shrink:0}&:not(:has([data-bge-scale])){flex-grow:1;flex-shrink:1}}}:where([data-bge-group]){flex:1 1 auto}}}:where([data-bge-container=float],[data-bge-container^="float:"]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));--bge-grid-float:none;--margin-inline:0;&:where([data-bge-container$=":start"],[data-bge-container*=":start:"]){--bge-grid-float:inline-start;--margin-inline:0 var(--_gap-inline)}&:where([data-bge-container$=":end"],[data-bge-container*=":end:"]){--bge-grid-float:inline-end;--margin-inline:var(--_gap-inline) 0}:where([data-bge-container-frame]){&:after{clear:both;display:block;content:""}&>:where(:first-child){float:var(--bge-grid-float,none);inline-size:fit-content;margin-inline:var(--margin-inline)}}}:where([data-bgc-flex-box]){--_gap-block:var(--bge-options-row-gap,var(--bge-options-gap));--_gap-inline:var(--bge-options-column-gap,var(--bge-options-gap));display:flex;flex-wrap:wrap;gap:var(--_gap-block) var(--_gap-inline);align-items:center;&[data-bgc-flex-box=start]{justify-content:start}&[data-bgc-flex-box=end]{justify-content:end}&[data-bgc-flex-box=center]{justify-content:center}&[data-bgc-flex-box=between]{justify-content:space-between}&[data-bgc-flex-box=around]{justify-content:space-around}&[data-bgc-flex-box=evenly]{justify-content:space-evenly}}[data-bgi=youtube]{>div{position:relative;display:grid;grid-template-areas:"one";inline-size:100%;aspect-ratio:16/9;overflow:hidden}iframe{border:none}iframe,img{display:block;grid-area:one;inline-size:100%;block-size:100%;margin:0}img{z-index:0;padding:0;object-fit:cover}img,svg{position:relative}svg{z-index:1;display:block;grid-area:one;place-self:center;inline-size:10%;block-size:auto}}[data-bgi=import]{bge-import{&:before{font-weight:700;content:"Import: "}&:after{content:attr(src)}}}[data-bgi=google-maps]{div{aspect-ratio:8/5}div,img{inline-size:100%}img{display:block;block-size:100%;margin-block:0;margin-inline:auto;object-fit:contain}a{display:none}}[data-bgi=hr]{--inline-size:100%;--border-color:#000;--border-width:1px;--border-kind:solid;>div{display:flex;justify-content:center}hr{inline-size:var(--inline-size);border:var(--border-color) var(--border-kind) var(--border-width)}}[data-bgi=image]{figure{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:var(--css-width,100%);max-inline-size:100cqi;padding:0;margin-block:0;margin-inline:auto;>:is(div,a,button){display:block;padding:0;background:#0000;border:none}}img{display:block;inline-size:var(--css-width,auto);max-inline-size:100%;block-size:auto;aspect-ratio:var(--aspect-ratio,unset);object-fit:var(--object-fit,unset)}figcaption{display:flex;justify-content:center;inline-size:100%;&:empty{display:none}}}[data-bgi=download-file]{[data-bge*=size]{&:before{content:"("}&:after{content:")"}}}}@layer main{.c-content-main{:where(h2,h3,h4,h5,h6,p){margin-block-end:1rem}:where(ul,ol,table,blockquote){margin-block-end:2rem}:where(h2){font-size:var(--font-size-h2)}:where(h3){font-size:var(--font-size-h3)}:where(h4){font-size:var(--font-size-h4)}:where(h5){font-size:var(--font-size-h5)}:where(h6){font-size:var(--font-size-h6)}:where(ul,ol){list-style-position:inside}:where(blockquote){padding-inline:1rem;border-inline-start:3px solid var(--border-color)}:where(table){inline-size:100%;border-collapse:collapse}:where(th,td){padding:1rem;border:1px solid var(--border-color)}[data-bgi]{:where(&,&>div){:where(&>:first-child){margin-block-start:0}:where(&>:last-child){margin-block-end:0}}}[data-bgi=button],[data-bgi=download-file]{a{display:flex;justify-content:center;min-inline-size:10em;max-inline-size:20em;padding-block:.5em;padding-inline:1em;color:inherit;text-decoration:none;border:1px solid;border-radius:calc(infinity*1px)}}[data-bgi=table],[data-bgi=wysiwyg]{table{inline-size:100%;border-spacing:0;border-collapse:collapse;td,th{padding:1.5em;border:1px solid}}}[data-bgi=hr]{--border-color:currentcolor;--border-width:3px;[data-bgi-hr-kind=dashed]{--border-kind:dashed}[data-bgi-hr-kind=bold]{--border-width:5px}[data-bgi-hr-kind=narrow]{--border-width:1px}[data-bgi-hr-kind=short]{--inline-size:50%}}@container bge-container (width < 768px){[data-bge-container="grid:1"],[data-bge-container^="grid:1:"]{[data-bge-container-frame]{--bge-grid-col:1}}[data-bge-container="grid:2"],[data-bge-container^="grid:2:"]{[data-bge-container-frame]{--bge-grid-col:2}}[data-bge-container="grid:3"],[data-bge-container^="grid:3:"]{[data-bge-container-frame]{--bge-grid-col:2;>:nth-child(odd):last-child{grid-column:span 2}}}[data-bge-container="grid:4"],[data-bge-container^="grid:4:"]{[data-bge-container-frame]{--bge-grid-col:2}}[data-bge-container="grid:5"],[data-bge-container^="grid:5:"]{[data-bge-container-frame]{--bge-grid-col:2;>:nth-child(odd):last-child{grid-column:span 2}}}}.cc-form-description{font-size:.875rem}.cc-form{margin-block:0;margin-inline:auto}.cc-form-field-list{display:flex;flex-direction:column}.cc-form-fieldset{display:block;padding-block:1rem;padding-inline:2rem;fieldset{border:none}fieldset,legend{padding:0;margin:0}}.cc-form-fieldset-heading{display:flex;align-items:center;font-size:1.125rem;font-weight:700;label{display:block;cursor:pointer}.optional,.required{display:block;margin-block:0;margin-inline:0 .5rem;font-size:.66667rem;line-height:1;border-radius:.2rem}}.cc-form-fieldset-attention{margin-block:.5rem;margin-inline:0;font-size:.66667rem;font-weight:400}.cc-form-fieldset-body{margin-block-start:1rem}.mail-field{padding-block:0 1rem;padding-inline:0;margin-block:0;margin-inline:0 1rem;&:last-child{border-block-end:1px solid var(--border-color)}&[data-type=select],&[data-type=text]{display:grid;grid-template:"before-attachment input after-attachment" auto "description description description" auto "error-message error-message error-message" auto/auto 1fr auto;gap:0;>*{place-self:center flex-start}.mail-before-attachment{grid-area:before-attachment;margin-block:0;margin-inline:0 1rem;&:empty{margin:0}}.mail-input{grid-area:input}.mail-after-attachment{grid-area:after-attachment;margin-block:0;margin-inline:1rem 0;&:empty{margin:0}}.mail-description{grid-area:description;font-size:.75rem}.error-message{grid-area:error-message;font-size:.75rem}}.mail-before-attachment{font-weight:700}.mail-input{display:block;grid-area:input;inline-size:100%;input:not([type=radio],[type=checkbox]),textarea{inline-size:100%;padding-inline:.5rem;font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:.2rem;&[size]{inline-size:auto}&[type=file]{padding-block:0;padding-inline:0 1rem;&::-webkit-file-upload-button{appearance:none;border:none}}}input:not([type=radio],[type=checkbox]){&:not([size]){inline-size:100%}}textarea{&:not([cols]){inline-size:100%}}select{padding-block:.5rem;padding-inline:.5rem calc(0.5rem + 26px);appearance:none;background-image:url(/img/bg-arrow.svg);background-repeat:no-repeat;background-position:right calc(0.2rem + 2px) top calc(50% + 2px);border:1px solid var(--border-color);border-radius:.2rem}}.checkbox{display:flex;align-items:center;justify-content:flex-start;input{display:block;padding:0;margin:0;line-height:1}label{cursor:pointer}}.mail-group-radio{>span{display:flex;align-items:center;justify-content:flex-start;input{display:block;padding:0;margin-block:0;margin-inline:0 .5rem;line-height:1}label{cursor:pointer}}}}}}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
7
|
+
<meta http-equiv="refresh" content="0;URL=./__tmpl/">
|
|
8
|
+
<title>Document root</title>
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<h1>Document root</h1>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
rev. 2025-12-22
|
|
3
|
+
copyright © 2025
|
|
4
|
+
*/
|
|
5
|
+
"use strict";(()=>{function E(){return typeof HTMLButtonElement<"u"&&"command"in HTMLButtonElement.prototype&&"source"in((globalThis.CommandEvent||{}).prototype||{})}function y(){document.addEventListener("invoke",e=>{e.type=="invoke"&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0),document.addEventListener("command",e=>{e.type=="command"&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault())},!0);function c(e,o,t=!0){Object.defineProperty(e,o,{...Object.getOwnPropertyDescriptor(e,o),enumerable:t})}function a(e){return e&&typeof e.getRootNode=="function"?e.getRootNode():e&&e.parentNode?a(e.parentNode):e}let l=new WeakMap,f=new WeakMap;class d extends Event{constructor(o,t={}){super(o,t);let{source:r,command:i}=t;if(r!=null&&!(r instanceof Element))throw new TypeError("source must be an element");l.set(this,r||null),f.set(this,i!==void 0?String(i):"")}get[Symbol.toStringTag](){return"CommandEvent"}get source(){if(!l.has(this))throw new TypeError("illegal invocation");let o=l.get(this);if(!(o instanceof Element))return null;let t=a(o);return t!==a(this.target||document)?t.host:o}get command(){if(!f.has(this))throw new TypeError("illegal invocation");return f.get(this)}get action(){throw new Error("CommandEvent#action was renamed to CommandEvent#command")}get invoker(){throw new Error("CommandEvent#invoker was renamed to CommandEvent#source")}}c(d.prototype,"source"),c(d.prototype,"command");class v extends Event{constructor(o,t={}){throw super(o,t),new Error("InvokeEvent has been deprecated, it has been renamed to `CommandEvent`")}}let n=new WeakMap;function m(e){Object.defineProperties(e.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(o){if(this.hasAttribute("invokeaction"))throw new TypeError("Element has deprecated `invokeaction` attribute, replace with `command`");if(this.hasAttribute("invoketarget"))throw new TypeError("Element has deprecated `invoketarget` attribute, replace with `commandfor`");if(o===null)this.removeAttribute("commandfor"),n.delete(this);else if(o instanceof Element){this.setAttribute("commandfor","");let t=a(o);a(this)===t||t===this.ownerDocument?n.set(this,o):n.delete(this)}else throw new TypeError("commandForElement must be an element or null")},get(){if(this.localName!=="button")return null;if(this.hasAttribute("invokeaction")||this.hasAttribute("invoketarget"))return console.warn("Element has deprecated `invoketarget` or `invokeaction` attribute, use `commandfor` and `command` instead"),null;if(this.disabled)return null;if(this.form&&this.getAttribute("type")!=="button")return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;let o=n.get(this);if(o)return o.isConnected?o:(n.delete(this),null);let t=a(this),r=this.getAttribute("commandfor");return(t instanceof Document||t instanceof ShadowRoot)&&r&&t.getElementById(r)||null}},command:{enumerable:!0,configurable:!0,get(){let o=this.getAttribute("command")||"";if(o.startsWith("--"))return o;let t=o.toLowerCase();switch(t){case"show-modal":case"close":case"toggle-popover":case"hide-popover":case"show-popover":return t}return""},set(o){this.setAttribute("command",o)}},invokeAction:{enumerable:!1,configurable:!0,get(){throw new Error("invokeAction is deprecated. It has been renamed to command")},set(o){throw new Error("invokeAction is deprecated. It has been renamed to command")}},invokeTargetElement:{enumerable:!1,configurable:!0,get(){throw new Error("invokeTargetElement is deprecated. It has been renamed to command")},set(o){throw new Error("invokeTargetElement is deprecated. It has been renamed to command")}}})}let s=new WeakMap;Object.defineProperties(HTMLElement.prototype,{oncommand:{enumerable:!0,configurable:!0,get(){return g.takeRecords(),s.get(this)||null},set(e){let o=s.get(this)||null;o&&this.removeEventListener("command",o),s.set(this,typeof e=="object"||typeof e=="function"?e:null),typeof e=="function"&&this.addEventListener("command",e)}}});function p(e){for(let o of e)o.oncommand=new Function("event",o.getAttribute("oncommand"))}let g=new MutationObserver(e=>{for(let o of e){let{target:t}=o;o.type==="childList"?p(t.querySelectorAll("[oncommand]")):p([t])}});g.observe(document,{subtree:!0,childList:!0,attributeFilter:["oncommand"]}),p(document.querySelectorAll("[oncommand]"));function A(e){if(e.defaultPrevented||e.type!=="click")return;let o=e.target.closest("button[invoketarget], button[invokeaction], input[invoketarget], input[invokeaction]");if(o&&(console.warn("Elements with `invoketarget` or `invokeaction` are deprecated and should be renamed to use `commandfor` and `command` respectively"),o.matches("input")))throw new Error("Input elements no longer support `commandfor`");let t=e.target.closest("button[commandfor], button[command]");if(!t)return;if(t.form&&t.getAttribute("type")!=="button")throw e.preventDefault(),new Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(t.hasAttribute("command")!==t.hasAttribute("commandfor")){let h=t.hasAttribute("command")?"command":"commandfor",w=t.hasAttribute("command")?"commandfor":"command";throw new Error(`Element with ${h} attribute must also have a ${w} attribute to function.`)}if(t.command!=="show-popover"&&t.command!=="hide-popover"&&t.command!=="toggle-popover"&&t.command!=="show-modal"&&t.command!=="close"&&!t.command.startsWith("--")){console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);return}let r=t.commandForElement;if(!r)return;let i=new d("command",{command:t.command,source:t,cancelable:!0});if(r.dispatchEvent(i),i.defaultPrevented)return;let u=i.command.toLowerCase();if(r.popover){let h=!r.matches(":popover-open");h&&(u==="toggle-popover"||u==="show-popover")?r.showPopover({source:t}):!h&&u==="hide-popover"&&r.hidePopover()}else if(r.localName==="dialog"){let h=!r.hasAttribute("open");h&&u==="show-modal"?r.showModal():!h&&u==="close"&&r.close()}}function b(e){e.addEventListener("click",A,!0)}function L(e,o){let t=e.prototype.attachShadow;e.prototype.attachShadow=function(i){let u=t.call(this,i);return o(u),u};let r=e.prototype.attachInternals;e.prototype.attachInternals=function(){let i=r.call(this);return i.shadowRoot&&o(i.shadowRoot),i}}m(HTMLButtonElement),L(HTMLElement,e=>{b(e),g.observe(e,{attributeFilter:["oncommand"]}),p(e.querySelectorAll("[oncommand]"))}),b(document),Object.assign(globalThis,{CommandEvent:d,InvokeEvent:v})}E()||y();function k(){if(typeof HTMLDialogElement!="function")return!1;let c=!1,a=document.createElement("dialog");return a.addEventListener("beforetoggle",l=>{c=!0,l.preventDefault()}),a.show(),c}function T(){let c=new WeakMap;function a(n){let m=n.open?"closed":"open",s=n.open?"open":"closed";if(c.has(n)){let p=c.get(n);s=p.oldState,clearTimeout(p.id)}c.set(n,{oldState:s,id:setTimeout(()=>{n.dispatchEvent(new ToggleEvent("toggle",{newState:m,oldState:s}))})})}let l=HTMLDialogElement.prototype.show,f=HTMLDialogElement.prototype.showModal,d=HTMLDialogElement.prototype.close;function v(n){let m=new ToggleEvent("beforetoggle",{newState:"closed",oldState:"open",cancelable:!1});n.dispatchEvent(m),n.open&&a(n)}document.addEventListener("submit",n=>{let m=n.target;if(m.method==="dialog"){let s=m.closest("dialog");s instanceof HTMLDialogElement&&v(s)}},!0),Object.defineProperties(HTMLDialogElement.prototype,{show:{value(){if(this.open||this.matches(":popover-open, :modal")||!this.ownerDocument)return l.apply(this,arguments);let n=new ToggleEvent("beforetoggle",{newState:"open",oldState:"closed",cancelable:!0});this.dispatchEvent(n)&&(a(this),l.apply(this,arguments))}},showModal:{value(){if(this.open||this.matches(":popover-open, :modal")||!this.isConnected||!this.ownerDocument)return f.apply(this,arguments);let n=new ToggleEvent("beforetoggle",{newState:"open",oldState:"closed",cancelable:!0});if(this.dispatchEvent(n))return a(this),f.apply(this,arguments)}},close:{value(){return!this.open&&!this.matches(":popover-open, :modal")?d.apply(this,arguments):(v(this),d.apply(this,arguments))}}})}k()||T();function S(){console.log("Hello, world!")}S();})();
|