Nav
パンくずリスト .nav-ut-breadcrumb
ページ内リンク（水平方向） .nav-ut-anchor
ページ内リンク（垂直方向） .nav-ut-anchor.type-vertical
.nav-ut-handling ボタン配置用
- 通常は水平
- ボタン幅は中のテキストに従う (proportional)
- 関連
- ボタン a.button-ut
.nav-ut-handling 標準は水平
.nav-ut-handling.type-left 水平で左寄せ
.nav-ut-handling.type-right 水平で右寄せ
.nav-ut-handling.type-vertical 垂直
.nav-ut-handling.type-vertical.type-left 垂直で左寄せ
.nav-ut-handling.type-vertical.type-right 垂直で右寄せ
.nav-ut-handling.type-vertical 垂直 .type-100per-sp
SPのみ100%
.nav-ut-handling.type-vertical 垂直 .type-100per-tablet
SPのとき100%
.nav-ut-handling.type-vertical 垂直 .type-100per
PCとSP両方。PCでも横幅が決まってるときなどは100%ありうる。下記は外側に400px幅指定
.nav-ut-handling.type-vertical 垂直 .type-100per.type-wide-sp
PCとSP両方。PCでも横幅が決まってるときなどは100%ありうる。SPはwide
.nav-ut-handling.type-vertical 垂直 .type-wide-sp
SPのとき左右余白40px
.nav-ut-handling.type-plural 偶数
スマホ以上PC以下のとき、2列
.nav-ut-handlin.type-plural.type-odd
スマホ以上PC以下のとき、2列。奇数のときは .type-odd つける
ボタン配置用 幅指定
- .nav-ut-handling.type-w260-sp-more
- .nav-ut-handling.type-w300-sp-more
- .nav-ut-handling.type-w260-pc
- .nav-ut-handling.type-w300-pc
.type-w260-sp-more SPより大きいとき260px
.nav-ut-handling
.nav-ut-handling.type-left 水平で左寄せ .type-w300-sp-more
.nav-ut-handling.type-vertical.type-w300-sp-more 垂直
.nav-ut-handling.type-vertical 垂直 .type-w260-pc.type-100per-sp
SPのとき100%
.nav-ut-handling.type-vertical 垂直 .type-w300-pc.type-100per-tablet
SPのとき100%
ボタン配置用 ラベル付き
.nav-ut-level-menu アイコンなし
.nav-ut-smartphone-menu
- スマホメニューで使っている
- Level 3 まで