カラム

<div id="cc-m-12263164392" class="n j-hgrid ">

■カラムのクラス名

j-hgrid

<div class="cc-m-hgrid-column" style="width: 30.35%;">
■カラムボックスごとのクラス名

cc-m-hgrid-column

<div id="cc-matrix-3451829692">

<div id="cc-m-12263164592" class="n j-imageSubtitle ">

■入力が写真だった場合　【j-imageSubtitle】

 

<figure class="cc-imagewrapper cc-m-image-align-1 cc-m-width-maxed">

<img　src="url" alt="" class="" />

</figure>

<div class="cc-clear"></div>

<script id="cc-m-reg-12263164592">

// <![CDATA[

    window.regModule("module_imageSubtitle", {"data":{"imageExists":true,"hyperlink":"","hyperlink_target":"","hyperlinkAsString":"","pinterest":"0","id":12263164592,"widthEqualsContent":"1","resizeWidth":"261","resizeHeight":196},"id":12263164592});

// ]]>

</script>

</div>

</div>

</div>

 

<div class="cc-m-hgrid-separator" data-display="cms-only">

■幅調整操作用のセパレーターのクラス名

cc-m-hgrid-separator

※これを削除すると、余白が少し埋まるが操作も出来なくなる。

 <div>

</div>

</div>

 

<div class="cc-m-hgrid-column last" style="width: 67.65%;">

 

<div id="cc-matrix-3451829792">

<div id="cc-m-12263165092" class="n j-text ">

■データーが文章だった場合　【j-text】

<p>

あああああああああ、<span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ。</span>

</p>

</div>

 

 </div>

</div>

    

<div class="cc-m-hgrid-overlay" data-display="cms-only"></div>

<br class="cc-clear"/>

<script id="cc-m-reg-12263164392">

// <![CDATA[

    window.regModule("module_hgrid", {"columnsCount":2,"minColumns":1,"maxColumns":6,"id":12263164392});

// ]]>

</script>

</div>