Cytekiではソースのひと塊である「ブロック」とよばれるものを使用し、LPを構成しています。
基本はそのまま使用しますが、ブロックの右側にある水色の「ソース編集」ボタンよりソースを変更することによって、レイアウトのカスタマイズが可能です。
ソースにはいくつか規則があり、規則に則ることで正しく編集機能を使用することができます。
※ソース編集機能は希望のあったお客様のみご利用できます。

---

.bwrap
ブロック全体を囲うクラスです。編集画面上で背景画像や背景色、余白の編集が可能になります。
この要素より外側に要素を追加することはできません。
他クラス：付与不可　個数：1ブロックにつき1つのみ
<div class="bwrap">
    <!-- ここにコードを入力 -->
</div>

---

.cate_box
項⽬を囲うクラスです。編集機能とは関係ありませんが、わかりやすくするために記載することをおすすめします。
後述のeditImg1や.editTxt1などを囲い、装飾を付けたりすることができます。

---

.editImg1
画像を囲うクラスです。imgタグをこのクラスで囲うことにより、画像の編集が可能になります。
cssを適⽤させたい場合は、「.box_img」などのクラスを記載したdivで囲い、そのdivにcssを適⽤させます。
<div>で囲われていない場合、テキスト編集画面のレイアウト崩れにつながります。
複数設置する場合は「.editImg2」など数字は変えずに、すべて「.editImg1」で記載をします。

---

.editTxt1
テキストを囲うクラスです。テキストを直接このクラスで囲うことにより、⽂章の編集が可能になります。
cssを適⽤させたい場合は、「.box_title1」などのクラスを記載したdivで囲い、そのdivにcssを適⽤させます。
<div>で囲われていない場合、テキスト編集画面のレイアウト崩れにつながります。
複数設置する場合は「.editTxt2」など数字は変えずに、すべて「.editTxt1」で記載をします。