<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<title>松山の宝</title>
</head>
<body>
<div class = "header">
<h1>松山の宝</h1>
</div>
<div class="a">
<h2 class>松山の名所一覧マップ</h2>
<a href = "https://www.yatex.org/gitbucket/j2321/j2321-tanakai/pages/html/sakura.html">桜の名所マップ</a>
<a href = "https://www.yatex.org/gitbucket/j2321/j2321-tanakai/pages/html/kouyou.html">紅葉の名所マップ</a>
</div>
<h1>点と点の直線距離を計れます</h1>
<h2 id="info">マップのどこかクリックしてください</h2>
<p>
<button type="button" id="undo" title="最後の点を削除します">1つ取消</button>
<button type="button" id="finish" title="計測を終了します">終了</button>
</p>
<div id="map" style="width: 100%; height: 800px; border: solid 1px"></div>
<div class = "d">
<h2>松山に住んでみていいこと</h2>
<ul>
<li>とにかく空気がきれい</li>
<br>
<li>とても閑静なまち</li>
<br>
<li>自然豊かで景色のいいところが各地にある</li>
<br>
<li>歴史的建物が多い</li>
<br>
<li>町の人がいつも挨拶をしてくれる</li>
<br>
</ul>
<p>松山には、自然が好きな人や、静かなところが好きな人に来てもらいたいです</p>
</div>
<div class = "c">
<div class = "A">
<h3>大手門</h3>
<p>所在地:〒999-6832 山形県酒田市新屋敷３６</p>
<img src = "images/otemon.jpeg">
</div>
<div class = "B">
<h3>松山文化伝承館</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３６−２</p>
<img src = "images/12.jpeg">
<img src = "images/densyoukan.jpeg">
</div>
<div class = "A">
<h3>松山歴史公園</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３６−２</p>
<img src = "images/rekisikouen.jpeg">
</div>
<div class = "B">
<h3>松山城址館</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３４</p>
<img src = "images/josikan.jpeg">
</div>
<div class = "A">
<h3>四十番</h3>
<p>所在地： 〒999-6837 山形県酒田市新町１９−２</p>
<p>AM10:00〜PM3:00</p>
<p> 定休日:水曜日</p>
<img src = "images/yonjuban.jpeg">
</div>
<div class = "B">
<h3>草木舎</h3>
<p>所在地： 〒999-6836 山形県酒田市肴町１６−２</p>
<p>営業時間:PM1:00〜PM6:00</p>
<p>定休日:月曜日、火曜日</p>
<img src = "images/somokusya.jpeg">
</div>
<div class = "A">
<h3>びっくり箱</h3>
<p>所在地： 〒999-6835 山形県酒田市本町１２</p>
<p>営業時間:AM11:00〜PM6:00</p>
<p>定休日:火曜日、金曜日</p>
<p>ここはたくさんお菓子の売っている駄菓子屋です</p>
<p>種類も豊富で、地元の人達は結構ここにきます</p>
<p>結構安いです(個人的な意見)</p>
<img src = "画像の名前">
</div>
<div class = "B">
<h3>ワタライ食品</h3>
<p>所在地： 〒999-6834 山形県酒田市荒町２６</p>
<img src = "画像の名前">
</div>
<div class = "A">
<h3>藤谷菓子舗</h3>
<p>所在地： 〒999-6834 山形県酒田市荒町５８−３</p>
<p>営業時間:毎日AM9:00〜PM6:00</p>
<p>ここで、一番美味しいものは、みそまんじゅうだと思います</p>
<p>ぜひ、食べてほしいです!</p>
<img src = "images/fujitani.jpeg">
</div>
<div class = "B">
<h3>總光寺</h3>
<p>所在地： 〒999-6831 山形県酒田市総光寺沢８</p>
<p>営業時間:毎日AM9:00〜PM4:00</p>
<p>山門の写真</p>
<img src = "images/soukouji-sanmon.jpeg">
<p>本堂の写真</p>
<img src = "images/soukouji-hondou.jpeg">
</div>
<div class = "A">
<h3>きのこ杉</h3>
<p>所在地： 〒999-6831 山形県酒田市総光寺沢8</p>
<p>気づいた人もいるかもしれませんが、きのこの形をしているからきのこ杉と呼ばれているのです</p>
<p>これは、機械ではなく、昔、手作業でこの形にしたそうです</p>
<img src = "images/kinokosugi.jpeg">
</div>
<div class = "B">
<h3>眺海の森</h3>
<p>所在地： 〒999-6839 山形県酒田市土渕</p<>
<p>眺海の森の景色は、とてもいいです</p>
<p>特に、夕方の景色がとても好きです</p>
<p>松山を一望できるところもあります</p>
<p>ここには、スキー場もあります</p>
<p>毎年、多くの人が遊びに来ています</p>
<p>角度が結構あるところもあるので、上級者の人でも遊べます</p>
<img src = "images/chokainomori-1.jpeg">
<img src = "images/choukai2.jpeg">
<img src = "images/chokainomori-3.jpeg">
</div>
<div class = "A">
<h3>辰ヶ湯温泉</h3>
<p>所在地： 〒999-6839 山形県酒田市土渕湯之沢５６</p>
<img src = "画像の名前">
</div>
<div class = "B">
<h3>松山城 十三間堀</h3>
<p>所在地： 〒999-6831 山形県酒田市内町</p>
<p>ここは、桜が満開のとき、とてもいい景色です</p>
<p>いいときに来れば、亀もいるかもしれません</p>
<img src = "images/jusangenbori.jpeg">
</div>
<div class = "A">
<h3>酒田屋</h3>
<p>所在地： 〒999-6836 山形県酒田市肴町３０</p>
<p>営業時間:AM8:30〜PM6:00</p>
<img src = "images/sakataya.jpeg">
</div>所在地： 〒999-6861 山形県酒田市山田２３−１２
<div class = "B">
<h3>花や</h3>
<p>所在地： 〒999-6861 山形県酒田市山田２３−１２</p>
<p>営業時間:AM11:00〜PM2:00</p>
<p>定休日:月曜日</p>
<img src = "images/hanaya.jpeg">
</div>
</div>
<script src="sisaku.js"></script>
<script src="kyori.js"></script>
</body>
</html>
