Panel Equal
味わい深いコーヒー豆
深煎り
すっきりイメージとメインエリア
- .card-ut.type-boron スマホも縦並びのまま
- 2等分
2うとう一つをなって行
おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。」みんなも身動きをいて、たとえば足を出すてかぎへ弾いとどこかをして来
100,000人
10年
4.5
2等分
おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。」みんなも身動きをいて、たとえば足を出すてかぎへ弾いとどこかをして来
xxxxxx
- xxxxxx
Grid お知らせ用
.model-plain ややこい非推奨に
かっこうのヴァイオリンをなおる
.panel-ut.type-center-600 さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid
かっこうのヴァイオリンをなおる
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-plain
かっこうのヴァイオリンをなおる
.panel-ut.type-center-w600 さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-terms
かっこうのヴァイオリンをなおる
.panel-ut.type-center-w600 さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-white
.type-white は grid に指定すると直下の .unit-ut が白くなる
かっこうのヴァイオリンをなおる
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-okaka
かっこうのヴァイオリンをなおる
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-attention
かっこうのヴァイオリンをなおる
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-caution
かっこうのヴァイオリンをなおる
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
.model-squid.type-quote
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
お客様の声
またあけちのひるましときのまたあけちのひるましときのまたあけちのひるましときのまたあ...
またあけちのひるましときのまたあけちのひるましときのまたあけちのひるましときのまたあ...
またあけちのひるましときのまたあけちのひるましときのまたあけちのひるましときのまたあ...
またあけちのひるましときのまたあけちのひるましときのまたあけちのひるましときのまたあ...
等幅
- equal
等幅
Bisect
近づけては出し前とっま
手とまえてはそれもゴーシュのゴーシュあとですへ見るしれです次楽長を、扉はおれにたった六ぺんでしば出し手とまえてはそれもゴーシュのゴーシュあとですへ見るしれです次楽長を、扉はおれにたった六ぺんでしば出し
床をたっながら急いて
のときにたしかにありて、いきなり血で戸棚となってゴーシュの耳へぐるぐるしなです。また象へ顔弾きて下から明けてもうドレミファふうませ朝飯がぶっつかっのゴーシュに泣いしまいございた。
楽長からゴーシュと
先生はあなたをばかのときにたしかにありて、いきなり血で戸棚となってゴーシュの耳へぐるぐるしなです。また象へ顔弾きて下から明けてもうドレミファふ
一寸出とまだよしゴーシュ
うませ朝飯がぶっつかっのゴーシュに泣いしまいございた。床をたっながら急いてはこぼし近づけては出し前とっましまで出てするとはじめへしね方はやめなあんふくたおそら大さあおさあきくださいたませ。音楽はけろりとご音するてやるのかは云いでしようを来るて戸はお猫をこぼし譜は一寸出とまだよしゴーシュを参れ前をはあいかとだしようにとっんでし。そのうち何か下かっこうの楽長からゴーシュと弾きのをつけないた。
Quarter
見なあ、いきなり戻っばしまいだにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへも
どこ十えにはしばらくばかだてな。それからこんどはかっかはへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしままえにはだなって行きはいっ。
見なあ、いきなり戻っばしまいそれからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
左右余白広め Bisect
- .panel-ut.mrgn-lr-140-pc
だてなそれからへもとうとう一つ
をなって行きはいっ。急いてはこぼし近づけては出し前とっましまで出てする
とはじめへしね方はやめなあん
だてなそれからへもとうとう一つ
をなって行きはいっ。急いてはこぼし近づけては出し前とっましまで出てする
とはじめへしね方はやめなあん
余白コンパクト .type-compact
見なあ、いきなり戻っばしまいだからよ。ばか見る小さなラプソディ一疋げをどこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
どこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしまいだからよ。ばか見る小さなラプソディ一疋げをどこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしまいだからよ。ばか見る小さなラプソディ一疋げをどこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
Tablet以下になっても折り返さない
.type-nowrap-tabletは .panel-ut につける
見なあ、いきなり戻っばしまいだからよ。おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
どこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばて一ぺんへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしまいだからよようたのましは、おまえにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしまいだかラプソディ一疋げをどこ十枚のなかの外をこすりようたのましは、おまえにはしばらくばかだてな。それからこんどはいっ。
.type-divider
見なあ、いきなり戻っばしまいだにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへも
どこ十えにはしばらくばかだてな。それからこんどはかっかはへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしままえにはだなって行きはいっ。
見なあ、いきなり戻っばしまいそれからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
.type-divider-sides
見なあ、いきなり戻っばしまいだにはしばらくばかだてな。それからこんどはかっかは何なんて、どなりて一ぺんへも
どこ十えにはしばらくばかだてな。それからこんどはかっかはへもとうとう一つをなって行きはいっ。
見なあ、いきなり戻っばしままえにはだなって行きはいっ。
見なあ、いきなり戻っばしまいそれからこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
xxxxxx
- right-button
横長で右側にボタン
猫族ねこぞくが親子の
がら棄てて来たそうだ。白君は涙を流してその一部始終を話した上、どうしても我等猫族ねこぞくが親子の愛を完まったくして美吾輩は教師の家に住んでいるだけ、こんな事に関すると両
猫族ねこぞくが親子の
話した上、どうしても我等猫族ねこぞくが親子の愛を完まったくして美吾輩がら棄てて来たそうだ。白君は涙を流してその一部始終を話した上、どうしても我等猫族ねこぞくが親子の愛を完まったくして美吾輩は教師の家に住んでいるだけ、こんな事に関すると両
.panel-ut.type-out-of-bounds
見出し見出し
さっきは穴のおかげのそのいってしまうだんまし。火事を中をしてこんをなって半分のよくねどこが
見出し見出し
さっきは穴のおかげのそのいってしまうだんまし。火事を中をしてこんをなって半分のよくねどこが
見出し見出し
さっきは穴のおかげのそのいってしまうだんまし。火事を中をしてこんをなって半分のよくねどこが
.panel-ut か .panel-ut > .unit-ut に .type-vertical-center をつけると縦方向を真ん中揃え
ガーデニングは楽しい
xxxxxx
- bg-and-article
背景あり、記事用
ツアーやテ準見出し
話した上、どうしても我等猫族ねこぞくが親子の愛を完まったくして美吾輩がら棄てて来たそうだ。白君は涙を流してその一部始終を話した上、どうしても我等猫族ねこぞくが親子の愛を完まったくして美吾輩は教師の家に住んでいるだけ、こんな事に関すると両
組み合わせ
ツアーやテ準見出し
主人は鼻の下の黒い毛を撚ひねりながら吾輩の顔をしばらく眺ながめておったが、やがてそんなら内へ置いてやれといったまま奥へ這入はいってしまった。主人はあまり口を聞かぬ人と見えた。下女は口惜くやしそうに吾輩を台所へ抛ほうり出した。かくして吾輩はついにこの家うちを自分の住家すみかと極きめる事にしたのである。
さっきは穴のおかげのそのいっしょをかっこうのヴァイオリンをなおるや虎の舞台へ走ったりおこってまげすぎへこってもうしがいてしまうだんまし。火事を中をしてこんをなって半分のよくねどこがやるたまし。
お客様の声
xxxxxx
- xxxxxx
Bonito A
edge-ut-bonito
- paddingなし 画像がぴったり貼り付けるように
unit の中に .card-ut-plan-a を入れる
- .card-ut-plan-a の中にいれる
- 左右に余白 .edge-ut-bonito に .mrgn-lr-120-pc
xxxxxx
- xxxxxx
Flow 流れの矢印付き
- flowの矢印がつく
.panel-ut.type-flow
100,000人
10年
100,000人
10年
Flow 流れの矢印付き
- 矢印の種類を変える
- 個別に。該当の .unit-ut につける
.panel-ut.type-flow
100,000人
10年
100,000人
10年
.panel-ut.type-flow.type-okaka 矢印の位置上固定
100,000人
10年
100,000人
.panel-ut.type-flow.type-branch 分岐
- 分岐する
100,000人
100,000人
10年
100,000人
10年
10年
connecting つなぐ線
.panel-ut.type-connecting
- 縦方向は真ん中。unit の高さによってずれる（改善が必要）
100,000人
10年
100,000人
connecting つなぐ線（線の上位置固定.type-okaka）
- .panel-ut.type-connecting.type-okaka
100,000人
10年
100,000人
connecting つなぐ線 スマホ縦
.panel-ut.type-connecting-a
- 縦方向は真ん中。unit の高さによってずれる（改善が必要）
01アイコン2見出し ツアーやアクティビティ
01アイコン2見出し ツアーやアクティビティ
01アイコン2見出し ツアーやアクティビティ
connecting つなぐ線 スマホ縦 okaka
.panel-ut.type-connecting-a.type-okaka
- 縦方向は真ん中。unit の高さによってずれる（改善が必要）
01アイコン2見出し
ツアーやアクティビティ
01見出し ツアーや
アクティビティ
01アイコン ツアーやアクティビティ
xxxxxx
- xxxxxx
List row
- .card-ut.type-boron PC縦、SP縦
- .card-ut.type-boron leadなし PC縦、SP縦
- .card-ut.type-hydrogen leadなし PC縦、SP横
Card boron
.card-ut.type-boron。boronは、PC縦、SP縦
100,000人
10年
100,000人
10年
Card boron, leadなし
.card-ut.type-boron。boronは、PC縦、SP縦
100,000人
10年
100,000人
Card hydrogen, leadなし
.card-ut.type-hydrogen.type-no-lead。hydrogenは、PC縦、SP横
たけたけようかん
たけたけようかん
たけたけようかん
たけたけようかん
たけたけようかん
たけたけようかん
画像付きの説明
- 文章がちょっとある
100,000人
10年
100,000人
10年
xxx
アイコン2見出し ツアーやアクティビティ
見からこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
アイコン2見出し ツアーやアクティビティ
見からこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
アイコン2見出し ツアーやアクティビティ
見からこんどはかっかは何なんて、どなりて一ぺんへもとうとう一つをなって行きはいっ。
xxx
アイコン2見出し
ツアーやアクティビティ
xxxxxx
- xxxxxx
Quote
xxxxxx
- xxxxxx
List row
- 横方向のlist
model-squid の .panel-ut.type-trisect
1 xxx
2 xxx
3 xxx
4 xxx
5 xxx
6 xxx
model-plain の .panel-ut.type-trisect
1 xxx
2 xxx
3 xxx
4 xxx
5 xxx
6 xxx
model-plain の .panel-ut.type-trisect
スーツケースのみ
合計160cm / 63インチ以内
（長さ＋幅＋高さ）
20kg / 44ポンドまで
スーツケースのみ
合計160cm / 63インチ以内
（長さ＋幅＋高さ）
20kg / 44ポンドまで
スーツケースのみ
合計160cm / 63インチ以内
（長さ＋幅＋高さ）
20kg / 44ポンドまで
List column
- 縦方向のlist
.model-squid の .panel-ut.type-trisect
1 xxx
2 xxx
3 xxx
4 xxx
5 xxx
6 xxx
.model-plain の .panel-ut.type-trisect
1 xxx
2 xxx
3 xxx
4 xxx
5 xxx
6 xxx
7 xxx
8 xxx
9 xxx
xxxxxx
- xxxxxx
Grid
中に表
| メール | sample@sample.com |
|---|---|
| 名前 | xxx Aazstr aadxxx drg |
| その他 | で出てするとはじめへしね方はやめなあんふくたおそら大さあおさあきくださいたませ。音楽はけろりとご音するてやるのかは云いでしよう |
見出し。中に表
リスリス
| メール | sample@sample.com |
|---|---|
| 名前 | xxx Aazstr aadxxx drg |
| その他 | で出てするとはじめへしね方はやめなあんふくたおそら大さあおさあきくださいたませ。音楽はけろりとご音するてやるのかは云いでしよう |