<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>店舗情報</title>
<script type="text/javascript" src="csv.min.js"></script>
<script type="text/javascript" src="mycsvload-1.js"></script>
<link rel="stylesheet" href="test.css">
</head>
<body>
<p>
<button type="button" id="left">《 </button>
<button type="button" id="right"> 》</button>
</p>
<div class="hwrapper">
<div class="header">
<h1 id="__店名h1__">店名h1</h1>
<p><img id="__写真img__" src=""></img></p>
</div>
</div>
<main>
<section class="intro">
<div>
<h2 id="__紹介h2__">紹介h2</h2>
<p id="__紹介__">紹介</p>
</div>
</section>
<section class="menu">
<div>
<h2 id="__メニューh2__">メニューh2</h2>
<div class="flex">
<p><img id="__メニュー写真1__" src=""></img></p>
<h3 id="__メニュー名1__">メニュー名1</h3>
<p id="__説明1__">説明1</p>
<p><img id="__メニュー写真2__" src=""></img></p>
<h3 id="__メニュー名2__">メニュー名2</h3>
<p id="__説明2__">説明2</p>
<p><img id="__メニュー写真3__" src=""></img></p>
<h3 id="__メニュー名3__">メニュー名3</h3>
<p id="__説明3__">説明3</p>
</div>
</div>
</section>
<section class="interview">
<div>
<h2 id="__インタビューh2__">インタビューh2</h2>
<p id="__質問1__" class="bold">質問1</p>
<p id="__回答1__">回答1</p>
<p id="__質問2__" class="bold">質問2</p>
<p id="__回答2__">回答2</p>
<p id="__質問3__" class="bold">質問3</p>
<p id="__回答3__">回答3</p>
<p id="__質問4__" class="bold">質問4</p>
<p id="__回答4__">回答4</p>
<p id="__質問5__" class="bold">質問5</p>
<p id="__回答5__">回答5</p>
</div>
</section>
<section class="info">
<div>
<h2 id="__店舗情報h2__">店舗情報h2</h2>
<p id="__内容__">内容p</p>
</div>
</section>
</main>
</body>
</html>
