PageSourceSearch

https://www.e-cha.co.jp/

html e-cha.co.jp collected 2026-10-02 18:23:18 UTC 147,200 bytes, 3,078 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja"><head>
3  <meta charset="UTF-8">
4  
5  <title>巣鴨のお茶屋さん山年園【公式】|お茶漬け・健康茶・健康食品の専門通販</title>
6  <meta name="viewport" content="width=device-width">
7
8
9    <meta name="description" content="【公式】巣鴨のお茶屋さん山年園 通販サイト|お茶漬け・健康茶・健康食品・日本茶・抹茶を中心に販売。巣鴨の実店舗でおばあちゃんに鍛えられた「こだわりの味」を全国送料無料・年中無休365日、心を込めて発送します。">
10    <meta name="keywords" content="巣鴨のお茶屋さん山年園">
11  
12  <link rel="stylesheet" href="https://sugamo.itembox.cloud/system/fs_style.css?t=20260910153727">
13  <link rel="stylesheet" href="https://sugamo.itembox.cloud/generate/theme4/fs_theme.css?t=20260714024338">
14  <link rel="stylesheet" href="https://sugamo.itembox.cloud/generate/theme4/fs_original.css?t=20260714024338">
15  
16  
17  
18  
19  
20  
21  
21<script>
22    window._FS=window._FS||{};_FS.val={"trackingParameterNames":["abm","pid"],"tiktok":{"enabled":false,"pixelCode":null},"recaptcha":{"enabled":false,"siteKey":null},"clientInfo":{"memberId":"guest","fullName":"ゲスト","lastName":"","firstName":"ゲスト","nickName":"ゲスト","stageId":"","stageName":"","subscribedToNewsletter":"false","loggedIn":"false","totalPoints":"","activePoints":"","pendingPoints":"","purchasePointExpiration":"","specialPointExpiration":"","specialPoints":"","pointRate":"","companyName":"","membershipCardNo":"","wishlist":"","prefecture":""},"enhancedEC":{"ga4Dimensions":{"userScope":{"stage":"{@ member.stage_order @}","login":"{@ member.logged_in @}"}},"amazonCheckoutName":"Amazonペイメント","measurementId":"G-PQP93J61CF","dimensions":{"dimension1":{"key":"log","value":"{@ member.logged_in @}"},"dimension2":{"key":"mem","value":"{@ member.stage_order @}"}}},"shopKey":"sugamo","device":"PC","cart":{"stayOnPage":false}};
23  </script>
23
24  
25  
25<script src="/shop/js/webstore-nr.js?t=20260910153727"></script>
25
26  
26<script src="/shop/js/webstore-vg.js?t=20260910153727"></script>
26
27  
28    
28<script src="//r2.future-shop.jp/fs.sugamo/pc/recommend.js"></script>
28
29  
30  
31  
32  
33  
34  
35    <meta property="og:title" content="巣鴨のお茶屋さん山年園【公式】|お茶漬け・健康茶・健康食品の専門通販">
36    <meta property="og:type" content="website">
37    <meta property="og:url" content="https://www.e-cha.co.jp/">
38    <meta property="og:image" content="https://sugamo.itembox.cloud/item/e-cha/images/ogp_logo.jpg">
39    <meta property="og:site_name" content="巣鴨のお茶屋さん山年園">
40    <meta property="og:description" content="【公式】巣鴨のお茶屋さん山年園 通販サイト|お茶漬け・健康茶・健康食品・日本茶・抹茶を中心に販売。巣鴨の実店舗でおばあちゃんに鍛えられた「こだわりの味」を全国送料無料・年中無休365日、心を込めて発送します。">
41  
42  
43  
44    
44<script type="text/javascript" >
45      document.addEventListener('DOMContentLoaded', function() {
46        _FS.CMATag('{"fs_member_id":"{@ member.id @}","fs_page_kind":"top"}')
47      })
48    </script>
48
49  
50  
51      <link rel="shortcut icon" type="image/x-icon" href="https://sugamo.itembox.cloud/item/favicon001.ico">
52    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/css/swiper.min.css?=11">
53    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/css/imagehover.min.css">
54    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/css/3columnDisplay1.css?=61">
55
56    <!--リニューアル追加 v0822-->
57    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhanjp.min.css">
58    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/renewal/slick.css">
59
60
61    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/renewal/common.css?v1.15">
62
63
64
65
66
67    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/renewal/category.css?v1.28">
68    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/renewal/sp.css?v1.33">
69    <link rel="stylesheet" href="https://sugamo.itembox.cloud/item/renewal/checkout-ui.css?t=20261002205422?v=2026052601">
70<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
70
71    
71<script>
72
73// JavaScript Document
74    var myArray1 = new Array("日","月","火","水","木","金","土");
75    var now = new Date();
76
77    var nMonth = now.getMonth() + 1;
78    var nDate = now.getDate();
79    var nDay = now.getDay();
80    var nHours = now.getHours();
81    var nMinutes = now.getMinutes();
82
83    function fncChangeBanner(wrkFlg) {
84        var wrkValue1 = 0;
85
86        switch (wrkFlg) {
87            case "H" :
88                if (nHours >= 14) {
89                    document.getElementById("Honzitsu").id = "Yokuzitsu";
90                } else if (nHours >= 9 && nHours < 14) {
91                    document.getElementById("Honzitsu").id = "Oisogi";
92                }
93                if (nHours >= 9 && nHours < 14) {
94                    wrkValue1 = nHours;
95                } else {
96                    if (nHours < 10) {
97                        wrkValue1 = '&nbsp&nbsp' + nHours;
98                    } else {
99                        wrkValue1 = nHours;
100                    }
101                }
102                break;
103
104            case "M" :
105                if (nHours >= 9 && nHours < 14) {
106                    wrkValue1 = nMinutes;
107                } else {
108                    if (nMinutes < 10) {
109                        wrkValue1 = '0' + nMinutes;
110                    } else {
111                        wrkValue1 = nMinutes;
112                    }
113                }
114                break;
115
116            case "S" :
117                if (nHours >= 14) {
118                    now.setTime(now.getTime() + (1 * 24 * 60 * 60 * 1000));
119                    var tMonth = now.getMonth() + 1;
120                    var tDate = now.getDate();
121                    var tDay = now.getDay();
122                    wrkValue1 = "明日"+(tMonth) + "月" + tDate + "日(" + myArray1[tDay] + ")" + " 発送";
123                    now.setTime(now.getTime() - (1 * 24 * 60 * 60 * 1000));
124                } else {
125                    wrkValue1 = (nMonth) + "月" + nDate + "日(" + myArray1[nDay] + ")" + " 発送";
126                }
127                break;
128
129            default :
130                break;
131        }
132
133        return wrkValue1;
134    }
135
136</script>
136
137
138    <!--リニューアル追加ここまで-->
139
140<style>
141/* --- ページ見出し共通 --- */
142[class*="fs-body-my-"] .fs-c-heading--page {
143  font-size: 24px;
144  font-weight: 700;
145  letter-spacing: 0.08em;
146  color: #333;
147  border-bottom: 2px solid #5a7a32;
148  padding: 0 0 12px;
149  margin-bottom: 24px;
150}
151
152/* --- 「マイページに戻る」ボタン共通 --- */
153[class*="fs-body-my-"] .fs-c-buttonContainer--myPageTop {
154  margin-top: 32px;
155}
156
157[class*="fs-body-my-"] .fs-c-button--myPageTop {
158  display: inline-flex;
159  align-items: center;
160  gap: 6px;
161  padding: 10px 28px;
162  background: #f9f6f0;
163  border: 1px solid #d4c9b4;
164  border-radius: 8px;
165  color: #5a7a32 !important;
166  font-size: 14px;
167  font-weight: 600;
168  text-decoration: none;
169  transition: all 0.2s ease;
170}
171
172[class*="fs-body-my-"] .fs-c-button--myPageTop:hover {
173  background: #5a7a32;
174  border-color: #5a7a32;
175  color: #fff !important;
176}
177
178/* --- プライマリボタン共通(変更する/確認する 等) --- */
179[class*="fs-body-my-"] .fs-c-button--primary {
180  background: #5a7a32 !important;
181  border-color: #5a7a32 !important;
182  border-radius: 8px;
183  font-weight: 600;
184  transition: all 0.2s ease;
185}
186
187[class*="fs-body-my-"] .fs-c-button--primary:hover {
188  background: #4a6828 !important;
189  border-color: #4a6828 !important;
190}
191
192/* --- セカンダリボタン共通(追加する 等) --- */
193[class*="fs-body-my-"] .fs-c-button--secondary {
194  background: #5a7a32 !important;
195  border-color: #5a7a32 !important;
196  border-radius: 8px;
197  color: #fff !important;
198  font-weight: 600;
199  transition: all 0.2s ease;
200}
201
202[class*="fs-body-my-"] .fs-c-button--secondary:hover {
203  background: #4a6828 !important;
204  border-color: #4a6828 !important;
205}
206
207/* --- フォーム入力フィールド共通 --- */
208[class*="fs-body-my-"] .fs-c-inputTable input[type="text"],
209[class*="fs-body-my-"] .fs-c-inputTable input[type="email"],
210[class*="fs-body-my-"] .fs-c-inputTable input[type="tel"],
211[class*="fs-body-my-"] .fs-c-inputTable input[type="password"],
212[class*="fs-body-my-"] .fs-c-inputTable select,
213[class*="fs-body-my-"] .fs-c-inputTable textarea {
214  border: 1px solid #d4c9b4 !important;
215  border-radius: 6px !important;
216  padding: 8px 12px !important;
217  font-size: 15px;
218  color: #333;
219  background: #fff;
220  transition: border-color 0.2s ease;
221}
222
223[class*="fs-body-my-"] .fs-c-inputTable input:focus,
224[class*="fs-body-my-"] .fs-c-inputTable select:focus,
225[class*="fs-body-my-"] .fs-c-inputTable textarea:focus {
226  border-color: #5a7a32 !important;
227  outline: none;
228  box-shadow: 0 0 0 3px rgba(90,122,50,0.1);
229}
230
231/* --- inputTable セル余白共通 --- */
232[class*="fs-body-my-"] .fs-c-inputTable__headerCell {
233  padding: 10px 16px 4px !important;
234}
235
236[class*="fs-body-my-"] .fs-c-inputTable__dataCell {
237  padding: 4px 16px 12px !important;
238}
239
240/* --- テーブル共通 --- */
241[class*="fs-body-my-"] .fs-c-history__term,
242[class*="fs-body-my-"] table th {
243  background: #f9f6f0;
244  font-weight: 600;
245  color: #444;
246}
247
248/* --- 年度選択ドロップダウン --- */
249[class*="fs-body-my-"] .fs-c-dropdown__menu {
250  border: 1px solid #d4c9b4;
251  border-radius: 6px;
252  padding: 8px 12px;
253  color: #444;
254}
255
256
257/* ==================================================
258   2. 注文履歴ページ
259   ================================================== */
260
261/* 注文カード */
262[class*="fs-body-my-"] .fs-c-orderHistoryItem {
263  border: 1px solid #e8e0d0;
264  border-radius: 10px;
265  overflow: hidden;
266  margin-bottom: 16px;
267  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
268}
269
270/* 注文ヘッダー */
271[class*="fs-body-my-"] .fs-c-orderHistoryItem__header {
272  background: #f9f6f0;
273  border-bottom: 1px solid #e8e0d0;
274  padding: 12px 16px;
275}
276
277/* 「注文履歴詳細を見る」ボタン */
278[class*="fs-body-my-"] .fs-c-button--viewOrderHistoryDetail {
279  border: 1px solid #5a7a32;
280  border-radius: 6px;
281  color: #5a7a32 !important;
282  font-weight: 600;
283  transition: all 0.2s ease;
284}
285
286[class*="fs-body-my-"] .fs-c-button--viewOrderHistoryDetail:hover {
287  background: #5a7a32;
288  color: #fff !important;
289}
290
291/* 「レビューを書く」ボタン */
292[class*="fs-body-my-"] .fs-c-button--addReview--detail {
293  border: 1px solid #d4c9b4;
294  border-radius: 6px;
295  color: #666 !important;
296  font-size: 13px;
297  transition: all 0.2s ease;
298}
299
300[class*="fs-body-my-"] .fs-c-button--addReview--detail:hover {
301  border-color: #5a7a32;
302  color: #5a7a32 !important;
303}
304
305/* 注文件数サマリー右カラム */
306[class*="fs-body-my-"] .fs-c-history__infoSummary {
307  background: #f9f6f0;
308  border: 1px solid #e8e0d0;
309  border-radius: 10px;
310  padding: 16px;
311}
312
313
314/* ==================================================
315   3. ポイント履歴ページ
316   ================================================== */
317
318/* ポイントサマリーボックス(infoSummary が外枠を持つので内側はボーダーなし) */
319.fs-body-my-points .fs-c-pointSummary,
320.fs-body-my-points .fs-c-pointListSummary {
321  border: none;
322  border-radius: 0;
323  overflow: hidden;
324  box-shadow: none;
325  padding: 0;
326}
327
328/* 内部の背景色を統一(グレー帯を消す) */
329.fs-body-my-points .fs-c-pointSummary__label--availablePoint,
330.fs-body-my-points .fs-c-pointSummary__value--availablePoint,
331.fs-body-my-points .fs-c-pointSummary__label--limitedPoint,
332.fs-body-my-points .fs-c-pointSummary__value--limitedPoint {
333  background: transparent !important;
334}
335
336/* 利用可能ポイント部分の区切り線 */
337.fs-body-my-points .fs-c-pointSummary__value--availablePoint {
338  padding-bottom: 12px;
339  border-bottom: 1px solid #e8e0d0;
340  margin-bottom: 4px;
341}
342
343/* 利用可能ポイント上段 -- 白背景で目立たせる */
344.fs-body-my-points .fs-c-pointSummary__label--availablePoint,
345.fs-body-my-points .fs-c-pointSummary__value--availablePoint {
346  background: rgba(255,255,255,0.7) !important;
347  padding: 8px 12px !important;
348}
349
350/* 外側グレー背景を消す */
351[class*="fs-body-my-"] .fs-c-history__info {
352  background: transparent !important;
353  padding: 0 !important;
354}
355
356/* 外枠は infoSummary が担当(ベージュ背景でメリハリを出す) */
357[class*="fs-body-my-"] .fs-c-history__infoSummary {
358  background: #f9f6f0;
359  border: 1px solid #e8e0d0;
360  border-radius: 10px;
361  padding: 20px;
362  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
363}
364
365/* 利用可能ポイント数(メイン) */
366.fs-body-my-points .fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number {
367  font-size: 28px;
368  font-weight: 800;
369  color: #c8a63a !important;
370}
371
372/* ポイントサマリーラベル */
373.fs-body-my-points .fs-c-pointSummary__label--availablePoint {
374  font-weight: 600;
375  color: #555;
376}
377
378/* 期間限定ポイント -- 同一行に表示 */
379.fs-body-my-points .fs-c-pointSummary__label--limitedPoint,
380.fs-body-my-points .fs-c-pointSummary__value--limitedPoint {
381  font-size: 13px;
382  color: #888;
383  display: inline !important;
384}
385
386.fs-body-my-points .fs-c-pointSummary__value--limitedPoint .fs-c-pointSummary__number {
387  font-size: 13px !important;
388  font-weight: 600;
389  color: #888 !important;
390}
391
392/* 有効待ちポイント / 総保有ポイント -- 通常サイズ */
393.fs-body-my-points .fs-c-pointSummary__value--waitingPoint .fs-c-pointSummary__number,
394.fs-body-my-points .fs-c-pointSummary__value--purchasePointTotal .fs-c-pointSummary__number {
395  font-size: 16px;
396  font-weight: 700;
397  color: #444 !important;
398}
399
400/* ポイント履歴テーブル */
401.fs-body-my-points .fs-c-pointHistory table,
402.fs-body-my-points table {
403  border-collapse: collapse;
404  border: 1px solid #e8e0d0;
405  border-radius: 8px;
406  overflow: hidden;
407  width: 100%;
408}
409
410.fs-body-my-points table th {
411  background: #f9f6f0;
412  font-weight: 600;
413  color: #444;
414  border-bottom: 2px solid #e0d8c8;
415  padding: 10px 12px;
416  font-size: 13px;
417}
418
419.fs-body-my-points table td {
420  border-bottom: 1px solid #f0ece4;
421  padding: 10px 12px;
422  font-size: 14px;
423  color: #444;
424}
425
426.fs-body-my-points table td a {
427  color: #5a7a32 !important;
428  text-decoration: none;
429}
430
431.fs-body-my-points table td a:hover {
432  text-decoration: underline;
433}
434
435.fs-body-my-points table tr:hover td {
436  background: #fdfcf9;
437}
438
439/* ポイント件数表示 */
440.fs-body-my-points .fs-c-history__quantity,
441.fs-body-my-points .fs-c-listControl {
442  font-size: 13px;
443  color: #888;
444  margin: 8px 0;
445}
446
447
448/* ==================================================
449   4. お気に入りページ
450   ================================================== */
451
452/* 商品リスト */
453.fs-body-my-wishlist .fs-c-productList__list {
454  gap: 16px;
455}
456
457/* 商品カード */
458.fs-body-my-wishlist .fs-c-productList__list__item,
459.fs-body-my-wishlist .fs-c-productListItem {
460  border: 1px solid #e8e0d0;
461  border-radius: 10px;
462  overflow: visible;
463  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
464  transition: box-shadow 0.2s ease;
465  padding-bottom: 12px;
466}
467
468.fs-body-my-wishlist .fs-c-productList__list__item:hover,
469.fs-body-my-wishlist .fs-c-productListItem:hover {
470  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
471}
472
473/* カード内の画像 */
474.fs-body-my-wishlist .fs-c-productListItem__image {
475  border-radius: 10px 10px 0 0;
476  overflow: hidden;
477}
478
479/* カード内の商品情報エリア */
480.fs-body-my-wishlist .fs-c-productListItem__detail {
481  padding: 8px 12px 0;
482}
483
484/* 商品名 */
485.fs-body-my-wishlist .fs-c-productListItem__productName {
486  font-size: 13px;
487  line-height: 1.5;
488  color: #333;
489}
490
491/* 価格 */
492.fs-body-my-wishlist .fs-c-productPrice__main__price {
493  font-weight: 700;
494  color: #333;
495}
496
497/* 在庫数 */
498.fs-body-my-wishlist .fs-c-productListItem__stockCount {
499  font-size: 12px;
500  color: #888;
501}
502
503/* レビュー星 */
504.fs-body-my-wishlist .fs-c-reviewStars {
505  color: #d4a017;
506}
507
508/* ボタンコンテナ -- カート/詳細ボタンを中央、ハートは右端 */
509.fs-body-my-wishlist .fs-c-productListItem__control {
510  justify-content: center !important;
511  position: relative;
512  gap: 8px;
513}
514
515/* ハートアイコンを右端に絶対配置 */
516.fs-body-my-wishlist .fs-c-productListItem__control .fs-c-button--removeFromWishList--icon {
517  position: absolute !important;
518  right: 8px;
519  top: 50%;
520  transform: translateY(-50%);
521}
522
523/* カートに入れるボタン */
524.fs-body-my-wishlist .fs-c-button--addToCart--list,
525.fs-body-my-wishlist .fs-c-button--viewProductDetail {
526  background: #5a7a32 !important;
527  border-color: #5a7a32 !important;
528  border-radius: 6px;
529  color: #fff !important;
530  font-weight: 600;
531  font-size: 13px;
532}
533
534.fs-body-my-wishlist .fs-c-button--addToCart--list:hover,
535.fs-body-my-wishlist .fs-c-button--viewProductDetail:hover {
536  background: #4a6828 !important;
537}
538
539/* お気に入りハートアイコン */
540.fs-body-my-wishlist .fs-c-button--removeFromWishList--icon {
541  color: #e06070;
542}
543
544/* お気に入り説明エリア */
545.fs-body-my-wishlist .fs-c-subSection {
546  background: #f9f6f0;
547  border: 1px solid #e8e0d0;
548  border-radius: 10px;
549  padding: 16px 20px;
550  margin-bottom: 20px;
551}
552
553.fs-body-my-wishlist .fs-c-subSection__title {
554  font-weight: 700;
555  color: #5a7a32;
556  margin-bottom: 8px;
557}
558
559
560/* ==================================================
561   5. 会員情報詳細・変更ページ
562   ================================================== */
563
564/* 情報表示テーブル */
565[class*="fs-body-my-account"] .fs-c-inputTable {
566  border: 1px solid #e8e0d0;
567  border-radius: 10px;
568  overflow: hidden;
569}
570
571[class*="fs-body-my-account"] .fs-c-inputTable__headerCell {
572  background: #f9f6f0;
573  font-weight: 600;
574  color: #555;
575  border-bottom: 1px solid #e8e0d0;
576}
577
578[class*="fs-body-my-account"] .fs-c-inputTable__dataCell {
579  border-bottom: 1px solid #f0ece4;
580}
581
582/* 「変更する」ボタン */
583[class*="fs-body-my-account"] .fs-c-button--change {
584  background: #5a7a32 !important;
585  border-color: #5a7a32 !important;
586  border-radius: 8px;
587  color: #fff !important;
588  font-weight: 600;
589  padding: 12px 40px;
590  transition: background 0.2s;
591}
592
593[class*="fs-body-my-account"] .fs-c-button--change:hover {
594  background: #4a6828 !important;
595}
596
597
598/* ==================================================
599   5-b. お届け先リスト・追加ページ
600   ================================================== */
601
602/* 空状態メッセージ */
603.fs-body-my-addressbook .fs-c-noResultMessage,
604[class*="fs-body-my-"] .fs-c-noResultMessage {
605  background: #f9f6f0;
606  border: 1px solid #e8e0d0;
607  border-radius: 10px;
608  padding: 24px;
609  text-align: center;
610  color: #888;
611  font-size: 14px;
612}
613
614/* お届け先カード */
615.fs-body-my-addressbook .fs-c-addressBookList__list__item {
616  border: 1px solid #e8e0d0;
617  border-radius: 10px;
618  padding: 16px;
619  margin-bottom: 12px;
620  background: #fff;
621  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
622}
623
624/* --- 削除/変更ボタンコンテナ(body ID: #fs_MyAddressBook) --- */
625#fs_MyAddressBook .fs-c-buttonContainer--deleteChange {
626  display: flex !important;
627  flex-direction: row-reverse !important;
628  align-items: center !important;
629  gap: 12px !important;
630}
631
632/* 変更ボタン(メインアクション)-- 大きく緑 */
633#fs_MyAddressBook .fs-c-button--changeInfomation.fs-c-button--secondary {
634  background: #5a7a32 !important;
635  border-color: #5a7a32 !important;
636  border-radius: 8px !important;
637  color: #fff !important;
638  font-weight: 600 !important;
639  font-size: 14px !important;
640  padding: 10px 32px !important;
641  min-width: 120px !important;
642  text-align: center;
643}
644
645#fs_MyAddressBook .fs-c-button--changeInfomation.fs-c-button--secondary:hover {
646  background: #4a6828 !important;
647  border-color: #4a6828 !important;
648}
649
650/* 削除ボタン -- 小さくグレー */
651#fs_MyAddressBook .fs-c-button--delete.fs-c-button--standard {
652  background: #999 !important;
653  border-color: #999 !important;
654  border-radius: 6px !important;
655  color: #fff !important;
656  font-size: 12px !important;
657  font-weight: 400 !important;
658  padding: 6px 16px !important;
659  min-width: auto !important;
660  width: auto !important;
661  height: auto !important;
662  overflow: hidden;
663}
664
665#fs_MyAddressBook .fs-c-button--delete .fs-c-button__label {
666  width: auto !important;
667}
668
669#fs_MyAddressBook .fs-c-button--delete.fs-c-button--standard:hover {
670  background: #777 !important;
671  border-color: #777 !important;
672}
673
674/* --- 登録/キャンセルボタンコンテナ(body ID: #fs_NewAddress) --- */
675#fs_NewAddress .fs-c-buttonContainer--registerCancel {
676  display: flex !important;
677  flex-direction: row-reverse !important;
678  justify-content: center !important;
679  align-items: center !important;
680  gap: 16px !important;
681}
682
683/* 登録ボタン(メインアクション)-- 大きく緑 */
684#fs_NewAddress .fs-c-button--register.fs-c-button--primary {
685  background: #5a7a32 !important;
686  border-color: #5a7a32 !important;
687  border-radius: 8px !important;
688  color: #fff !important;
689  font-weight: 700 !important;
690  font-size: 16px !important;
691  padding: 14px 60px !important;
692  min-width: 200px !important;
693  text-align: center;
694}
695
696#fs_NewAddress .fs-c-button--register.fs-c-button--primary:hover {
697  background: #4a6828 !important;
698  border-color: #4a6828 !important;
699}
700
701/* キャンセルボタン -- 小さくグレー */
702#fs_NewAddress .fs-c-button--cancel.fs-c-button--standard {
703  background: #999 !important;
704  border-color: #999 !important;
705  border-radius: 6px !important;
706  color: #fff !important;
707  font-size: 13px !important;
708  font-weight: 400 !important;
709  padding: 8px 24px !important;
710  min-width: auto !important;
711  width: auto !important;
712  height: auto !important;
713  overflow: hidden;
714}
715
716#fs_NewAddress .fs-c-button--cancel .fs-c-button__label {
717  width: auto !important;
718}
719
720#fs_NewAddress .fs-c-button--cancel.fs-c-button--standard:hover {
721  background: #777 !important;
722  border-color: #777 !important;
723}
724
725/* --- 登録/キャンセルボタン(お届け先変更ページ body ID: #fs_EditAddress) --- */
726#fs_EditAddress .fs-c-buttonContainer--confirmCancel {
727  display: flex !important;
728  flex-direction: row-reverse !important;
729  justify-content: center !important;
730  align-items: center !important;
731  gap: 16px !important;
732}
733
734/* 登録ボタン(メインアクション)-- 大きく緑 */
735#fs_EditAddress .fs-c-button--confirmChange.fs-c-button--primary {
736  background: #5a7a32 !important;
737  border-color: #5a7a32 !important;
738  border-radius: 8px !important;
739  color: #fff !important;
740  font-weight: 700 !important;
741  font-size: 16px !important;
742  padding: 14px 60px !important;
743  min-width: 200px !important;
744  text-align: center;
745}
746
747#fs_EditAddress .fs-c-button--confirmChange.fs-c-button--primary:hover {
748  background: #4a6828 !important;
749  border-color: #4a6828 !important;
750}
751
752/* キャンセルボタン -- 小さくグレー */
753#fs_EditAddress .fs-c-button--cancel.fs-c-button--standard {
754  background: #999 !important;
755  border-color: #999 !important;
756  border-radius: 6px !important;
757  color: #fff !important;
758  font-size: 13px !important;
759  font-weight: 400 !important;
760  padding: 8px 24px !important;
761  min-width: auto !important;
762  width: auto !important;
763  height: auto !important;
764  overflow: hidden;
765}
766
767#fs_EditAddress .fs-c-button--cancel .fs-c-button__label {
768  width: auto !important;
769}
770
771#fs_EditAddress .fs-c-button--cancel.fs-c-button--standard:hover {
772  background: #777 !important;
773  border-color: #777 !important;
774}
775
776/* 説明テキストエリア */
777.fs-body-my-addressbook .fs-c-subSection,
778[class*="fs-body-my-addressbook"] .fs-c-subSection {
779  margin-bottom: 16px;
780}
781
782.fs-body-my-addressbook .fs-c-subSection__title {
783  font-weight: 700;
784  color: #5a7a32;
785  font-size: 15px;
786  margin-bottom: 8px;
787}
788
789.fs-body-my-addressbook .fs-c-subSection__body {
790  font-size: 13px;
791  color: #666;
792  line-height: 1.8;
793}
794
795
796/* ==================================================
797   6. ログイン連携ページ
798   ================================================== */
799
800.fs-body-my-linked-accounts .fs-c-linkedServiceList__item {
801  border: 1px solid #e8e0d0;
802  border-radius: 10px;
803  padding: 16px;
804  margin-bottom: 12px;
805  background: #fff;
806  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
807}
808
809
810/* ==================================================
811   7. マイページTOP 固有スタイル
812   ================================================== */
813
814/* --- 会員情報カード --- */
815.fs-body-my-top .fs-p-accountInfo {
816  background: linear-gradient(135deg, #f9f6f0 0%, #fdfcf9 100%) !important;
817  border: 1px solid #e0d8c8 !important;
818  border-radius: 12px !important;
819  padding: 24px 20px !important;
820  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
821}
822
823.fs-body-my-top .fs-p-accountInfo__header {
824  border-bottom: 1px solid #e8e0d0;
825  padding-bottom: 12px;
826  margin-bottom: 16px;
827}
828
829.fs-body-my-top .fs-p-accountInfo__accountName__name {
830  font-size: 18px;
831  font-weight: 700;
832  color: #333;
833}
834
835.fs-body-my-top .fs-p-accountInfo__accountName__nameLabel {
836  font-size: 14px;
837  color: #666;
838}
839
840/* ランク表示バッジ */
841.fs-body-my-top .fs-p-accountInfo__point > .fs-p-accountInfo__point__point:first-child .fs-p-accountInfo__point__point__available__number {
842  display: inline-block;
843  background: linear-gradient(135deg, #5a7a32, #7a9e4e) !important;
844  color: #fff !important;
845  font-size: 14px !important;
846  font-weight: 700;
847  padding: 4px 20px;
848  border-radius: 20px;
849  letter-spacing: 0.05em;
850}
851
852/* 「利用可能ポイント」ラベル */
853.fs-body-my-top .fs-p-accountInfo__point__label {
854  font-size: 13px;
855  color: #888;
856  display: block;
857  margin-top: 12px;
858  margin-bottom: 4px;
859}
860
861/* ポイント数 */
862.fs-body-my-top .fs-p-accountInfo__point > .fs-p-accountInfo__point__point:nth-child(3) .fs-p-accountInfo__point__point__available__number {
863  font-size: 32px !important;
864  font-weight: 800;
865  color: #c8a63a !important;
866}
867
868.fs-body-my-top .fs-p-accountInfo__point__point__available__numberLabel {
869  font-size: 14px;
870  color: #666;
871}
872
873.fs-body-my-top .fs-p-accountInfo__point__point__rate {
874  font-size: 12px;
875  color: #999;
876}
877
878/* 有効期限 */
879.fs-body-my-top .fs-c-purchasePointExpiration {
880  margin-top: 8px;
881  padding-top: 8px;
882  border-top: 1px dashed #e0d8c8;
883  font-size: 13px;
884  color: #888;
885}
886
887/* --- メニューグリッド --- */
888.fs-body-my-top .fs-c-accountService {
889  gap: 8px;
890}
891
892.fs-body-my-top .fs-c-accountService__pageLink {
893  background: #fff !important;
894  border: 1px solid #e8e0d0 !important;
895  border-radius: 10px !important;
896  transition: all 0.2s ease;
897  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
898}
899
900.fs-body-my-top .fs-c-accountService__pageLink:hover {
901  border-color: #5a7a32 !important;
902  box-shadow: 0 3px 12px rgba(90,122,50,0.12);
903  transform: translateY(-2px);
904}
905
906.fs-body-my-top .fs-c-accountService__pageLink__label {
907  font-size: 13px;
908  font-weight: 600;
909  color: #444;
910}
911
912.fs-body-my-top .fs-c-accountService__pageLink:hover .fs-c-accountService__pageLink__label {
913  color: #5a7a32;
914}
915
916/* 退会手続き -- 他メニューと分離しつつ視認可能に */
917.fs-body-my-top .fs-c-accountService__page--accountDelete {
918  margin-top: 16px;
919  flex-basis: auto !important;
920  width: auto !important;
921}
922
923.fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink {
924  background: #fff !important;
925  border: 1px solid #d0c8b8 !important;
926  border-radius: 8px !important;
927  box-shadow: none !important;
928  min-height: auto !important;
929  height: auto !important;
930  padding: 10px 24px !important;
931}
932
933.fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink:hover {
934  background: #f5f0e8 !important;
935  border-color: #b0a690 !important;
936}
937
938.fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink__label {
939  font-size: 13px;
940  color: #888;
941}
942
943.fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink:hover .fs-c-accountService__pageLink__label {
944  color: #666;
945}
946
947/* 退会は::beforeアイコンを非表示にする(テキストリンク型) */
948.fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink::before {
949  display: none !important;
950}
951
952/* --- お気に入りセクション(TOP内カルーセル) --- */
953.fs-body-my-top .fs-l-additionalProduct--wishlist {
954  margin-top: 32px;
955  padding: 24px 0;
956  border-top: 1px solid #eee;
957}
958
959.fs-body-my-top .fs-c-wishlistProduct .fs-c-heading {
960  font-size: 18px;
961  font-weight: 700;
962  color: #333;
963  margin-bottom: 16px;
964}
965
966.fs-body-my-top .fs-c-productListCarousel__list__item {
967  border-radius: 8px;
968  overflow: hidden;
969}
970
971/* 「お気に入りへ」リンクボタン */
972.fs-body-my-top .fs-c-wishlistProduct .fs-c-button--plain {
973  display: inline-block;
974  margin-top: 12px;
975  padding: 8px 24px;
976  background: #5a7a32;
977  color: #fff !important;
978  border-radius: 6px;
979  font-size: 14px;
980  font-weight: 600;
981  text-decoration: none;
982  transition: background 0.2s;
983}
984
985.fs-body-my-top .fs-c-wishlistProduct .fs-c-button--plain:hover {
986  background: #4a6828;
987}
988
989
990/* ==================================================
991   8. SP(スマートフォン)版
992   ================================================== */
993@media (max-width: 768px) {
994
995  /* 見出し共通 SP */
996  [class*="fs-body-my-"] .fs-c-heading--page {
997    font-size: 20px;
998    padding: 0 0 10px;
999    margin-bottom: 20px;
1000  }
1001
1002  /* 会員情報カード SP */
1003  .fs-body-my-top .fs-p-accountInfo {
1004    padding: 16px 14px !important;
1005    border-radius: 10px !important;
1006    margin-bottom: 8px;
1007  }
1008
1009  .fs-body-my-top .fs-p-accountInfo__accountName__name {
1010    font-size: 16px;
1011  }
1012
1013  .fs-body-my-top .fs-p-accountInfo__point > .fs-p-accountInfo__point__point:nth-child(3) .fs-p-accountInfo__point__point__available__number {
1014    font-size: 28px !important;
1015  }
1016
1017  /* メニューグリッド SP */
1018  .fs-body-my-top .fs-c-accountService {
1019    gap: 6px;
1020  }
1021
1022  .fs-body-my-top .fs-c-accountService__pageLink {
1023    border-radius: 8px !important;
1024    min-height: 90px;
1025  }
1026
1027  .fs-body-my-top .fs-c-accountService__pageLink__label {
1028    font-size: 11px;
1029  }
1030
1031  .fs-body-my-top .fs-c-accountService__page--accountDelete {
1032    margin-top: 12px;
1033  }
1034
1035  .fs-body-my-top .fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink {
1036    min-height: auto !important;
1037    padding: 10px 20px !important;
1038  }
1039
1040  /* お気に入りセクション SP */
1041  .fs-body-my-top .fs-l-additionalProduct--wishlist {
1042    margin-top: 20px;
1043    padding: 16px 0;
1044  }
1045
1046  /* 注文カード SP */
1047  [class*="fs-body-my-"] .fs-c-orderHistoryItem {
1048    border-radius: 8px;
1049    margin-bottom: 12px;
1050  }
1051
1052  /* 「マイページに戻る」ボタン SP */
1053  [class*="fs-body-my-"] .fs-c-button--myPageTop {
1054    padding: 10px 20px;
1055    font-size: 13px;
1056    width: 100%;
1057    justify-content: center;
1058  }
1059
1060  /* ポイント数 SP */
1061  .fs-body-my-points .fs-c-pointSummary__number {
1062    font-size: 24px;
1063  }
1064
1065  /* ポイント履歴テーブル SP */
1066  .fs-body-my-points table th {
1067    padding: 8px 6px;
1068    font-size: 11px;
1069  }
1070
1071  .fs-body-my-points table td {
1072    padding: 8px 6px;
1073    font-size: 12px;
1074  }
1075
1076  /* お気に入り商品カード SP */
1077  .fs-body-my-wishlist .fs-c-productList__list {
1078    gap: 10px;
1079  }
1080
1081  .fs-body-my-wishlist .fs-c-productList__list__item,
1082  .fs-body-my-wishlist .fs-c-productListItem {
1083    border-radius: 8px;
1084  }
1085
1086  .fs-body-my-wishlist .fs-c-productListItem__productName {
1087    font-size: 12px;
1088  }
1089
1090  .fs-body-my-wishlist .fs-c-subSection {
1091    padding: 12px 14px;
1092    margin-bottom: 16px;
1093  }
1094
1095  /* フォーム入力フィールド SP */
1096  [class*="fs-body-my-"] .fs-c-inputTable input[type="text"],
1097  [class*="fs-body-my-"] .fs-c-inputTable input[type="email"],
1098  [class*="fs-body-my-"] .fs-c-inputTable input[type="tel"],
1099  [class*="fs-body-my-"] .fs-c-inputTable input[type="password"],
1100  [class*="fs-body-my-"] .fs-c-inputTable select,
1101  [class*="fs-body-my-"] .fs-c-inputTable textarea {
1102    padding: 8px 10px !important;
1103    font-size: 14px;
1104  }
1105
1106  /* inputTable セル余白 SP */
1107  [class*="fs-body-my-"] .fs-c-inputTable__headerCell {
1108    padding: 8px 12px 2px !important;
1109  }
1110
1111  [class*="fs-body-my-"] .fs-c-inputTable__dataCell {
1112    padding: 2px 12px 10px !important;
1113  }
1114
1115  /* inputTable 外枠 SP */
1116  [class*="fs-body-my-"] .fs-c-inputTable {
1117    border-radius: 8px !important;
1118  }
1119
1120  /* お届け先カード SP */
1121  .fs-body-my-addressbook .fs-c-addressBookList__list__item {
1122    padding: 12px;
1123    border-radius: 8px;
1124  }
1125}
1126
1127
1128</style>
vendor: 65 bytes, lines 1128-1129
1128
1129<script async src="https://www.googletagmanager.com/gtag/js?id=
1129G-PQP93J61CF
vendor: 15 bytes, lines 1129-1130
1129"></script>
1130
1131<script><!--
1132_FS.setTrackingTag('%3Cscript+async+src%3D%22https%3A%2F%2Fs.yimg.jp%2Fimages%2Flisting%2Ftool%2Fcv%2Fytag.js%22%3E%3C%2Fscript%3E%0A%3Cscript%3E%0Awindow.yjDataLayer+%3D+window.yjDataLayer+%7C%7C+%5B%5D%3B%0Afunction+ytag%28%29+%7B+yjDataLayer.push%28arguments%29%3B+%7D%0Aytag%28%7B%22type%22%3A%22ycl_cookie%22%2C+%22config%22%3A%7B%22ycl_use_non_cookie_storage%22%3Atrue%7D%7D%29%3B%0A%3C%2Fscript%3E%0A%3C%21--+LINE+Tag+Base+Code+--%3E%0A%3C%21--+Do+Not+Modify+--%3E%0A%3Cscript%3E%0A%28function%28g%2Cd%2Co%29%7B%0A++g._ltq%3Dg._ltq%7C%7C%5B%5D%3Bg._lt%3Dg._lt%7C%7Cfunction%28%29%7Bg._ltq.push%28arguments%29%7D%3B%0A++var+h%3Dlocation.protocol%3D%3D%3D%27https%3A%27%3F%27https%3A%2F%2Fd.line-scdn.net%27%3A%27http%3A%2F%2Fd.line-cdn.net%27%3B%0A++var+s%3Dd.createElement%28%27script%27%29%3Bs.async%3D1%3B%0A++s.src%3Do%7C%7Ch%2B%27%2Fn%2Fline_tag%2Fpublic%2Frelease%2Fv1%2Flt.js%27%3B%0A++var+t%3Dd.getElementsByTagName%28%27script%27%29%5B0%5D%3Bt.parentNode.insertBefore%28s%2Ct%29%3B%0A++++%7D%29%28window%2C+document%29%3B%0A_lt%28%27init%27%2C+%7B%0A++customerType%3A+%27lap%27%2C%0A++tagId%3A+%27dba102fe-1a2a-454d-bb21-df05159ad997%27%0A%7D%29%3B%0A_lt%28%27send%27%2C+%27pv%27%2C+%5B%27dba102fe-1a2a-454d-bb21-df05159ad997%27%5D%29%3B%0A%3C%2Fscript%3E%0A%3Cnoscript%3E%0A++%3Cimg+height%3D%221%22+width%3D%221%22+style%3D%22display%3Anone%22%0A+++++++src%3D%22https%3A%2F%2Ftr.line.me%2Ftag.gif%3Fc_t%3Dlap%26t_id%3Ddba102fe-1a2a-454d-bb21-df05159ad997%26e%3Dpv%26noscript%3D1%22+%2F%3E%0A%3C%2Fnoscript%3E%0A%3C%21--+End+LINE+Tag+Base+Code+--%3E%0A%0A%3C%21--+Meta+Pixel+Code+--%3E%0A%3Cscript%3E%0A%21function%28f%2Cb%2Ce%2Cv%2Cn%2Ct%2Cs%29%0A%7Bif%28f.fbq%29return%3Bn%3Df.fbq%3Dfunction%28%29%7Bn.callMethod%3F%0An.callMethod.apply%28n%2Carguments%29%3An.queue.push%28arguments%29%7D%3B%0Aif%28%21f._fbq%29f._fbq%3Dn%3Bn.push%3Dn%3Bn.loaded%3D%210%3Bn.version%3D%272.0%27%3B%0An.queue%3D%5B%5D%3Bt%3Db.createElement%28e%29%3Bt.async%3D%210%3B%0At.src%3Dv%3Bs%3Db.getElementsByTagName%28e%29%5B0%5D%3B%0As.parentNode.insertBefore%28t%2Cs%29%7D%28window%2C+document%2C%27script%27%2C%0A%27https%3A%2F%2Fconnect.facebook.net%2Fen_US%2Ffbevents.js%27%29%3B%0Afbq%28%27init%27%2C+%27987945043054680%27%29%3B%0Afbq%28%27track%27%2C+%27PageView%27%29%3B%0A%3C%2Fscript%3E%0A%3Cnoscript%3E%3Cimg+height%3D%221%22+width%3D%221%22+style%3D%22display%3Anone%22%0Asrc%3D%22https%3A%2F%2Fwww.facebook.com%2Ftr%3Fid%3D987945043054680%26ev%3DPageView%26noscript%3D1%22%0A%2F%3E%3C%2Fnoscript%3E%0A%3C%21--+End+Meta+Pixel+Code+--%3E%0A%3Cscript+type%3D%22text%2Fjavascript%22+src%3D%22%2F%2Fdynamic.criteo.com%2Fjs%2Fld%2Fld.js%3Fa%3D46352%22+async%3D%22true%22%3E%3C%2Fscript%3E%0A%3Cscript+async+src%3D%22https%3A%2F%2Fzen.one%2Fanalytics.js%22%3E%3C%2Fscript%3E%0A%3C%21--+Google+tag+%28gtag.js%29+--%3E%0A%3Cscript+async+src%3D%22https%3A%2F%2Fwww.googletagmanager.com%2Fgtag%2Fjs%3Fid%3DAW-975499317%22%3E%3C%2Fscript%3E%0A%3Cscript%3E%0A++window.dataLayer+%3D+window.dataLayer+%7C%7C+%5B%5D%3B%0A++function+gtag%28%29%7BdataLayer.push%28arguments%29%3B%7D%0A++gtag%28%27js%27%2C+new+Date%28%29%29%3B%0A%0A++gtag%28%27config%27%2C+%27AW-975499317%27%2C+%7B+%27+allow_enhanced_conversions%27%3Atrue+%7D%29%3B%0A%3C%2Fscript%3E%0A%0A%3Cscript%3E%28function%28w%2Cd%2Ct%2Cr%2Cu%29%7Bvar+f%2Cn%2Ci%3Bw%5Bu%5D%3Dw%5Bu%5D%7C%7C%5B%5D%2Cf%3Dfunction%28%29%7Bvar+o%3D%7Bti%3A%2297223867%22%2C+enableAutoSpaTracking%3A+true%7D%3Bo.q%3Dw%5Bu%5D%2Cw%5Bu%5D%3Dnew+UET%28o%29%2Cw%5Bu%5D.push%28%22pageLoad%22%29%7D%2Cn%3Dd.createElement%28t%29%2Cn.src%3Dr%2Cn.async%3D1%2Cn.onload%3Dn.onreadystatechange%3Dfunction%28%29%7Bvar+s%3Dthis.readyState%3Bs%26%26s%21%3D%3D%22loaded%22%26%26s%21%3D%3D%22complete%22%7C%7C%28f%28%29%2Cn.onload%3Dn.onreadystatechange%3Dnull%29%7D%2Ci%3Dd.getElementsByTagName%28t%29%5B0%5D%2Ci.parentNode.insertBefore%28n%2Ci%29%7D%29%28window%2Cdocument%2C%22script%22%2C%22%2F%2Fbat.bing.com%2Fbat.js%22%2C%22uetq%22%29%3B%3C%2Fscript%3E%0A%3Cscript%3E%0Awindow.dataLayer+%3D+window.dataLayer+%7C%7C+%5B%5D%3B%0AdataLayer.push%28%7B%27member_id%27%3A+%27%7B%40+member.id+%40%7D%27%7D%29%3B%0A%3C%2Fscript%3E%0A%0A%3C%21--20190827+%E3%82%A2%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E8%A8%88%E6%B8%AC%E3%82%BF%E3%82%B0%E3%81%93%E3%81%93%E3%81%8B%E3%82%89--%3E%0A%3Cscript%3Evar+aclink_click_domain+%3D+%27al.e-cha.co.jp%27%3B%3C%2Fscript%3E%0A%3Cscript+src%3D%22%2F%2Fal.e-cha.co.jp%2Fjs%2Fr_v.js%22%3E%3C%2Fscript%3E%0A%0A%3Cscript%3E%21function%28w%2Cd%2Cs%2Cu%29%7Bif%28w.oaiq%29return%3Bvar+q%3Dfunction%28%29%7Bq.q.push%28arguments%29%7D%3Bq.q%3D%5B%5D%3Bw.oaiq%3Dq%3Bvar+j%3Dd.createElement%28s%29%3Bj.async%3D1%3Bj.src%3Du%3Bvar+f%3Dd.getElementsByTagName%28s%29%5B0%5D%3Bf.parentNode.insertBefore%28j%2Cf%29%7D%28window%2Cdocument%2C%22script%22%2C%22https%3A%2F%2Fbzrcdn.openai.com%2Fsdk%2Foaiq.min.js%22%29%3Boaiq%28%22init%22%2C%7BpixelId%3A%221Nw6xS8b1mrheN4Z6kHBvt%22%2Cdebug%3Atrue%7D%29%3B%3C%2Fscript%3E');
1133--></script>
1133
1134</head>
1135<body class="fs-body-top" id="fs_Top">
1136<script><!--
1137_FS.setTrackingTag('%3Cscript%3E%0A%28function%28w%2Cd%2Cs%2Cc%2Ci%29%7Bw%5Bc%5D%3Dw%5Bc%5D%7C%7C%7B%7D%3Bw%5Bc%5D.trackingId%3Di%3B%0Avar+f%3Dd.getElementsByTagName%28s%29%5B0%5D%2Cj%3Dd.createElement%28s%29%3Bj.async%3Dtrue%3B%0Aj.src%3D%27%2F%2Fcdn.contx.net%2Fcollect.js%27%3Bf.parentNode.insertBefore%28j%2Cf%29%3B%0A%7D%29%28window%2Cdocument%2C%27script%27%2C%27contx%27%2C%27CTX-x-rWOUzFIg%27%29%3B%0A%3C%2Fscript%3E%0A%0A%3Cscript+type%3D%22text%2Fjavascript%22%3E%0A++window.criteo_q+%3D+window.criteo_q+%7C%7C+%5B%5D%3B%0A++window.criteo_q.push%28%0A++++++%7B+event%3A+%22setAccount%22%2C+account%3A+%2246352%22+%7D%2C+%0A++++++%7B+event%3A+%22setSiteType%22%2C+type%3A+%22d%22+%7D%2C+%0A++++++%7B+event%3A+%22viewHome%22%7D%2C%0A++++++%7B+event%3A+%22setCustomerId%22%2C+id%3A+%22%7B%40+member.id+%40%7D%22+%7D%0A++%29%3B+%0A++%3C%2Fscript%3E');
1138--></script>
1138
1139<div class="fs-l-page">
1140    <header>
1141        <div class="h_fixed">
1142
1143            <div id="p_header_topinfo">
1144				<p class="shipping shipment" id="Honzitsu"><span class="nav_pc">全国送料無料!年中無休365日発送&nbsp;&nbsp;</span>
1145				現在<span class="date"><span class="a">
1145<script type="text/javascript">document.write(fncChangeBanner("H"));</script>
1145時</span> 
1146				<span class="b">
1146<script type="text/javascript">document.write(fncChangeBanner("M"));</script>
1146分</span> 
1147				注文で<span class="c">
1147<script type="text/javascript">document.write(fncChangeBanner("S"));</script>
1147</span>
1148			</p>
1149            </div>
1150            <div id="p_header_nav_top" class="l-row l-row__between">
1151                <!--          SP-navigation▼-->
1152                <div id="sp_header" class="nav_sp">
1153                    <div class="sp_header_ham_contents">
1154                        
1155                        <div class="p_search-box">
1156                            <form method="get" action="/p/search" class="search_container">
1157                                <input type="text" size="25" name="keyword" id="keywords" placeholder="キーワード検索">
1158                                <input type="submit" value="" name="searchBtn">
1159                            </form>
1160							
1161                        </div>
1162                        <ul class="c-accordion ham_contents_mainnav">
1163							<li>
1164                                <div class="c-accordion__title "><a href="https://www.e-cha.co.jp/fs/sugamo/c/gift"><img src="https://sugamo.itembox.cloud/item/renewal/img/giftb_spmenu.jpg?t=20261002205422" alt="ギフト特集"></a></div>
1165                            </li>
1166                            <li>
1167                                <div class="c-accordion__title  ">お茶</div>
1168                                <div class="c-accordion__content js-accordion-content">
1169                                    <ul class="category_list l-row l-row__5">
1170                                        <li class="category_box"><a href="https://www.e-cha.co.jp/c/ocha/kenkoucha">
1171                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
1172                                                <h3 class="category_title">健康茶</h3>
1173                                            </a></li>
1174                                        <li class="category_box"><a href="https://www.e-cha.co.jp/c/ocha/nihoncha">
1175                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶"></div>
1176                                                <h3 class="category_title">日本茶</h3>
1177                                            </a></li>
1178                                        <li class="category_box"><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/matcha">
1179                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-greentee.png" alt="抹茶"></div>
1180                                                <h3 class="category_title">抹茶</h3>
1181                                            </a></li>
1182                                        <li class="category_box"><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/genmaicha">
1183                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-genmaitee.png" alt="玄米茶"></div>
1184                                                <h3 class="category_title">玄米茶</h3>
1185                                            </a></li>
1186                                        <li class="category_box"><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/houjicha">
1187                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-houji.png" alt="ほうじ茶"></div>
1188                                                <h3 class="category_title">ほうじ茶</h3>
1189                                            </a></li>
1190                                        <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/koucha">
1191                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-tea.png" alt="紅茶"></div>
1192                                                <h3 class="category_title">紅茶</h3>
1193                                            </a></li>
1194                                        <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/Chinese">
1195                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-chinese_tea.png" alt="中国茶"></div>
1196                                                <h3 class="category_title">中国茶</h3>
1197                                            </a></li>
1198                                        <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/herb">
1199                                                <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-herbtea.png" alt="ハーブティ"></div>
1200                                                <h3 class="category_title">ハーブティ</h3>
1201                                            </a></li>
1202									</ul>
1203                                </div>
1204                            </li>
1205                            <li>
1206                                <div class="c-accordion__title">食品</div>
1207                                <div class="c-accordion__content js-accordion-content">
1208                                    <ul class="category_list l-row l-row__5">
1209                                       <li class="category_box">
1209<a href="https://www.e-cha.co.jp/c/syokuhin/ochaduke/ochadukeset">
1210                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-gift.png" alt="お茶漬け" height="68"></div>
1211                                                        <h3 class="category_title">お茶漬け</h3>
1212                                                    </a></li>
1213                                        
1214                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">
1215                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthyfood.png" alt="健康茶"></div>
1216                                                        <h3 class="category_title">健康食品</h3>
1217                                                    </a></li>
1218                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">
1219                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-snack.png" alt="おやつ"></div>
1220                                                        <h3 class="category_title">おやつ</h3>
1221                                                    </a></li>
1222                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/gohannootomo">
1223                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-otomo.png" alt="ご飯のお供"></div>
1224                                                        <h3 class="category_title">ご飯のお供</h3>
1225                                                    </a></li>
1226                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/nori">
1227                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-nori.png" alt="海苔"></div>
1228                                                        <h3 class="category_title">海苔</h3>
1229                                                    </a></li>
1230                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/tyoumiryou">
1231                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-spices.png" alt="調味料"></div>
1232                                                        <h3 class="category_title">調味料</h3>
1233                                                    </a></li>
1234                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/chips">
1235                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-chips.png" alt="チップス"></div>
1236                                                        <h3 class="category_title">チップス</h3>
1237                                                    </a></li>
1238                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/tsukemono">
1239                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-pickles.png" alt="漬物"></div>
1240                                                        <h3 class="category_title">漬物</h3>
1241                                                    </a></li>
1242                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/souzai">
1243                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-delica.png" alt="惣菜"></div>
1244                                                        <h3 class="category_title">惣菜</h3>
1245                                                    </a></li>
1246                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/jam">
1247                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-jam.png" alt="ジャム"></div>
1248                                                        <h3 class="category_title">ジャム</h3>
1249                                                    </a></li>
1250                                    </ul>
1251                                </div>
1252                            </li>
1253                            
1254
1255                        </ul>
1256                        <ul class="ham_contents_subnav">
1257                            <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">山年園について(会社概要)</a></li>
1258                            <li><a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払いについて</a></li>
1259                            <li><a href="https://u01.fsi.ne.jp/formmailer/9a7310e1533279e56eec2c1f02e2b271.html">お問合せ</a></li>
1260                        </ul>
1261                        <div class="ham_contents_contact">
1262                            <p class="title01 min">商品・注文に関するお問合せ</p>
1263                            <p class="txt_box min tac jp_sp bold tal_sp">
1264                                山年園ではお電話での商品・ご注文に関するお問合せを承っております。<br>
1265                                ご不明点など、お気軽にお問合せくださいませ。
1266                            </p>
1267                            <div class="contact_box">
1268                                <a href="tel:0120224663" style="cursor: default;">
1269                                    <div class="tel-no min l-row l-row__middle l-row__center"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-freedial_bk.svg" alt="フリーダイヤル" width="40">0120-22-4663</div>
1270                                    <p>通話無料(受付:9時30分〜18時)</p>
1271                                </a>
1272                            </div>
1273                        </div>
1274                        <div class="side-snsarea">
1275                        	<h3 class="side-snsarea-ttl">公式SNS</h3>
1276                        	<a rel="noopener" target="_blank" href="https://www.instagram.com/yamaneen_sugamo/" style="margin-bottom:20px"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_ig.jpg" alt="公式Instagram"></a>
1277                        	<a rel="noopener" target="_blank" href="https://twitter.com/yamaneen1" style="margin-bottom:20px"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_x.jpg" alt="公式Twitter"></a>
1278                        	<a rel="noopener" target="_blank" href="https://www.facebook.com/YamaneEn" style="margin-bottom:20px"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_fb.jpg" alt="公式facebook"></a>
1279                        </div>
1280                    </div>
1281                </div>
1282                <!--          ▲SP-navigation-->
1283
1284                <div class="p_header_nav_top_left l-row l-row__middle">
1285                    <p class="site_logo"><a href="https://www.e-cha.co.jp/"><img src="https://sugamo.itembox.cloud/item/renewal/img/yamaneen_logo.png" alt="茶舗山年園"></a></p>
1286                    <div class="l-row ico-wrap">
1287                        <div class="ico-free-shipping"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-free-shipping.png" alt="全国どこでも送料無料"></div>
1288                        <div class="ico-open-daily"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-open-daily.png" alt="365日毎日発送しています年中無休"></div>
1289                    </div>
1290                </div>
1291                <div class="p_header_nav_top_right l-row l-row__middle">
1292                    <ul class="nav_left min l-row">
1293                        <li><a href="https://www.e-cha.co.jp/">TOP</a></li>
1294                        <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">山年園について(会社概要)</a></li>
1295                        <li><a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払い・送料について</a></li>
1296                        <li><a href="https://u01.fsi.ne.jp/formmailer/9a7310e1533279e56eec2c1f02e2b271.html">お問合せ</a></li>
1297                    </ul>
1298                    <div class="nav_right l-row fs-clientInfo">
1299					
1300                        <!--ログアウト時の表示-->
1301                          <div class="login my-{@ member.logged_in @}"><a href="https://www.e-cha.co.jp/fs/sugamo/MyPageTop.html" class="btn btn01 btn_login btn03 min"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-bx-log-in_be.svg">ログイン</a></div>
1302                        <!--ログアウト時の表示ここまで-->
1303                        <!--ログイン時の表示-->
1304                        <div class="member-status nav_pc my-{@ member.logged_in @}">
1305                            <p>{@ member.last_name @} {@ member.first_name @}さん 利用可能ポイント:{@ member.active_points @}ポイント</p>
1306                            <a href="https://www.e-cha.co.jp/p/logout" class="logout my-{@ member.logged_in @}">ログアウト</a>
1307                        </div>
1308                        <div class="mypage my-{@ member.logged_in @}"><a href="https://www.e-cha.co.jp/my/top" class="btn btn01 btn_mypage btn03 min"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-mypage.svg" class="nav_pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-mypage_be.svg" class="nav_sp">マイページ</a></div>
1309                        <div class="history nav_pc history my-{@ member.logged_in @}"><a href="https://www.e-cha.co.jp/my/orders" class="btn btn01 btn_history btn03 min"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-history.svg">購入履歴</a></div>
1310                        <!--ログイン時の表示ここまで-->
1311					
1312                        <div class="cart nav_pc"><a href="https://www.e-cha.co.jp/p/cart" class="btn btn01 btn_cart min"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-cart.svg" class="nav_pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-cart_be.svg" class="nav_sp">カート</a></div>
1313                    </div>
1314                </div>
1315            </div>
1316            <div class="h_fixed_pc nav_pc">
1317            <div id="p_header_nav_under" class="l-row l-row__middle l-row__center main_
1317nav nav_pc">
1318                <nav>
1319                    <ul class="main_nav_list l-row">
1320                        <li class="main_nav_list__ttl arrow_bottom"><a href="javascript:void(0)" class="megaMenu__link js-megaMenu">お茶</a>
1321                                <div class="megaMenu__content">
1322                                    <div class="megaMenu__content_inner l-row l-row__between">
1323                                        <div class="main_nav__category">
1324                                            <div class="title05">人気カテゴリ一覧 </div>
1325                                            <ul class="category_list l-row l-row__4">
1326                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkoucha">
1327                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
1328                                                        <p class="category_title">健康茶</p>
1329                                                    </a></li>
1330                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/nihoncha">
1331                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶"></div>
1332                                                        <p class="category_title">日本茶</p>
1333                                                    </a></li>
1334                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/matcha">
1335                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-greentee.png" alt="抹茶"></div>
1336                                                        <p class="category_title">抹茶</p>
1337                                                    </a></li>
1338                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/genmaicha">
1339                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-genmaitee.png" alt="玄米茶"></div>
1340                                                        <p class="category_title">玄米茶</p>
1341                                                    </a></li>
1342                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/houjicha">
1343                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-houji.png" alt="ほうじ茶"></div>
1344                                                        <p class="category_title">ほうじ茶</p>
1345                                                    </a></li>
1346                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/koucha">
1347                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-tea.png" alt="紅茶"></div>
1348                                                        <p class="category_title">紅茶</p>
1349                                                    </a></li>
1350                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/Chinese">
1351                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-chinese_tea.png" alt="中国茶"></div>
1352                                                        <p class="category_title">中国茶</p>
1353                                                    </a></li>
1354                                                <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/herb">
1355                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-herbtea.png" alt="ハーブティ"></div>
1356                                                        <p class="category_title">ハーブティ</p>
1357                                                    </a></li>
1358
1359                                            </ul>
1360                                        </div>
1361                                        <div class="main_nav__pickup">
1362                                            <div class="title05">当店おすすめ商品</div>
1363                                            <a href="https://www.e-cha.co.jp/fs/sugamo/c/kokutousyougayu_zitaku">
1364                                                <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_kokuto-ginger.jpg"></div>
1365                                                <p class="tac min mb15 bold">黒糖生姜湯300g</p>
1366                                                <p>山年園の黒糖生姜湯は濃さが5倍!!ミネラル豊富な黒砂糖と、体を温める生姜の摂取で指先足先もぽっかぽか!</p>
1367                                            </a>
1368                                        </div>
1369
1370                                    </div>
1371                                </div>
1372                            </li>
1373                            <li class="main_nav_list__ttl arrow_bottom main_
1373nav_list__food"><a href="javascript:void(0)" class="megaMenu__link js-megaMenu">食品</a>
1374                                <div class="megaMenu__content">
1375                                    <div class="megaMenu__content_inner l-row l-row__between">
1376                                        <div class="main_nav__category">
1377                                            <div class="title05">人気カテゴリ一覧</div>
1378                                            <ul class="category_list l-row l-row__4">
1379                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">
1380                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-ocyaduke.png" alt="お茶うけ" height="68"></div>
1381                                                        <p class="category_title">お茶うけ</p>
1382                                                    </a></li>
1383                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">
1384                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthyfood.png" alt="健康茶"></div>
1385                                                        <p class="category_title">健康食品</p>
1386                                                    </a></li>
1387                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">
1388                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-snack.png" alt="おやつ"></div>
1389                                                        <p class="category_title">おやつ</p>
1390                                                    </a></li>
1391                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/gohannootomo">
1392                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-otomo.png" alt="ご飯のお供"></div>
1393                                                        <p class="category_title">ご飯のお供</p>
1394                                                    </a></li>
1395                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/nori">
1396                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-nori.png" alt="海苔"></div>
1397                                                        <p class="category_title">海苔</p>
1398                                                    </a></li>
1399                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/tyoumiryou">
1400                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-spices.png" alt="調味料"></div>
1401                                                        <p class="category_title">調味料</p>
1402                                                    </a></li>
1403                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/chips">
1404                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-chips.png" alt="チップス"></div>
1405                                                        <p class="category_title">チップス</p>
1406                                                    </a></li>
1407                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/tsukemono">
1408                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-pickles.png" alt="漬物"></div>
1409                                                        <p class="category_title">漬物</p>
1410                                                    </a></li>
1411                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/souzai">
1412                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-delica.png" alt="惣菜"></div>
1413                                                        <p class="category_title">惣菜</p>
1414                                                    </a></li>
1415                                                <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/jam">
1416                                                        <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-jam.png" alt="ジャム"></div>
1417                                                        <p class="category_title">ジャム</p>
1418                                                    </a></li>
1419                                            </ul>
1420                                        </div>
1421                                        <div class="main_nav__pickup">
1422                                            <div class="title05">当店売れ筋No.1商品</div>
1423                                            <a href="https://www.e-cha.co.jp/fs/sugamo/c/ochadukeset">
1424                                                <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_ocyaduke.jpg" alt=""></div>
1425                                                <p class="tac min mb15 bold">高級お茶漬けセット</p>
1426                                                <p>ふっくらしっとり、本来の食感と風味を活かして丁寧に仕上げた具材と、こだわりの特性だしつゆで本格的な料亭の味が楽しめます。</p>
1427                                            </a>
1428                                        </div>
1429
1430
1431                                    </div>
1432                                </div>
1433                            </li>
1434                        <li class="main_nav_list__ttl"><a href="https://www.e-cha.co.jp/fs/sugamo/c/gift">ギフト</a></li>
1435                        <li class="main_nav_list__ttl"><a href="https://www.e-cha.co.jp/f/ranking">商品ランキング</a></li>
1436                        <!--<li class="main_nav_list__ttl arrow_bottom"><a href="javascript:void(0)" class="megaMenu__link js-megaMenu">特集</a>
1437                            <div class="megaMenu__content">
1438                                <div class="megaMenu__content_inner">
1439                                    <ul class="future_list l-row l-row__4 l-row__between">
1440                                        <li>
1441                                            <a href="">
1442                                                <div class="future_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_non-caffeine.jpg" alt="ノンカフェイン特集"></div>
1443                                                <p class="title02 min">
1443ママ&キッズにおすすめノンカフェインのお茶特集</p>
1444
1445                                            </a>
1446                                        </li>
1447                                        <li>
1448                                            <a href="">
1449                                                <div class="future_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_gift.jpg" alt="山年園の贈り物特集"></div>
1450                                                <p class="title02 min">山年園の贈り物特集</p>
1451                                            </a>
1452                                        </li>
1453                                        <li>
1454                                            <a href="">
1455                                                <div class="future_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_kihon.jpg" alt="美味しいお茶の選び方"></div>
1456                                                <p class="title02 min">はじめての方へ!美味しいお茶の選び方</p>
1457                                            </a>
1458                                        </li>
1459                                        <li>
1460                                            <a href="">
1461                                                <div class="future_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_erabikata.jpg" alt="健康食品の選び方"></div>
1462                                                <p class="title02 min">健康食品の選び方</p>
1463                                            </a>
1464                                        </li>
1465                                    </ul>
1466                                </div>
1467                            </div>
1468                        </li>-->
1469                    </ul>
1470                </nav>
1471                <div class="p_search-box">
1472                    <form name="searchform" method="get" class="search_container" action="/p/search" target="_parent">
1473                        <input type="text" name="keyword" id="keywords" maxlength="1000" size="25" placeholder="キーワード検索">
1474                        <input type="submit" value="" name="searchBtn">
1475                    </form>
1476                </div>
1477            </div>
1478				<!--       健康茶サブナビ-->
1479        <div class="p-category_nav ocha" style="display:none;">
1480            <ul class="l-inner_m l-row l-row__center">
1481                <li><a href="https://www.e-cha.co.jp/c/ocha/kenkoucha">健康茶</a></li>
1482                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha">日本茶</a></li>
1483                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/matcha">抹茶</a></li>
1484                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/genmaicha">玄米茶</a></li>
1485                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/houjicha">ほうじ茶</a></li>
1486				<li><a href="https://www.e-cha.co.jp/c/ocha/koucha">紅茶</a></li>
1487				<li><a href="https://www.e-cha.co.jp/c/ocha/Chinese">中国茶</a></li>
1488				<li><a href="https://www.e-cha.co.jp/c/ocha/herb">ハーブティー</a></li>
1489            </ul>
1490        </div>
1491
1492
1493<!--       食品サブナビ -->
1494        <div class="p-category_nav syokuhin" style="display:none;">
1495            <ul class="l-inner_m l-row l-row__center">
1496                <li><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">お茶うけ</a></li>
1497				<li><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">健康食品</a></li>
1498				<li><a href="https://www.e-cha.co.jp/c/syokuhin/gohannootomo">ご飯のお供</a></li>
1499				<li><a href="https://www.e-cha.co.jp/c/syokuhin/nori">海苔</a></li>
1500				<li><a href="https://www.e-cha.co.jp/c/syokuhin/tyoumiryou">調味料</a></li>
1501				<li><a href="https://www.e-cha.co.jp/c/syokuhin/chips">チップス</a></li>
1502				<li><a href="https://www.e-cha.co.jp/c/syokuhin/tsukemono">漬物</a></li>
1503				<li><a href="https://www.e-cha.co.jp/c/syokuhin/souzai">惣菜</a></li>
1504				<li><a href="https://www.e-cha.co.jp/c/syokuhin/jam">ジャム</a></li>
1505                
1506            </ul>
1507        </div>
1508
1509
1510                                                
1511                                              
1512       
1513
1514<script>
1515
1516$(document).ready(function() {
1517// URLの取得
1518  var url = location.href;
1519  var urlsp = url.split("/");
1520	console.log(urlsp);
1521	if(urlsp[4] == "ocha"){
1522		$(".p-category_nav.ocha").css("display","block");
1523	};
1524	if(urlsp[4] == "syokuhin"){
1525		$(".p-category_nav.syokuhin").css("display","block");
1526	};
1527  var q = "https://www.e-cha.co.jp/"+urlsp[3]+"/"+urlsp[4]+"/"+urlsp[5];
1528  if(urlsp[6] == "matcha-genmaicha-houjicha"){
1529  var q = "https://www.e-cha.co.jp/"+urlsp[3]+"/"+urlsp[4]+"/"+urlsp[5]+"/"+urlsp[6]+"/"+urlsp[7];
1530  };
1531  var thelist = $(".p-category_nav ul li");
1532  //console.log(thelist);
1533  //↓全てのナビゲーションに対してこれを実行
1534  thelist.each(function(){
1535	var link = $(this).find('a').attr('href');    //ナビゲーションの中の<a>のhrefの値を取得
1536	//console.log("q:"+q+" = link:"+link);
1537	if(q == link){     			//pathの中にhrefの値が含まれていればclassを付与
1538		$(this).addClass("active");
1539	//console.log($(this));
1540	}
1541});
1542  
1543  
1544  });
1545  
1546</script>
1546
1547            </div>
1548
1549<div class="nav_sp">
1550<div id="p_header_pickupcategory" style="display: none;">
1551 <div class="scroll_swipe"><img src="https://www.e-cha.co.jp/contents/wp-content/themes/cocoon-child-master/img/ico-swipe.png" alt="スワイプ出来ます"></div>
1552 <div class="l-inner_l l-row">
1553
1554  <div class="scrollarea">
1555   <div class="top-keyword-list-wrap slide" data-slide="first">
1556    <p class="top-keyword-list-btn prev"></p>
1557    <div class="top-keyword-list-cont">
1558		
1559		<div class="top-category-list ocha" style="display:none;">
1560            <ul class="top-keyword-list">
1561                <li><a href="https://www.e-cha.co.jp/c/ocha/kenkoucha">健康茶</a></li>
1562                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha">日本茶</a></li>
1563                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/matcha">抹茶</a></li>
1564                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/genmaicha">玄米茶</a></li>
1565                <li><a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/houjicha">ほうじ茶</a></li>
1566				<li><a href="https://www.e-cha.co.jp/c/ocha/koucha">紅茶</a></li>
1567				<li><a href="https://www.e-cha.co.jp/c/ocha/Chinese">中国茶</a></li>
1568				<li><a href="https://www.e-cha.co.jp/c/ocha/herb">ハーブティー</a></li>
1569            </ul>
1570        </div>
1571		<div class="top-category-list syokuhin" style="display:none;">
1572            <ul class="top-keyword-list">
1573                <li><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">お茶うけ</a></li>
1574				<li><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">健康食品</a></li>
1575				<li><a href="https://www.e-cha.co.jp/c/syokuhin/gohannootomo">ご飯のお供</a></li>
1576				<li><a href="https://www.e-cha.co.jp/c/syokuhin/nori">海苔</a></li>
1577				<li><a href="https://www.e-cha.co.jp/c/syokuhin/tyoumiryou">調味料</a></li>
1578				<li><a href="https://www.e-cha.co.jp/c/syokuhin/chips">チップス</a></li>
1579				<li><a href="https://www.e-cha.co.jp/c/syokuhin/tsukemono">漬物</a></li>
1580				<li><a href="https://www.e-cha.co.jp/c/syokuhin/souzai">惣菜</a></li>
1581				<li><a href="https://www.e-cha.co.jp/c/syokuhin/jam">ジャム</a></li>
1582                
1583            </ul>
1584        </div>
1585		
1586     
1587    </div>
1588    <p class="top-keyword-list-btn next"></p>
1589   </div>
1590  </div>
1591 </div>
1592</div>
1593</div>                                            
1594       
1595
1596<script>
1597
1598$(document).ready(function() {
1599// URLの取得
1600  var url = location.href;
1601  var urlsp = url.split("/");
1602	//console.log(urlsp);
1603	if(urlsp[4] == "ocha"){
1604		$(".top-category-list.ocha").css("display","block");
1605		$("#p_header_pickupcategory").css("display","block");
1606	};
1607	if(urlsp[4] == "syokuhin"){
1608		$(".top-category-list.syokuhin").css("display","block");
1609		$("#p_header_pickupcategory").css("display","block");
1610	};
1611  var q = "https://www.e-cha.co.jp/"+urlsp[3]+"/"+urlsp[4]+"/"+urlsp[5];
1612  if(urlsp[6] == "matcha-genmaicha-houjicha"){
1613  var q = "https://www.e-cha.co.jp/"+urlsp[3]+"/"+urlsp[4]+"/"+urlsp[5]+"/"+urlsp[6]+"/"+urlsp[7];
1614  };
1615  var thelist = $(".top-keyword-list li");
1616  //console.log(thelist);
1617  //↓全てのナビゲーションに対してこれを実行
1618  thelist.each(function(){
1619	var link = $(this).find('a').attr('href');    //ナビゲーションの中の<a>のhrefの値を取得
1620	//console.log("q:"+q+" = link:"+link);
1621	if(q == link){     			//pathの中にhrefの値が含まれていればclassを付与
1622		$(this).addClass("active");
1623	//console.log($(this));
1624	}
1625});
1626  
1627  
1628  });
1629  
1630</script>
1630
1631
1632
1633<script>
1634$(function() {
1635  var $keywordListWrap = $('.top-keyword-list-wrap');
1636  var $keywordListCont = $('.top-keyword-list-cont');
1637  var $keywordList = $('.top-keyword-list');
1638  var $keywordListItem = $('.top-keyword-list li');
1639  var $keywordListBtn = $('.top-keyword-list-btn');
1640  var $scrollBtn = $('.scroll_swipe');
1641
1642  var keywordListContWidth = $keywordListCont.innerWidth();
1643
1644  var array = [];
1645  for (var i = 0; i < $keywordListItem.length; i++) {
1646    array.push($keywordListItem.eq(i).innerWidth());
1647  }
1648  var childElementWidth = 0;
1649  for (var j = 0; j < array.length; j++) {
1650    childElementWidth += array[j];
1651  }
1652
1653  var index = Math.round(childElementWidth / keywordListContWidth);
1654
1655  if (childElementWidth > keywordListContWidth) {
1656
1657    $keywordListWrap.removeClass('block');
1658    $keywordListWrap.addClass('slide');
1659
1660    $keywordListBtn.click(function() {
1661      var left = $keywordListCont.scrollLeft();
1662      if ($(this).hasClass('prev')) {
1663        $keywordListCont.animate({
1664          scrollLeft: left - keywordListContWidth
1665        }, 1000, 'linear');
1666      } else if ($(this).hasClass('next')) {
1667        $keywordListCont.animate({
1668          scrollLeft: left + keywordListContWidth
1669        }, 1000, 'linear');
1670      }
1671    })
1672
1673    $keywordListCont.scroll(function() {
1674      keywordListContWidth = $keywordListCont.innerWidth();
1675      var scroll = $(this).scrollLeft();
1676      if (scroll <= 0) {
1677        var flg = "first";
1678      } else if (scroll >= childElementWidth - keywordListContWidth - 1) {
1679        var flg = "last";
1680      } else {
1681        var flg = "";
1682   $scrollBtn.addClass('hi');
1683      }
1684      $keywordListWrap.attr('data-slide', flg);
1685    });
1686
1687  }
1688
1689  $('.top-tab label').on('click', function() {
1690    $('input#category-index').attr('checked', false);
1691    // $("html").removeClass("remodal-is-locked");
1692  })
1693
1694  // $('input#category-index').on('change', function() {
1695  //     if ($(this).prop('checked')) {
1696  //         $("html").addClass("remodal-is-locked");
1697  //     } else {
1698  //         $("html").removeClass("remodal-is-locked");
1699  //     }
1700  // });
1701
1702})
1703</script>
1703
1704
1705<style>
1706#p_header_pickupcategory .header_subttl{
1707 width: 240px;
1708 border-right: 1px solid #333;
1709 margin-right: 10px
1710}
1711
1712#p_header_pickupcategory{
1713  position: relative;
1714 background: #0B3810;
1715 width: 100%;
1716}
1717#p_header_pickupcategory .l-inner_l{
1718 width: 100%;
1719}
1720@media screen and (max-width: 768px) {
1721 #p_header_pickupcategory{
1722 padding: 0px;
1723}
1724}
1725#p_header_pickupcategory > .l-row{
1726 align-items: center;
1727 justify-content: center
1728}
1729@media screen and (max-width: 768px) {
1730 #p_header_pickupcategory > .l-inner_l{
1731  width: 100%
1732 }
1733}
1734.scrollarea{
1735 width: 100%;
1736 overflow-x: auto;
1737}
1738@media screen and (max-width: 768px) {
1739 .scrollarea{
1740 width: 100%;
1741}
1742}
1743.scrollarea::-webkit-scrollbar{
1744   width: 10px;
1745 height: 2px
1746}
1747@media screen and (max-width: 768px) {
1748 .scrollarea::-webkit-scrollbar{
1749 height: 4px
1750}
1751}
1752.scrollarea::-webkit-scrollbar-track{
1753   background-color: #ccc;
1754}
1755.scrollarea::-webkit-scrollbar-thumb{
1756   background-color: #9b9b9b;
1757}
1758.pickupcategory_list{
1759 padding: 0 10px;
1760 width: 980px;
1761     white-space: nowrap;
1762 display: inline-block;
1763}
1764.pickupcategory_list li{
1765 display: inline-block;
1766}
1767.pickupcategory_list li a{
1768 padding: 0 10px;
1769 font-size: 15px;
1770 opacity: .7;
1771}
1772@media screen and (max-width: 768px) {
1773 .pickupcategory_list li a{
1774     padding: 5px 10px 10px;
1775  opacity: 1
1776}
1777}
1778.scroll_swipe{
1779 visibility: hidden;
1780 position: absolute;
1781 top: 0;
1782 right: 40px;
1783 animation: swipe 2s ease-out infinite;
1784 z-index: 1
1785}
1786@media screen and (max-width: 768px) {
1787 .scroll_swipe{
1788  visibility:visible;
1789  transition: all 0.5s ease-out;
1790  opacity: 1
1791 }
1792 .scroll_swipe.hi{
1793  visibility: hidden;
1794  opacity: 0
1795 }
1796}
1797@keyframes swipe {
1798 0% {
1799  transform: translateX(60px);
1800  }
1801
1802  100% {
1803  transform: translateX(0px);
1804  }
1805}
1806.top-keyword-list-wrap {
1807    display: -webkit-box;
1808    display: -ms-flexbox;
1809    display: flex;
1810    -webkit-box-align: center;
1811    -ms-flex-align: center;
1812    align-items: center;
1813/*    width: calc(100% - 150px)*/
1814 width: 100%
1815}
1816/*
1817@media screen and (max-width: 768px) {
1818 .top-keyword-list-wrap {
1819    width: 100%
1820}
1821}
1822*/
1823.top-keyword-list-btn {
1824    width: 40px;
1825    height: 47px;
1826    background: #e2eeca;
1827    border-radius:0;
1828    position: relative;
1829    cursor: pointer
1830}
1831
1832.top-keyword-list-btn::before {
1833    content: "";
1834    display: block;
1835    width: 10px;
1836    height: 10px;
1837    position: absolute;
1838    top: 0;
1839    bottom: 0;
1840    margin: auto
1841}
1842
1843.top-keyword-list-btn.prev {
1844    margin-right: 15px
1845}
1846
1847.top-keyword-list-btn.prev::before {
1848    border-top: 1px solid #0B3810;
1849    border-left: 1px solid #0B3810;
1850    -webkit-transform: rotate(-45deg);
1851    transform: rotate(-45deg);
1852    left: 13px
1853}
1854
1855.top-keyword-list-wrap[data-slide=first] .top-keyword-list-btn.prev {
1856    opacity: 0;
1857    pointer-events: none
1858}
1859
1860.top-keyword-list-btn.next {
1861    margin-left: 15px;
1862 visibility: hidden
1863}
1864@media screen and (max-width: 1325px) {
1865 .top-keyword-list-btn.next {
1866 visibility: visible
1867}
1868}
1869
1870.top-keyword-list-btn.next::before {
1871    border-top: 1px solid #0B3810;
1872    border-right: 1px solid #0B3810;
1873    -webkit-transform: rotate(45deg);
1874    transform: rotate(45deg);
1875    right: 13px
1876}
1877
1878.top-keyword-list-wrap[data-slide=last] .top-keyword-list-btn.next {
1879    opacity: .2;
1880    pointer-events: none
1881}
1882
1883.top-keyword-list-wrap.block .top-keyword-list-btn {
1884    opacity: 0!important;
1885    pointer-events: none!important
1886}
1887
1888.top-keyword-list-cont {
1889    overflow: auto;
1890    width: calc(100% - 50px)
1891}
1892
1893.top-keyword-list-cont {
1894    -ms-overflow-style: none
1895}
1896
1897.top-keyword-list-cont::-webkit-scrollbar {
1898    display: none
1899}
1900
1901.top-keyword-list-cont {
1902    scrollbar-width: none
1903}
1904
1905.top-keyword-list {
1906    display: -webkit-box;
1907    display: -ms-flexbox;
1908    display: flex;
1909    -webkit-box-align: center;
1910    -ms-flex-align: center;
1911    align-items: center;
1912}
1913
1914.top-keyword-list li {
1915    white-space: nowrap;
1916 display: inline-table;
1917 padding: 10px
1918}
1919.top-keyword-list li.active{
1920 background: #76ad08;
1921 position: relative
1922}
1923.top-keyword-list li.active:before{
1924     content: '';
1925    width: 6px;
1926    height: 6px;
1927    border: 0;
1928    border-bottom: solid 2px #fff;
1929    border-right: solid 2px #fff;
1930    position: absolute;
1931    bottom: 0;
1932    left: 50%;
1933    transform: translate(-50%, -50%) rotate(45deg)
1934}
1935.top-keyword-list li a {
1936    text-decoration: none;
1937 color: #fff;
1938 font-size: 16px;
1939 position: relative;
1940}
1941
1942.top-keyword-list li:nth-child(n+2) {
1943    padding-left: 15px
1944}
1945	</style>
1946
1947			        <!--会員ログイン時表示-->
1948		<div class="fs-clientInfo">
1949        <div id="p_header_member" class="nav_sp my-{@ member.logged_in @}">
1950            <div class="l-row l-row__middle l-row__center"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-p.svg" alt="ポイント" width="27">
1951                <p>{@ member.last_name @} {@ member.first_name @}さん 利用可能ポイント:{@ member.active_points @}ポイント {@ member.stage_name @}</p>
1952				<p style="flex-basis: 20%;text-align: right;"><a href="https://www.e-cha.co.jp/p/logout" class="logout my-{@ member.logged_in @}">ログアウト</a></p>
1953            </div>
1954        </div>
1955		</div>
1956        
1957        </div>
1958</header>
1959<main><div id="fs-page-error-container" class="fs-c-panelContainer">
1960  
1961  
1962</div>
1963        <section id="p_header_column"></section>
1964        <section id="p_top_mainslider" style="margin-bottom: 30px;">
1965            <ul class="top_mainslider">
1966                <!-- お歳暮ギフト特集 -->
1967<!--
1968                <li class="mainslider_item" data-start="2025/11/15 00:00:00" data-end="2025/12/31 00:00:00">
1969                    <a href="https://www.e-cha.co.jp/f/oseibo">
1970                        <img src="https://sugamo.itembox.cloud/item/renewal/img/oseibo_kv.jpg?t=20261002205422">
1971                    </a>
1972                </li>
1973                
1974                <li class="mainslider_item" data-start="2026/04/15 00:00:00" data-end="2026/05/12 00:00:00">
1975                    <a href="https://www.e-cha.co.jp/f/hahanohi">
1976                        <img src="https://sugamo.itembox.cloud/item/renewal/img/hahanohi_kv.jpg?t=20261002205422">
1977                    </a>
1978                </li>
1979                
1980                <li class="mainslider_item" data-start="2026/05/25 00:00:00" data-end="2026/06/22 00:00:00">
1981                    <a href="https://www.e-cha.co.jp/f/chichinohi">
1982                        <img src="https://sugamo.itembox.cloud/item/renewal/img/chichinohi_kv.jpg?t=20261002205422">
1983                    </a>
1984                </li>
1985                
1986                <li class="mainslider_item" data-start="2026/06/20 00:00:00" data-end="2026/08/21 00:00:00">
1987                    <a href="https://www.e-cha.co.jp/f/ochuugen">
1988                        <img src="https://sugamo.itembox.cloud/item/renewal/img/otyugen_kv.jpg?t=20261002205422">
1989                    </a>
1990                </li>
1991
1992                <li class="mainslider_item" data-start="2025/09/01 00:00:00" data-end="2025/09/16 00:00:00">
1993                    <a href="https://www.e-cha.co.jp/f/keirounohi">
1994                        <img src="https://sugamo.itembox.cloud/item/renewal/img/keirou_kv.jpg?t=20261002205422">
1995                    </a>
1996                </li>
1997-->
1998				<li class="mainslider_item">
1999                    <a href="https://www.e-cha.co.jp/c/gift">
2000                        <img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_gift.jpg?t=20261002205422">
2001                    </a>
2002                </li>
2003
2004<li class="mainslider_item">
2005                    <a href="https://www.e-cha.co.jp/f/line_id_campaign">
2006                        <img src="https://sugamo.itembox.cloud/item/line_id_campaign_topb.jpg?d=20260415144544">
2007                    </a>
2008                </li>
2009
2010                <li class="mainslider_item">
2011                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/tamaneginokawa">
2012                        <img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_tamanegi-kawa.jpg">
2013                    </a>
2014                </li>
2015                <li class="mainslider_item">
2016                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/ochadukeset">
2017                        <img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_ocyaduke.jpg">
2018                    </a>
2019                </li>
2020                <li class="mainslider_item">
2021                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/kokutousyougayu_zitaku">
2022                        <img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_kokuto-ginger.jpg">
2023                    </a>
2024                </li>
2025                <li class="mainslider_item">
2026                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/kurosengoku">
2027                        <img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_kuromame.jpg">
2028                    </a>
2029                </li>
2030            </ul>
2031        </section>
2032
2033
2034
2035
2036
2037<script>
2038document.addEventListener("DOMContentLoaded", function () {
2039  function parseDateJST_main(s) {
2040    if (!s) return null;
2041    const m = s.match(/(\d{4})[-\/](\d{2})[-\/](\d{2})\s+(\d{2}):(\d{2}):(\d{2})/);
2042    if (!m) return null;
2043    const [_, y, M, d, h, mnt, sec] = m.map(Number);
2044    return new Date(Date.UTC(y, M - 1, d, h - 9, mnt, sec));
2045  }
2046
2047  function nowJST_main() {
2048    const now = new Date();
2049    return new Date(now.getTime() + (9 * 60 * 60 * 1000) - now.getTimezoneOffset() * 60000);
2050  }
2051
2052  const now = nowJST_main();
2053
2054  document.querySelectorAll(".top_mainslider .mainslider_item").forEach(p => {
2055    const start = parseDateJST_main(p.getAttribute("data-start"));
2056    const end   = parseDateJST_main(p.getAttribute("data-end"));
2057
2058    if (!start && !end) {
2059      p.style.display = "block";
2060      return;
2061    }
2062
2063    let show = true;
2064    if (start && now < start) show = false;
2065    if (end && now > end)     show = false;
2066
2067    p.style.display = show ? "block" : "none";
2068  });
2069});
2070</script>
2070
2071
2072
2073
2074
2075<style>
2076.yamanen-campaign-grid { width:calc(100% - 40px); max-width:1280px; margin:24px auto 30px; }
2077.yamanen-campaign-grid, .yamanen-campaign-grid * { box-sizing:border-box; }
2078.yamanen-campaign-grid[hidden] { display:none; }
2079.yamanen-campaign-grid > p { display:none; }
2080.yamanen-campaign-grid p { margin:0; padding:0; min-width:0; }
2081.yamanen-campaign-grid a { display:block; }
2082.yamanen-campaign-grid img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:3 / 1; }
2083.yamanen-campaign-grid .campaign-grid-page { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
2084.yamanen-campaign-grid .campaign-grid-page[hidden] { display:none; }
2085.yamanen-campaign-grid .campaign-grid-viewport { touch-action:pan-y; }
2086.yamanen-campaign-grid .campaign-grid-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:12px; }
2087.yamanen-campaign-grid .campaign-grid-controls button { min-width:76px; min-height:36px; margin:0; padding:6px 12px; border:1px solid #b8b8a4; border-radius:3px; background:#fff; color:#444; font:inherit; font-size:13px; line-height:1.4; cursor:pointer; }
2088.yamanen-campaign-grid .campaign-grid-controls button:disabled { opacity:.4; cursor:default; }
2089.yamanen-campaign-grid .campaign-grid-controls button:focus-visible, .yamanen-campaign-grid a:focus-visible { outline:2px solid #578600; outline-offset:3px; }
2090.yamanen-campaign-grid .campaign-grid-status { color:#555; font-size:13px; white-space:nowrap; }
2091@media (max-width:767px) {
2092  .yamanen-campaign-grid { width:calc(100% - 20px); margin:12px auto 18px; }
2093  .yamanen-campaign-grid .campaign-grid-page { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
2094  .yamanen-campaign-grid .campaign-grid-controls { margin-top:10px; }
2095}
2096</style>
2097
2098<div class="yamanen-campaign-grid">
2099
2100<!-- ポイント5倍 -->
2101
2102<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/member-rank-5"><img src="https://sugamo.itembox.cloud/item/campaign-grid/pointbnr5bai.jpg?t=20261002205422" alt="ポイント5倍" width="960" height="320"></a></p>
2103
2104
2105<!-- ポイント通常時 -->
2106<!--
2107<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/member-rank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/pointbnr2bai.jpg?t=20261002205422" alt="会員ランク特典" width="960" height="320"></a></p>
2108-->
2109
2110
2111<!-- line連携キャンペーン -->
2112<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/line_id_campaign" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/line_300p.jpg?t=20261002205422" alt="LINE ID連携で300ポイント" width="960" height="320"></a></p>
2113
2114<!-- lineクーポン -->
2115<p class="" style="text-align:center;"><a href="https://lin.ee/zLw5oTM" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/line_coupon.jpg?t=20261002205422" alt="lineクーポン" width="960" height="320"></a></p>
2116
2117<!-- 敬老の日ギフト特集 -->
2118<p data-start="2026/08/27 00:00:00" data-end="2026/09/23 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/keirounohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/keirou_giftb.jpg?t=20261002205422" alt="敬老のギフト特集" width="960" height="320"></a></p>
2119
2120<!--
2121<p data-start="2025/11/15 00:00:00" data-end="2025/12/31 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/oseibo" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/oseibo_giftb.jpg?t=20261002205422" alt="お歳暮ギフト特集" width="960" height="320"></a></p>
2122
2123<p data-start="2026/04/15 00:00:00" data-end="2026/05/12 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/hahanohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/hahanohi_giftb.jpg?t=20261002205422" alt="母の日ギフト特集" width="960" height="320"></a></p>
2124
2125<p data-start="2026/05/15 00:00:00" data-end="2026/06/23 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/chichinohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/chichinohi_giftb.jpg?t=20261002205422" alt="父の日ギフト特集" width="960" height="320"></a></p>
2126
2127<p data-start="2026/06/20 00:00:00" data-end="2026/08/21 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/ochuugen" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/otyugen_giftb.jpg?t=20261002205422" alt="お中元ギフト特集" width="960" height="320"></a></p>
2128-->
2129
2130
2131<!-- ギフト特集 -->
2132<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/c/gift" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/gift_b.jpg?t=20261002205422" alt="ギフト特集" width="960" height="320"></a></p>
2133
2134</div>
2135
2136<script>
2137//期間限定にしたい <p> に data-start / data-end を付与
2138//例:data-start="2025/09/05 10:00:00" data-end="2025/09/06 09:59:59"
2139//どちらか片方だけでも可(開始のみ/終了のみ)
2140//常時表示させたい <p> は data-* を付けない
2141
2142document.addEventListener("DOMContentLoaded", function () {
2143  // "YYYY/MM/DD HH:MM:SS" または "YYYY-MM-DD HH:MM:SS" を JST Date に変換
2144  function parseDateJST(s) {
2145    if (!s) return null;
2146    const m = s.match(/(\d{4})[-\/](\d{2})[-\/](\d{2})\s+(\d{2}):(\d{2}):(\d{2})/);
2147    if (!m) return null;
2148    const [_, y, M, d, h, mnt, sec] = m.map(Number);
2149    // UTCベースで作成し、JSTに補正(-9時間ずらす)
2150    return new Date(Date.UTC(y, M - 1, d, h - 9, mnt, sec));
2151  }
2152
2153  // 現在の日本時間
2154  function nowJST() {
2155    const now = new Date();
2156    return new Date(now.getTime() + (9 * 60 * 60 * 1000) - now.getTimezoneOffset() * 60000);
2157  }
2158
2159  const now = nowJST();
2160
2161  document.querySelectorAll(".yamanen-campaign-grid p").forEach(p => {
2162    const start = parseDateJST(p.getAttribute("data-start"));
2163    const end   = parseDateJST(p.getAttribute("data-end"));
2164
2165    if (!start && !end) {
2166      // data属性なし → 常時表示
2167      p.style.display = "block";
2168      return;
2169    }
2170
2171    let show = true;
2172    if (start && now < start) show = false;
2173    if (end && now > end)     show = false;
2174
2175    p.style.display = show ? "block" : "none";
2176  });
2177});
2178</script>
2178
2179
2180<script>
2181document.addEventListener("DOMContentLoaded", function () {
2182  document.querySelectorAll(".yamanen-campaign-grid").forEach(function (root, rootIndex) {
2183    if (root.dataset.gridReady) return;
2184    root.dataset.gridReady = "true";
2185    var banners = Array.from(root.children).filter(function (element) {
2186      return element.tagName === "P" && !element.hidden && element.style.display !== "none";
2187    });
2188    if (!banners.length) { root.hidden = true; return; }
2189
2190    var viewport = document.createElement("div");
2191    viewport.className = "campaign-grid-viewport";
2192    viewport.id = "yamanen-campaign-pages-" + rootIndex;
2193    var pages = [];
2194    for (var i = 0; i < banners.length; i += 4) {
2195      var page = document.createElement("div");
2196      page.className = "campaign-grid-page";
2197      page.hidden = pages.length > 0;
2198      banners.slice(i, i + 4).forEach(function (banner) { page.appendChild(banner); });
2199      pages.push(page);
2200      viewport.appendChild(page);
2201    }
2202    root.appendChild(viewport);
2203    if (pages.length === 1) return;
2204
2205    var current = 0;
2206    var controls = document.createElement("div");
2207    controls.className = "campaign-grid-controls";
2208    var previous = document.createElement("button");
2209    var next = document.createElement("button");
2210    previous.type = next.type = "button";
2211    previous.textContent = "‹ 前へ";
2212    next.textContent = "次へ ›";
2213    previous.setAttribute("aria-label", "前のキャンペーンを表示");
2214    next.setAttribute("aria-label", "次のキャンペーンを表示");
2215    previous.setAttribute("aria-controls", viewport.id);
2216    next.setAttribute("aria-controls", viewport.id);
2217    var status = document.createElement("span");
2218    status.className = "campaign-grid-status";
2219    status.setAttribute("aria-live", "polite");
2220    status.setAttribute("aria-atomic", "true");
2221    controls.appendChild(previous);
2222    controls.appendChild(status);
2223    controls.appendChild(next);
2224    root.appendChild(controls);
2225
2226    function showPage(index) {
2227      current = Math.max(0, Math.min(pages.length - 1, index));
2228      pages.forEach(function (page, index) { page.hidden = index !== current; });
2229      previous.disabled = current === 0;
2230      next.disabled = current === pages.length - 1;
2231      status.textContent = (current + 1) + " / " + pages.length;
2232    }
2233    previous.addEventListener("click", function () { showPage(current - 1); });
2234    next.addEventListener("click", function () { showPage(current + 1); });
2235    showPage(0);
2236
2237    var touchStart = null;
2238    var suppressClick = false;
2239    viewport.addEventListener("touchstart", function (event) {
2240      touchStart = event.touches.length === 1 ? { x:event.touches[0].clientX, y:event.touches[0].clientY } : null;
2241    }, { passive:true });
2242    viewport.addEventListener("touchcancel", function () { touchStart = null; }, { passive:true });
2243    viewport.addEventListener("touchend", function (event) {
2244      if (!touchStart || !event.changedTouches.length) return;
2245      var dx = event.changedTouches[0].clientX - touchStart.x;
2246      var dy = event.changedTouches[0].clientY - touchStart.y;
2247      touchStart = null;
2248      if (Math.abs(dx) < 40 || Math.abs(dx) <= Math.abs(dy) * 1.3) return;
2249      suppressClick = true;
2250      showPage(current + (dx < 0 ? 1 : -1));
2251      setTimeout(function () { suppressClick = false; }, 350);
2252    }, { passive:true });
2253    viewport.addEventListener("click", function (event) {
2254      if (!suppressClick) return;
2255      event.preventDefault();
2256      event.stopPropagation();
2257    }, true);
2258  });
2259});
2260</script>
2260
2261
2262<ul class="fs-p-dateList fs-pt-list fs-pt-list--noMarker">
2263</ul>
2264
2265<section id="p_top_season-item" class="container">
2266            <div class="l-inner_l">
2267                <h2 class="title01 min" id="month_recommend"></h2>
2268				
2269				
2270<script type="text/javascript">
2271	  $(document).ready(function() {
2272		var month = new Date().getMonth() + 1;
2273		var html = month + '月のおすすめ商品' + '<img src="https://sugamo.itembox.cloud/item/renewal/img/monthly/'+ month +'.png" alt="'+ month +'月" width="80">';
2274    	$('#month_recommend').html(html);
2275	  });
2276</script>
2276
2277				
2278
2279                <ul class="season-item_list l-row l-row__3 l-row__1_sp l-row__between">
2280                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/ochadukeset">
2281                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_ocyaduke.jpg" alt=""></div>
2282                            <h1 class="title02 min">高級お茶漬けセット</h1>
2283                            <p>ふっくらしっとり、本来の食感と風味を活かして丁寧に仕上げた具材と、こだわりの特性だしつゆで本格的な料亭の味が楽しめます。</p>
2284                        </a></li>
2285                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/kikuimocha">
2286                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_kikuimoko.jpg" alt=""></div>
2287                            <h1 class="title02 min">長野県産100%使用 菊いも粉</h1>
2288                            <p>イヌリン豊富で話題!オススメです。粉末だからお茶だけでなく飲み物や料理に混ぜ合わせて簡単に摂取</p>
2289                        </a></li>
2290                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/tamaneginokawa">
2291                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_tamanegi-kawa.jpg" alt=""></div>
2292                            <h1 class="title02 min">国産100% 玉ねぎの皮茶</h1>
2293                            <p>テレビで話題の「ケルセチン」(ポリフェノールの一種) 一袋100gで約200個分の国内(北海道、淡路島)で栽培された玉ねぎの皮を使用しています。</p>
2294                        </a></li>
2295                </ul>
2296<div id="recommend">
2297<script type="text/javascript">
2298try{
2299  _rcmdjp._displayRanking({
2300    type: 'cv',
2301    span: 'week',
2302    template: 'Responsive_Recommend-2022'
2303  });
2304} catch(err) {}
2305</script>
2305
2306</div>
2307            </div>
2308</section>
2309        <section id="p_top_ranking" class="container l-inner_l">
2310            <h2 class="title01 min">ジャンル別ランキング</h2>
2311            <div class="c-tab ranking_wrap">
2312                <div class="c-tab__nav ranking_genre_list pc">
2313                    <div class="c-tab__item js-tab ranking_genre_ttl is-checked" data-target="for-tab01"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-heart.png" alt="人気" width="37">人気</div>
2314                    <div class="c-tab__item js-tab ranking_genre_ttl" data-target="for-tab02"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶" width="60">日本茶</div>
2315                    <div class="c-tab__item js-tab ranking_genre_ttl" data-target="for-tab03"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶" width="64">健康茶</div>
2316                    <div class="c-tab__item js-tab ranking_genre_ttl" data-target="for-tab04"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthfood.png" alt="健康食品" width="76">健康食品</div>
2317                </div>
2318                <div class="c-tab__contents">
2319                    <div id="for-tab01" class="c-tab__content is-checked">
2320                        <div class="ranking_genre_ttl sp" data-target="for-tab01"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-heart.png" alt="人気" width="37">人気</div>
2321						
2322						
2322<script type="text/javascript">
2323							try{
2324								_rcmdjp._displayRanking({
2325									type: 'cv',
2326									span: 'month',
2327									template: 'Responsive_Ranking-2022'
2328								});
2329							} catch(err) {}
2330						</script>
2330
2331<div class="mt40"><a href="https://www.e-cha.co.jp/f/ranking" class="btn btn02 arrow-right">ランキングをもっと見る</a></div>
2332                    </div>
2333                    <div id="for-tab02" class="c-tab__content">
2334                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶" width="60">日本茶</div>
2335                        
2335<script type="text/javascript">
2336							try{
2337								_rcmdjp._displayRanking({
2338									type: 'cv',
2339									span: 'month',
2340									template: 'Responsive_Ranking-2022',
2341									category: 'nihoncha'
2342								});
2343							} catch(err) {}
2344						</script>
2344
2345                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/nihoncha" class="btn btn02 arrow-right">日本茶一覧を見る</a></div>
2346                    </div>
2347                    <div id="for-tab03" class="c-tab__content">
2348                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶" width="60">健康茶</div>
2349                        
2349<script type="text/javascript">
2350							try{
2351								_rcmdjp._displayRanking({
2352									type: 'cv',
2353									span: 'month',
2354									template: 'Responsive_Ranking-2022',
2355									category: 'kenkoucha'
2356								});
2357							} catch(err) {}
2358						</script>
2358
2359                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkoucha" class="btn btn02 arrow-right">健康茶一覧を見る</a></div>
2360                    </div>
2361                    <div id="for-tab04" class="c-tab__content">
2362                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthfood.png" alt="健康食品" width="60">健康食品</div>
2363                        
2363<script type="text/javascript">
2364							try{
2365								_rcmdjp._displayRanking({
2366									type: 'cv',
2367									span: 'month',
2368									template: 'Responsive_Ranking-2022',
2369									category: 'kenkousyokuhin'
2370								});
2371							} catch(err) {}
2372						</script>
2372
2373                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkousyokuhin" class="btn btn02 arrow-right">健康食品一覧を見る</a></div>
2374                    </div>
2375                </div>
2376            </div>
2377        </section>
2378        <section id="p_top_category" class="container">
2379            <div class="l-inner_l">
2380                <h2 class="title01 min">商品一覧</h2>
2381                <ul class="category_list l-row l-row__5">
2382                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkoucha">
2383                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
2384                            <h3 class="category_title">健康茶</h3>
2385                        </a></li>
2386                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/nihoncha">
2387                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶"></div>
2388                            <h3 class="category_title">日本茶</h3>
2389                        </a></li>
2390                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/matcha">
2391                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-greentee.png" alt="抹茶"></div>
2392                            <h3 class="category_title">抹茶</h3>
2393                        </a></li>
2394                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/genmaicha">
2395                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-genmaitee.png" alt="玄米茶"></div>
2396                            <h3 class="category_title">玄米茶</h3>
2397                        </a></li>
2398                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/houjicha">
2399                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-houji.png" alt="ほうじ茶"></div>
2400                            <h3 class="category_title">ほうじ茶</h3>
2401                        </a></li>
2402                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">
2403                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-ocyaduke.png" alt="お茶請け"></div>
2404                            <h3 class="category_title">お茶請け</h3>
2405                        </a></li>
2406
2407                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">
2408                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
2409                            <h3 class="category_title">健康食品</h3>
2410                        </a></li>
2411                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/gift">
2412                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-gift.png" alt="ギフト"></div>
2413                            <h3 class="category_title">ギフト</h3>
2414                        </a></li>
2415                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/sonota">
2416                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-other.png" alt="その他"></div>
2417                            <h3 class="category_title">その他</h3>
2418                        </a></li>
2419                </ul>
2420            </div>
2421        </section>
2422        <section id="p_top_about" class="container">
2423            <div class="txt_box min jp_sp bold">
2424                <p>1950年創業<br>
2425                    山年園は巣鴨とげぬき地蔵通りで参拝のお客様にご愛顧頂いております。
2426                </p>
2427                <p>巣鴨のお茶屋さん山年園は、巣鴨とげぬき地蔵通り門前仲見世にあり、<br>
2428                    七十年余りの間、参拝のお客様にご愛顧頂いております。<br>
2429                    巣鴨でおばあちゃんの味覚で鍛えられ、選びぬかれた<br>
2430                    「こだわりのお茶」「健康茶・健康食品」「おやつ・お茶うけ」を販売しております。<br>
2431                    ゆったりとした巣鴨の雰囲気、下町の良さを添えて、皆様のお茶の間に届けさせていただければ幸いです。</p>
2432            </div>
2433            <div class="about_link l-row l-row__between l-row__2 l-row__1_sp">
2434                <div class="about_link_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/p_top_about_img01.jpg" alt=""></div>
2435                <div class="about_link_txt min">
2436                    <div class="about_link_txt_ttl">巣鴨のお茶屋さん<br>山年園</div>
2437                    <p class="jp_sp bold">巣鴨とげぬき地蔵通りから徒歩5分の場所にあり、365日年中無休で営業しております。
2438                        創業70年あまり参拝のお客様にお立ち寄り頂いております。</p>
2439                    <div class="link01"><a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">
2439山年園について</a></div>
2440                </div>
2441            </div>
2442        </section>
2443        <section id="p_top_column" class="container l-inner_l">
2444            <h2 class="title01 min">山年園お茶コラム</h2>
2445            <ul class="column_category_list l-row l-row__center">
2446                <li><a href="https://www.e-cha.co.jp/contents/category/goods/">おすすめ商品</a></li>
2447                <li><a href="https://www.e-cha.co.jp/contents/category/goods/%e5%81%a5%e5%ba%b7%e9%a3%9f%e5%93%81/">健康食品</a></li>
2448                <li><a href="https://www.e-cha.co.jp/contents/category/%e3%81%8a%e8%8c%b6%e3%81%ae%e9%9b%91%e5%ad%a6%e3%83%bb%e3%83%8f%e3%82%a6%e3%83%84%e3%83%bc/">お茶の雑学</a></li>
2449                <li><a href="https://www.e-cha.co.jp/contents/category/goods/greentea/">日本茶</a></li>
2450                <li><a href="https://www.e-cha.co.jp/contents/category/interview/">インタビュー</a></li>
2451                <li><a href="https://www.e-cha.co.jp/contents/category/%e3%81%8a%e8%8c%b6%e3%81%ae%e9%9b%91%e5%ad%a6%e3%83%bb%e3%83%8f%e3%82%a6%e3%83%84%e3%83%bc/madein/">お茶の産地</a></li>
2452                <li><a href="https://www.e-cha.co.jp/contents/category/goods/%e8%8c%b6%e5%99%a8/">茶器</a></li>
2453                <li><a href="https://www.e-cha.co.jp/contents/category/goods/greentea/maccha/">抹茶</a></li>
2454                <li><a href="https://www.e-cha.co.jp/contents/category/goods/%e4%b8%ad%e5%9b%bd%e8%8c%b6/">中国茶</a></li>
2455                <li><a href="https://www.e-cha.co.jp/contents/category/recommend-cafe/">おすすめカフェ</a></li>
2456            </ul>
2457            <div class="column__box l-row l-row__middle mb90 l-row__1_sp">
2458                <div class="column__box__title min">
2459                    <img src="https://sugamo.itembox.cloud/item/renewal/img/ico-new.svg" alt="NEW" width="62" class="column__box__title_ico">新着コラム
2460                </div>
2461<ul id="new-rssbox" class="rss column__box__list l-row l-row__3 l-row__1_sp l-row__between"></ul>
2462                <div class="column__box__link tac pc">
2463                    <a href="https://www.e-cha.co.jp/contents/">
2464                        <img src="https://sugamo.itembox.cloud/item/renewal/img/arrow-ios-back-fill.svg" alt=""><br>
2465                        <span class="min">もっと見る</span>
2466                    </a>
2467                </div>
2468            </div>
2469            <div class="column__box l-row l-row__middle l-row__1_sp">
2470                <div class="column__box__title min">
2471                    <img src="https://sugamo.itembox.cloud/item/renewal/img/ila-heart.png" alt="ハート" width="62" class="column__box__title_ico">人気コラム
2472                </div>
2473 <ul id="wpp-rssbox" class="rss column__box__list l-row l-row__3 l-row__1_sp l-row__between">
2474                </ul>
2475                <div class="column__box__link tac">
2476                    <a href="https://www.e-cha.co.jp/contents/">
2477                        <img src="https://sugamo.itembox.cloud/item/renewal/img/arrow-ios-back-fill.svg" alt=""><br>
2478                        <span class="min">もっと見る</span>
2479                    </a>
2480                </div>
2481            </div>
2482        </section>
2483        <section id="p_top_voice">
2484            <div class="container l-inner_m">
2485                <h2 class="title01 min">たくさんのお客様に<br class="sp">ご購入いただいております!</h2>
2486                <div class="l-row l-row__between l-row__2 l-row__1_sp">
2487                    <div class="voice_area"><p id="ultra_a_txt">注文状況をリアルタイムでお伝え!</p>
2488<iframe src="https://www.ec-platz.net/e-cha/orders/live.html" name="現在の注文状況" width="100%" height="575" frameborder="0"></iframe></div>
2489                    <div class="voice_area"><p id="ultra_b_txt">注文状況</p><iframe src="https://www.ec-platz.net/e-cha/orders/total.html" name="現在の注文状況" width="100%" height="575" frameborder="0"></iframe></div>
2490                </div>
2491            </div>
2492        </section>
2493
2494
2495<script type="text/javascript">
2496  try{
2497  _rcmdjp._displayHistory({
2498    code: '',
2499    template: 'fs_history'
2500  });
2501  } catch(err) {}
2502</script>
2502
2503</main>
2504<footer><style>
2505.yamanen-footer-campaign { margin:0 0 64px; }
2506.yamanen-footer-campaign > .title01 { margin:0 auto 28px; padding:0 10px; }
2507.yamanen-footer-campaign .yamanen-campaign-grid { margin:0 auto; }
2508@media (max-width:767px) {
2509  .yamanen-footer-campaign { margin-bottom:40px; }
2510  .yamanen-footer-campaign > .title01 { margin-bottom:20px; }
2511}
2512</style>
2513        <div id="p_footer_guide" class="container">
2514            <section class="yamanen-footer-campaign" aria-labelledby="footer-campaign-title">
2515                <h2 id="footer-campaign-title" class="title01 min">キャンペーン・お得な情報</h2>
2516                <style>
2517.yamanen-campaign-grid { width:calc(100% - 40px); max-width:1280px; margin:24px auto 30px; }
2518.yamanen-campaign-grid, .yamanen-campaign-grid * { box-sizing:border-box; }
2519.yamanen-campaign-grid[hidden] { display:none; }
2520.yamanen-campaign-grid > p { display:none; }
2521.yamanen-campaign-grid p { margin:0; padding:0; min-width:0; }
2522.yamanen-campaign-grid a { display:block; }
2523.yamanen-campaign-grid img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:3 / 1; }
2524.yamanen-campaign-grid .campaign-grid-page { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
2525.yamanen-campaign-grid .campaign-grid-page[hidden] { display:none; }
2526.yamanen-campaign-grid .campaign-grid-viewport { touch-action:pan-y; }
2527.yamanen-campaign-grid .campaign-grid-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:12px; }
2528.yamanen-campaign-grid .campaign-grid-controls button { min-width:76px; min-height:36px; margin:0; padding:6px 12px; border:1px solid #b8b8a4; border-radius:3px; background:#fff; color:#444; font:inherit; font-size:13px; line-height:1.4; cursor:pointer; }
2529.yamanen-campaign-grid .campaign-grid-controls button:disabled { opacity:.4; cursor:default; }
2530.yamanen-campaign-grid .campaign-grid-controls button:focus-visible, .yamanen-campaign-grid a:focus-visible { outline:2px solid #578600; outline-offset:3px; }
2531.yamanen-campaign-grid .campaign-grid-status { color:#555; font-size:13px; white-space:nowrap; }
2532@media (max-width:767px) {
2533  .yamanen-campaign-grid { width:calc(100% - 20px); margin:12px auto 18px; }
2534  .yamanen-campaign-grid .campaign-grid-page { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
2535  .yamanen-campaign-grid .campaign-grid-controls { margin-top:10px; }
2536}
2537</style>
2538
2539<div class="yamanen-campaign-grid">
2540
2541<!-- ポイント5倍 -->
2542
2543<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/member-rank-5"><img src="https://sugamo.itembox.cloud/item/campaign-grid/pointbnr5bai.jpg?t=20261002205422" alt="ポイント5倍" width="960" height="320"></a></p>
2544
2545
2546<!-- ポイント通常時 -->
2547<!--
2548<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/member-rank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/pointbnr2bai.jpg?t=20261002205422" alt="会員ランク特典" width="960" height="320"></a></p>
2549-->
2550
2551
2552<!-- line連携キャンペーン -->
2553<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/line_id_campaign" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/line_300p.jpg?t=20261002205422" alt="LINE ID連携で300ポイント" width="960" height="320"></a></p>
2554
2555<!-- lineクーポン -->
2556<p class="" style="text-align:center;"><a href="https://lin.ee/zLw5oTM" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/line_coupon.jpg?t=20261002205422" alt="lineクーポン" width="960" height="320"></a></p>
2557
2558<!-- 敬老の日ギフト特集 -->
2559<p data-start="2026/08/27 00:00:00" data-end="2026/09/23 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/keirounohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/keirou_giftb.jpg?t=20261002205422" alt="敬老のギフト特集" width="960" height="320"></a></p>
2560
2561<!--
2562<p data-start="2025/11/15 00:00:00" data-end="2025/12/31 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/oseibo" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/oseibo_giftb.jpg?t=20261002205422" alt="お歳暮ギフト特集" width="960" height="320"></a></p>
2563
2564<p data-start="2026/04/15 00:00:00" data-end="2026/05/12 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/hahanohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/hahanohi_giftb.jpg?t=20261002205422" alt="母の日ギフト特集" width="960" height="320"></a></p>
2565
2566<p data-start="2026/05/15 00:00:00" data-end="2026/06/23 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/chichinohi" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/chichinohi_giftb.jpg?t=20261002205422" alt="父の日ギフト特集" width="960" height="320"></a></p>
2567
2568<p data-start="2026/06/20 00:00:00" data-end="2026/08/21 00:00:00" class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/ochuugen" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/otyugen_giftb.jpg?t=20261002205422" alt="お中元ギフト特集" width="960" height="320"></a></p>
2569-->
2570
2571
2572<!-- ギフト特集 -->
2573<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/c/gift" target="_blank"><img src="https://sugamo.itembox.cloud/item/campaign-grid/gift_b.jpg?t=20261002205422" alt="ギフト特集" width="960" height="320"></a></p>
2574
2575</div>
2576
2577<script>
2578//期間限定にしたい <p> に data-start / data-end を付与
2579//例:data-start="2025/09/05 10:00:00" data-end="2025/09/06 09:59:59"
2580//どちらか片方だけでも可(開始のみ/終了のみ)
2581//常時表示させたい <p> は data-* を付けない
2582
2583document.addEventListener("DOMContentLoaded", function () {
2584  // "YYYY/MM/DD HH:MM:SS" または "YYYY-MM-DD HH:MM:SS" を JST Date に変換
2585  function parseDateJST(s) {
2586    if (!s) return null;
2587    const m = s.match(/(\d{4})[-\/](\d{2})[-\/](\d{2})\s+(\d{2}):(\d{2}):(\d{2})/);
2588    if (!m) return null;
2589    const [_, y, M, d, h, mnt, sec] = m.map(Number);
2590    // UTCベースで作成し、JSTに補正(-9時間ずらす)
2591    return new Date(Date.UTC(y, M - 1, d, h - 9, mnt, sec));
2592  }
2593
2594  // 現在の日本時間
2595  function nowJST() {
2596    const now = new Date();
2597    return new Date(now.getTime() + (9 * 60 * 60 * 1000) - now.getTimezoneOffset() * 60000);
2598  }
2599
2600  const now = nowJST();
2601
2602  document.querySelectorAll(".yamanen-campaign-grid p").forEach(p => {
2603    const start = parseDateJST(p.getAttribute("data-start"));
2604    const end   = parseDateJST(p.getAttribute("data-end"));
2605
2606    if (!start && !end) {
2607      // data属性なし → 常時表示
2608      p.style.display = "block";
2609      return;
2610    }
2611
2612    let show = true;
2613    if (start && now < start) show = false;
2614    if (end && now > end)     show = false;
2615
2616    p.style.display = show ? "block" : "none";
2617  });
2618});
2619</script>
2619
2620
2621<script>
2622document.addEventListener("DOMContentLoaded", function () {
2623  document.querySelectorAll(".yamanen-campaign-grid").forEach(function (root, rootIndex) {
2624    if (root.dataset.gridReady) return;
2625    root.dataset.gridReady = "true";
2626    var banners = Array.from(root.children).filter(function (element) {
2627      return element.tagName === "P" && !element.hidden && element.style.display !== "none";
2628    });
2629    if (!banners.length) { root.hidden = true; return; }
2630
2631    var viewport = document.createElement("div");
2632    viewport.className = "campaign-grid-viewport";
2633    viewport.id = "yamanen-campaign-pages-" + rootIndex;
2634    var pages = [];
2635    for (var i = 0; i < banners.length; i += 4) {
2636      var page = document.createElement("div");
2637      page.className = "campaign-grid-page";
2638      page.hidden = pages.length > 0;
2639      banners.slice(i, i + 4).forEach(function (banner) { page.appendChild(banner); });
2640      pages.push(page);
2641      viewport.appendChild(page);
2642    }
2643    root.appendChild(viewport);
2644    if (pages.length === 1) return;
2645
2646    var current = 0;
2647    var controls = document.createElement("div");
2648    controls.className = "campaign-grid-controls";
2649    var previous = document.createElement("button");
2650    var next = document.createElement("button");
2651    previous.type = next.type = "button";
2652    previous.textContent = "‹ 前へ";
2653    next.textContent = "次へ ›";
2654    previous.setAttribute("aria-label", "前のキャンペーンを表示");
2655    next.setAttribute("aria-label", "次のキャンペーンを表示");
2656    previous.setAttribute("aria-controls", viewport.id);
2657    next.setAttribute("aria-controls", viewport.id);
2658    var status = document.createElement("span");
2659    status.className = "campaign-grid-status";
2660    status.setAttribute("aria-live", "polite");
2661    status.setAttribute("aria-atomic", "true");
2662    controls.appendChild(previous);
2663    controls.appendChild(status);
2664    controls.appendChild(next);
2665    root.appendChild(controls);
2666
2667    function showPage(index) {
2668      current = Math.max(0, Math.min(pages.length - 1, index));
2669      pages.forEach(function (page, index) { page.hidden = index !== current; });
2670      previous.disabled = current === 0;
2671      next.disabled = current === pages.length - 1;
2672      status.textContent = (current + 1) + " / " + pages.length;
2673    }
2674    previous.addEventListener("click", function () { showPage(current - 1); });
2675    next.addEventListener("click", function () { showPage(current + 1); });
2676    showPage(0);
2677
2678    var touchStart = null;
2679    var suppressClick = false;
2680    viewport.addEventListener("touchstart", function (event) {
2681      touchStart = event.touches.length === 1 ? { x:event.touches[0].clientX, y:event.touches[0].clientY } : null;
2682    }, { passive:true });
2683    viewport.addEventListener("touchcancel", function () { touchStart = null; }, { passive:true });
2684    viewport.addEventListener("touchend", function (event) {
2685      if (!touchStart || !event.changedTouches.length) return;
2686      var dx = event.changedTouches[0].clientX - touchStart.x;
2687      var dy = event.changedTouches[0].clientY - touchStart.y;
2688      touchStart = null;
2689      if (Math.abs(dx) < 40 || Math.abs(dx) <= Math.abs(dy) * 1.3) return;
2690      suppressClick = true;
2691      showPage(current + (dx < 0 ? 1 : -1));
2692      setTimeout(function () { suppressClick = false; }, 350);
2693    }, { passive:true });
2694    viewport.addEventListener("click", function (event) {
2695      if (!suppressClick) return;
2696      event.preventDefault();
2697      event.stopPropagation();
2698    }, true);
2699  });
2700});
2701</script>
2701
2702
2703            </section>
2704            <div class="l-inner_m">
2705                <h2 class="title01 min">お買い物ガイド</h2>
2706                <div class="l-row l-row__2 l-row__1_sp l-row__between">
2707                    <div class="guide_box">
2708                        <h3 class="title02 title03 min">お支払い方法について</h3>
2709                        <div class="guide_box__inner">
2710                            <p>下記の中からお選びいただけます。</p>
2711                            <ul class="pay_list l-row l-row__3 l-row__2_sp">
2712                                <li class="credit">
2713                                    クレジットカード決済
2714                                </li>
2715                                <li>Paypay</li>
2716                                <li>AmazonPay</li>
2717                                <li>コンビニ後払い</li>
2718                                <li>郵便局後払い</li>
2719                                <li>銀行振込</li>
2720                                <li>代金引換</li>
2721                                <li>au Pay</li>
2722                                <li>d払い</li>
2723                                <li>auかんたん決済</li>
2724                                <li>ソフトバンク決済</li>
2725                                <li>あと払い(ペイディ)</li>
2726                                <li>楽天Pay</li>
2727                            </ul>
2728                            <p class="tar"><a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払い方法についての詳細 ></a></p>
2729                        </div>
2730                        <h3 class="title02 title03 min">返品について</h3>
2731                        <div class="guide_box__inner">
2732                            <p class="txt_80">返品につきましては 商品到着後 7日間以内にお電話またはメールにてご連絡お願いします。<br>
2733                                破損・汚損・不良品・ご注文と異なる商品や数量などの不備など、詳細をお伝えください。</p>
2734                        </div>
2735                    </div>
2736                    <div class="guide_box">
2737                        <h3 class="title02 title03 min">送料・配達について</h3>
2738                        <div class="guide_box__inner bold">
2739                            <div class="l-row nowrap mb40">
2740                                <div class="ico-guide">全国送料無料!</div>
2741                                <div class="ico-guide">年中無休365日発送</div>
2742                            </div>
2743                            <h4 class="title03 bold mb20">お届け日時のご指定について</h4>
2744                            <div class="guide_box__inner">
2745                                <p>配達の日時をご指定頂けます。</p>
2746                                <img src="https://sugamo.itembox.cloud/item/renewal/img/img_time.svg" alt="" class="mb20">
2747                                <p class="txt_80">※天候などの事情により指定時間内に配達が出来ない場合がございます。<br>
2748                                    ※お急ぎの場合は、日時指定がない方がより早くお届けできる場合がございます。
2749                                </p>
2750                            </div>
2751                        </div>
2752                    </div>
2753                </div>
2754            </div>
2755        </div>
2756
2757        <div id="p_footer_contact">
2758            <h2 class="title01 min">商品・注文に関するお問合せ</h2>
2759            <p class="txt_box min tac jp_sp bold tal_sp">
2760                山年園ではお電話での商品・ご注文に関するお問合せを承っております。<br>
2761                ご不明点など、お気軽にお問合せくださいませ。
2762            </p>
2763            <div class="contact_box">
2764                <a href="tel:0120224663">
2765                    <div class="tel-no min l-row l-row__middle l-row__center"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-freedial.svg" alt="フリーダイヤル" width="80">0120-22-4663</div>
2766                    <p>通話無料(受付:10時〜18時)</p>
2767                </a>
2768            </div>
2769        </div>
2770        <div id="p_footer_nav" class="l-inner_m">
2771            <div class="page_top">
2772                <a href="#"><span class="arrow-top"></span></a>
2773            </div>
2774            <div class="l-row l-row__between l-row__1_sp">
2775                <div class="p_footer_nav_left">
2776                    <div class="site_title"><a href="https://www.e-cha.co.jp/"><img src="https://sugamo.itembox.cloud/item/renewal/img/yamaneen_logo.png" alt="茶舗山年園"></a></div>
2777                    <div class="l-row l-row__middle mb15 ico-wrap">
2778                        <div class="ico-free-shipping"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-free-shipping.png" alt="全国どこでも送料無料"></div>
2779                        <div class="ico-open-daily"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-open-daily.png" alt="365日毎日発送しています年中無休"></div>
2780                    </div>
2781                    <div class="txt_box mb15">
2782                        <p>巣鴨のお茶屋さん山年園(営業時間10:00~18:00) </p>
2783                        <p>住所 東京都豊島区巣鴨3-34-1 </p>
2784                        <p>
2784TEL <a href="tel:0339174663">03-3917-4663</a> / FAX 03-3917-4010</p>
2785                        <a href="https://www.e-cha.co.jp/p/about/privacy-policy">プライバシーポリシー</a>
2786                    </div>
2787                    <div class="contact_box">
2788                        <p class="mb15">お電話でのご注文はコチラ</p>
2789                        <div class="freedial-no"><a href="tel:0120224663" class="min l-row l-row__middle l-row__center"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-freedial_bk.svg" alt="フリーダイヤル" width="38" class="mr10">0120-22-4663</a></div>
2790                        <div class="tel-no"><a href="tel:0339174663" class="min l-row l-row__middle l-row__center"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-tel.svg" alt="フリーダイヤル" width="20" class="mr10">03-3917-4663</a></div>
2791                    </div>
2792                </div>
2793                <div class="p_footer_nav_right">
2794                    <ul class="footer_navlist l-row l-row__2 l-row__1_sp">
2795                        <li>
2796                            <h2 class="title04 min">商品一覧から探す</h2>
2797                            <ul class="footer_navlist_category l-row">
2798                                <li class="">
2799                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/ocha">お茶</a></h3>
2800                                    <div class="footer_navlist_category_c">
2801                                        <a href="https://www.e-cha.co.jp/c/ocha/kenkoucha">健康茶</a>
2802                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha">日本茶</a>
2803                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/matcha">抹茶</a>
2804                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/genmaicha">玄米茶</a>
2805                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/houjicha">ほうじ茶</a>
2806                                    </div>
2807                                </li>
2808                                <li class="">
2809                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/syokuhin">食品</a></h3>
2810                                    <div class="footer_navlist_category_c">
2811                                        <a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">お茶請け</a>
2812                                        <a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">健康食品</a>
2813                                        <a href="https://www.e-cha.co.jp/c/syokuhin/ochaduke">お茶漬け</a>
2814                                    </div>
2815                                </li>
2816                                <li class="">
2817                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/gift">ギフト</a></h3>
2818                                    <div class="footer_navlist_category_c">
2819                                        <a href="https://www.e-cha.co.jp/c/syokuhin/ochaduke">お茶漬け</a>
2820                                    </div>
2821                                </li>
2822                            </ul>
2823                        </li>
2824                        <li class="footer_navlist__other">
2825                            <h2 class="title04 min">その他</h2>
2826                            <ul class="footer_navlist_category l-row">
2827                                <li class="footer_navlist_category_c">
2828                                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">山年園について</a>
2829                                    <!--<a href="">沿革</a>
2830                                    <a href="">採用情報</a>-->
2831                                </li>
2832                                <li class="footer_navlist_category_c">
2833                                    <a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払いについて</a>
2834                                    <a href="https://www.e-cha.co.jp/c/about_us">店舗アクセス</a>
2835                                    <a href="https://u01.fsi.ne.jp/formmailer/9a7310e1533279e56eec2c1f02e2b271.html" target="_blank">お問合わせ</a>
2836                                </li>
2837                                <li class="footer_navlist_category_c">
2838                                    <a href="https://www.e-cha.co.jp/c/about_us">会社概要</a>
2839                                    <a href="https://www.e-cha.co.jp/contents/">山年園ブログ</a>
2840                                    <a href="https://www.e-cha.co.jp/p/about/terms">特定商取引法</a>
2841                                </li>
2842
2843                            </ul>
2844                        </li>
2845                    </ul>
2846                    <div class="footersnsarea">
2847                     <h2 class="title04 min">公式SNS</h2>
2848                     <div class="l-row footersnslist">
2849                    	<a href="https://www.instagram.com/yamaneen_sugamo/" target="_blank"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_ig.jpg" alt="公式Instagram" ></a>
2850                    	<a target="_blank" href="https://twitter.com/yamaneen1"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_x.jpg" alt="公式Twitter"></a>
2851                    	<a target="_blank" href="https://www.facebook.com/YamaneEn"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_fb.jpg" alt="公式facebook"></a>
2852                    </div>
2853                </div>
2854            </div>
2855        </div>
2856<!--<div class="checkhistory_fixed">
2857            <a href="https://www.e-cha.co.jp/f/history"><img src="https://sugamo.itembox.cloud/item/renewal/img/checkhistory_fixed.png?t=20261002205422" alt="閲覧履歴はこちら"></a>
2858        </div>-->
2859        <div class="popup" id="js-popup">
2860            <div class="popup-inner">
2861                <div class="close-btn" id="js-close-btn"></div>
2862                <!--<a href="#"><img src="https://sugamo.itembox.cloud/item/renewal/img/point2.jpg" alt="ポイント2倍"></a>
2863                <a href="#"><img src="https://sugamo.itembox.cloud/item/images/pointbanner/point5.jpg?t=20261002205422" alt="ポイント5倍"></a>-->
2864            </div>
2865            <div class="black-background" id="js-black-bg"></div>
2866        </div>
2867
2868        <!--<div id="js-show-popup" class="popup_btn"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-point2.jpg" alt="ポイント2倍">
2869
2870        <div id="js-show-popup" class="popup_btn"><img src="https://sugamo.itembox.cloud/item/images/pointbanner/ico-point5.jpg?t=20261002205422" alt="ポイント5倍">-->
2871
2872</div>
2873        <div class="screen"></div>
2874
2875<div id="fixedphonenumber" class="hide floating_bnr_phone sp">
2876                <a href="tel:0120224663">
2877                    <span class="fixedphonenumber_top"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-line_a_l.svg">お電話でのご注文はこちら<img src="https://sugamo.itembox.cloud/item/renewal/img/ico-line_a_r.svg"></span>
2878                    <span class="fixedphonenumber_bottom l-row">
2879                    	<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-fleedial.svg"></span>
2880                    	<span class="num">0120-22-4663<br><span class="memo">通話無料(受付:9時30分〜18時)</span></span>
2881                    	
2882                    </span>
2883                    <span class="ico-click"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-click.svg"></span>
2884                </a>
2885            </div>
2886
2887
2888<script>
2889document.addEventListener('DOMContentLoaded', () => {
2890    let lastScrollTop = 0; // 最後のスクロール位置を保持する変数
2891    let delta = 100; // スクロール変化の閾値
2892
2893    // 時間帯に基づく表示可否を判断する関数
2894    function isVisibleBasedOnTime() {
2895        let now = new Date();
2896        let hour = now.getHours();
2897        let minutes = now.getMinutes();
2898        return (hour === 9 && minutes >= 30) || (hour > 9 && hour < 18);
2899    }
2900
2901    let fixedPhoneNumber = document.getElementById('fixedphonenumber'); // フッター要素
2902    if (!fixedPhoneNumber) return; // fixedphonenumberがなければ処理を終了
2903
2904    // 初期表示状態設定
2905    fixedPhoneNumber.style.display = isVisibleBasedOnTime() ? '' : 'none';
2906
2907    // スクロールに応じた表示切替
2908    function toggleVisibilityOnScroll() {
2909        window.addEventListener('scroll', () => {
2910            let st = window.pageYOffset || document.documentElement.scrollTop;
2911
2912            // スクロールの変化が閾値以下なら何もしない
2913            if (Math.abs(lastScrollTop - st) <= delta) return;
2914
2915            // 時間帯に基づく表示条件を満たしていない場合は何もしない
2916            if (!isVisibleBasedOnTime()) {
2917                fixedPhoneNumber.style.display = 'none';
2918                return;
2919            }
2920
2921            if (st > lastScrollTop) {
2922                // 下にスクロールした場合(かつ、少なくともdelta以上スクロールした場合)
2923                fixedPhoneNumber.classList.remove('hide');
2924            } else {
2925                // 上にスクロールした場合
2926                fixedPhoneNumber.classList.add('hide');
2927            }
2928            lastScrollTop = st;
2929        });
2930    }
2931
2932    toggleVisibilityOnScroll(); // スクロールイベントのバインド
2933});
2934</script>
2934
2935
2936<section id="footernav" class="l-row nav_sp">
2937          	<span class="footernav_btn _menu drower">
2938          			<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-tea.svg"></span>
2939          			<span class="txt">商品を探す</span>
2940          	</span>
2941          	<a href="https://www.e-cha.co.jp/contents/" class="footernav_btn _book">
2942          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-book.svg"></span>
2943          			<span class="txt">読み物</span>
2944          	</a>
2945          	<a href="https://www.e-cha.co.jp/my/orders" class="footernav_btn _mypage">
2946          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico__mypage.svg"></span>
2947          			<span class="txt">注文履歴</span>
2948          	</a>
2949          	<a href="https://www.e-cha.co.jp/f/ranking" class="footernav_btn _history2">
2950          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/crown.svg?t=20261002205422" width="32"></span>
2951          			<span class="txt">ランキング</span>
2952          	</a>
2953          	<a href="https://www.e-cha.co.jp/p/cart" class="footernav_btn _cart2">
2954          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-cart2.svg"></span>
2955          			<span class="txt">カート</span>
2956          	</a>
2957          </section></footer>
2958    
2958<script src="https://sugamo.itembox.cloud/item/renewal/js/slick.min.js"></script>
2958
2959    
2959<script src="https://sugamo.itembox.cloud/item/renewal/js/script.js?v1.41"></script>
2959
2960    
2960<script>
2961        $(function() {
2962
2963            let $megaMenu = $('.js-megaMenu');
2964
2965            //表示を切り替える
2966            const fadeOutMenu = () => {
2967                $megaMenu.removeClass('is-active');
2968            }
2969
2970            // メガメニューのリンクをクリックした時
2971            $megaMenu.on('click', function(e) {
2972                let $self = $(e.target);
2973
2974                // リンクがis-activeを持っていないとき
2975                if (!$self.hasClass('is-active')) {
2976                    fadeOutMenu();
2977                }
2978
2979                $self.toggleClass('is-active');
2980            });
2981
2982            // メガメニューのリンク以外の場所をクリックした時
2983            $(document).on('click touchend', function(e) {
2984                if (!$(e.target).closest($megaMenu).length) {
2985                    fadeOutMenu();
2986                }
2987            });
2988
2989        });
2990
2991    </script>
2991
2992
2993<!-- Future shop2リピーター判定 -->
2994<script type="text/javascript">
2995FS2.repeater({
2996ssldomain: 'c11.future-shop.jp',
2997shopKey: 'sugamo',
2998});
2999</script>
2999
3000
3001<script>
3002  $(document).ready(function() {
3003    $.ajax({
3004      type: "get",
3005      url: "https://www.e-cha.co.jp/contents/feed/" //(ここに取得したいwordpressサイトのドメインを入力)
3006    }).done(function(result) {
3007      $(result).find("item").each(function(i) {
3008	  if(i === 3) {return false;}
3009	  	var cutFigure = '60'; // カットする文字数
3010		var afterTxt = '…'; // 文字カット後に表示するテキスト
3011        var title = $(this).find('title').text();
3012        var url = $(this).find('link').text();
3013		var descriptionLength = $(this).find('description').text().length;
3014		var descriptionTrim = $(this).find('description').text().substr(0,(cutFigure));
3015		if(cutFigure < descriptionLength) {
3016		var description = descriptionTrim + afterTxt;
3017		}else if(cutFigure >= descriptionLength) {
3018		 var description = $(this).find('description').text();
3019		}
3020		console.log(description);
3021        var img = $(this).find('image').find('url').text();
3022        var category = $(this).find('category').eq(1).text();
3023        var contents = '';
3024        var pubDate = $(this).find("pubDate").text();
3025        var Dates = new Date(pubDate);
3026        var Dday = Dates.getDate();
3027        var Dmonth = Dates.getMonth() + 1;
3028        var Dyear = Dates.getFullYear();
3029        $("#new-rssbox").append('<li><a href="' + url + '"><div class="post_thumbnail"><div class="post_cate">' + category + '</div><img src="' + img + '"></div><div class="post_txt"><div class="post_date tac">' + Dyear + '/' + Dmonth + '/' + Dday + '</div><h3 class="post_title min tac">' + title + '</h3><p>' + description + '</p></div></a></li>');
3030      });
3031    });
3032  });
3033</script>
vendor: 1 bytes, line 3033
3033
3034<script>
3035  $(document).ready(function() {
3036    $.ajax({
3037      type: "get",
3038      url: "https://www.e-cha.co.jp/contents/feed/popular-posts/" //(ここに取得したいwordpressサイトのドメインを入力)
3039    }).done(function(result) {
3040      $(result).find("item").each(function(i) {
3041	  if(i === 3) {return false;}
3042	  	var cutFigure = '60'; // カットする文字数
3043		var afterTxt = '…'; // 文字カット後に表示するテキスト
3044        var title = $(this).find('title').text();
3045        var url = $(this).find('link').text();
3046		var descriptionLength = $(this).find('description').text().length;
3047		var descriptionTrim = $(this).find('description').text().substr(0,(cutFigure));
3048		if(cutFigure < descriptionLength) {
3049		var description = descriptionTrim + afterTxt;
3050		}else if(cutFigure >= descriptionLength) {
3051		 var description = $(this).find('description').text();
3052		}
3053		console.log(description);
3054        var img = $(this).find('image').find('url').text();
3055        var category = $(this).find('category').eq(1).text();
3056        var contents = '';
3057        var pubDate = $(this).find("pubDate").text();
3058        var Dates = new Date(pubDate);
3059        var Dday = Dates.getDate();
3060        var Dmonth = Dates.getMonth() + 1;
3061        var Dyear = Dates.getFullYear();
3062		var html = '';
3063        $("#wpp-rssbox").append('<li><a href="' + url + '"><div class="post_thumbnail"><div class="post_cate">' + category + '</div><img src="' + img + '"></div><div class="post_txt"><div class="post_date tac">' + Dyear + '/' + Dmonth + '/' + Dday + '</div><h3 class="post_title min tac">' + title + '</h3><p>' + description + '</p></div></a></li>');
3064      });
3065    });
3066  });
3067</script>
3067
3068</div>
3069<script><!--
3070_FS.setTrackingTag('%3Cscript+async+src%3D%22https%3A%2F%2Fs.yimg.jp%2Fimages%2Flisting%2Ftool%2Fcv%2Fytag.js%22%3E%3C%2Fscript%3E%0A%3Cscript%3E%0Awindow.yjDataLayer+%3D+window.yjDataLayer+%7C%7C+%5B%5D%3B%0Afunction+ytag%28%29+%7B+yjDataLayer.push%28arguments%29%3B+%7D%0Aytag%28%7B%0A++%22type%22%3A%22yjad_retargeting%22%2C%0A++%22config%22%3A%7B%0A++++%22yahoo_retargeting_id%22%3A+%228BHLODD1LL%22%2C%0A++++%22yahoo_retargeting_label%22%3A+%22%22%0A++++%2C%0A++++%22yahoo_retargeting_page_type%22%3A+%22home%22%2C%0A++++%22yahoo_retargeting_items%22%3A%5B%0A++++++%7Bitem_id%3A+%27%27%2C++price%3A+%27%27%2C+quantity%3A+%27%27%7D%0A++++%5D%0A++%7D%0A%7D%29%3B%0A%3C%2Fscript%3E');
3071--></script>
3071
3072
3073
3074
3075
3076
3077<script src="/shop/js/webstore.js?t=20260910153727"></script>
3077
3078</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.