Panel Column

奇数個の場合

1
2
3

窓幅がTable 以下でも折り返ししない

1
2
3

.type-reverse

1
2
3

入れ子

1-1
2-1
2-2
3-1
3-2
1-2
1-3

流れのやじるし

1
2
3

.block-belt-b せいりせねば

  • belt-a の小さい版

100,000人

利用者

10年

創業から

4.5

口コミ評価

.block-belt-b せいりせねば

  • belt-a の小さい版

100,000人

利用者

10年

創業から

4.5

口コミ評価

等間隔

.type-one

1
2
3
4
5

.type-bisect

1
2
3
4
5

.type-trisect

1
2
3
4
5
6
7
8
9
10

.type-quarter (.in-unit なし)

1
2
3
4
5
6
7
8
9
10
11
12
13

.type-five-eq

1
2
3
4
5
6
7
8
9
10
11
12
13

.type-six-eq

1
2
3
4
5
6
7
8
9
10
11
12
13

.type-seven-eq

1
2
3
4
5
6
7
8
9
10
11
12
13

.type-eight-eq

1
2
3
4
5
6
7
8
9
10
11
12
13

.type-nine-eq

1
2
3
4
5
6
7
8
9
10
11
12
13

2カラム

.type-1x4

1
2
3
4
5

.type-1x3

1
2
3
4
5

.type-1x2

1
2
3
4
5

.type-2x3

1
2
3
4
5

.type-bisect

1
2
3
4
5

.type-3x2

1
2
3
4
5

.type-2x1

1
2
3
4
5

.type-3x1

1
2
3
4
5

.type-4x1

1
2
3
4
5

3カラム

.type-1x2x2

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x1x2

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x2x1

1
2
3
4
5
6
7
8
9
10
11
12

.type-1x1x2

1
2
3
4
5
6
7
8
9
10
11
12

.type-1x2x1

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x1x1

1
2
3
4
5
6
7
8
9
10
11
12

.type-1x1x3

1
2
3
4
5
6
7
8
9
10
11
12

.type-1x3x1

1
2
3
4
5
6
7
8
9
10
11
12

.type-3x1x1

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x2x3

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x3x2

1
2
3
4
5
6
7
8
9
10
11
12

.type-3x2x2

1
2
3
4
5
6
7
8
9
10
11
12

.type-2x3x2

1
2
3
4
5
6
7
8
9
10
11
12

中央配置 px

Grid center pixel

.type-center-w240

1
1

.type-center-w300

1

.type-center-w350

1

.type-center-w400

1

.type-center-w500

1

.type-center-w550

1

.type-center-w600

1

.type-center-w700

1

.type-center-w720

1

.type-center-w800

1

.type-center-w900

1

.type-center-w1000

1

.type-center-youtube

中央配置 %

Grid center percent

.type-center-w33per

1

.type-center-w40per

1

.type-center-w50per

1

.type-center-w60per

1

.type-center-w66per

1

.type-center-w70per

1

.type-center-w80per

1

.type-center-w90per

1

.type-one 100%

1

余白広めのカラム

余白広めのカラム

（１）両脇と真ん中の余白が100px

この幅は400px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。

かっこうのヴァイオリンをなおる

さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。

（１）400px 真ん中

この幅は400px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしま

（２）unit幅 350px（間24px）

この幅は350px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。

かっこうのヴァイオリンをなおる

さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。

（２）350px 真ん中

この幅は350px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

（２）350px 3つ均等（間24px）

この幅は350px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は350px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は350px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

（３）240px 真ん中

チョコレート

.card-ut.type-boron しっとりバター風味のチョコ。チョコレート好きなあなたへ

（３）約240px 2つ均等 左右余白（間24px）

チョコレート

.card-ut.type-boron しっとりバター風味のチョコ。チョコレート好きなあなたへ

チョコレート

.card-ut.type-boron しっとりバター風味のチョコ。チョコレート好きなあなたへ

（３）約240px 2つ均等 左右余白（間24px）

この幅は約240pxかっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげぎへこって

（３）約240px 3つ均等 左右余白（間24px）

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

（３）245px 4つ均等（間40px）

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

この幅は約240px かっこうのヴァイオ

.panel-ut.type-bisect.unit-mrgn-100.mrgn-lr-100-pc さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこって

固定幅

fixed width

  • .type-w240
  • .type-w350
  • .type-num-1
  • .type-num-2
  • .type-num-3

240px

.type-w240.type-num-1

1
2
3

.type-w240.type-num-2

1
2
3
4
5

.type-w240.type-num-3

1
2
3
4
5

.type-w240.type-num-4

1
2
3
4
5
6
7

350px

.type-w350.type-num-1

1
2
3

.type-w350.type-num-2

1
2
3
4
5

.type-w350.type-num-3

1
2
3
4
5