グリッド(仮)

ul要素にc-gridWrapクラスを指定。

さらに、カスタムデータ属性でcolumn数を指定（2～10）
data-col="2"

必要に応じてタブレット用とPC用のカスタムデータ属性も追加
data-col-tab="3"（タブレット カラム数）
data-col-pc="4"（PC カラム数）

使用例（▼スマホ2カラム　タブレット3カラム　PC4カラム）

• 
• 
• 
• 
• 
• 
• 

▼スマホ2カラム　タブレット3カラム　PC4カラム

<ul class="c-gridWrap" data-col="2" data-col-tab="3" data-col-pc="4">
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
</ul>

使用例（スマホタブレット2カラム　タブレット以上4カラム）

• 
• 
• 
• 
• 
• 
• 

▼スマホタブレット2カラム　タブレット以上4カラム

<ul class="c-gridWrap" data-col="2" data-col-tab="4">
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
</ul>

使用例（常に3カラム）

• 
• 
• 
• 
• 
• 
• 

▼常に2カラム

<ul class="c-gridWrap" data-col="3">
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
  <li><img src="../core_sys/images/sys/dammy750.png" alt=""></li>
</ul>