Add: sitewideを追加

structureとlayoutもファイルだけは追加している。 #258
manabuyasuda · Sep 27, 2019 · 09be40d · 09be40d
1 parent 501812a
commit 09be40d
Show file tree

Hide file tree

Showing 232 changed files with 101,579 additions and 336 deletions.
diff --git a/htdocs/assets/css/site.css b/htdocs/assets/css/site.css
diff --git a/htdocs/styleguide/components/detail/block.html b/htdocs/styleguide/components/detail/block.html
diff --git a/htdocs/styleguide/components/detail/br.html b/htdocs/styleguide/components/detail/br.html
diff --git a/htdocs/styleguide/components/detail/breadcrumb.html b/htdocs/styleguide/components/detail/breadcrumb.html
diff --git a/htdocs/styleguide/components/detail/button--auto.html b/htdocs/styleguide/components/detail/button--auto.html
diff --git a/htdocs/styleguide/components/detail/button--default.html b/htdocs/styleguide/components/detail/button--default.html
diff --git a/htdocs/styleguide/components/detail/button--full.html b/htdocs/styleguide/components/detail/button--full.html
diff --git a/htdocs/styleguide/components/detail/button.html b/htdocs/styleguide/components/detail/button.html
diff --git a/htdocs/styleguide/components/detail/caption.html b/htdocs/styleguide/components/detail/caption.html
diff --git a/htdocs/styleguide/components/detail/container.html b/htdocs/styleguide/components/detail/container.html
diff --git a/htdocs/styleguide/components/detail/containerbg.html b/htdocs/styleguide/components/detail/containerbg.html
diff --git a/htdocs/styleguide/components/detail/delimiter.html b/htdocs/styleguide/components/detail/delimiter.html
diff --git a/htdocs/styleguide/components/detail/dialog.html b/htdocs/styleguide/components/detail/dialog.html
diff --git a/htdocs/styleguide/components/detail/divider.html b/htdocs/styleguide/components/detail/divider.html
diff --git a/htdocs/styleguide/components/detail/flex.html b/htdocs/styleguide/components/detail/flex.html
diff --git a/htdocs/styleguide/components/detail/footer.html b/htdocs/styleguide/components/detail/footer.html
diff --git a/htdocs/styleguide/components/detail/formcheckbox.html b/htdocs/styleguide/components/detail/formcheckbox.html
diff --git a/htdocs/styleguide/components/detail/formhelp.html b/htdocs/styleguide/components/detail/formhelp.html
diff --git a/htdocs/styleguide/components/detail/forminput.html b/htdocs/styleguide/components/detail/forminput.html
diff --git a/htdocs/styleguide/components/detail/formlabel.html b/htdocs/styleguide/components/detail/formlabel.html
diff --git a/htdocs/styleguide/components/detail/formradio.html b/htdocs/styleguide/components/detail/formradio.html
diff --git a/htdocs/styleguide/components/detail/formselect.html b/htdocs/styleguide/components/detail/formselect.html
diff --git a/htdocs/styleguide/components/detail/formtextarea.html b/htdocs/styleguide/components/detail/formtextarea.html
diff --git a/htdocs/styleguide/components/detail/header.html b/htdocs/styleguide/components/detail/header.html
diff --git a/htdocs/styleguide/components/detail/heading2.html b/htdocs/styleguide/components/detail/heading2.html
diff --git a/htdocs/styleguide/components/detail/heading3.html b/htdocs/styleguide/components/detail/heading3.html
diff --git a/htdocs/styleguide/components/detail/heading4.html b/htdocs/styleguide/components/detail/heading4.html
diff --git a/htdocs/styleguide/components/detail/heading5.html b/htdocs/styleguide/components/detail/heading5.html
diff --git a/htdocs/styleguide/components/detail/imagecenter.html b/htdocs/styleguide/components/detail/imagecenter.html
diff --git a/htdocs/styleguide/components/detail/label.html b/htdocs/styleguide/components/detail/label.html
diff --git a/htdocs/styleguide/components/detail/lead.html b/htdocs/styleguide/components/detail/lead.html
diff --git a/htdocs/styleguide/components/detail/link.html b/htdocs/styleguide/components/detail/link.html
diff --git a/htdocs/styleguide/components/detail/linkdownload.html b/htdocs/styleguide/components/detail/linkdownload.html
diff --git a/htdocs/styleguide/components/detail/linkexternal.html b/htdocs/styleguide/components/detail/linkexternal.html
diff --git a/htdocs/styleguide/components/detail/linkmore.html b/htdocs/styleguide/components/detail/linkmore.html
diff --git a/htdocs/styleguide/components/detail/linknote.html b/htdocs/styleguide/components/detail/linknote.html
diff --git a/htdocs/styleguide/components/detail/linkpdf.html b/htdocs/styleguide/components/detail/linkpdf.html
diff --git a/htdocs/styleguide/components/detail/listbracketorder.html b/htdocs/styleguide/components/detail/listbracketorder.html
diff --git a/htdocs/styleguide/components/detail/listnote.html b/htdocs/styleguide/components/detail/listnote.html
diff --git a/htdocs/styleguide/components/detail/listnoteorder.html b/htdocs/styleguide/components/detail/listnoteorder.html
diff --git a/htdocs/styleguide/components/detail/listorder.html b/htdocs/styleguide/components/detail/listorder.html
diff --git a/htdocs/styleguide/components/detail/listunorder.html b/htdocs/styleguide/components/detail/listunorder.html
diff --git a/htdocs/styleguide/components/detail/map.html b/htdocs/styleguide/components/detail/map.html
diff --git a/htdocs/styleguide/components/detail/objectfit.html b/htdocs/styleguide/components/detail/objectfit.html
diff --git a/htdocs/styleguide/components/detail/preview.html b/htdocs/styleguide/components/detail/preview.html
diff --git a/htdocs/styleguide/components/detail/section2.html b/htdocs/styleguide/components/detail/section2.html
diff --git a/htdocs/styleguide/components/detail/section3.html b/htdocs/styleguide/components/detail/section3.html
diff --git a/htdocs/styleguide/components/detail/section4.html b/htdocs/styleguide/components/detail/section4.html
diff --git a/htdocs/styleguide/components/detail/section5.html b/htdocs/styleguide/components/detail/section5.html
diff --git a/htdocs/styleguide/components/detail/sup.html b/htdocs/styleguide/components/detail/sup.html
diff --git a/htdocs/styleguide/components/detail/table.html b/htdocs/styleguide/components/detail/table.html
diff --git a/htdocs/styleguide/components/detail/tablewide.html b/htdocs/styleguide/components/detail/tablewide.html
diff --git a/htdocs/styleguide/components/detail/text.html b/htdocs/styleguide/components/detail/text.html
diff --git a/htdocs/styleguide/components/detail/textemphasis.html b/htdocs/styleguide/components/detail/textemphasis.html
diff --git a/htdocs/styleguide/components/detail/textimportant.html b/htdocs/styleguide/components/detail/textimportant.html
diff --git a/htdocs/styleguide/components/detail/textsecondary.html b/htdocs/styleguide/components/detail/textsecondary.html
diff --git a/htdocs/styleguide/components/detail/title.html b/htdocs/styleguide/components/detail/title.html
diff --git a/htdocs/styleguide/components/detail/video.html b/htdocs/styleguide/components/detail/video.html
diff --git a/htdocs/styleguide/components/detail/wrapper.html b/htdocs/styleguide/components/detail/wrapper.html
diff --git a/htdocs/styleguide/components/preview/block.html b/htdocs/styleguide/components/preview/block.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/br.html b/htdocs/styleguide/components/preview/br.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p class="sw-Text">常に改行<br/>されます</p><p class="sw-Text">ブレイクポイント（`md`）以降に改行<br class="sw-BrShowMd"/>されます。</p><p class="sw-Text">ブレイクポイント（`md`）以降は改行<br class="sw-HideMd"/>されません。</p></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/breadcrumb.html b/htdocs/styleguide/components/preview/breadcrumb.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/button--auto.html b/htdocs/styleguide/components/preview/button--auto.html
@@ -1,4 +1,4 @@
 
 
 <!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Auto | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
-</script></head><body><div id="app"><p>横幅をなりゆきにします。</p><div><a class="sw-Button -auto" href="#">Auto</a><button class="sw-Button -auto" type="button">Auto</button><input class="sw-Button -auto" type="button" value="Auto"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -auto" href="#" tabindex="-1">Auto</a><button class="sw-Button -auto" type="button" disabled="disabled">Auto</button><input class="sw-Button -auto" type="button" value="Auto" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -auto" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Auto</span></a></div></div><script src="/assets/js/site.js"></script></body></html>
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>横幅をなりゆきにします。</p><div><a class="sw-Button -auto" href="#">Auto</a><button class="sw-Button -auto" type="button">Auto</button><input class="sw-Button -auto" type="button" value="Auto"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -auto" href="#" tabindex="-1">Auto</a><button class="sw-Button -auto" type="button" disabled="disabled">Auto</button><input class="sw-Button -auto" type="button" value="Auto" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -auto" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Auto</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/button--default.html b/htdocs/styleguide/components/preview/button--default.html
@@ -1,4 +1,4 @@
 
 
 <!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
-</script></head><body><div id="app"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div><script src="/assets/js/site.js"></script></body></html>
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/button--full.html b/htdocs/styleguide/components/preview/button--full.html
@@ -1,4 +1,4 @@
 
 
 <!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Full | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
-</script></head><body><div id="app"><p>横幅100%にします。</p><div><a class="sw-Button -full" href="#">Full</a><button class="sw-Button -full" type="button">Full</button><input class="sw-Button -full" type="button" value="Full"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -full" href="#" tabindex="-1">Full</a><button class="sw-Button -full" type="button" disabled="disabled">Full</button><input class="sw-Button -full" type="button" value="Full" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -full" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Full</span></a></div></div><script src="/assets/js/site.js"></script></body></html>
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>横幅100%にします。</p><div><a class="sw-Button -full" href="#">Full</a><button class="sw-Button -full" type="button">Full</button><input class="sw-Button -full" type="button" value="Full"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -full" href="#" tabindex="-1">Full</a><button class="sw-Button -full" type="button" disabled="disabled">Full</button><input class="sw-Button -full" type="button" value="Full" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -full" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Full</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/button.html b/htdocs/styleguide/components/preview/button.html
@@ -1,4 +1,4 @@
 
 
 <!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
-</script></head><body><div id="app"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div><script src="/assets/js/site.js"></script></body></html>
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/caption.html b/htdocs/styleguide/components/preview/caption.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>画像にキャプション（短い説明文）をつけます。キャプションは画像の横幅を基準に折り返されます。</p><h2>ベーシックなスタイルです。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text">画像にキャプション（短い説明文）をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-center`でキャプションをセンタリングします。</h2><figure class="sw-Caption -center"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text">画像にキャプション（短い説明文）をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-center`でキャプションをセンタリングします。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text -center">画像にキャプション（短い説明文）をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-right`でキャプションを右揃えにします。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text -right">画像にキャプション（短い説明文）をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/container.html b/htdocs/styleguide/components/preview/container.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/containerbg.html b/htdocs/styleguide/components/preview/containerbg.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html>
diff --git a/htdocs/styleguide/components/preview/delimiter.html b/htdocs/styleguide/components/preview/delimiter.html
@@ -0,0 +1,4 @@
+
+
+<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js')
+</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>途中で改行をさせたくないフレーズやキーワードに指定します。囲まれた範囲（Delimiter）がまとまって改行されます。</p><p class="sw-Text">テキストは基本的にスペースや役物を基準に改行されますが、<span class="sw-Delimiter">この部分はまとめて改行されます。</span>ここは通常のテキストです。</p></div></div><script src="/assets/js/site.js"></script></body></html>