ワンポイントで下のエリアと余白を取りたい時に。PC時のみのオプションでSP時は無視されます。

• mgnBtm0 = 0px
• mgnBtm20 = 20px
• mgnBtm30 = 30px
• mgnBtm40 = 40px
• mgnBtm50 = 50px
• mgnBtm80 = 80px

CSSのみで使えるグラデーション背景のアニメーション。cssを編集してお好みの色を指定してください。

※テスト中

回り込み解除のクラスは以下の通りです。

• clear = clear
• clx = clearfix

ブロック要素をアスペクト比で描画します。「position:relative;」が設定されます。
子要素を配置する場合は「position:absolute;」で配置しますので、テキストを入れる場合ははみ出さないよう文字量を注意してください。
※初期設定はPのみabsoluteが設定されています。

• asp4-3 = 4:3
• asp3-2 =3:2
• asp16-9 =16:9

画像の伸縮に関するimg用のクラスです。

• アスペクト比は保持されます。

floatプロパティの指定。
設定する際は親要素にclear-fix（clx）を設定しましょう。

• left = float: left;
• right = float: right;

子要素へのテキストの寄せ指定

• txtLeft = text-align: left;
• txtCenter = text-align: center;
• txtRight = text-align: right;
• txtJust = text-align: justify;

標準的なスタイルのGoogle Fontを読み込んでいます。必要に応じて追加・削除・コメントアウトしてください。
インラインで使用する場合は記事エディタの「フォント」でも指定できます。

• Quicksand（ゴシック体）
• Amiri（明朝体）
• Italianno（筆記体）
• Noto Sans JP（日本語-ゴシック体）
• Noto Serif JP（日本語-明朝体）

Almost before we knew it, we had left the ground.123456789

Almost before we knew it, we had left the ground.123456789

Almost before we knew it, we had left the ground.123456789

彼らの機器や装置はすべて生命体だ。Almost before we knew it, we had left the ground.123456789

彼らの機器や装置はすべて生命体だ。Almost before we knew it, we had left the ground.123456789

remを使ったフォントのサイズ指定オプション。親要素の影響を受けないため便利ですが、一部対応していないブラウザ・バージョンがあるため注意してください。初期テンプレートのサイトフォントサイズが基点となります。（初期設定は16px）
クラス名は実際の設定数値ではなく、%指定感覚で捉える為の数値になっています。

• rem300 = 3rem
• rem200 = 2rem
• rem150 =1.5rem
• rem95 =0.95em
• rem90 =0.9em
• rem85 =0.85em
• rem80 =0.8em
• rem70 =0.7em

rem300 今日の天気は？

<要素 class="">に追加してwidthを指定できます。（%指定）
※ !importantが設定されており、下記の指定が優先されます。

• w25 = 25%
• w33 = 30%
• w33-3 = 33.3%
• w40 = 40%
• w50 = 50%
• w60 = 60%
• w70 = 70%
• w80 = 80%
• w90 = 90%
• w100 = 100%