<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
<link rel="stylesheet" type="text/css" href="../RinoIto/style.css">
<title>2022-伊藤理乃</title>
</head>
<body>
<header id="header">
<div class="header-box">
<div class="logo-space">
<h1 class="title-logo"><a href="#">地理情報基礎演習2022</a></h1>
</div>
<nav class="header-nav">
<ul class="header-list">
<li><a href="#home-about"><div class="header-list_item"><p class="list-title">MAP</p><p class="list-sub-title">マップ説明</p></div></a></li>
<li><a href="#shop"><div class="header-list_item"><p class="list-title">SHOPS</p><p class="list-sub-title">お店紹介</p></div></a></li>
<li><a href="#index"><div class="header-list_item"><p class="list-title">HOW TO</p><p class="list-sub-title">使い方</p></div></a></li>
<li><a href="#use"><div class="header-list_item"><p class="list-title">USE</p><p class="list-sub-title">マップの利用</p></div></a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="mainvisual">
<h1 class="text-focus-in">秋田県の美味しいものマップ（にかほ市-秋田市編）</h1>
</div>
<section id="home-about" class="wrapper">
<h2 class="section-title map">マップ説明</h2>
<div class="about-container">
<div class="home-items">
<img src="whiteboad_woman_color.png" alt="人">
<div class="what_study">
<p>このサイトは秋田県（にかほ市-秋田市）の美味しいものをまとめたマップです。酒田から秋田市までの国道を通っていけば出会えるお店をまとめました。
紹介するのはラーメン屋が多いため、ラーメン屋にありがちな駐車場がなくて車が止められないということがないように駐車場の有無も確認できるようにしました。
このマップを使って酒田ー秋田のドライブをこのマップを通して楽しんでもらえたら嬉しいです。</p>
</div>
</div>
</section>
<section id="shop" class="select-view">
<div class="select-inner wrapper">
<h2 class="section-title">お店紹介</h2>
<ul class="select-item">
<li class="select-li select-pink"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">ひない軒</p></div><figure><img src="../RinoIto/ひないけん.png" alt=""></figure>
<p class="select-text">秋田県の特産物比内地鶏のだしのスープがとても美味しいラーメンのお店です。</p></div></a></li>
<li class="select-li select-orange"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">フリアンナカムラ</p></div><figure><img src="../RinoIto/川口カフェ.png" alt=""></figure>
<p class="select-text">秋田県由利本荘市にある鳥海山が一面に見れるシュークリームが美味しカフェです。</p></div></a></li>
<li class="select-li select-yellow"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">マナイタ</p></div><figure><img src="../RinoIto/マナイタ1600.png" alt=""></figure>
<p class="select-text">秋田県由利本荘市にある地元の食材を使った料理が自慢の居酒屋です。</p></div></a></li>
</ul>
<ul class="select-item">
<li class="select-li select-pink"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">じげん</p></div><figure><img src="../RinoIto/じげん.png" alt=""></figure>
<p class="select-text">秋田県にかほ市にあるラーメン屋です。中華そばから二郎系ラーメンまで幅広いメニューがあります。</p></div></a></li>
<li class="select-li select-orange"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">家満喜屋</p></div><figure><img src="../RinoIto/やまきや.png" alt=""></figure>
<p class="select-text">秋田県にかほ市の美味しい焼肉屋さんです。由利牛を初め質の良いお肉が揃っており、地元の人から愛されているお店です。</p></div></a></li>
<li class="select-li select-yellow"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">桜木屋</p></div><figure><img src="../RinoIto/桜木や.png" alt=""></figure>
<p class="select-text">秋田県ラーメン総選挙で毎回上位に上がる人気店です。</p></div></a></li>
</ul>
<ul class="select-item">
<li class="select-li select-pink"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">一球</p></div><figure><img src="../RinoIto/一球.png" alt=""></figure>
<p class="select-text">煮干しラーメンと油そばが美味しいお店です。いつ行っても並んでいるくらいの人気店です。</p></div></a></li>
<li class="select-li select-orange"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">にぼすけ秋田市広面店</p></div><figure><img src="../RinoIto/にぼすけ秋田.png" alt=""></figure>
<p class="select-text">秋田県ラーメン総選挙一位になったこともあるお店の秋田広面店です。 煮干しの出汁の美味しいラーメンが特徴です。</p></div></a></li>
<li class="select-li select-yellow"><a href="#"><div class="select-box"><div class="select-title-box"><p class="select-title">にぼすけ本荘店</p></div><figure><img src="../RinoIto/にぼすけ外観.png" alt=""></figure>
<p class="select-text">秋田市にもある人気ラーメン店が由利本荘市にも進出しました。油そばがとても美味しいです。</p></div></a></li>
</ul>
</div>
</section>
<section id="index" class="wrapper mg-top">
<h2 class="section-title">使い方</h2>
<div class="index-inner">
<ol class="index-list">
<li>ラーメン屋（ハンバーガーのマーク）</li>
<li>焼肉屋（炎のマーク)</li>
<li>居酒屋（カクテルのマーク)</li>
<li>カフェ（コーヒーカップのマーク)</li>
</div>
</section>
<section id="use">
<h2 class="section-title use">マップの利用</h2>
<iframe width="100%" height="600px" frameborder="0" allowfullscreen src="//umap.openstreetmap.fr/ja/map/-_766875?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false" class="pd"></iframe>
<p style="padding-bottom: 30px; text-align: center; "><a href="//umap.openstreetmap.fr/ja/map/-_766875" style="color: rgb(65, 65, 255);">フルスクリーン表示</a></p>
</section>
</main>
<footer id="footer">
<small>2022-地理情報基礎演習-伊藤理乃</small>
</footer>
</body>
</html>
ItoRino