１カラムレイアウト
<body>を<body class="c1">にすると１カラムレイアウトになります。
トップページなどid名がついている場合は、<body id="top" class="c1">です。
すでにclass指定が入っている場合は、<body class="sample c1">など半角スペースを入れて指定します。
ずっと１カラムで使う場合は
上のclass指定をしてもhtml上にsubブロックは残るので、subブロックを使わない場合はsubブロックのhtmlごと削除して下さい。
MENU（コンパクトレイアウト）
下の方にある横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。
タイトル 1,000円
今週の日替わりランチです。
タイトル 1,000円
<span class="osusume">おすすめ</span>とするとボックス左上に「おすすめ」マークが出ます。
おすすめタイトル 1,000円
「おすすめ」のテキストは直接htmlで入れ替えできますが、文字数が増えると切れるのでstyle.cssで調整して下さい。
おすすめタイトル 1,000円
「タイトル」の左に入っている王冠マークもstyle.cssで指定しています。
タイトル 1,000円
サンプルテキスト。
タイトル 1,000円
今週の日替わりランチです。
コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れて見えなくなります。コンパクトタイプは沢山の文字を詰め込みすぎると途中で切れて見えなくなります。
MENU（横長レイアウト）
タイトル 1,000円
今週の日替わりランチです。
タイトル 1,000円
<span class="osusume">おすすめ</span>とするとボックス左上に「おすすめ」マークが出ます。「おすすめ」のテキストは直接htmlで入れ替えできますが、文字数が増えると切れるのでstyle.cssで調整して下さい。色もcssで変更できます。
おすすめタイトル 1,000円
「タイトル」の左に入っている王冠マークもstyle.cssで指定しています。
タイトル 1,000円
サンプルテキスト。