見出し2

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

<h2>見出し2</h2>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>

見出し3

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

<h3>見出し3</h3>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>

見出し4

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

<h4>見出し4</h4>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
<div class="gallery gallery--columns-2">
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
</div>
<div class="gallery gallery--columns-3">
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
</div>
<div class="gallery gallery--columns-4">
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
</div>
<div class="gallery gallery--columns-5">
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
	<div class="gallery-item">
		<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
	</div>
</div>

見出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<div class="media">
	<div class="media-image">
		<img src="http://placehold.jp/220x130.png" alt="">
	</div>
	<div class="media-content">
		<h2 class="media-heading">見出し</h2>
		<div class="media-body">
			<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>
	</div>
</div>

見出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<div class="media media-reverse">
	<div class="media-image">
		<img src="http://placehold.jp/220x130.png" alt="">
	</div>
	<div class="media-content">
		<h2 class="media-heading">見出し</h2>
		<div class="media-body">
			<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
		</div>
	</div>
</div>

重要なテキスト重要なテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

<div class="alert">
	<p>重要なテキスト重要なテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
</div>
  • リスト
  • リスト
  • リスト
  • リスト
<ul>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
</ul>
定義リスト定義リスト
定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト
定義リスト定義リスト
定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト
定義リスト定義リスト
定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト
定義リスト定義リスト
定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト
<dl class="horizontal">
	<dt>定義リスト定義リスト</dt>
	<dd>定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト</dd>
	<dt>定義リスト定義リスト</dt>
	<dd>定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト</dd>
	<dt>定義リスト定義リスト</dt>
	<dd>定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト</dd>
	<dt>定義リスト定義リスト</dt>
	<dd>定義リスト定義リスト定義リスト定義リスト定義リスト定義リスト</dd>
</dl>
ボタンボタンボタン大ボタン小
<a class="button" href="#">ボタン</a>
<a class="button button--block" href="#">ボタン</a>
<a class="button button--large" href="#">ボタン大</a>
<a class="button button--small" href="#">ボタン小</a>

<div class="gallery gallery--columns-2">
<div class="gallery-item">
<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
</div>
<div class="gallery-item">
<img class="aligncenter" src="http://placehold.jp/200x150.png" alt="">
</div>
</div>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
アコーディオン見出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

アコーディオン見出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

アコーディオン見出し

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ


<div class="accordion">
	<div class="accordion-trigger">アコーディオン見出し</div>
	<div class="accordion-content">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
</div>
<div class="accordion">
	<div class="accordion-trigger">アコーディオン見出し</div>
	<div class="accordion-content">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
</div>
<div class="accordion">
	<div class="accordion-trigger">アコーディオン見出し</div>
	<div class="accordion-content">
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
</div>

タブ1

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

タブ2

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

タブ3

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ

<div class="tab">
	<ul class="tab-list">
		<li><a class="noscroll" href="#tab1">タブ1</a>
		</li>
		<li><a class="noscroll" href="#tab2">タブ2</a>
		</li>
		<li><a class="noscroll" href="#tab3">タブ3</a>
		</li>
	</ul>
	<div class="tab-panel" id="tab1">
		<p>タブ1</p>
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
	<div class="tab-panel" id="tab2">
		<p>タブ2</p>
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
	<div class="tab-panel" id="tab3">
		<p>タブ3</p>
		<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ</p>
	</div>
</div>
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
<div class="scroll-y">
	<ul>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
		<li>リスト</li>
	</ul>
</div>