鹿児島県商工会連合会
がんばる事業者さんを
全力でサポートします
鹿児島県商工会連合会について
広報紙「みなみ風」
採用情報
MENU
MENU
連合会からのお知らせ
商工会について
経営支援
補助金・助成金
共済・保険制度
商工会の福祉共済
商工貯蓄共済
経営セーフティ共済
小規模企業共済
中小企業退職金共済
休業補償制度
ビジネス総合保険
業務災害保険
自動車共済
地域の商工会を探す
鹿児島日置地域
南薩地域
北薩地域
伊佐湧水地域
姶良霧島地域
曽於地域
肝属地域
種子屋久地域
奄美大島地域
三島十島地域
かごしま特産品市場「かご市」
入会案内
コードコピー
ホーム
コードコピー
コードコピー
パーツ
カラム
レイアウト
マージン
ボックス
テキスト
更新マニュアルはこちら
名前
コード
タグ
<!-- ▲▲▲ この上が2段バナー ▲▲▲ -->
copy
<!-- ▽▽▽ ここから「共済・保険制度(パンフレット1つボタン)」パーツ ▽▽▽ --> <div class="section-group"> <h2 class="large-headline">パンフレット</h2> <div class="content-group text-center"> <p>●●●●●のパンフレットをご紹介します。</p> </div> <div class="row gap-1_2 row-gap-0 reduce-bottom-2_3 justify-content-center"> <div class="col-scope"> <p><a class="button with-icon-file-pdf width-300px" href="https://cdn.goope.jp/92492/example.pdf" target="_blank">ボタンに入れる文字</a></p> </div> </div> </div> <!-- △△△ ここまで「共済・保険制度(パンフレット1つボタン)」パーツ △△△ -->
copy
<!-- ▽▽▽ ここから「共済・保険制度(パンフレット2つボタン)」パーツ ▽▽▽ --> <div class="section-group"> <h2 class="large-headline">パンフレット</h2> <div class="content-group text-center"> <p>●●●●●のパンフレットをご紹介します。</p> </div> <div class="row gap-1_2 row-gap-0 reduce-bottom-2_3 justify-content-center"> <div class="col-scope"> <p><a class="button with-icon-file-pdf width-300px" href="https://cdn.goope.jp/92492/example.pdf" target="_blank">ボタンに入れる文字</a></p> </div> <div class="col-scope"> <p><a class="button with-icon-file-pdf width-300px" href="https://cdn.goope.jp/92492/example.pdf" target="_blank">ボタンに入れる文字</a></p> </div> </div> </div> <!-- △△△ ここまで「共済・保険制度(パンフレット2つボタン)」パーツ △△△ -->
copy
<!-- ▽▽▽ ここから「採用情報(募集要項・採用試験要項)」パーツ ▽▽▽ --> <div class="section-group" id="job-opening"> <h2 class="large-headline">募集要項</h2> <div class="content-group text-center-x text-center-l"> <p>新卒者も転職者も大歓迎!<br>商工会では、①経営指導員、②経営支援員、③経営指導員研修生を募集しています。</p> </div> <figure class="table-1col-width-1_6-x vertical-row-l vertical-row-m vertical-row-s horizontal-line"> <table> <tbody> <tr> <th>業務内容</th> <td> ①経営指導員<br> ・県内の商工会を拠点に、小規模事業者の経営全般にまつわる相談への対応や経営計画策定をはじめとする経営支援業務<br> ・地域イベントの実施や運営などをはじめとした地域振興業務<br> ②経営支援員<br> ・県内の商工会を拠点に、経営指導員が行う、小規模事業者の経営全般にまつわる相談ヘの対応や経営計画策定をはじめとする経営支援業務などの補助及び経理、一般事務など<br> ・地域イベントの実施や運営などをはじめとした地域振興業務<br> ③経営指導員研修生<br> ・採用後2年間、地域小規模事業者への経営支援業務・地域振興業務についての研修を県連合会及び県内商工会において実施。研修期間終了後、経営指導員として県下商工会において勤務 </td> </tr> <tr> <th>給与・昇給</th> <td> ①基本給175,800円~<br> ②基本給146,000円~<br> ③基本給170,300円~<br> ※職歴により、給与を決定<br> ※定期昇給有 </td> </tr> <tr> <th>手当</th> <td> ・扶養、住居、通勤手当有<br> ・賞与あり(年2回)<br> ・社会保険加入、退職基金制度あり<br> ※令和3年4月採用時実績 </td> </tr> <tr> <th>受験資格</th> <td> 普通自動車第1種運転免許(取得見込み可)<br> ①年齢44歳以下の者(受験年度の4月1日現在)<br> 【大学卒】最近5年のうち2年以上の職務経験者<br> 【短大卒】最近5年のうち3年以上の職務経験者<br> 【その他】最近7年のうち5年以上の職務経験者<br> ②年齢44歳以下の者(受験年度の4月1日現在)<br> 高卒以上、職務経験不問<br> 簿記検定3級以上の資格保有者(採用予定日までに取得見込み可)<br> ③【大学卒・大学院修了または見込み】27歳以下の者(受験年度の4月1日現在)<br> 【短大卒】22歳以上25歳以下の者で、2年以上の職務経験者 </td> </tr> <tr> <th>勤務時間</th> <td> 8:30〜17:15(休憩45分)<br> 時間外労働あり(36協定による特別条項あり) </td> </tr> <tr> <th>休日など</th> <td> 週休2日制(土日、祝)、年末年始12/29~1/3<br> 有給休暇:採用時点で年20日を付与(4/1採用の場合4/1~3/31分として)<br> 育児休暇取得実績あり、介護休暇取得実績なし、看護休暇取得実績なし </td> </tr> <tr> <th>スキルアップ</th> <td> ・年に数回、集合型の職種別研修会を実施<br> ・webを活用したオンライン研修の実施<br> ・スーパーバイザーによる指導/スーパーバイザーとして登録しているOBや、各分野の専門家による個別指導が受けられる制度<br> ・中小企業診断士資格取得に挑戦できる/職員の中から選抜されれば、国家資格である「中小企業診断士」資格取得に向けた研修カリキュラムを受講することができ、1次試験にチャレンジ可<br> ・国の機関が実施する経営基礎などを学ぶための研修を受講可<br> </td> </tr> </tbody> </table> </figure> </div> <div class="section-group"> <h2 class="large-headline">採用試験要項</h2> <figure class="add-bottom table-1col-width-1_6-x vertical-row-l vertical-row-m vertical-row-s horizontal-line"> <table> <tbody> <tr> <th>採用試験日時</th> <td>令和5年11月4日(土)午前9時~</td> </tr> <tr> <th>採用試験会場</th> <td> 【鹿児島会場】<br> 鹿児島県産業会館(鹿児島市名山町9-1)<br> 【和泊会場】<br> 和泊町商工会(大島郡和泊町和泊1225) </td> </tr> <tr> <th>試験内容</th> <td> 【一次試験】<br> 小論文、SPI3(一般教養・適性検査)※経営支援員は簿記問題含む<br> 【二次試験】<br> 後日、一次試験合格者を対象に面接試験を実施 </td> </tr> <tr> <th>応募期間</th> <td> 【鹿児島会場】<br> 鹿児島県産業会館(鹿児島市名山町9-1)<br> 【和泊会場】<br> 和泊町商工会(大島郡和泊町和泊1225) </td> </tr> <tr> <th>応募方法</th> <td>期日までに履歴書(写真貼付)を鹿児島県商工会連合会へ送付ください。履歴書には希望する職種(経営指導員・経営指導員研修生・経営支援員)を明記してください。また、経営支援員を希望される方は希望する勤務地(北薩地区、沖永良部地区のいずれか)も明記してください。書類選考後、合格者に試験日時などを連絡します。</td> </tr> <tr> <th>送付先・連絡先</th> <td> 〒892-0821<br> 鹿児島県鹿児島市名山町9-1 鹿児島県産業会館6階<br> 鹿児島県商工会連合会 総務課(担当:福田・中島) </td> </tr> </tbody> </table> </figure> </div> <!-- △△△ ここまで「採用情報(募集要項・採用試験要項)」パーツ △△△ -->
copy
<!-- ▽▽▽ ここから「採用情報(現在の採用募集なし)」パーツ ▽▽▽ --> <div class="section-group" id="job-opening"> <h2 class="large-headline">現在の採用情報</h2> <div class="center-column-x width-810px-x"> <div class="color-box-light box-rounded around-3_2-x around around-2_3-s"> <div class="reduce-bottom-2_3 text-center-x text-center-l"> <p class="color-font-red">現在の採用募集はありません。<br class="invisible-m invisible-s">採用募集の際は、またお知らせします。</p> </div> </div> </div> </div> <!-- △△△ ここまで「採用情報(現在の採用募集なし)」パーツ △△△ -->
copy
<div class="section-group"> <h2 class="large-headline">令和●年度</h2> <div class="center-column-x center-column-l width-360px-x width-360px-l"> <ul> <li> <p class="add-bottom-0">【4月-6月期】<p> <p class="pdf"><img src="https://goope.jp/img/icon/pdf/pdficon_16.png" width="16" height="16" alt="pdf"><a href="https://cdn.goope.jp/92492/230711102036-64acae6409c94.pdf" target="_blank">第1四半期中小企業景況調査報告書.pdf</a><span> (0.59MB)</span></p> </li> <!-- ▲▲▲ この上に「中小企業景況調査報告書(四半期)」パーツを貼り付け ▲▲▲ --> </ul> </div> </div>
copy
<li> <p class="add-bottom-0">【●月-●月期】<p> <p class="pdf"><img src="https://goope.jp/img/icon/pdf/pdficon_16.png" width="16" height="16" alt="pdf"><a href="https://cdn.goope.jp/92492/230711102036-64acae6409c94.pdf" target="_blank">第●四半期中小企業景況調査報告書.pdf</a><span> (0.59MB)</span></p> </li>
copy
均等割りカラム
分割数
コード
並び順
列ギャップ
行ギャップ
ボタン
<div class="row col-1_2-x col-1_2-l col-1_2-m col-1-s gap row-gap"> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row col-1_3-x col-1_3-l col-1_3-m col-1-s gap row-gap"> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row col-1_4-x col-1_4-l col-1_4-m col-1-s gap row-gap"> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row col-1_5-x col-1_5-l col-1_5-m col-1-s gap row-gap"> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row col-1_6-x col-1_6-l col-1_6-m col-1-s gap row-gap"> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
グリッドカラム
分割数
コード
並び順
列ギャップ
行ギャップ
ボタン
<div class="row-grid col-1-x col-1-l col-1-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m gx-1-s gy-1-x gy-1-l gy-1-m gy-1-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-1-x gx-1-l gx-1-m gx-1-s gy-1-x gy-1-l gy-1-m gy-1-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_2-x col-1_2-l col-1_2-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-2-x gx-2-l gx-2-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_3-x col-1_3-l col-1_3-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-2-x gx-2-l gx-2-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-3-x gx-3-l gx-3-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_4-x col-1_4-l col-1_4-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-2-x gx-2-l gx-2-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-3-x gx-3-l gx-3-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-4-x gx-4-l gx-4-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_5-x col-1_5-l col-1_5-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-2-x gx-2-l gx-2-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-3-x gx-3-l gx-3-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-4-x gx-4-l gx-4-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-5-x gx-5-l gx-5-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_6-x col-1_6-l col-1_6-m col-1-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-2-x gx-2-l gx-2-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-3-x gx-3-l gx-3-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-4-x gx-4-l gx-4-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-5-x gx-5-l gx-5-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-6-x gx-6-l gx-6-m"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid col-1_12-x col-1_9-l col-1_9-m col-1_7-s gap row-gap"> <div class="gx-1-x gx-1-l gx-1-m gx-1-s gw-4-x gw-3-l gw-3-m gw-2-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-5-x gx-4-l gx-4-m gx-3-s gw-4-x gw-3-l gw-3-m gw-2-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="gx-9-x gx-7-l gx-7-m gx-5-s gw-4-x gw-3-l gw-3-m gw-2-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
<div class="row-grid gfw-30px-x gfw-30px-l gfw-30px-m gfw-30px-s"> <div class="gw-12-x gw-12-l gw-12-m gw-12-s gx-1-x gx-1-l gx-1-m gx-1-s"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> </div>
copy
回り込みカラム(左画像)
画像比率
コード
並び順
列ギャップ
行ギャップ
ボタン
<div class="row-left col-11_12-x col-11_12-l col-11_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-5_6-x col-5_6-l col-5_6-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-3_4-x col-3_4-l col-3_4-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-2_3-x col-2_3-l col-2_3-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-3_5-x col-3_5-l col-3_5-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-7_12-x col-7_12-l col-7_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-1_2-x col-1_2-l col-1_2-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-5_12-x col-5_12-l col-5_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-2_5-x col-2_5-l col-2_5-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-1_3-x col-1_3-l col-1_3-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-1_4-x col-1_4-l col-1_4-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-1_6-x col-1_6-l col-1_6-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-left col-1_12-x col-1_12-l col-1_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
回り込みカラム(右画像)
画像比率
コード
並び順
列ギャップ
行ギャップ
ボタン
<div class="row-right col-11_12-x col-11_12-l col-11_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-5_6-x col-5_6-l col-5_6-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-3_4-x col-3_4-l col-3_4-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-2_3-x col-2_3-l col-2_3-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-3_5-x col-3_5-l col-3_5-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-7_12-x col-7_12-l col-7_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-1_2-x col-1_2-l col-1_2-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-5_12-x col-5_12-l col-5_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-2_5-x col-2_5-l col-2_5-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-1_3-x col-1_3-l col-1_3-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-1_4-x col-1_4-l col-1_4-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-1_6-x col-1_6-l col-1_6-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
<div class="row-right col-1_12-x col-1_12-l col-1_12-m col-1-s gap"> <div class="col-scope"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=IMAGE" alt=""></figure> </div> <div class="col-scope"> <div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div> </div>
copy
テーブル風カラム
分割数
コード
並び順
列ギャップ
行ギャップ
ボタン
<div class="table-like-column-2-x table-like-column-2-l table-like-column-2-m table-like-column-2-s width-1-x"> <div> <p>あいうえお</p> </div> <div> <p>かきくけこ</p> </div> </div>
copy
<div class="table-like-column-3-x table-like-column-3-l table-like-column-3-m table-like-column-3-s width-1-x"> <div> <p>あいうえお</p> </div> <div> <p>かきくけこ</p> </div> <div> <p>さしすせそ</p> </div> </div>
copy
<div class="table-like-column-4-x table-like-column-4-l table-like-column-4-m table-like-column-4-s width-1-x"> <div> <p>あいうえお</p> </div> <div> <p>かきくけこ</p> </div> <div> <p>さしすせそ</p> </div> <div> <p>たちつてと</p> </div> </div>
copy
<div class="table-like-column-5-x table-like-column-5-l table-like-column-5-m table-like-column-5-s width-1-x"> <div> <p>あいうえお</p> </div> <div> <p>かきくけこ</p> </div> <div> <p>さしすせそ</p> </div> <div> <p>たちつてと</p> </div> <div> <p>なにぬねの</p> </div> </div>
copy
<div class="table-like-column-6-x table-like-column-6-l table-like-column-6-m table-like-column-6-s width-1-x"> <div> <p>あいうえお</p> </div> <div> <p>かきくけこ</p> </div> <div> <p>さしすせそ</p> </div> <div> <p>たちつてと</p> </div> <div> <p>なにぬねの</p> </div> <div> <p>はひふへほ</p> </div> </div>
copy
名前
コード
タグ
classなし
classあり
<div class="column-layout multi-column-2-x multi-column-2-l multi-column-2-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div>
タグ
classなし
classあり
<div class="column-layout multi-column-3-x multi-column-3-l multi-column-3-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div>
タグ
classなし
classあり
<div class="column-layout multi-column-4-x multi-column-4-l multi-column-4-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-240-x colv-height-240-l colv-height-240-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-270-x colv-height-270-l colv-height-270-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-300-x colv-height-300-l colv-height-300-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-330-x colv-height-330-l colv-height-330-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-360-x colv-height-360-l colv-height-360-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-390-x colv-height-390-l colv-height-390-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-420-x colv-height-420-l colv-height-420-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-450-x colv-height-450-l colv-height-450-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="display-flex"> <div class="column-layout vertical-column-x vertical-column-l vertical-column-m colv-height-480-x colv-height-480-l colv-height-480-m gap-x gap-l gap-m add-bottom"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがきぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="wrap"> <div class="inner-wrap"> </div> </div>
タグ
classなし
classあり
wide-column-x wide-column-l wide-column-m wide-column-s
タグ
classなし
classあり
center-column
タグ
classなし
classあり
text-left
タグ
classなし
classあり
text-center
タグ
classなし
classあり
text-right
タグ
classなし
classあり
justify-content-center
タグ
classなし
classあり
justify-content-end
タグ
classなし
classあり
justify-content-space-between
タグ
classなし
classあり
justify-content-space-around
タグ
classなし
classあり
justify-content-space-evenly
タグ
classなし
classあり
align-items-center
タグ
classなし
classあり
align-items-end
タグ
classなし
classあり
order-1-x order-1-l order-1-m order-1-s
タグ
classなし
classあり
order-2-x order-2-l order-2-m order-2-s
タグ
classなし
classあり
order-3-x order-3-l order-3-m order-3-s
タグ
classなし
classあり
order-4-x order-4-l order-4-m order-4-s
タグ
classなし
classあり
order-5-x order-5-l order-5-m order-5-s
タグ
classなし
classあり
valign-center-x
タグ
classなし
classあり
valign-bottom-x
タグ
classなし
classあり
halign-center-x
タグ
classなし
classあり
halign-right-x
タグ
classなし
classあり
table-like-caption-x table-like-caption-l table-like-caption-m table-like-caption-s
タグ
classなし
classあり
table-like-border-x table-like-border-l table-like-border-m table-like-border-s
タグ
classなし
classあり
table-like-border-tb-x table-like-border-tb-l table-like-border-tb-m table-like-border-tb-s
タグ
classなし
classあり
table-like-border-lr-x table-like-border-lr-l table-like-border-lr-m table-like-border-lr-s
タグ
classなし
classあり
invisible-x invisible-l invisible-m invisible-s
タグ
classなし
classあり
display-table
タグ
classなし
classあり
display-table-caption
タグ
classなし
classあり
display-table-row
タグ
classなし
classあり
display-table-cell
タグ
classなし
classあり
display-block
タグ
classなし
classあり
display-inline-block
タグ
classなし
classあり
display-inline
タグ
classなし
classあり
display-flex
タグ
classなし
classあり
display-flex-wrap
タグ
classなし
classあり
display-grid
タグ
classなし
classあり
width-auto
タグ
classなし
classあり
width-1
タグ
classなし
classあり
width-7_8
タグ
classなし
classあり
width-5_6
タグ
classなし
classあり
width-4_5
タグ
classなし
classあり
width-3_4
タグ
classなし
classあり
width-2_3
タグ
classなし
classあり
width-5_8
タグ
classなし
classあり
width-3_5
タグ
classなし
classあり
width-1_2
タグ
classなし
classあり
width-2_5
タグ
classなし
classあり
width-3_8
タグ
classなし
classあり
width-1_3
タグ
classなし
classあり
width-1_4
タグ
classなし
classあり
width-1_5
タグ
classなし
classあり
width-1_6
タグ
classなし
classあり
width-1_8
タグ
classなし
classあり
height-1
タグ
classなし
classあり
pos-relative
タグ
classなし
classあり
pos-absolute
タグ
classなし
classあり
top-0
タグ
classなし
classあり
right-0
タグ
classなし
classあり
left-0
タグ
classなし
classあり
bottom-0
タグ
classなし
classあり
z-0
タグ
classなし
classあり
z-1
タグ
classなし
classあり
z-2
タグ
classなし
classあり
z-3
タグ
classなし
classあり
z-4
タグ
classなし
classあり
z-5
タグ
classなし
classあり
ratio-auto-x ratio-auto-l ratio-auto-m ratio-auto-s
タグ
classなし
classあり
ratio-8_3
タグ
classなし
classあり
ratio-5_2
タグ
classなし
classあり
ratio-2_1
タグ
classなし
classあり
ratio-16_9
タグ
classなし
classあり
ratio-5_3
タグ
classなし
classあり
ratio-8_5
タグ
classなし
classあり
ratio-3_2
タグ
classなし
classあり
ratio-4_3
タグ
classなし
classあり
ratio-5_4
タグ
classなし
classあり
ratio-1_1
タグ
classなし
classあり
ratio-4_5
タグ
classなし
classあり
ratio-3_4
タグ
classなし
classあり
ratio-2_3
タグ
classなし
classあり
rotate-right-2deg-x rotate-right-2deg-l rotate-right-2deg-m rotate-right-2deg-s
タグ
classなし
classあり
rotate-right-4deg-x rotate-right-4deg-l rotate-right-4deg-m rotate-right-4deg-s
タグ
classなし
classあり
rotate-right-6deg-x rotate-right-6deg-l rotate-right-6deg-m rotate-right-6deg-s
タグ
classなし
classあり
rotate-right-8deg-x rotate-right-8deg-l rotate-right-8deg-m rotate-right-8deg-s
タグ
classなし
classあり
rotate-right-10deg-x rotate-right-10deg-l rotate-right-10deg-m rotate-right-10deg-s
タグ
classなし
classあり
rotate-right-90deg-x rotate-right-90deg-l rotate-right-90deg-m rotate-right-90deg-s
タグ
classなし
classあり
rotate-left-2deg-x rotate-left-2deg-l rotate-left-2deg-m rotate-left-2deg-s
タグ
classなし
classあり
rotate-left-4deg-x rotate-left-4deg-l rotate-left-4deg-m rotate-left-4deg-s
タグ
classなし
classあり
rotate-left-6deg-x rotate-left-6deg-l rotate-left-6deg-m rotate-left-6deg-s
タグ
classなし
classあり
rotate-left-8deg-x rotate-left-8deg-l rotate-left-8deg-m rotate-left-8deg-s
タグ
classなし
classあり
rotate-left-10deg-x rotate-left-10deg-l rotate-left-10deg-m rotate-left-10deg-s
タグ
classなし
classあり
rotate-left-90deg-x rotate-left-90deg-l rotate-left-90deg-m rotate-left-90deg-s
タグ
classなし
classあり
名前
コード
タグ
classなし
classあり
<div class="section-group"></div>
タグ
classなし
classあり
<div class="content-group"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div>
タグ
classなし
classあり
add-bottom-4
タグ
classなし
classあり
add-bottom-3
タグ
classなし
classあり
add-bottom-5_2
タグ
classなし
classあり
add-bottom-2
タグ
classなし
classあり
add-bottom-3_2
タグ
classなし
classあり
add-bottom-7_6
タグ
classなし
classあり
add-bottom
タグ
classなし
classあり
add-bottom-5_6
タグ
classなし
classあり
add-bottom-2_3
タグ
classなし
classあり
add-bottom-1_2
タグ
classなし
classあり
add-bottom-1_3
タグ
classなし
classあり
add-bottom-4_15
タグ
classなし
classあり
add-bottom-1_6
タグ
classなし
classあり
add-bottom-1_15
タグ
classなし
classあり
add-bottom-0
タグ
classなし
classあり
reduce-bottom-1_15
タグ
classなし
classあり
reduce-bottom-1_6
タグ
classなし
classあり
reduce-bottom-4_15
タグ
classなし
classあり
reduce-bottom-1_3
タグ
classなし
classあり
reduce-bottom-1_2
タグ
classなし
classあり
reduce-bottom-2_3
タグ
classなし
classあり
reduce-bottom-5_6
タグ
classなし
classあり
reduce-bottom
タグ
classなし
classあり
reduce-bottom-7_6
タグ
classなし
classあり
reduce-bottom-3_2
タグ
classなし
classあり
reduce-bottom-2
タグ
classなし
classあり
add-right-4
タグ
classなし
classあり
add-right-3
タグ
classなし
classあり
add-right-5_2
タグ
classなし
classあり
add-right-2
タグ
classなし
classあり
add-right-3_2
タグ
classなし
classあり
add-right-7_6
タグ
classなし
classあり
add-right
タグ
classなし
classあり
add-right-5_6
タグ
classなし
classあり
add-right-2_3
タグ
classなし
classあり
add-right-1_2
タグ
classなし
classあり
add-right-1_3
タグ
classなし
classあり
add-right-4_15
タグ
classなし
classあり
add-right-1_6
タグ
classなし
classあり
add-right-1_15
タグ
classなし
classあり
add-right-0
タグ
classなし
classあり
reduce-right-1_15
タグ
classなし
classあり
reduce-right-1_6
タグ
classなし
classあり
reduce-right-4_15
タグ
classなし
classあり
reduce-right-1_3
タグ
classなし
classあり
reduce-right-1_2
タグ
classなし
classあり
reduce-right-2_3
タグ
classなし
classあり
reduce-right-5_6
タグ
classなし
classあり
reduce-right
タグ
classなし
classあり
reduce-right-7_6
タグ
classなし
classあり
reduce-right-3_2
タグ
classなし
classあり
reduce-right-2
タグ
classなし
classあり
add-left-4
タグ
classなし
classあり
add-left-3
タグ
classなし
classあり
add-left-5_2
タグ
classなし
classあり
add-left-2
タグ
classなし
classあり
add-left-3_2
タグ
classなし
classあり
add-left-7_6
タグ
classなし
classあり
add-left
タグ
classなし
classあり
add-left-5_6
タグ
classなし
classあり
add-left-2_3
タグ
classなし
classあり
add-left-1_2
タグ
classなし
classあり
add-left-1_3
タグ
classなし
classあり
add-left-4_15
タグ
classなし
classあり
add-left-1_6
タグ
classなし
classあり
add-left-1_15
タグ
classなし
classあり
add-left-0
タグ
classなし
classあり
reduce-left-1_15
タグ
classなし
classあり
reduce-left-1_6
タグ
classなし
classあり
reduce-left-4_15
タグ
classなし
classあり
reduce-left-1_3
タグ
classなし
classあり
reduce-left-1_2
タグ
classなし
classあり
reduce-left-2_3
タグ
classなし
classあり
reduce-left-5_6
タグ
classなし
classあり
reduce-left
タグ
classなし
classあり
reduce-left-7_6
タグ
classなし
classあり
reduce-left-3_2
タグ
classなし
classあり
reduce-left-2
タグ
classなし
classあり
add-top-4
タグ
classなし
classあり
add-top-3
タグ
classなし
classあり
add-top-5_2
タグ
classなし
classあり
add-top-2
タグ
classなし
classあり
add-top-3_2
タグ
classなし
classあり
add-top-7_6
タグ
classなし
classあり
add-top
タグ
classなし
classあり
add-top-5_6
タグ
classなし
classあり
add-top-2_3
タグ
classなし
classあり
add-top-1_2
タグ
classなし
classあり
add-top-1_3
タグ
classなし
classあり
add-top-4_15
タグ
classなし
classあり
add-top-1_6
タグ
classなし
classあり
add-top-1_15
タグ
classなし
classあり
add-top-0
タグ
classなし
classあり
reduce-top-1_15
タグ
classなし
classあり
reduce-top-1_6
タグ
classなし
classあり
reduce-top-4_15
タグ
classなし
classあり
reduce-top-1_3
タグ
classなし
classあり
reduce-top-1_2
タグ
classなし
classあり
reduce-top-2_3
タグ
classなし
classあり
reduce-top-5_6
タグ
classなし
classあり
reduce-top
タグ
classなし
classあり
reduce-top-7_6
タグ
classなし
classあり
reduce-top-3_2
タグ
classなし
classあり
reduce-top-2
タグ
classなし
classあり
around-4
タグ
classなし
classあり
around-3
タグ
classなし
classあり
around-5_2
タグ
classなし
classあり
around-2
タグ
classなし
classあり
around-3_2
タグ
classなし
classあり
around-7_6
タグ
classなし
classあり
around
タグ
classなし
classあり
around-5_6
タグ
classなし
classあり
around-2_3
タグ
classなし
classあり
around-1_2
タグ
classなし
classあり
around-1_3
タグ
classなし
classあり
around-4_15
タグ
classなし
classあり
around-1_6
タグ
classなし
classあり
around-1_15
タグ
classなし
classあり
around-0
タグ
classなし
classあり
aroundv-4
タグ
classなし
classあり
aroundv-3
タグ
classなし
classあり
aroundv-5_2
タグ
classなし
classあり
aroundv-2
タグ
classなし
classあり
aroundv-3_2
タグ
classなし
classあり
aroundv-7_6
タグ
classなし
classあり
aroundv
タグ
classなし
classあり
aroundv-5_6
タグ
classなし
classあり
aroundv-2_3
タグ
classなし
classあり
aroundv-1_2
タグ
classなし
classあり
aroundv-1_3
タグ
classなし
classあり
aroundv-4_15
タグ
classなし
classあり
aroundv-1_6
タグ
classなし
classあり
aroundv-1_15
タグ
classなし
classあり
aroundv-0
タグ
classなし
classあり
aroundh-4
タグ
classなし
classあり
aroundh-3
タグ
classなし
classあり
aroundh-5_2
タグ
classなし
classあり
aroundh-2
タグ
classなし
classあり
aroundh-3_2
タグ
classなし
classあり
aroundh-7_6
タグ
classなし
classあり
aroundh
タグ
classなし
classあり
aroundh-5_6
タグ
classなし
classあり
aroundh-2_3
タグ
classなし
classあり
aroundh-1_2
タグ
classなし
classあり
aroundh-1_3
タグ
classなし
classあり
aroundh-4_15
タグ
classなし
classあり
aroundh-1_6
タグ
classなし
classあり
aroundh-1_15
タグ
classなし
classあり
aroundh-0
タグ
classなし
classあり
名前
コード
タグ
classなし
classあり
<div class="color-box-light box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(ライトカラー)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-red color-font-red-area box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(赤)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-orange box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(橙)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-blue box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(青)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-green box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(緑)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-white box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(白)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-light-a box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(ライトカラー透過)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-black-a color-font-white-area box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(黒透過)</p> </div> </div>
タグ
classなし
classあり
<div class="color-box-white-a box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>カラーボックス(白透過)</p> </div> </div>
タグ
classなし
classあり
background-none-x background-none-l background-none-m background-none-s
タグ
classなし
classあり
<div class="border-box-dark box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>ボーダーボックス(ダークカラー)</p> </div> </div>
タグ
classなし
classあり
<div class="border-box-main box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>ボーダーボックス(メインカラー)</p> </div> </div>
タグ
classなし
classあり
<div class="border-box-light box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>ボーダーボックス(ライトカラー)</p> </div> </div>
タグ
classなし
classあり
<div class="border-box-red box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>ボーダーボックス(赤)</p> </div> </div>
タグ
classなし
classあり
<div class="border-box-white box-rounded around-2_3"> <div class="reduce-bottom-2_3"> <p>ボーダーボックス(白)</p> </div> </div>
タグ
classなし
classあり
box-rounded
タグ
classなし
classあり
box-rounded-top
タグ
classなし
classあり
box-rounded-left
タグ
classなし
classあり
box-rounded-right
タグ
classなし
classあり
box-rounded-bottom
タグ
classなし
classあり
border-dotted
タグ
classなし
classあり
border-dashed
タグ
classなし
classあり
border-double
タグ
classなし
classあり
border-thin
タグ
classなし
classあり
border-thick
タグ
classなし
classあり
border-none-x border-none-l border-none-m border-none-s
タグ
classなし
classあり
<figure><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=画像" alt=""><figcaption>キャプション</figcaption></figure>
タグ
classなし
classあり
<div class="slick-slider simple-slider add-bottom"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/930x620.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/930x620.png?text=画像2" alt=""></figure> </div> </div>
タグ
classなし
classあり
<div class="slick-slider simple-slider-dots add-bottom"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/930x620.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/930x620.png?text=画像2" alt=""></figure> </div> </div>
タグ
classなし
classあり
<div class="slick-slider thumbnail-slider"> <div class="slick-slider-for thumbnail-slider-for"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像2" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像3" alt=""></figure> </div> </div> <div class="slick-slider-nav-container thumbnail-slider-nav-container"> <div class="slick-slider-nav thumbnail-slider-nav add-bottom"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像2" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像3" alt=""></figure> </div> </div> <div class="slick-slider-arrows thumbnail-slider-arrows"> <div class="slick-prev"><span class="icon-circle-arrow-left"></span></div> <div class="slick-next"><span class="icon-circle-arrow-right"></span></div> </div> </div> </div>
タグ
classなし
classあり
<div class="slick-slider thumbnail-slider"> <div class="slick-slider-for thumbnail-slider-for"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像1" alt=""><figcaption>キャプション01</figcaption></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像2" alt=""><figcaption>キャプション02</figcaption></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像3" alt=""><figcaption>キャプション03</figcaption></figure> </div> </div> <div class="slick-slider-nav-container thumbnail-slider-nav-container"> <div class="slick-slider-nav thumbnail-slider-nav add-bottom"> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像2" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/750x500.png?text=画像3" alt=""></figure> </div> </div> <div class="slick-slider-arrows thumbnail-slider-arrows"> <div class="slick-prev"><span class="icon-circle-arrow-left"></span></div> <div class="slick-next"><span class="icon-circle-arrow-right"></span></div> </div> </div> </div>
タグ
classなし
classあり
<div class="slick-slider tile-slider clearfix add-bottom"> <div class="slick-slider-for tile-slider-for"> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像2" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像3" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像4" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像5" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像6" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像7" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像8" alt=""></figure> </div> <div class="slick-slide"> <figure><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像9" alt=""></figure> </div> </div> <div class="slick-slider-nav-container tile-slider-nav-container reduce-bottom-1_3"> <div class="slick-slider-nav tile-slider-nav add-bottom"> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像1" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像2" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像3" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像4" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像5" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像6" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像7" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像8" alt=""></figure> </div> <div class="slick-slide"> <figure class="square-image object-fit-cover"><img src="https://placehold.jp/36/cccccc/ffffff/1050x700.png?text=画像9" alt=""></figure> </div> </div> </div> </div>
タグ
classなし
classあり
<div class="loop-slider add-bottom"> <div class="loop-slider-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/390x260.png?text=画像01" alt=""></figure> </div> <div class="loop-slider-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/390x260.png?text=画像02" alt=""></figure> </div> <div class="loop-slider-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/390x260.png?text=画像03" alt=""></figure> </div> <div class="loop-slider-slide"> <figure><img src="https://placehold.jp/18/cccccc/ffffff/390x260.png?text=画像04" alt=""></figure> </div> </div>
タグ
classなし
classあり
<div class="image-width-max-area"> <figure class="add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/480x160.png?text=画像" alt=""></figure> </div>
タグ
classなし
classあり
<figure class="square-image object-fit-cover add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="circle-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x750.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="border-frame-image add-bottom"><img src="https://placehold.jp/36/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="rounded-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x750.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="rounded-top-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="rounded-left-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="rounded-right-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
<figure class="rounded-bottom-frame-image add-bottom"><img src="https://placehold.jp/45/cccccc/ffffff/750x500.png?text=画像" alt=""></figure>
タグ
classなし
classあり
object-fit-cover
タグ
classなし
classあり
object-fit-contain
タグ
classなし
classあり
<figure class="add-bottom"> <table> <thead> <tr> <th>thタグ</th> <th>thタグ</th> </tr> </thead> <tbody> <tr> <th>thタグ</th> <td>tdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="table-headline add-bottom"> <table> <thead> <tr> <th>thタグ</th> <th>thタグ</th> </tr> </thead> <tbody> <tr> <th>thタグ</th> <td>tdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="alternate no-border add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="horizontal-line add-bottom"> <table> <thead> <tr> <th>thタグ</th> <th>thタグ</th> </tr> </thead> <tbody> <tr> <th>thタグ</th> <td>tdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="no-border closely table-width-auto add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="oblique-line add-bottom"> <table> <thead> <tr> <th>thタグ</th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td>tdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="vertical-row-x vertical-row-l vertical-row-m vertical-row-s add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="scroll-table-s text-nowrap-s add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="table-headline scroll-table-s col-sticky text-nowrap-s add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="table-width-auto add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
table-width-x1col-x table-width-x1col-l table-width-x1col-m table-width-x1col-s
タグ
classなし
classあり
table-width-x2col-l table-width-x2col-m table-width-x2col-s
タグ
classなし
classあり
table-width-l1col-l table-width-l1col-m table-width-l1col-s
タグ
classなし
classあり
table-width-l2col-s
タグ
classなし
classあり
table-1col-width-1_2-x table-1col-width-1_2-l table-1col-width-1_2-m table-1col-width-1_2-s
タグ
classなし
classあり
table-1col-width-2_5-x table-1col-width-2_5-l table-1col-width-2_5-m table-1col-width-2_5-s
タグ
classなし
classあり
table-1col-width-1_3-x table-1col-width-1_3-l table-1col-width-1_3-m table-1col-width-1_3-s
タグ
classなし
classあり
table-1col-width-1_4-x table-1col-width-1_4-l table-1col-width-1_4-m table-1col-width-1_4-s
タグ
classなし
classあり
table-1col-width-1_5-x table-1col-width-1_5-l table-1col-width-1_5-m table-1col-width-1_5-s
タグ
classなし
classあり
table-1col-width-1_6-x table-1col-width-1_6-l table-1col-width-1_6-m table-1col-width-1_6-s
タグ
classなし
classあり
table-2col-width-1_2-x table-2col-width-1_2-l table-2col-width-1_2-m table-2col-width-1_2-s
タグ
classなし
classあり
table-2col-width-2_5-x table-2col-width-2_5-l table-2col-width-2_5-m table-2col-width-2_5-s
タグ
classなし
classあり
table-2col-width-1_3-x table-2col-width-1_3-l table-2col-width-1_3-m table-2col-width-1_3-s
タグ
classなし
classあり
table-2col-width-1_4-x table-2col-width-1_4-l table-2col-width-1_4-m table-2col-width-1_4-s
タグ
classなし
classあり
table-2col-width-1_5-x table-2col-width-1_5-l table-2col-width-1_5-m table-2col-width-1_5-s
タグ
classなし
classあり
table-2col-width-1_6-x table-2col-width-1_6-l table-2col-width-1_6-m table-2col-width-1_6-s
タグ
classなし
classあり
table-3col-width-1_2-x table-3col-width-1_2-l table-3col-width-1_2-m table-3col-width-1_2-s
タグ
classなし
classあり
table-3col-width-2_5-x table-3col-width-2_5-l table-3col-width-2_5-m table-3col-width-2_5-s
タグ
classなし
classあり
table-3col-width-1_3-x table-3col-width-1_3-l table-3col-width-1_3-m table-3col-width-1_3-s
タグ
classなし
classあり
table-3col-width-1_4-x table-3col-width-1_4-l table-3col-width-1_4-m table-3col-width-1_4-s
タグ
classなし
classあり
table-3col-width-1_5-x table-3col-width-1_5-l table-3col-width-1_5-m table-3col-width-1_5-s
タグ
classなし
classあり
table-3col-width-1_6-x table-3col-width-1_6-l table-3col-width-1_6-m table-3col-width-1_6-s
タグ
classなし
classあり
table-4col-width-1_2-x table-4col-width-1_2-l table-4col-width-1_2-m table-4col-width-1_2-s
タグ
classなし
classあり
table-4col-width-2_5-x table-4col-width-2_5-l table-4col-width-2_5-m table-4col-width-2_5-s
タグ
classなし
classあり
table-4col-width-1_3-x table-4col-width-1_3-l table-4col-width-1_3-m table-4col-width-1_3-s
タグ
classなし
classあり
table-4col-width-1_4-x table-4col-width-1_4-l table-4col-width-1_4-m table-4col-width-1_4-s
タグ
classなし
classあり
table-4col-width-1_5-x table-4col-width-1_5-l table-4col-width-1_5-m table-4col-width-1_5-s
タグ
classなし
classあり
table-4col-width-1_6-x table-4col-width-1_6-l table-4col-width-1_6-m table-4col-width-1_6-s
タグ
classなし
classあり
table-5col-width-1_2-x table-5col-width-1_2-l table-5col-width-1_2-m table-5col-width-1_2-s
タグ
classなし
classあり
table-5col-width-2_5-x table-5col-width-2_5-l table-5col-width-2_5-m table-5col-width-2_5-s
タグ
classなし
classあり
table-5col-width-1_3-x table-5col-width-1_3-l table-5col-width-1_3-m table-5col-width-1_3-s
タグ
classなし
classあり
table-5col-width-1_4-x table-5col-width-1_4-l table-5col-width-1_4-m table-5col-width-1_4-s
タグ
classなし
classあり
table-5col-width-1_5-x table-5col-width-1_5-l table-5col-width-1_5-m table-5col-width-1_5-s
タグ
classなし
classあり
table-5col-width-1_6-x table-5col-width-1_6-l table-5col-width-1_6-m table-5col-width-1_6-s
タグ
classなし
classあり
table-6col-width-1_2-x table-6col-width-1_2-l table-6col-width-1_2-m table-6col-width-1_2-s
タグ
classなし
classあり
table-6col-width-2_5-x table-6col-width-2_5-l table-6col-width-2_5-m table-6col-width-2_5-s
タグ
classなし
classあり
table-6col-width-1_3-x table-6col-width-1_3-l table-6col-width-1_3-m table-6col-width-1_3-s
タグ
classなし
classあり
table-6col-width-1_4-x table-6col-width-1_4-l table-6col-width-1_4-m table-6col-width-1_4-s
タグ
classなし
classあり
table-6col-width-1_5-x table-6col-width-1_5-l table-6col-width-1_5-m table-6col-width-1_5-s
タグ
classなし
classあり
table-6col-width-1_6-x table-6col-width-1_6-l table-6col-width-1_6-m table-6col-width-1_6-s
タグ
classなし
classあり
<figure class="text-tb-center-th add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-th add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-th add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-tb-center-td add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-1col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-1col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-2col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-2col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-3col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-3col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-4col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-4col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-5col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-5col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-center-td-6col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<figure class="text-right-td-6col add-bottom"> <table> <tbody> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> <tr> <th>thタグ</th> <td>tdタグtdタグtdタグtdタグtdタグtdタグ</td> </tr> </tbody> </table> </figure>
タグ
classなし
classあり
<dl><dt>dtタグ</dt> <dd>ddタグ</dd></dl>
タグ
classなし
classあり
<ul class="add-bottom-2_3"> <li>ulタグ</li> </ul>
タグ
classなし
classあり
<ol class="add-bottom-2_3"> <li>olタグ</li> </ol>
タグ
classなし
classあり
<ul class="table-like-list col-1_5-x col-1_4-l col-1_3-m col-1_2-s no-marker add-bottom"> <li>テーブル風リスト</li> </ul>
タグ
classなし
classあり
<ul class="no-marker add-bottom-2_3"> <li>マーカーなしリスト</li> </ul>
タグ
classなし
classあり
<ul class="asterisk-list add-bottom-2_3"> <li>米印リスト</li> </ul>
タグ
classなし
classあり
<ul class="check-list add-bottom-2_3"> <li>チェックリスト</li> </ul>
タグ
classなし
classあり
<ol class="flow"> <li>フローリスト</li> </ol>
タグ
classなし
classあり
<div class="flow-box"> <h3 class="flow-box-headline">フロー見出し</h3> <p>フローコンテンツ</p> </div>
タグ
classなし
classあり
<blockquote class="aroundv-2_3 aroundv-3_2-s aroundh-2 aroundh-2_3-s add-bottom"> <div class="reduce-bottom-2_3"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> <cite><a href="#">引用元</a></cite> </div> </blockquote>
タグ
classなし
classあり
<div class="accordion add-bottom"> <div class="accordion-header"><div class="accordion-header-label">アコーディオンヘッダー1</div><span class="icon-plus"></span></div> <div class="accordion-content"> <div class="reduce-bottom-2_3"> <p>アコーディオンコンテンツ1</p> </div> </div> <div class="accordion-header"><div class="accordion-header-label">アコーディオンヘッダー2</div><span class="icon-plus"></span></div> <div class="accordion-content"> <div class="reduce-bottom-2_3"> <p>アコーディオンコンテンツ2</p> </div> </div> </div>
タグ
classなし
classあり
<div class="accordion add-bottom"> <div class="accordion-header"><div class="accordion-header-label">アコーディオンヘッダー1</div><span class="icon-minus"></span></div> <div class="accordion-content active" style="display: block;"> <div class="reduce-bottom-2_3"> <p>アコーディオンコンテンツ1</p> </div> </div> <div class="accordion-header"><div class="accordion-header-label">アコーディオンヘッダー2</div><span class="icon-plus"></span></div> <div class="accordion-content"> <div class="reduce-bottom-2_3"> <p>アコーディオンコンテンツ2</p> </div> </div> </div>
タグ
classなし
classあり
<div class="toggle add-bottom"> <div class="toggle-header"><div class="toggle-header-label">トグルヘッダー1</div><span class="icon-plus"></span></div> <div class="toggle-content"> <div class="reduce-bottom-2_3"> <p>トグルコンテンツ1</p> </div> </div> <div class="toggle-header"><div class="toggle-header-label">トグルヘッダー2</div><span class="icon-plus"></span></div> <div class="toggle-content"> <div class="reduce-bottom-2_3"> <p>トグルコンテンツ2</p> </div> </div> </div>
タグ
classなし
classあり
<div class="toggle add-bottom"> <div class="toggle-header"><div class="toggle-header-label">トグルヘッダー1</div><span class="icon-minus"></span></div> <div class="toggle-content active" style="display: block;"> <div class="reduce-bottom-2_3"> <p>トグルコンテンツ1</p> </div> </div> <div class="toggle-header"><div class="toggle-header-label">トグルヘッダー2</div><span class="icon-plus"></span></div> <div class="toggle-content"> <div class="reduce-bottom-2_3"> <p>トグルコンテンツ2</p> </div> </div> </div>
タグ
classなし
classあり
<div class="tab-label"> <ul class="tab-label-inner"> <li><a href="#cont1" class="no-scroll">タブラベル1</a></li> <li><a href="#cont2" class="no-scroll">タブラベル2</a></li> </ul> </div> <div class="tab-content add-bottom"> <div id="cont1" class="reduce-bottom-2_3"> <p>タブコンテンツ1</p> </div> <div id="cont2" class="reduce-bottom-2_3"> <p>タブコンテンツ2</p> </div> </div>
タグ
classなし
classあり
<div class="adjust adjust-invalid-m adjust-invalid-s"> <div class="adjust-content"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> <div class="adjust-content"> <p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p> </div> </div>
タグ
classなし
classあり
<div class="googlemap add-bottom"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3398.685621439941!2d130.53402605099632!3d31.587667881255882!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x353e6743232a2699%3A0x8248664085794c16!2z44CSODkwLTAwNDYg6bm_5YWQ5bO255yM6bm_5YWQ5bO25biC6KW_55Sw77yT5LiB55uu77yT77yV4oiS77yR77yT!5e0!3m2!1sja!2sjp!4v1458104836468"></iframe></div>
タグ
classなし
classあり
名前
コード
タグ
classなし
classあり
<h2 class="large-headline">大見出し</h2>
タグ
classなし
classあり
<h2 class="large-headline-copy">大見出し(キャッチコピー用)</h2>
タグ
classなし
classあり
<h3 class="medium-headline">中見出し</h3>
タグ
classなし
classあり
<h4 class="small-headline">小見出し</h4>
タグ
classなし
classあり
<h1>h1タグ</h1>
タグ
classなし
classあり
<h2>h2タグ</h2>
タグ
classなし
classあり
<h3>h3タグ</h3>
タグ
classなし
classあり
<h4>h4タグ</h4>
タグ
classなし
classあり
<h5>h5タグ</h5>
タグ
classなし
classあり
<h6>h6タグ</h6>
タグ
classなし
classあり
fs-h1
タグ
classなし
classあり
fs-h2
タグ
classなし
classあり
fs-h3
タグ
classなし
classあり
fs-h4
タグ
classなし
classあり
fs-h5
タグ
classなし
classあり
fs-h6
タグ
classなし
classあり
fs-15px
タグ
classなし
classあり
fs-14px
タグ
classなし
classあり
fs-13px
タグ
classなし
classあり
fs-12px
タグ
classなし
classあり
fs-15px-area
タグ
classなし
classあり
fs-14px-area
タグ
classなし
classあり
fs-13px-area
タグ
classなし
classあり
fs-12px-area
タグ
classなし
classあり
<p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜそだぢづでどばびぶべぼぱぴぷぺぽ</p>
タグ
classなし
classあり
<hr>
タグ
classなし
classあり
<a href="#">リンク</a>
タグ
classなし
classあり
<a href="#" class="no-decoration" target="_blank">リンク(ターゲットブランク)</a>
タグ
classなし
classあり
<a href="#" class="no-decoration">リンク装飾なし</a>
タグ
classなし
classあり
<a href="#" class="link-border">アンダーラインリンク</a>
タグ
classなし
classあり
<a href="#" class="link-translucent">ホバー時半透明リンク</a>
タグ
classなし
classあり
<a href="#" class="no-decoration"><span class="icon-circle-arrow-right add-right-4_15"></span>アローリンク</a>
タグ
classなし
classあり
<a class="button with-icon-default" href="">ボタン風リンク(通常アイコン)</a>
タグ
classなし
classあり
<a class="button" href="">ボタン風リンク(アイコンなし)</a>
タグ
classなし
classあり
<a class="button with-icon-download" href="">ボタン風リンク(ダウンロード)</a>
タグ
classなし
classあり
<a class="button with-icon-external-link" href="">ボタン風リンク(外部リンク)</a>
タグ
classなし
classあり
<a class="button with-icon-file-pdf" href="">ボタン風リンク(PDFファイル)</a>
タグ
classなし
classあり
<a class="button with-icon-file-word" href="">ボタン風リンク(Wordファイル)</a>
タグ
classなし
classあり
<a class="button with-icon-file-excel" href="">ボタン風リンク(Excelファイル)</a>
タグ
classなし
classあり
<a class="button with-icon-default large-size" href="">ボタン風リンク(大サイズ)</a>
タグ
classなし
classあり
<div class="row gap-1_2 row-gap-1_2 add-bottom"> <div class="col-scope"> <a class="button with-icon-default" href="">ボタン風リンク(横並び)</a> </div> <div class="col-scope"> <a class="button with-icon-default" href="">ボタン風リンク(横並び)</a> </div> </div>
タグ
classなし
classあり
<div class="row gap-1_2 row-gap-1_2 add-bottom justify-content-center"> <div class="col-scope"> <a class="button with-icon-default" href="">ボタン風リンク(横並び中央揃え)</a> </div> <div class="col-scope"> <a class="button with-icon-default" href="">ボタン風リンク(横並び中央揃え)</a> </div> </div>
タグ
classなし
classあり
<ul class="line-page-nav no-marker add-bottom"> <li><a href="#">ナビA</a></li> <li><a href="#">ナビB</a></li> <li><a href="#">ナビC</a></li> </ul>
タグ
classなし
classあり
ff-sans
タグ
classなし
classあり
ff-serif
タグ
classなし
classあり
font-bold
タグ
classなし
classあり
font-larger
タグ
classなし
classあり
font-smaller
タグ
classなし
classあり
highlighter
タグ
classなし
classあり
color-font-main
タグ
classなし
classあり
color-font-light
タグ
classなし
classあり
color-font-red
タグ
classなし
classあり
color-font-white
タグ
classなし
classあり
color-font-main-area
タグ
classなし
classあり
color-font-light-area
タグ
classなし
classあり
color-font-red-area
タグ
classなし
classあり
color-font-white-area
タグ
classなし
classあり
text-bgc-x text-bgc-l text-bgc-m text-bgc-s bgc-white
タグ
classなし
classあり
text-bgc-x text-bgc-l text-bgc-m text-bgc-s bgc-black
タグ
classなし
classあり
text-bgc-x text-bgc-l text-bgc-m text-bgc-s bgc-light
タグ
classなし
classあり
text-bgc-x text-bgc-l text-bgc-m text-bgc-s bgc-dark
タグ
classなし
classあり
text-bgc-x text-bgc-l text-bgc-m text-bgc-s bgc-main
タグ
classなし
classあり
line-solid-main
タグ
classなし
classあり
line-solid-light
タグ
classなし
classあり
line-solid-red
タグ
classなし
classあり
line-double-main
タグ
classなし
classあり
line-double-light
タグ
classなし
classあり
line-double-red
タグ
classなし
classあり
line-dashed-main
タグ
classなし
classあり
line-dashed-light
タグ
classなし
classあり
line-dashed-red
タグ
classなし
classあり
line-dotted-main
タグ
classなし
classあり
line-dotted-light
タグ
classなし
classあり
line-dotted-red
タグ
classなし
classあり
line-wavy-main
タグ
classなし
classあり
line-wavy-light
タグ
classなし
classあり
line-wavy-red
タグ
classなし
classあり
badge-dark
タグ
classなし
classあり
badge-main
タグ
classなし
classあり
badge-light
タグ
classなし
classあり
badge-red
タグ
classなし
classあり
<ul class="list-badge add-bottom"> <li><span class="badge-main">バッジ</span></li> <li><span class="badge-main">バッジ</span></li> </ul>
タグ
classなし
classあり
<p class="tel-fax">TEL:<span class="tel-fax-number">099-200-0000</span></p>
タグ
classなし
classあり
lh-100
タグ
classなし
classあり
lh-110
タグ
classなし
classあり
lh-120
タグ
classなし
classあり
lh-130
タグ
classなし
classあり
lh-140
タグ
classなし
classあり
lh-150
タグ
classなし
classあり
lh-160
タグ
classなし
classあり
lh-170
タグ
classなし
classあり
lh-180
タグ
classなし
classあり
lh-190
タグ
classなし
classあり
lh-200
タグ
classなし
classあり
lh-220
タグ
classなし
classあり
lh-240
タグ
classなし
classあり
lh-100-area
タグ
classなし
classあり
lh-110-area
タグ
classなし
classあり
lh-120-area
タグ
classなし
classあり
lh-130-area
タグ
classなし
classあり
lh-140-area
タグ
classなし
classあり
lh-150-area
タグ
classなし
classあり
lh-160-area
タグ
classなし
classあり
lh-170-area
タグ
classなし
classあり
lh-180-area
タグ
classなし
classあり
lh-190-area
タグ
classなし
classあり
lh-200-area
タグ
classなし
classあり
lh-220-area
タグ
classなし
classあり
lh-240-area
タグ
classなし
classあり
ls-500-x ls-500-l ls-500-m ls-500-s
タグ
classなし
classあり
ls-250-x ls-250-l ls-250-m ls-250-s
タグ
classなし
classあり
ls-150-x ls-150-l ls-150-m ls-150-s
タグ
classなし
classあり
ls-120-x ls-120-l ls-120-m ls-120-s
タグ
classなし
classあり
ls-100-x ls-100-l ls-100-m ls-100-s
タグ
classなし
classあり
ls-80-x ls-80-l ls-80-m ls-80-s
タグ
classなし
classあり
ls-50-x ls-50-l ls-50-m ls-50-s
タグ
classなし
classあり
ls-20-x ls-20-l ls-20-m ls-20-s
タグ
classなし
classあり
ls-0-x ls-0-l ls-0-m ls-0-s
タグ
classなし
classあり
ls-r20-x ls-r20-l ls-r20-m ls-r20-s
タグ
classなし
classあり
ls-r50-x ls-r50-l ls-r50-m ls-r50-s
タグ
classなし
classあり
ls-r80-x ls-r80-l ls-r80-m ls-r80-s
タグ
classなし
classあり
ls-r100-x ls-r100-l ls-r100-m ls-r100-s
タグ
classなし
classあり
ls-r120-x ls-r120-l ls-r120-m ls-r120-s
タグ
classなし
classあり
ls-r150-x ls-r150-l ls-r150-m ls-r150-s
タグ
classなし
classあり
ls-r250-x ls-r250-l ls-r250-m ls-r250-s
タグ
classなし
classあり
ls-r500-x ls-r500-l ls-r500-m ls-r500-s
タグ
classなし
classあり
word-return
タグ
classなし
classあり
text-nowrap
タグ
classなし
classあり
vertical-num
タグ
classなし
classあり
<span class="icon-arrow-top"></span>
タグ
classなし
classあり
<span class="icon-arrow-right"></span>
タグ
classなし
classあり
<span class="icon-arrow-bottom"></span>
タグ
classなし
classあり
<span class="icon-arrow-left"></span>
タグ
classなし
classあり
<span class="icon-circle-arrow-top"></span>
タグ
classなし
classあり
<span class="icon-circle-arrow-right"></span>
タグ
classなし
classあり
<span class="icon-circle-arrow-bottom"></span>
タグ
classなし
classあり
<span class="icon-circle-arrow-left"></span>
タグ
classなし
classあり
<span class="icon-arrow-triangle-top"></span>
タグ
classなし
classあり
<span class="icon-arrow-triangle-right"></span>
タグ
classなし
classあり
<span class="icon-arrow-triangle-bottom"></span>
タグ
classなし
classあり
<span class="icon-arrow-triangle-left"></span>
タグ
classなし
classあり
<span class="icon-plus"></span>
タグ
classなし
classあり
<span class="icon-minus"></span>
タグ
classなし
classあり
<span class="icon-bars"></span>
タグ
classなし
classあり
<span class="icon-circle"></span>
タグ
classなし
classあり
<span class="icon-check"></span>
タグ
classなし
classあり
<span class="icon-user"></span>
タグ
classなし
classあり
<span class="icon-folder"></span>
タグ
classなし
classあり
<span class="icon-tags"></span>
タグ
classなし
classあり
<span class="icon-calendar"></span>
タグ
classなし
classあり
<span class="icon-edit"></span>
タグ
classなし
classあり
<span class="icon-loupe"></span>
タグ
classなし
classあり
<span class="icon-loupe-plus"></span>
タグ
classなし
classあり
<span class="icon-loupe-minus"></span>
タグ
classなし
classあり
<span class="icon-download"></span>
タグ
classなし
classあり
<span class="icon-external-link"></span>
タグ
classなし
classあり
<span class="icon-file-pdf"></span>
タグ
classなし
classあり
<span class="icon-file-word"></span>
タグ
classなし
classあり
<span class="icon-file-excel"></span>
タグ
classなし
classあり
<span class="icon-quote-left"></span>
タグ
classなし
classあり
<span class="icon-quote-right"></span>
タグ
classなし
classあり
<span class="icon-facebook"></span>
タグ
classなし
classあり
<span class="icon-x"></span>
タグ
classなし
classあり
<span class="icon-twitter"></span>
タグ
classなし
classあり
<span class="icon-hatena"></span>
タグ
classなし
classあり
<span class="icon-pocket"></span>
タグ
classなし
classあり
<span class="icon-line"></span>
タグ
classなし
classあり
<span class="icon-instagram"></span>
タグ
classなし
classあり
<span class="icon-youtube"></span>
タグ
classなし
classあり
ページトップへ