https://kashiwakurake.jp/index.html

1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="utf-8">
5	<meta content="width=device-width" name="viewport">
6	<title>山形県中山町　柏倉九左衛門家ガイドサイト</title>
7	<meta name="description" content="" />
8	
9	<!--css-->
10	<link rel="stylesheet" href="css/swiper.min.css">
11	<link rel="stylesheet" href="css/style.css">
12	<link rel="stylesheet" href="css/jquery.mb.YTPlayer.css" />
13	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" />
14	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
15	
16</head>
17
18<body>
19<header class="header">
20	<h1><a href="index.html">柏倉九左衛門家ガイドサイト</a></h1>
21	<ul class="header_nav">
22		<li><a class="lang">Language <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a>
23			<ul class="lang_ul">
24				<li><a href="en/">English</a></li>
25				<li><a href="kor/">Korean</a></li>
26				<li><a href="tc/">Traditional Chinese</a></li>
27			</ul>
28		</li>
29		<li><a href="contact.html" class="cont">問い合わせ</a></li>
30	</ul>
31</header>
32    <!-- Swiper -->
33    <div class="swiper-container">
34        <div class="swiper-wrapper">
35            <div class="swiper-slide slide1" id="slide1">
36				<div class="wrap">
37					<div class="child">
38						<h1 class="sitetitle animated"><img src="img/sitetitle.png" alt="柏倉九左衛門家"></h1>
39<!--
40						<p class="txt animated"><span>柏倉九左衛門家は、今から約360年前、江戸時代初期頃に山形市西部の柏倉門伝地区（かしわぐらもんでんちく）から移り住んだと伝えられ、江戸時代の中頃には、山形藩の大庄屋（おおじょうや）を務めました。</span></p>
41-->
42						<p class="txt animated"  style="text-align:center"><span>令和２年４月より、一般公開を開始しました。</br>以下の新サイトよりご確認ください。</br><a href="http://kashiwakurake.jp/wp/" >http://kashiwakurake.jp/wp/</a></span></p>
43						<div class="btn_indextop animated"><a href="welcome.html" class="animBtn">ようこそ柏倉九左衛門家へ</a></div>
44						<div class="i_wrap"><span class="nextbtn"><i class="fa fa-angle-double-down" aria-hidden="true"></i></span></div>
45					</div>
46				</div>
47			</div>
48            <div class="swiper-slide slide2" id="slide2">
49				<div class="wrap">
50					<div class="child">
51						<div class="i_wrap"><span class="prevbtn"><i class="fa fa-angle-double-up" aria-hidden="true"></i></span></div>
52						<div class="cap_wrap box animated">
53							<h2 class="top_h2"><img src="img/title_omoya.png" alt="母屋"></h2>
54						</div>
55						<p class="txt animated"><span>母屋は、江戸時代、300年ほど前に現在の建物配置の原型ができあがりました。</span></p>
56						<div class="btn animated"><a href="omoya.html" class="animBtn">母屋ガイドページへ</a></div>
57						<div class="i_wrap"><span class="nextbtn"><i class="fa fa-angle-double-down" aria-hidden="true"></i></span></div>
58					</div>
59				</div>
60			</div>
61            <div class="swiper-slide slide3" id="slide3">
62				<div class="wrap">
63					<div class="child">
64						<div class="i_wrap"><span class="prevbtn"><i class="fa fa-angle-double-up" aria-hidden="true"></i></span></div>
65						<div class="cap_wrap box animated">
66							<h2 class="top_h2"><img src="img/title_kamizashiki.png" alt="上座敷・下座敷"></h2>
67						</div>
68						<p class="txt animated"><span>部屋の奥を「上座敷」、手前を「下座敷」と呼んでいます。</span></p>
69						<div class="btn animated"><a href="zashiki.html" class="animBtn">上座敷・下座敷ガイドページへ</a></div>
70						<div class="i_wrap"><span class="nextbtn"><i class="fa fa-angle-double-down" aria-hidden="true"></i></span></div>
71					</div>
72				</div>
73			</div>
74            <div class="swiper-slide slide4" id="slide4">
75				<div class="wrap">
76					<div class="child">
77						<div class="i_wrap"><span class="prevbtn"><i class="fa fa-angle-double-up" aria-hidden="true"></i></span></div>
78						<div class="cap_wrap box animated">
79							<h2 class="top_h2"><img src="img/title_butsugura.png" alt="仏蔵"></h2>
80						</div>
81						<p class="txt animated"><span>柏倉九左衛門家の仏間です。</span></p>
82						<div class="btn animated"><a href="butsugura.html" class="animBtn">仏蔵ガイドページへ</a></div>
83						<div class="i_wrap"><span class="nextbtn"><i class="fa fa-angle-double-down" aria-hidden="true"></i></span></div>
84					</div>

85				</div>
86			</div>
87            <div class="swiper-slide slide5" id="slide5">
88				<div class="wrap">
89					<div class="child">
90						<div class="i_wrap"><span class="prevbtn"><i class="fa fa-angle-double-up" aria-hidden="true"></i></span></div>
91						<div class="cap_wrap box animated">
92							<h2 class="top_h2"><img src="img/title_kamiyudono.png" alt="上湯殿"></h2>
93						</div>
94						<p class="txt animated"><span>仏蔵から前蔵の廊下に面して上湯殿があります。</span></p>
95						<div class="btn animated"><a href="kamiyudono.html" class="animBtn">上湯殿ガイドページへ</a></div>
96					</div>
97				</div>
98			</div>
99		</div>
100		<!-- Add Pagination -->
101		<div class="swiper-pagination"></div>
102	</div>
103	
104<footer class="footer">
105	(C)　2017 NAKAYAMA TOWN. All Rights Reserved.
106</footer>
107
108<div id="bgVideo" 
109data-property="{
110    videoURL: 'https://www.youtube.com/watch?v=tk-Gfduq2b0',
111    containment:'body',
112    autoPlay:true,
113    mute:true,
114    startAt:0,
115    opacity:1,
116    loop:true,
117}">
118</div>
119
120<!-- JS -->

121<script src="js/jquery-3.1.1.min.js"></script>

121

122<script src="js/swiper.min.js"></script>

122

123<script src="js/jquery.mb.YTPlayer.min.js"></script>

123

124<script src="js/jquery.inview.min.js"></script>

124

125<script src="js/main.js"></script>

125

126<script src="js/ga.js"></script>

126
127
128</body>
129</html>