separator_001

ダウンロード（会員限定）

ブロックとブロックの間に斜めの区切りで変化を与える

SVGで斜線の区切りを作るブロック。色のある部分がSVGで右下がりのセパレーター。
separator_001a：左下がりのセパレーター

右下がりの斜めセパレーター

separator_001 の上ブロック
色のある部分がSVG
vertical-align:top

separatorとして使うのはこの下のブロックです。

separator_001a

左下がりの斜めセパレーター

separator_001a の上ブロック
色のある部分がSVG
vertical-align:top

separatorとして使うのはこの下のブロックです。

カスタムタグにSVGのパスを記述しています。
SVGの記述内の変更で色を変更できます。

Tablet View

separator_001

separator_001a

SP View

separator_001

separator_001a