<!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>
<a href = "https://www.yatex.org/gitbucket/j2321/j2321-tanakai/pages/html/ii.html">松山のいいところ</a>
<a href = "https://www.yatex.org/gitbucket/j2321/j2321-tanakai/pages/html/quis.html">松山三択クイズ</a>
</div>
<div id="control">
<button onclick="changeFontSize(2)">＋</button>
<button onclick="changeFontSize(-2)">ー</button>
<button onclick="reset()">↺</button>
</div>
<div class="text" id="moji">
<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"id = "moji">
<h2>松山に住んでみていいこと(簡潔に)</h2>
<p>・とにかく空気がきれい</p>
<p>・とても閑静なまち</p>
<p>・自然豊かで景色のいいところが各地にある</p>
<p>・歴史的建物が多い</p>
<p>・町の人がいつも挨拶をしてくれる</p>
<p>松山には、自然が好きな人や、静かなところが好きな人に来てもらいたいです</p>
</div>
<div class = "c">
<div class = "A" id = "大手門">
<h3>大手門</h3>
<p>所在地:〒999-6832 山形県酒田市新屋敷３６</p>
<img src = "images/otemon.jpeg">
<a href = "https://www.pref.yamagata.jp/cgi-bin/yamagata-takara/?m=detail&id=1183">基本情報</a>
</div>
<div class = "B" id = "松山文化伝承館">
<h3>松山文化伝承館</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３６−２</p>
<img src = "images/12.jpeg">
<img src = "images/densyoukan.jpeg">
<a href = "http://matuyama-net.com/rekishikoen/denshokan/">基本情報</a>
</div>
<div class = "A" id = "松山歴史公園">
<h3>松山歴史公園</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３６−２</p>
<img src = "images/rekisikouen.jpeg">
<a href = "http://matuyama-net.com/rekishikoen/">基本情報</a>
</div>
<div class = "B" id = "松山城址館">
<h3>松山城址館</h3>
<p>所在地： 〒999-6832 山形県酒田市新屋敷３４</p>
<img src = "images/josikan.jpeg">
<a href ="https://www.city.sakata.lg.jp/shisei/shisetsu/kyoiku/annai_matsuyamajyou.html">基本情報</a>
</div>
<div class = "A" id = "四十番">
<h3>四十番</h3>
<p>所在地： 〒999-6837 山形県酒田市新町１９−２</p>
<p>AM10:00〜PM3:00</p>
<p> 定休日:水曜日</p>
<img src = "images/yonjuban.jpeg">
<a href = "https://guru-megu.com/2022/12/09/sakata-40bann-menyuu/">基本情報</a>
</div>
<div class = "B" id = "草木舎">
<h3>草木舎</h3>
<p>所在地： 〒999-6836 山形県酒田市肴町１６−２</p>
<p>営業時間:PM1:00〜PM6:00</p>
<p>定休日:月曜日、火曜日</p>
<img src = "images/somokusya.jpeg">
<a href = "https://r.goope.jp/soumokusya/">基本情報</a>
</div>
<div class = "A" id = "びっくり箱">
<h3>びっくり箱</h3>
<p>所在地： 〒999-6835 山形県酒田市本町１２</p>
<p>営業時間:AM11:00〜PM6:00</p>
<p>定休日:火曜日、金曜日</p>
<p>ここはたくさんお菓子の売っている駄菓子屋です</p>
<p>種類も豊富で、地元の人達は結構ここにきます</p>
<p>結構安いです(個人的な意見)</p>
<img src = "画像の名前">
<a href = "https://shibausa.net/bikkuribako-dagashiya-matsuyama-review/">基本情報</a>
</div>
<div class = "B" id = "ワタライ食品">
<h3>ワタライ食品</h3>
<p>所在地： 〒999-6834 山形県酒田市荒町２６</p>
<img src = "画像の名前">
<a href ="https://ptl.zchain.co.jp/store/682?store_group_id=1">基本情報</a>
</div>
<div class = "A" id = "藤谷菓子舗">
<h3>藤谷菓子舗</h3>
<p>所在地： 〒999-6834 山形県酒田市荒町５８−３</p>
<p>営業時間:毎日AM9:00〜PM6:00</p>
<p>ここで、一番美味しいものは、みそまんじゅうだと思います</p>
<p>ぜひ、食べてほしいです!</p>
<img src = "images/fujitani.jpeg">
<a href = "https://r.goope.jp/fujitani/">基本情報</a>
</div>
<div class = "B" id = "總光寺">
<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">
<a href = "http://www.sokoji-sakata.com/">基本情報</a>
</div>
<div class = "A" id = "きのこ杉">
<h3>きのこ杉</h3>
<p>所在地： 〒999-6831 山形県酒田市総光寺沢8</p>
<p>気づいた人もいるかもしれませんが、きのこの形をしているからきのこ杉と呼ばれているのです</p>
<p>これは、機械ではなく、昔、手作業でこの形にしたそうです</p>
<img src = "images/kinokosugi.jpeg">
<p>基本情報は、総光寺と同じです</p>
</div>
<div class = "B" id = "眺海の森">
<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">
<a href = "http://choukainomori.ec-net.jp/">基本情報</a>
</div>
<div class = "A" id = "辰ヶ湯温泉">
<h3>辰ヶ湯温泉</h3>
<p>所在地： 〒999-6839 山形県酒田市土渕湯之沢５６</p>
<img src = "画像の名前">
</div>
<div class = "B" id = "松山城十三間堀">
<h3>松山城 十三間堀</h3>
<p>所在地： 〒999-6831 山形県酒田市内町</p>
<p>ここは、桜が満開のとき、とてもいい景色です</p>
<p>いいときに来れば、亀もいるかもしれません</p>
<img src = "images/jusangenbori.jpeg">
</div>
<div class = "A" id = "酒田屋">
<h3>酒田屋</h3>
<p>所在地： 〒999-6836 山形県酒田市肴町３０</p>
<p>営業時間:AM8:30〜PM6:00</p>
<img src = "images/sakataya.jpeg">
<a href = "https://r.goope.jp/sakataya/">基本情報</a>
</div>
<div class = "B" id = "花や">
<h3>花や</h3>
<p>所在地： 〒999-6861 山形県酒田市山田２３−１２</p>
<p>営業時間:AM11:00〜PM2:00</p>
<p>定休日:月曜日</p>
<img src = "images/hanaya.jpeg">
</div>
</div>
</div>
<script src="sisaku.js"></script>
<script src="kyori.js"></script>
</body>
</html>
