<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ページ内の指定の場所にスクロール</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--==============レイアウトを制御する独自のCSSを読み込み===============-->
<link rel="stylesheet" type="text/css" href="system_d2.css">
<link rel="stylesheet" type="text/css" href="system_d.css">
</head>
<link rel="stylesheet" type="text/css" href="system_d3.css">
<link rel="stylesheet" type="text/css" href="system_d4.css">
</head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--==============レイアウトを制御する独自のCSSを読み込み===============-->
<link href="system_d5.css" rel="stylesheet">
<link href="system_d2.css">
</head>
<body>
<div id="splash">
<div id="splash_logo">
<img src="loading2.jpg" alt="" class="fadeUp">
</div>
</div>
<!--==============JQuery読み込み===============-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="system_d.js"></script>
<header id="header">
<h1>酒田の飲食店</h1>
</header>
<div id="main-vidual">
<img src="title.jpg" alt="">
<!--/main-vidual--></div>
<main>
<ul id="page-link">
<li><a href="#area-1">悟空</a></li>
<li><a href="#area-2">酒田ラーメン照月</a></li>
<li><a href="#area-3">満月</a></li>
</ul>
<section class="area" id="area-1">
<h2>悟空</h2>
<div>
<iframe src="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/komatsu/VR.html" width="" height=""> </iframe> <a href="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/ryuei/gourmet.html"><img src="ramen3.jpg"></a>
</div>
<p>※店の写真をクリックで店舗情報に飛べます</p>
<p>最寄駅•東酒田駅 </p>
<p> 醤油ベース、とびうおベース、味噌ベースからメニューが選べ、それぞれのベースで様々なメニューがある。</p>
<p>ここから先は取材内容を載せるーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー</p>
<!--/area1--></section>
<li>
<section>
<h3 class="title">おすすめメニュー</h3>
<div class="box">
<p>とびうおラーメン</p>
</div>
</section>
</li>
<li>
<section>
<h3 class="title">所在地</h3>
<div class="box">
<p>位置情報</p>
</div>
</section>
</li>
<li>
<section>
<h3 class="title">取材内容</h3>
<div class="box ">
<p>ーーーー</p>
</div>
</section>
</li>
</ul>
<section class="area" id="area-2">
<h2>酒田ラーメン照月</h2>
<iframe src="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/komatsu/VR.html" width="" height=""> </iframe><a href="https://tabelog.com/yamagata/A0603/A060301/6010143/"><img src="ramen4.jpg"></a>
<p>山形県酒田市本町3丁目2-10</p>
<p>海老ワンタン麺や花鳥風月ラーメンなどが人気</p>
<p>取材内容ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー</p>
<!--/area2--></section>
<section class="area" id="area-3">
<iframe src="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/komatsu/VR.html" width="" height=""> </iframe><a href="https://tabelog.com/yamagata/A0603/A060301/6000068/"><img src="ramen5.jpg"></a>
<h2>ワンタンメンの満月</h2>
<p>山形県 酒田市 東中の口町 2-1</p>
<p>ワンタン麺が人気のお店</p>
<p>取材内容ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー</p>
<!--/area3--></section>
<!--/main--></main>
<div>
</div>
<footer id="footer">
<small>© 酒田のグルメ</small>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="system_d.js"></script>
</body>
</html>
