-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
326 lines (297 loc) · 13.9 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml: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, shrink-to-fit=no">
<meta property="og:locale" content="ja_JP">
<!-- SEO Meta Tags -->
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>倖田來未 6th Anniversary Ring</title>
<link rel="stylesheet" href="assets/font/fonts.css" />
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/common.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<script src="assets/js/jquery.min.js"></script>
</head>
<body>
<header id="header">
<div class="header-wrapper">
<h1 class="logo">
<a href="index.html" class="image scrollto">
倖田來未 Anniversary Ring.
</a>
</h1>
<nav class="nav">
<ul class="nav-menu">
<li>
<a href="index.html#play_voice" class="menu-link">録りおろしボイス</a>
</li>
<li>
<a href="index.html#order_period" class="menu-link">受注期間</a>
</li>
<li class="card-wrapper">
<a href="https://encodering.com/cart" class="cart-link-btn">
<span>Cart</span>
</a>
</li>
</ul>
</nav>
</div>
</header>
<div id="mobile-nav">
<nav class="nav-body">
<ul class="mobile-nav-menu">
<!-- <li>
<a href="products.html" class="menu-link">商品ページ</a>
</li> -->
<li>
<a href="#play_voice" class="menu-link">撮りおろしボイス</a>
</li>
<li>
<a href="index.html#order_period" class="menu-link">受注期間</a>
</li>
<li>
<a href="https://encodering.com/cart" class="menu-link">カート</a>
</li>
</ul>
</nav>
</div>
<main id="main">
<section class="mainvisual">
<picture class="main-picture">
<source media="(min-width:992px)" srcset="./assets/img/mainvisual.png">
<source media="(max-width:991px)" srcset="./assets/img/mainvisual-sp.png">
<img src="./assets/img/mainvisual.png" alt="倖田來未 6th Anniversary Ring">
</picture>
<!-- <div class="text">
<p>
T-ID × EncodeRing<br>
<strong>Tiger Voice Wave Ring</strong>
</p>
</div>
</section> -->
<!-- <section id="about" class="section-intro">
<div class="wrapper">
<div class="intro-card">
<h3 class="title">限定ボイス付きリングが<br>
受注生産で登場
</h3>
<p class="text">専用アプリでボイスが再生できる。<br>
<span>ここでしか手に入らない限定リングが完全受注生産で登場。</span></p>
</div>
</div>
</section> -->
<a href="products.html" class="link-btn page-action-btn">
<span>今すぐお申し込み</span>
</a>
<section class="gallery-section">
<!-- <div class="inner">
<div class="left-photos">
<img src="./assets/img/left1.png" alt="">
<img src="./assets/img/left2.png" alt="">
</div>
<div class="right-photos">
<img src="./assets/img/right1.png" alt="">
<img src="./assets/img/right2.png" alt="">
</div>
</div> -->
<div class="silver-img">
<img src="./assets/img/voice-wave-img.png" alt="" class="silver-pc">
<img src="./assets/img/voice-wave-img.png" alt="" class="silver-sp">
</div>
</section>
<section class="section-design-info">
<div class="product-info">
<div class="wrapper">
<div class="text">
<h2>Voice Wave</h2>
<h3>倖田來未の”声”を身につける。<br>
特別なメッセージをリングと共に。</h3>
<h4>倖田來未さんのイニシャルである「K.K」をモチーフにした特別なデザインが特徴。<br>
中央に施された「K.K」のロゴは、
さりげなくも<br>存在感を放ち、
シルバーカラーの輝きが手元を美しく引き立てます。</h4>
</div>
<div class="values">
<p>素材 : 錫合金<br>
サイズ:7/9/11/13/14/15/16/17/18/19/20<br>
セット内容:リング、ロゴ箔押しケース
</p>
</div>
</div>
</div>
</section>
<section class="section-design-info" id="play_voice">
<div class="product-img">
<figure>
<img src="./assets/img/play-voice.png" alt="">
<img src="./assets/img/play-voice-sp.png" alt="">
</figure>
</div>
<div class="product-info">
<div class="wrapper">
<div class="text">
<h2>Play Voice</h2>
<h3>専用のアプリでいつでもボイスが<br>
再生できる</h3>
<h4>専用のアプリをインストールしてリングにかざすと倖田來未のボイスが再生されます。<br>
いつでもどこでも大切な存在を感じることができます。</h4>
</div>
<div class="values">
<p>
1. EncodeRingアプリをインストール<br>
2. 商品IDを入力<br>
3. カメラでリングをかざして再生
</p>
</div>
</div>
</div>
</section>
<section class="section-design-info">
<div class="product-img">
<figure>
<img src="./assets/img/package.png" alt="">
<img src="./assets/img/package-sp.png" alt="">
</figure>
</div>
<div class="product-info">
<div class="wrapper">
<div class="text">
<h2>Original Package</h2>
<h3>今回の企画のためにデザインされた<br>
特別なパッケージでお届け</h3>
<h4>リングを可愛く収納できるシンプルなパッケージでお届けます。<br>
いつまでも大切にリングを保管できます。</h4>
</div>
</div>
</div>
</section>
<section class="section-slide">
<div class="slides">
<div class="slide slide-1">
<img src="./assets/img/nature-design-1.png" alt="" class="slide-img-pc">
<img src="./assets/img/nature-design-1-sp.png" alt="" class="slide-img-sp">
</div>
<!-- <div class="slide slide-2">
<img src="./assets/img/nature-design-2.png" alt="" class="slide-img-pc">
<img src="./assets/img/nature-design-2-sp.png" alt="" class="slide-img-sp">
</div> -->
</div>
<div class="product-info">
<div class="wrapper">
<div class="text">
<h2>Nature Design</h2>
<h3>普段使いができる<br>
エレガントなデザイン。</h3>
<h4>上品さと日常使いの実用性を
兼ね備えたこのリングは、<br>
どんなシーンでもアクセントとして
活躍します。
</h4>
</div>
</div>
</div>
</section>
<section id="order_period" class="section-operation">
<div class="wrapper">
<div class="operation-box">
<h3 class="box-title">【受注期間】</h3>
<ul class="operations">
<li class="item">
<h5 class="label">【注文受付期間】</h5>
<p class="text">7月26日(金)18:00 ~ 8月23日(月)23:59</p>
</li>
<li class="item">
<h5 class="label">【発送予定】</h5>
<p class="text">2024年12月4日予定</p>
</li>
</ul>
<h3 class="box-title">【送料】</h3>
<div class="price-item">
<p class="price">全国一律880円(税込)</p>
<p class="text">1回のご購入ごとに送料が発生いたします。</p>
</div>
<ul class="box-help">
<li>商品画像は監修中の為、デザインが変更になることがございます。予めご了承ください。</li>
<li>本商品は生産可能数に限りがございます。上限に達した場合、早期にご注文の受付を終了させていただくことがございます。</li>
<li>お申し込み状況や生産の都合、不測の事態により、発送日が変更となる場合がございます。</li>
<li>受注生産の為、キャンセルはできません。あらかじめご了承の上、ご注文ください。</li>
<li>送料はご購入ごとに発生します。後からの合算は行えませんので予めご了承ください。</li>
</ul>
</div>
</div>
</section>
<section class="section-term">
<div class="wrapper">
<ul class="term-list">
<li class="term-item">
<h4 class="title">免責事項</h4>
<ul class="text">
<li>サービスの保守、または火災・停電その他の自然災害、技術的な障害等による不可抗力によって、<br>サービス提供を一時的または長期に停止する場合があります。</li>
<li>サービスの内容を予告なく変更する場合があります。サービスの内容変更、一時的中断または停止により<br>お客様が被ったいかなる損害についてもEncodeRing株式会社は責任を負わないものとします。</li>
</ul>
</li>
<li class="term-item">
<h4 class="title">保証の対象外</h4>
<ul class="text">
<li>製品の使用に関連する二次的な損害が発生した場合</li>
<li>製品を本来の目的以外に使用された場合</li>
<li>許容された範囲を越えての製品の乱用、誤用でのご使用の場合</li>
<li>お客様の故意、過失に起因する製品への損害を与えた場合</li>
<li>EncodeRing株式会社以外での修理や分解を行った場合</li>
</ul>
<p class="help">※以上の項目に該当する場合は保証出来かねます</p>
</li>
<li class="term-item">
<h4 class="title">取扱注意</h4>
<ul class="text">
<li>本来の目的以外の用途には使用しないでください</li>
<li>シルバー商品は空気中に含まれる成分や汗・化粧品・薬品などに反応し変色する特性があります</li>
<li>着用後は汚れを柔らかい布、もしくはシルバー専用のポリッシュクロスなどで優しく拭き取って保管ください</li>
<li>メッキが施された商品はメッキ剥がれの原因となりますので、ポリッシュクロスなどで拭き取ることは避けてください</li>
<li>外装を含む本商品は、小さなお子様の手の届かないところで使用・保管ください</li>
<li>誤飲・誤食の責は一切追わないとします</li>
<li>漂白剤などの化学薬品を使用する状況でのご使用はお止めください。変色、変質の原因となります</li>
<li>貴金属は体質によってかゆみ・かぶれを生じる場合がありますので、皮膚の異常を感じた際はご使用をお止めいただき、専門医へご相談ください</li>
<li>返品やキャンセルはお受けすることが出来ません</li>
<li>強い衝撃や水につけてしまうと石が取れる原因となりますので、炊事や洗濯・入浴・手洗いの際はご注意ください。変色の可能性もあります</li>
<li>激しい運動を行う時や就寝時、育児中、極度の高温・低温の場所でのご使用は、<br>商品の破損や思わぬ怪我の原因となりますので、ご注意ください</li>
<li>商品が接触した際に衣類等を傷つける可能性がございますのでご注意ください</li>
<li>本品を使用することによりお客様に生じた損害につきましては、弊社に故意、重過失のある場合を除きEncodeRing株式会社は<br>一切の賠償の責を追わないものとします</li>
</ul>
</li>
</ul>
</div>
</section>
<section class="section-contact">
<div class="wrapper">
<div class="contact-index">
<p class="help">※万が一お手元に届いた商品が不良品だった場合は、<br>交換対応をさせていただきますので、<br>お問い合わせ先までご連絡ください。</p>
<h4 class="lead">EncodeRing株式会社<br>お問い合せは<a href="https://en-code.jp/support/">こちら</a></h4>
</div>
</div>
</section>
<footer id="footer">
<div class="wrapper">
<div class="footer-nav">
<ul class="nav-menu">
<li>
<a href="https://encodering.com/regal/law">特定商取引法に基づく表記</a>
</li>
<li>
<a href="https://encodering.com/regal/privacy">プライバシーポリシー</a>
</li>
</ul>
</div>
<div class="footer-text">発売元 : EncodeRing株式会社<br><br>製造元 : EncodeRing株式会社</div>
<div class="copyright">©. All Rights Reseverd.</div>
</div>
</footer>
</main>
<script src="assets/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="assets/js/common.js"></script>
</body>
</html>