-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
329 lines (311 loc) · 18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="utf-8" />
<meta content="" property="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta name="robots" content="noydir" />
<meta name="robots" content="noodp" />
<meta name="robots" content="noindex,nofollow" />
<title>雅な平安貴族、数多の名将が愛した香</title>
<meta name="Description" content="くゆりや狼月では「100%天然」にこだわり、厳選された高品質の素材のみを使用して調合から完成までお香のマイスター「香司」が、心を込めて製作しております。 合成香料を一切使用しない、自然のままの大変貴重なお香となっております。">
<meta name="Keywords" content="">
<link rel="canonical" href="https://baito.mynavi.jp/kodawari/tanki/">
<!-- [OPEN GRAPH] -->
<meta property="og:type" content="website">
<meta property="og:title" content="雅な平安貴族、数多の名将が愛した香">
<meta property="og:image" content="https://baito.mynavi.jp/kodawari/tanki/img/ogp.png">
<meta property="og:url" content="https://baito.mynavi.jp/kodawari/tanki/">
<meta property="og:description" content="くゆりや狼月では「100%天然」にこだわり、厳選された高品質の素材のみを使用して調合から完成までお香のマイスター「香司」が、心を込めて製作しております。 合成香料を一切使用しない、自然のままの大変貴重なお香となっております。">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@mynavibaito">
<meta name="twitter:title" content="雅な平安貴族、数多の名将が愛した香">
<meta name="twitter:description" content="くゆりや狼月では「100%天然」にこだわり、厳選された高品質の素材のみを使用して調合から完成までお香のマイスター「香司」が、心を込めて製作しております。 合成香料を一切使用しない、自然のままの大変貴重なお香となっております。">
<meta name="twitter:image" content="https://baito.mynavi.jp/kodawari/tanki/img/ogp.png">
<!-- //////////// -->
<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=Noto+Sans+JP:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/animatecss/3.5.2/animate.min.css">
</head>
<body>
<main id="main">
<section class="fv_slider">
<div id="slider">
<div class="slide">
<div class="fv-item">
<img src="./assets/img/FV/MaskGroup10.webp" alt="first_FV" class="fv_bg">
<img src="./assets/img/FV/MG_Letter.png" alt="" srcset="" class="main_letter">
<h3 class="first_fv_letter">ROUGETSU</h3>
<h3 class="side_fv_letter">ー<br> ご <br> 購<br> 入<br> へ<br> ー</h3>
</div>
</div>
<div class="slide">
<div class="fv-item">
<img src="./assets/img/FV/MaskGroup12.webp" alt="first_FV" class="fv_bg">
<img src="./assets/img/FV/MG_Letter.png" alt="" srcset="" class="main_letter">
<h3 class="first_fv_letter">ROUGETSU</h3>
<h3 class="side_fv_letter">ー<br> ご <br> 購<br> 入<br> へ<br> ー</h3>
</div>
</div>
<div class="slide">
<div class="fv-item">
<img src="./assets/img/FV/MaskGroup13.webp" alt="first_FV" class="fv_bg">
<img src="./assets/img/FV/MG_Letter.png" alt="" srcset="" class="main_letter">
<h3 class="first_fv_letter">ROUGETSU</h3>
<h3 class="side_fv_letter">ー<br> ご <br> 購<br> 入<br> へ<br> ー</h3>
</div>
</div>
<div class="slide">
<div class="fv-item">
<img src="./assets/img/FV/MaskGroup14.webp" alt="first_FV" class="fv_bg">
<img src="./assets/img/FV/MG_Letter.png" alt="" srcset="" class="main_letter">
<h3 class="first_fv_letter">ROUGETSU</h3>
<h3 class="side_fv_letter">ー<br> ご <br> 購<br> 入<br> へ<br> ー</h3>
</div>
</div>
<!--Controlling arrows-->
<span class="controls" onclick="prevSlide(-1)" id="left-arrow"><i class="fa fa-arrow-left" aria-hidden="true"></i>
</span>
<span class="controls" id="right-arrow" onclick="nextSlide(1)"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</span>
</div>
<div id="dots-con">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</section>
<section class="alarm">
<div class="container">
<div>
<p class="text-center">
2024.09.01 / くゆりや狼月からのご案内 <br>
サイト開設のお知らせ
</p>
</div>
<hr>
<div>
<p class="text-center">
2024.09.01 / くゆりや狼月からのご案内 <br>
サイト開設のお知らせ
</p>
</div>
<hr>
<div>
<p class="text-center">
2024.09.01 / くゆりや狼月からのご案内 <br>
サイト開設のお知らせ
</p>
</div>
<hr>
<div class="more text-center">
<a href="#">| 全てのお知らせを見る |</a>
</div>
</div>
</section>
<section class="description_">
<div class="des_img">
<div class="des_decorative">
<h3>雅な平安貴族、 <br> 数多の名将が <br> 愛した香</h3>
</div>
<div class="des_word">
<p>
雅な平安貴族、数多の名将が愛した香
<br><br>
天然の香原料のみで作られたお香の香りをご存知ですか？
<br><br>
現代において市販されているお香の大半は合成香料や着色料が使用されています。<br>
強い香りを安価で手に入れることが可能ですが、果たしてそれは人体に無害なのでしょうか。
<br><br>
くゆりや狼月では「100%天然」にこだわり、厳選された高品質の素材のみを使用して調合から完成までお香のマイスター「香司」が、心を込めて製作しております。
合成香料を一切使用しない、自然のままの大変貴重なお香となっております。<br>
日本古来より伝わる本物のお香の香りと、本来のお香が持つ力を是非お楽しみください。
</p>
</div>
<div class="imgs">
<img src="./assets/img/des_img1.png" alt="img1" class="des_img1">
<img src="./assets/img/des_img2.png" alt="img2" class="des_img2">
<img src="./assets/img/des_img3.png" alt="img3" class="des_img3">
</div>
</div>
</section>
<section class="section3">
<div class="detail_letter">
<p class="">
その名の通り「香り」を「司る」者。<br><br>
築き上げた経験、磨き上げた嗅覚や直感、<br>
プライドを元にお香に関する一切の責任を担う職人のことです。<br><br>
多くの香原料から理想の香りを作り上げるために、調合から完成までの全工程を行います。<br><br>
香司は、江戸時代から始まった日本の伝統的な職業でもあります。<br>
</p>
</div>
<div class="decorative">
<!-- <img src="./assets/img/Group9.png" alt=""> -->
<h3>お香のマイスター<br><span>香司</span></h3>
</div>
<div class="light">
<img src="./assets/img/light.png" alt="">
</div>
<div class="decorative">
<h3>合成香料の脅威</h3>
</div>
</section>
<section class="scrolling">
<div class="des">
<p >
現代で問題になっている「香害」というものがあります。<br><br>
香害とは、合成洗剤や柔軟剤、化粧品類などに含まれる合成香料（化学物質）によってさまざまな健康被害が誘発されることをいいます。<br><br>
この香害が原因となって、化学物質過敏症を発症する人もいます。<br>
化学物質過敏症はごく少量の物質にでも過敏に反応し、更には体内に蓄積されていきます。<br>
これはお香も例外ではありません。<br><br>
「くゆりや狼月」ではなかなか意識されにくい、鼻から体内に入っていく香りも身体と心に良いものを使って頂きたいという想いから全て天然素材のみを使用することを信念としております。<br>
</p>
</div>
<div class="slideshow-container">
<div class="slideshow">
<div class="slidescroll" id="scroll1">
<div class="product">
<img src="./assets/img/scrolling/IMG_7241.png" alt="product1">
<h3>財福香</h3>
</div>
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
</div>
<div class="slidescroll" id="scroll2">
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
<div class="product">
<img src="./assets/img/scrolling/IMG_7242.png" alt="product2">
<h3>財福香</h3>
</div>
</div>
<div class="slidescroll" id="scroll3">
<div class="product">
<img src="./assets/img/scrolling/IMG_7244.png" alt="product4">
<h3>財福香</h3>
</div>
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
</div>
<div class="slidescroll" id="scroll4">
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
<div class="product">
<img src="./assets/img/scrolling/IMG_7245.png" alt="product5">
<h3>財福香</h3>
</div>
</div>
<!-- Duplicate the images to create a seamless loop effect -->
<div class="slidescroll" id="scroll1">
<div class="product">
<img src="./assets/img/scrolling/IMG_7241.png" alt="product1">
<h3>財福香</h3>
</div>
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
</div>
<div class="slidescroll" id="scroll2">
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
<div class="product">
<img src="./assets/img/scrolling/IMG_7242.png" alt="product2">
<h3>財福香</h3>
</div>
</div>
<div class="slidescroll" id="scroll3">
<div class="product">
<img src="./assets/img/scrolling/IMG_7244.png" alt="product4">
<h3>財福香</h3>
</div>
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
</div>
<div class="slidescroll" id="scroll4">
<div class="description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, quam temporibus enim nobis at esse. Fuga facilis doloremque voluptatibus dolor temporibus ipsum similique pariatur et placeat iure, itaque quod possimus.</p>
</div>
<div class="product">
<img src="./assets/img/scrolling/IMG_7245.png" alt="product5">
<h3>財福香</h3>
</div>
</div>
</div>
</div>
</section>
<section class="fragrance">
<div class="img">
<img src="./assets/img/fragrance/bg.png" alt="">
</div>
<p>
現代で問題になっている「香害」というものがあります。<br><br>
香害とは、合成洗剤や柔軟剤、化粧品類などに含まれる合成香料（化学物質）によってさまざまな健康被害が誘発されることをいいます。<br><br>
この香害が原因となって、化学物質過敏症を発症する人もいます。<br>
化学物質過敏症はごく少量の物質にでも過敏に反応し、更には体内に蓄積されていきます。<br>
これはお香も例外ではありません。<br><br>
「くゆりや狼月」ではなかなか意識されにくい、鼻から体内に入っていく香りも身体と心に良いものを使って頂きたいという想いから全て天然素材のみを使用することを信念としております。<br><br>
</p>
</section>
<section class="commit">
<div class="img">
<img src="./assets/img/commit/mark.png" alt="mark">
</div>
<p class="text-center">
<br>
こだわり<br><br>
お知らせ<br><br>
香話<br><br>
ギャラりー<br><br>
お問い合わせ<br><br>
</p>
</section>
</main>
<footer>
<div class="footer_letter">
<h3>ROUGETSU</h3>
<p>天然香処 くゆりや狼月</p>
</div>
<div class="footer_content">
<div class="contact">
<div class="social">
<a href="https://instagram.org"><img src="./assets/img/footer/social/insta.png" alt="Instagram"></a>
<a href="https://facebook.com"><img src="./assets/img/footer/social/facebook.png" alt="Facebook" ></a>
<a href="https://telegram.org"><img src="./assets/img/footer/social/tel.png" alt="Telegram"></a>
</div>
<div class="info">
<a href="tel:000-00-0000">TEL : 000-00-0000</a>
<span>個人情報保護方針</span>
<span>日 / ENG</span>
</div>
</div>
<div class="copyright">
<h4 class="">
| ご購入へ |
</h4>
<p class="">
©くゆりや狼月 2024. All Rights Reserved.
</p>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- <script src="./assets/js/script.js"></script> -->
<!-- <script src="./assets/js/core.js"></script>
<script src="./assets/js/common.js"></script> -->
<script src="./assets/js/main.js"></script>
</body>
<!-- G/Y TAG --> <script type="text/javascript">var dataLayer = dataLayer || []; dataLayer.push({originalLocation: document.location.protocol + String.fromCharCode(47, 47) + document.location.hostname + document.location.pathname + document.location.search});</script> <script>var ua=navigator.userAgent;var _mbtm={};if(ua.indexOf("iPhone")>0||(ua.indexOf("Android")>0)){_mbtm={device:"m",app:"SP"}}else{_mbtm={device:"d",app:"PC"}};var dataLayer = dataLayer || [];dataLayer.push({google_tag_params:window._mbtm});</script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5GQJJT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-5GQJJT');</script> <script type="text/javascript">(function () {var tagjs = document.createElement("script");var s = document.getElementsByTagName("script")[0];tagjs.async = true;tagjs.src = "//s.yjtag.jp/tag.js#site=SW7nshF";s.parentNode.insertBefore(tagjs, s);}());</script><noscript><iframe src="//b.yjtag.jp/iframe?c=SW7nshF" width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></noscript> <script type="text/javascript">var dataLayer = dataLayer || []; dataLayer.push({event:"virtualPageView"});</script> <!-- G/Y TAG -->
</html>