<!DOCTYPE html>
<html>
<head lang="ja">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SKIP</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="img-center">
<img src="image/skiplogo.png" alt="site-logo" class="top-image">
</div>
<div class="img-center">
<img src="image/kumo.png" alt="kumo" class="kumo">
</div>
<!-- ヘッダー -->
<header class="site-header">
<div class="header-list">
<div class="menu-ready"><p class="menu-click">メニュー</p></div>
<ul>
<li class="menu"><a href ="index.html">ホーム</a></li>
<li class="menu"><a href ="dentou.html">伝統芸能</a></li>
<li class="menu"><a href ="matugaoka.html">松が丘開墾場</a></li>
<li class="menu"><a href ="http://roy.e.koeki-u.ac.jp/~c119222/wild_bird_home.html">野鳥</a></li>
<li class="menu"><a href ="https://www.yatex.org/gitbucket/SKIP/renshu-2021/pages/Unique/index.html">マイナー観光地</a></li>
<li class="menu"><a href ="https://www.yatex.org/gitbucket/RinoIto/Cafe/pages/JOHO.html">カフェ</a></li>
<li class="menu"><a href ="another.html">その他活動</a></li>
</ul>
</div>
</header>
<!-- //ヘッダー -->
<div class="container">
<section class="top-text">
<h3 class="common-title">伝統芸能</h3>
<p class="common-text">
庄内地方の伝統芸能を取材しました。
さまざまな祭りを取材し、動画でまとめることでたくさんの人にわかりやすく
庄内地方の伝統芸能を楽しんでもらえるようにしています。
祭りの詳細な位置をMapで表示し、今回使用した動画の編集方法なども紹介しています。
</p>
</section>
<section id="movie">
<h3 class="common-title">取材一覧</h3>
<div class="grid">
<a class="page" href="movie1.html">
<div class="item">
<img class="fadein" src="image/sample1.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">亀ケ崎獅子舞 亀ヶ崎十一面観音堂春祭り</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie2.html">
<div class="item">
<img class="fadein" src="image/sample2.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">上中村神楽 上中村皇太神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie3.html">
<div class="item fadein">
<img class="fadein" src="image/sample3.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">門田神楽 門田住吉神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie4.html">
<div class="item fadein">
<img class="fadein" src="image/sample1.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">板戸神楽 板戸住吉神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie5.html">
<div class="item fadein">
<img class="fadein" src="image/sample2.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">上市神神代神楽 東光山薬師神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie6.html">
<div class="item fadein">
<img class="fadein" src="image/sample3.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">下市神神代神楽 八雲神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
<a class="page" href="movie7.html">
<div class="item fadein">
<img class="fadein" src="image/sample1.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">新堀神楽 新堀皇大神社祭礼</p>
<p class="item-date">2018.04.25</p>
</div>
</div>
</a>
<a class="page" href="movie8.html">
<div class="item fadein">
<img class="fadein" src="image/sample2.jpg" alt="">
<div class="item-content">
<p class="item-cat">festival</p>
<p class="item-text">木川神楽 木川八幡神社例大祭</p>
<p class="item-date">XXXX.XX.XX</p>
</div>
</div>
</a>
</div>
</section>
<section id="map">
<h3 class="common-title">Map</h3>
<div id="mymap" class="sidebar-map" >
<div id="sidebar" class="sidebar collapsed">
</section>
<section id="manuel">
<h3 class="common-title">各種マニュアル</h3>
<div class="manuel-item">
<ol>
<a href="mac.html" class="manuel-list">
<li>iMovie -Macで編集-</li>
</a>
<a href="iPhone.html" class="manuel-list">
<li>iMovie -iPhoneで編集-</li>
</a>
<a href="linux.html" class="manuel-list">
<li>Shotcut -Linux/Windowsで動画編集-</li>
</a>
</ol>
</div>
</section>
</div>
<footer class="footer">
<p>Copyright (C) 2018-2021 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p>
</footer>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.header.js"></script>
<script type="text/javascript" src="js/jquery.menuopen.js"></script>
<script src="js/fade.js"></script>
</body>
</html>
ItoRino