<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>一覧・詳細特化型 無料CMS fudosan_re_petshop1</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="ここにサイト説明を入れます">
<base href="{{BASE_PATH}}/templates/">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/cms.css">
</head>

<body class="detail">

<div id="container">

<header>
<h1 id="logo"><a href="{{BASE_PATH}}"><img src="images/logo.png" alt="サンプル不動産"></a></h1>
<nav class="category-menu">
<ul>
<li><a href="{{BASE_PATH}}/list?category=chintai"><span class="line1"><span>賃貸物件</span>を探す</span><span class="line2">Chintai</span></a></li>
<li><a href="{{BASE_PATH}}/list?category=baibai"><span class="line1"><span>売物件</span>を探す</span><span class="line2">Baibai</span></a></li>
<li><a href="{{BASE_PATH}}/list?category=land_sale"><span class="line1"><span>売地</span>を探す</span><span class="line2">Land Sale</span></a></li>
</ul>
</nav>
</header>

<div id="contents">

<main class="column">

<div class="main">

<div class="notice">※デモサイトです。</div>

<section>
<h2>このページは</h2>
<p>templates/detail.htmlが骨組みファイルです。<br>
それぞれの担当htmlは、html内のコメント（html側）側に記載されています。</p>
</section>

<!-- データ出力。「DETAIL」内は、_detail.item.htmlで設定。 -->
{{DETAIL}}

<!-- GoogleMap。以下の「TPCMS:IF map」と「/TPCMS:IF」は条件分岐です。Google Mapがある場合のみ出力。 -->
<!-- TPCMS:IF map -->
<div class="map-area">
{{MAP}}
</div>
<!-- /TPCMS:IF -->

<p><a href="{{BASE_PATH}}/list/?category={{category}}">&laquo; 一覧に戻る</a></p>

<!-- 関連情報。「RELATED_ITEMS」内は、_detail.related.htmlで設定。 -->
{{RELATED_ITEMS}}

<!-- お問い合わせフォーム。「CONTACT_FORM」内は、_contact.form.htmlで設定。 -->
{{CONTACT_FORM}}

</div>
<!--/.main-->

<div class="sub">

<div class="box1">

<h3>物件を探す</h3>

<nav>
<ul class="submenu">
{{CATEGORIES}}
</ul>
</nav>

</div>
<!--/.box1-->

<div class="box1">

<h3>サイトメニュー</h3>

<nav>
<ul class="submenu">
<li><a href="{{BASE_PATH}}/page/?p=faq">よく頂く質問</a></li>
<li><a href="{{BASE_PATH}}/page/?p=company">会社概要</a></li>
</ul>
</nav>

</div>
<!--/.box1-->

<!-- 特集。「FEATURE_ITEMS」内は、_home.feature.side.htmlで設定。 -->
{{FEATURE_ITEMS tpl="side"}}

</div>

</main>

</div>
<!--/#contents-->

<!--ページの上部へ戻るボタン-->
<div class="pagetop"><a href="#"><i class="fas fa-angle-double-up"></i></a></div>

<div id="footer-contents">

<div class="left">

	<h4 id="footer-logo"><img src="images/logo.png" alt="サンプル不動産"></h4>
	<p>〒000-0000 東京都千代田区XXXXXX1丁目1号<br>
	電話：000-0000-0000<br>
	営業時間：10:00〜20:00まで<br>
	定休日：毎週水曜日</p>

	<table class="week">
	<caption>受付</caption>
	<tr>
	<th>日</th>
	<th>月</th>
	<th>火</th>
	<th>水</th>
	<th>木</th>
	<th>金</th>
	<th>土</th>
	</tr>
	<tr>
	<td>△</td>
	<td>○</td>
	<td>×</td>
	<td>○</td>
	<td>○</td>
	<td>○</td>
	<td>△</td>
	</tr>
	</table>

</div>
<!--/.left-->

<div class="right">

	<h4>アクセス</h4>
	<p><a href="https://template-party.com/file/pickup_googlemap.html">GoogleMapの地図を変更する方法はマニュアルをご覧下さい。</a></p>

	<div class="iframe-box">
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.0448418561778!2d139.74267721573196!3d35.675897837870934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b89b2e1c8b1%3A0x59a123e3d5ac5ab6!2z44CSMTAwLTAwMTQg5p2x5Lqs6YO95Y2D5Luj55Sw5Yy65rC455Sw55S677yR5LiB55uu77yX4oiS77yR!5e0!3m2!1sja!2sjp!4v1545036128899" frameborder="0" style="border:0" allowfullscreen></iframe>
	</div>

</div>
<!--/.right-->

</div>
<!--/#footer-contents-->

<div id="footermenu">
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニューサンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
</div>
<!--/#footermenu-->

<footer>
<small>Copyright&copy; <a href="{{BASE_PATH}}">サンプル不動産</a> All Rights Reserved.</small>
</footer>

</div>
<!--/#container-->

<!--テンプレートの著作表記。勝手に削除すると重大な規約違反になります。-->
<span class="pr"><a href="https://template-party-cms.com/" target="_blank">Template Party CMS</a></span>

<!--開閉ブロック-->
<div id="menubar">

<nav>
<ul>
{{CATEGORIES}}
</ul>
</nav>

<nav class="category-menu">
<ul>
<li><a href="{{BASE_PATH}}/list?category=chintai"><span class="line1"><span>賃貸物件</span>を探す</span><span class="line2">Chintai</span></a></li>
<li><a href="{{BASE_PATH}}/list?category=baibai"><span class="line1"><span>売物件</span>を探す</span><span class="line2">Baibai</span></a></li>
<li><a href="{{BASE_PATH}}/list?category=land_sale"><span class="line1"><span>売地</span>を探す</span><span class="line2">Land Sale</span></a></li>
</ul>
</nav>

</div>
<!--/#menubar-->

<!--開閉ボタン（ハンバーガーアイコン）-->
<div id="menubar_hdr">
<span></span><span></span><span></span>
</div>

<!--jQueryの読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!--スライドショー（slick）-->
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js/slick-thumbnail.js"></script>

<!--このテンプレート専用のスクリプト-->
<script src="js/main.js"></script>
<script src="js/cms.js"></script>

</body>
</html>
