スタイルガイド

<h2>テキストが入ります。</h2>

<p class="read">テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テ キストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

<a>テキストが入ります。</a>テキストが入ります。
<b>テキストが入ります。<b>
<i>テキストが入ります。<i>
<u>テキストが入ります。<u>
<s>取り消し線テキストが入ります。<s>

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。。</p>

<small>※注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。<small>
<small>※注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。注釈テキストが入ります。<small>

<h3>テキストが入ります。</h3>

<h4>テキストが入ります。</h4>

<h5>テキストが入ります。</h5>
<h6>テキストが入ります。</h6>

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。。</p>

※カラム系の親要素は<ul class="col">

1cloumn<li class="col-1">

2cloumn<li class="col-2">

3cloumn<li class="col-3">

  • <ul> <li>タグが入ります。タグが入ります。
    タグが入ります。タグが入ります。
  • <ul> <li>タグが入ります。タグが入ります。
  • <ul> <li>タグが入ります。タグが入ります。
    • <ul> <li>タグが入ります。タグが入ります。
      タグが入ります。タグが入ります。
    • <ul> <li>タグが入ります。タグが入ります。
    • <ul> <li>タグが入ります。タグが入ります。
  1. <ul> <li>タグが入ります。タグが入ります。
    タグが入ります。タグが入ります。
  2. <ul> <li>タグが入ります。タグが入ります。
  3. <ul> <li>タグが入ります。タグが入ります。
    1. <ul> <li>タグが入ります。タグが入ります。
      タグが入ります。タグが入ります。
    2. <ul> <li>タグが入ります。タグが入ります。
    3. <ul> <li>タグが入ります。タグが入ります。

Table-type normal

<th> <th> <th> <th>
<td> <td> <td> <td>

Table-type2

<th> <td>
<th> <td>

<blockquote>テキストが入ります。</blockquote>

<blockquote>テキストが入ります。</blockquote>
<dt>テキストが入ります。</dt>
<dd>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</dd>
<dt>テキストが入ります。</dt>
<dd>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります</dd>

tab1<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab2<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab3<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab4<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab1<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab2<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab3<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

tab4<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

アコーディオン(閉じた状態)

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>

アコーディオン(開いた状態)

<p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入り ます。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>