KIDS CLUB

2カラムページ2 column page

2カラムを使う場合、以下のような構造にして下さい。

<div class="c2">

	<div class="main">
	●ここにメインコンテンツ●
	</div>
	
	<div class="sub">
	●ここにサブコンテンツ●
	</div>

</div>

2カラムを囲むブロックとしてまず
<div class="c2">
が必須です。
その中に左右のブロックを追加して下さい。

画面幅700px未満では1カラムになります

1カラム時、メインコンテンツが上部、サブコンテンツが下部に配置されます。
サブコンテンツを上部にしたい場合、cssフォルダのstyle.cssの「前半」にある、
.main
の、
order: 0;order: 1;に。
すぐ下の、
.sub
の、
order: 1;を、order: 0;にして下さい。
css後半に、この変更後と同じスタイルがありますが、そちらは削除してもいいですし、そのままでも構いません。

スクール紹介School Introduction

コースタイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

詳細を見る

コースタイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

詳細を見る

コースタイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

詳細を見る

サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。