## 売買物件（横長レイアウト）

#### 物件タイトルNEW

所在地 | 東京都XXXX | 価格 | XXXX円
見出し | サンプルテキスト。 | 見出し | サンプルテキスト。

【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】

#### 物件タイトル

所在地 | 東京都XXXX | 価格 | XXXX円
見出し | サンプルテキスト。 | 見出し | サンプルテキスト。

右上の「おすすめ」の文字情報はhtml側で直接変更できます。 おすすめ
<span class="option1">おすすめ</span>
色はcssフォルダのstyle.cssの設定で変更できます。
※下のコンパクトレイアウトも同じ使い方ができます。

【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 おすすめ

#### 物件タイトル

所在地 | 東京都XXXX | 価格 | XXXX円
見出し | サンプルテキスト。 | 見出し | サンプルテキスト。

右上の「ご契約済」の文字情報はhtml側で直接変更できます。 ご契約済
<span class="option2">ご契約済</span>
色はcssフォルダのstyle.cssの設定で変更できます。
また、画像を半透明にするには、
<div class="list option2">
として下さい。
※下のコンパクトレイアウトも同じ使い方ができます。

【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 ご契約済

## 売買物件（コンパクトレイアウト）

上の横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。html構成はそれぞれ異なります。

#### 物件タイトルNEW

所在地：東京都XXXX
価格：XXXXX円

おすすめ

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

ご契約済

#### 物件タイトル

文字を詰め込みすぎないで下さい。詰め込みすぎて入りきらない分は非表示になりますのでご注意下さい。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

## おすすめ物件情報

#### 物件タイトルNEW

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

ご契約済

## ※box指定なしの場合

#### 物件タイトルNEW

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

#### 物件タイトル

所在地：東京都XXXX
価格：XXXXX円

ご契約済

## 運営

サンプル不動産
東京都XX区XXXXビル3F
TEL:03-0000-0000
(AM9:00〜PM5:00 水曜休み)