Class Reference | MediaQueries Multi-Device Template.

<p class="taL">テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</p>

<p class="taR">テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</p>

<p class="taR">テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</p>

表組みテキスト位置

vaT

テキスト上寄せ

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

<table class="defTbl">
	<col class="pane2">
	<tr>
		<th>テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</th>
		<td class="vaT">テキスト／テキスト／テキスト／テキスト／</td>
	</tr>
</table>

---

vaM

テキスト中央寄せ

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

<table class="defTbl">
	<col class="pane2">
	<tr>
		<th>テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</th>
		<td class="vaM">テキスト／テキスト／テキスト／テキスト／</td>
	</tr>
</table>

---

vaB

テキスト下寄せ

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

<table class="defTbl">
	<col class="pane2">
	<tr>
		<th>テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／テキスト／</th>
		<td class="vaB">テキスト／テキスト／テキスト／テキスト／</td>
	</tr>
</table>

---

文字装飾

文字サイズ通常

通常の文字サイズテキスト／通常の文字サイズテキスト／通常の文字サイズテキスト／通常の文字サイズテキスト／

<p>通常の文字サイズテキスト／通常の文字サイズテキスト／通常の文字サイズテキスト／通常の文字サイズテキスト／</p>

---

fsXS

最小の文字サイズテキスト／最小の文字サイズテキスト／最小の文字サイズテキスト／最小の文字サイズテキスト／

<p class="fsXS">最小の文字サイズテキスト／最小の文字サイズテキスト／最小の文字サイズテキスト／最小の文字サイズテキスト／</p>

---

fsS

小の文字サイズテキスト／小の文字サイズテキスト／小の文字サイズテキスト／小の文字サイズテキスト／

<p class="fsS">小の文字サイズテキスト／小の文字サイズテキスト／小の文字サイズテキスト／小の文字サイズテキスト／</p>

---

fsL

大の文字サイズテキスト／大の文字サイズテキスト／大の文字サイズテキスト／大の文字サイズテキスト／

<p class="fsL">大の文字サイズテキスト／大の文字サイズテキスト／大の文字サイズテキスト／大の文字サイズテキスト／</p>

---

fsXL

最大の文字サイズテキスト／最大の文字サイズテキスト／最大の文字サイズテキスト／最大の文字サイズテキスト／

<p class="fsXL">最大の文字サイズテキスト／最大の文字サイズテキスト／最大の文字サイズテキスト／最大の文字サイズテキスト／</p>

---

fb

太字にします。フォントウェイトをボールドにします。

<p class="fb">フォントウェイトをボールドにします。</p>

---

fn

フォントウェイトをノーマルにします。

<p class="fn">フォントウェイトをノーマルにします。</p>

---

fcAtt

フォントカラーを注意喚起用のものにします。

<p class="fcAtt">フォントカラーを注意喚起用のものにします。</p>

---

fcNote

フォントカラーを注釈用のものにします。

<p class="fcNote">フォントカラーを注釈用のものにします。</p>

---

テキストを改行しない

nobr

すべてに有効です。

fNobr

横幅大のみに有効です。

sNobr

横幅小のみに有効です。

テキスト 改行したくないテキスト テ／テキスト／テキスト／テキスト／キスト／テキスト／テキスト／テキスト／

<p>テキスト／テキスト／テキスト／テキスト／<span class="nobr"> 改行したくないテキスト </span>テキスト／テキスト／テキスト／テキスト／</p>

---

表示の制御

表示の制御を行うクラスです。

pointer

この上にマウスをのせるとカーソルがポインターになります。

<p class="pointer">この上にマウスをのせるとカーソルがポインターになります。</p>

---

over

この上にマウスをのせると背景がグレーになります。

<p class="over">この上にマウスをのせると背景がグレーになります。</p>

---

ブロック要素

block

すべてに有効です。

fBlock

横幅大のみに有効です。

sBlock

横幅小のみに有効です。

display: block; にします。

<p class="block">display: block; にします。</p>

---

インライン要素

inline

すべてに有効です。

fInline

横幅大のみに有効です。

sInline

横幅小のみに有効です。

display: block; にします。

<p class="block">display: block; にします。</p>

---

非表示

none

すべてに有効です。

fNone

横幅大のみに有効です。

sNone

横幅小のみに有効です。

非表示になります。

<p class="none">非表示になります。</p>

---

vnone

縦横幅を保ったまま非表示になります。

<p class="vnone">縦横幅を保ったまま非表示になります。</p>

---

カラムの制御

カラムの分割を行います。

pane2

2カラムに分割します。

<div class="group">
	<div class="pane2 floL">1</div>
	<div class="pane2 floR">2</div>
</div>

---

pane3

3カラムに分割します。

<div class="group">
	<div class="pane3 floL">1</div>
	<div class="pane3 floL">2</div>
	<div class="pane3 floL">3</div>
</div>

---

pane4

4カラムに分割します。

<div class="group">
	<div class="pane4 floL">1</div>
	<div class="pane4 floL">2</div>
	<div class="pane4 floL">3</div>
	<div class="pane4 floL">4</div>
</div>

---

矩形領域

rect

すべてに有効です。

fRect

横幅大のみに有効です。

sRect

横幅小のみに有効です。

矩形領域をつくります。はみ出した部分は非表示になります。

<p class="rect">矩形領域をつくります。はみ出した部分は非表示になります。</p>

---

group (clearfix)

<div class="group">
	<p class="floL">floatした要素の親要素に高さを持たせて矩形を保ちます。</p>
</div>

---

margin

個別にマージン調整を行う場合、下記クラスを使ってマージン調整を行います。

10px単位

<p class="m0">テキスト／テキスト／テキスト／テキスト／テキスト／</p>

---

5px単位

<p class="mt15">テキスト／テキスト／テキスト／テキスト／テキスト／</p>

---

padding

個別にパディング調整を行う場合、下記クラスを使ってパディング調整を行います。

10px単位

<p class="p10">テキスト／テキスト／テキスト／テキスト／テキスト／</p>

---

5px単位

<p class="pt15">テキスト／テキスト／テキスト／テキスト／テキスト／</p>

---