ヘルパークラス一覧
横幅・余白
横幅
全幅
| hp_width__100 | 100% |
| hp_width__95 | 95% |
| hp_width__90 | 90% |
| hp_width__85 | 85% |
| hp_width__80 | 80% |
| hp_width__75 | 75% |
| hp_width__70 | 70% |
| hp_width__65 | 65% |
| hp_width__60 | 60% |
| hp_width__55 | 55% |
| hp_width__50 | 50% |
| hp_width__45 | 45% |
| hp_width__40 | 40% |
| hp_width__35 | 35% |
| hp_width__30 | 30% |
| hp_width__25 | 25% |
| hp_width__20 | 20% |
| hp_width__15 | 15% |
| hp_width__10 | 10% |
| hp_width__auto | auto |
SP幅
| hp_width_sm__100 | 100% |
| hp_width_sm__95 | 95% |
| hp_width_sm__90 | 90% |
| hp_width_sm__85 | 85% |
| hp_width_sm__80 | 80% |
| hp_width_sm__75 | 75% |
| hp_width_sm__70 | 70% |
| hp_width_sm__65 | 65% |
| hp_width_sm__60 | 60% |
| hp_width_sm__55 | 55% |
| hp_width_sm__50 | 50% |
| hp_width_sm__45 | 45% |
| hp_width_sm__40 | 40% |
| hp_width_sm__35 | 35% |
| hp_width_sm__30 | 30% |
| hp_width_sm__25 | 25% |
| hp_width_sm__20 | 20% |
| hp_width_sm__15 | 15% |
| hp_width_sm__10 | 10% |
| hp_width_sm__auto | auto |
余白 - 上
全幅
| hp_marginTop__xl | 特大 |
| hp_marginTop__l | 大 |
| hp_marginTop__m | 中 |
| hp_marginTop__s | 小 |
| hp_marginTop__xs | 特小 |
| hp_marginTop__xxs | 極小 |
| hp_marginTop__none | なし |
SP幅
| hp_marginTop_sm__xl | 特大 |
| hp_marginTop_sm__l | 大 |
| hp_marginTop_sm__m | 中 |
| hp_marginTop_sm__s | 小 |
| hp_marginTop_sm__xs | 特小 |
| hp_marginTop_sm__xxs | 極小 |
| hp_marginTop_sm__none | なし |
余白 - 右
全幅
| hp_marginRight__l | 大 |
| hp_marginRight__m | 中 |
| hp_marginRight__s | 小 |
| hp_marginRight__none | なし |
SP幅
| hp_marginRight_sm__l | 大 |
| hp_marginRight_sm__m | 中 |
| hp_marginRight_sm__s | 小 |
| hp_marginRight_sm__none | なし |
自動margin-right:auto;
| hp_marginRight_auto | 全幅 |
| hp_marginRight_auto__lgmd | PC・TAB幅 |
| hp_marginRight_auto__sm | SP幅 |
余白 - 左
全幅
| hp_marginLeft__l | 大 |
| hp_marginLeft__m | 中 |
| hp_marginLeft__s | 小 |
| hp_marginLeft__none | なし |
SP幅
| hp_marginLeft_sm__l | 大 |
| hp_marginLeft_sm__m | 中 |
| hp_marginLeft_sm__s | 小 |
| hp_marginLeft_sm__none | なし |
自動margin-left:auto;
| hp_marginLeft_auto | 全幅 |
| hp_marginLeft_auto__lgmd | PC・TAB幅 |
| hp_marginLeft_auto__sm | SP幅 |
レイアウト調整
非表示
| hp_hide | 全幅 |
| hp_hide__lg | PC幅 |
| hp_hide__lgmd | PC・TAB幅 |
| hp_hide__md | TAB幅 |
| hp_hide__mdsm | TAB・SP幅 |
| hp_hide__sm | SP幅 |
表示
| hp_show__md | TAB幅のみ表示 |
行揃え
中央揃え
| hp_textAlign_center | 全幅 |
| hp_textAlign_center__lgmd | PC・TAB幅 |
| hp_textAlign_center__sm | SP幅 |
右揃え
| hp_textAlign_right | 全幅 |
| hp_textAlign_right__lgmd | PC・TAB幅 |
| hp_textAlign_right__sm | SP幅 |
左揃え
| hp_textAlign_left | 全幅 |
| hp_textAlign_left__lgmd | PC・TAB幅 |
| hp_textAlign_left__sm | SP幅 |
折り返し
折り返しする
| hp_whiteSpace_normal | 全幅 |
| hp_whiteSpace_normal__lgmd | PC・TAB幅 |
| hp_whiteSpace_normal__sm | SP幅 |
折り返し禁止
| hp_whiteSpace_nowrap | 全幅 |
| hp_whiteSpace_nowrap__lgmd | PC・TAB幅 |
| hp_whiteSpace_nowrap__sm | SP幅 |
カラー
| hp_color__primary | ■ プライマリ |
| hp_color__secondary | ■ セカンダリ |
| hp_color__success | ■ 成功 |
| hp_color__info | ■ インフォ |
| hp_color__danger | ■ 危険（エラー） |
| hp_color__warning | ■ 警告 |
| hp_color__disable | ■ 無効 |
| hp_color__txt | ■ テキスト |
| hp_color__txt_l | ■ テキスト（明） |
| hp_color__link | ■ リンク |
| hp_color__black | ■ ブラック |
| hp_color__white | ■ ホワイト |
| hp_color__darkgray | ■ ダークグレー |
| hp_color__gray | ■ グレー |
| hp_color__red | ■ レッド |
| hp_color__blue | ■ ブルー |
フォント
フォントサイズ
全幅
| hp_fontSize__7 | 7pt |
| hp_fontSize__8 | 8pt |
| hp_fontSize__9 | 9pt |
| hp_fontSize__10 | 10pt |
| hp_fontSize__11 | 11pt |
| hp_fontSize__12 | 12pt |
| hp_fontSize__13 | 13pt |
| hp_fontSize__14 | 14pt |
| hp_fontSize__15 | 15pt |
| hp_fontSize__16 | 16pt |
| hp_fontSize__17 | 17pt |
| hp_fontSize__18 | 18pt |
| hp_fontSize__19 | 19pt |
| hp_fontSize__20 | 20pt |
| hp_fontSize__21 | 21pt |
| hp_fontSize__22 | 22pt |
| hp_fontSize__23 | 23pt |
| hp_fontSize__24 | 24pt |
| hp_fontSize__25 | 25pt |
| hp_fontSize__26 | 26pt |
| hp_fontSize__27 | 27pt |
| hp_fontSize__28 | 28pt |
| hp_fontSize__29 | 29pt |
| hp_fontSize__30 | 30pt |
| hp_fontSize__31 | 31pt |
| hp_fontSize__32 | 32pt |
| hp_fontSize__33 | 33pt |
| hp_fontSize__34 | 34pt |
| hp_fontSize__35 | 35pt |
| hp_fontSize__36 | 36pt |
| hp_fontSize__37 | 37pt |
| hp_fontSize__38 | 38pt |
| hp_fontSize__39 | 39pt |
| hp_fontSize__40 | 40pt |
| hp_fontSize__41 | 41pt |
| hp_fontSize__42 | 42pt |
| hp_fontSize__43 | 43pt |
| hp_fontSize__44 | 44pt |
| hp_fontSize__45 | 45pt |
| hp_fontSize__46 | 46pt |
| hp_fontSize__47 | 47pt |
| hp_fontSize__48 | 48pt |
| hp_fontSize__49 | 49pt |
| hp_fontSize__50 | 50pt |
| hp_fontSize__51 | 51pt |
| hp_fontSize__52 | 52pt |
| hp_fontSize__53 | 53pt |
| hp_fontSize__54 | 54pt |
| hp_fontSize__55 | 55pt |
| hp_fontSize__56 | 56pt |
| hp_fontSize__57 | 57pt |
| hp_fontSize__58 | 58pt |
| hp_fontSize__59 | 59pt |
| hp_fontSize__60 | 60pt |
| hp_fontSize__61 | 61pt |
| hp_fontSize__62 | 62pt |
| hp_fontSize__63 | 63pt |
| hp_fontSize__64 | 64pt |
| hp_fontSize__65 | 65pt |
| hp_fontSize__66 | 66pt |
| hp_fontSize__67 | 67pt |
| hp_fontSize__68 | 68pt |
| hp_fontSize__69 | 69pt |
| hp_fontSize__70 | 70pt |
| hp_fontSize__71 | 71pt |
| hp_fontSize__72 | 72pt |
| hp_fontSize__73 | 73pt |
| hp_fontSize__74 | 74pt |
| hp_fontSize__75 | 75pt |
| hp_fontSize__76 | 76pt |
| hp_fontSize__77 | 77pt |
| hp_fontSize__78 | 78pt |
| hp_fontSize__79 | 79pt |
| hp_fontSize__80 | 80pt |
SP幅
| hp_fontSize_sm__6 | 6pt |
| hp_fontSize_sm__7 | 7pt |
| hp_fontSize_sm__8 | 8pt |
| hp_fontSize_sm__9 | 9pt |
| hp_fontSize_sm__10 | 10pt |
| hp_fontSize_sm__11 | 11pt |
| hp_fontSize_sm__12 | 12pt |
| hp_fontSize_sm__13 | 13pt |
| hp_fontSize_sm__14 | 14pt |
| hp_fontSize_sm__15 | 15pt |
| hp_fontSize_sm__16 | 16pt |
| hp_fontSize_sm__17 | 17pt |
| hp_fontSize_sm__18 | 18pt |
| hp_fontSize_sm__19 | 19pt |
| hp_fontSize_sm__20 | 20pt |
| hp_fontSize_sm__21 | 21pt |
| hp_fontSize_sm__22 | 22pt |
| hp_fontSize_sm__23 | 23pt |
| hp_fontSize_sm__24 | 24pt |
| hp_fontSize_sm__25 | 25pt |
| hp_fontSize_sm__26 | 26pt |
| hp_fontSize_sm__27 | 27pt |
| hp_fontSize_sm__28 | 28pt |
| hp_fontSize_sm__29 | 29pt |
| hp_fontSize_sm__30 | 30pt |
| hp_fontSize_sm__31 | 31pt |
| hp_fontSize_sm__32 | 32pt |
| hp_fontSize_sm__33 | 33pt |
| hp_fontSize_sm__34 | 34pt |
| hp_fontSize_sm__35 | 35pt |
| hp_fontSize_sm__36 | 36pt |
| hp_fontSize_sm__37 | 37pt |
| hp_fontSize_sm__38 | 38pt |
| hp_fontSize_sm__39 | 39pt |
| hp_fontSize_sm__40 | 40pt |
フォントウェイト
| hp_fontWeight__bold | 太い |
| hp_fontWeight__normal | 普通 |