PageSourceSearch

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

html e-cha.co.jp collected 2026-09-25 05:28:46 UTC 132,476 bytes, 2,775 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":{"login":"{@ member.logged_in @}","stage":"{@ member.stage_order @}"}},"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=20260925110145?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=20260925110145" 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=20260925110145">
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=20260925110145">
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=20260925110145">
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=20260925110145">
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=20260925110145">
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=20260925110145">
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<div class="pointbnr_slider">
2076
2077<!-- ポイント5倍 -->
2078<!--
2079<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/images/pointbanner/pointbnr5bai.jpg?t=20260316131325" alt="ポイント5倍" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/pointbnr5bai_sp.jpg?t=20260316131325" alt="ポイント5倍" class="sp"></a></p>
2080-->
2081
2082<!-- ポイント通常時 -->
2083
2084<p class="" style="text-align:center;"><a href="https://www.e-cha.co.jp/f/member-rank"><img src="https://sugamo.itembox.cloud/item/rankb_pc.jpg?t=20240320133325" alt="会員ランク特典" class="pc"><img src="https://sugamo.itembox.cloud/item/rankb_sp.jpg?t=2025072020133325" alt="会員ランク特典" class="sp"></a></p>
2085
2086
2087
2088<!-- line連携キャンペーン -->
2089<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/line_id_campaign_pcb.jpg?d=20260415144528" alt="lineクーポン" class="pc"><img src="https://sugamo.itembox.cloud/item/line_id_campaign_spb.jpg?d=20260415144537" alt="lineクーポン" class="sp"></a></p>
2090
2091<!-- lineクーポン -->
2092<p class="" style="text-align:center;"><a href="https://lin.ee/zLw5oTM" target="_blank"><img src="https://sugamo.itembox.cloud/item/images/linecoupon1.jpg?t=20260320133325" alt="lineクーポン" class="pc"><img src="https://sugamo.itembox.cloud/item/images/linecoupon2.jpg?t=20260320133325" alt="lineクーポン" class="sp"></a></p>
2093
2094<!-- 敬老の日ギフト特集 -->
2095<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/renewal/img/keirou_giftb_pc.jpg?t=20260925110145" alt="敬老のギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/keirou_giftb_sp.jpg?t=20260925110145" alt="敬老のギフト特集" class="sp"></a></p>
2096
2097<!--
2098<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/renewal/img/oseibo_giftb_pc.jpg?t=20260925110145" alt="お歳暮ギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/oseibo_giftb_sp.jpg?t=20260925110145" alt="お歳暮ギフト特集" class="sp"></a></p>
2099
2100<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/renewal/img/hahanohi_giftb_pc.jpg?t=20260925110145" alt="母の日ギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/hahanohi_giftb_sp.jpg?t=20260925110145" alt="母の日ギフト特集" class="sp"></a></p>
2101
2102<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/renewal/img/chichinohi_giftb_pc.jpg?t=20260925110145" alt="父の日ギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/chichinohi_giftb_sp.jpg?t=20260925110145" alt="父の日ギフト特集" class="sp"></a></p>
2103
2104<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/renewal/img/otyugen_giftb_pc.jpg?t=20260925110145" alt="お中元ギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/otyugen_giftb_sp.jpg?t=20260925110145" alt="お中元ギフト特集" class="sp"></a></p>
2105-->
2106
2107
2108<!-- ギフト特集 -->
2109<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/renewal/img/giftb_pc.jpg?t=20260925110145" alt="ギフト特集" class="pc"><img src="https://sugamo.itembox.cloud/item/renewal/img/giftb_sp.jpg?t=20260925110145" alt="ギフト特集" class="sp"></a></p>
2110
2111</div>
2112
2113<script>
2114//期間限定にしたい <p> に data-start / data-end を付与
2115//例:data-start="2025/09/05 10:00:00" data-end="2025/09/06 09:59:59"
2116//どちらか片方だけでも可(開始のみ/終了のみ)
2117//常時表示させたい <p> は data-* を付けない
2118
2119document.addEventListener("DOMContentLoaded", function () {
2120  // "YYYY/MM/DD HH:MM:SS" または "YYYY-MM-DD HH:MM:SS" を JST Date に変換
2121  function parseDateJST(s) {
2122    if (!s) return null;
2123    const m = s.match(/(\d{4})[-\/](\d{2})[-\/](\d{2})\s+(\d{2}):(\d{2}):(\d{2})/);
2124    if (!m) return null;
2125    const [_, y, M, d, h, mnt, sec] = m.map(Number);
2126    // UTCベースで作成し、JSTに補正(-9時間ずらす)
2127    return new Date(Date.UTC(y, M - 1, d, h - 9, mnt, sec));
2128  }
2129
2130  // 現在の日本時間
2131  function nowJST() {
2132    const now = new Date();
2133    return new Date(now.getTime() + (9 * 60 * 60 * 1000) - now.getTimezoneOffset() * 60000);
2134  }
2135
2136  const now = nowJST();
2137
2138  document.querySelectorAll(".pointbnr_slider p").forEach(p => {
2139    const start = parseDateJST(p.getAttribute("data-start"));
2140    const end   = parseDateJST(p.getAttribute("data-end"));
2141
2142    if (!start && !end) {
2143      // data属性なし → 常時表示
2144      p.style.display = "block";
2145      return;
2146    }
2147
2148    let show = true;
2149    if (start && now < start) show = false;
2150    if (end && now > end)     show = false;
2151
2152    p.style.display = show ? "block" : "none";
2153  });
2154});
2155</script>
2155
2156
2157
2158
2159<ul class="fs-p-dateList fs-pt-list fs-pt-list--noMarker">
2160</ul>
2161
2162<section id="p_top_season-item" class="container">
2163            <div class="l-inner_l">
2164                <h2 class="title01 min" id="month_recommend"></h2>
2165				
2166				
2167<script type="text/javascript">
2168	  $(document).ready(function() {
2169		var month = new Date().getMonth() + 1;
2170		var html = month + '月のおすすめ商品' + '<img src="https://sugamo.itembox.cloud/item/renewal/img/monthly/'+ month +'.png" alt="'+ month +'月" width="80">';
2171    	$('#month_recommend').html(html);
2172	  });
2173</script>
2173
2174				
2175
2176                <ul class="season-item_list l-row l-row__3 l-row__1_sp l-row__between">
2177                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/ochadukeset">
2178                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/future-bnr_ocyaduke.jpg" alt=""></div>
2179                            <h1 class="title02 min">高級お茶漬けセット</h1>
2180                            <p>ふっくらしっとり、本来の食感と風味を活かして丁寧に仕上げた具材と、こだわりの特性だしつゆで本格的な料亭の味が楽しめます。</p>
2181                        </a></li>
2182                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/kikuimocha">
2183                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_kikuimoko.jpg" alt=""></div>
2184                            <h1 class="title02 min">長野県産100%使用 菊いも粉</h1>
2185                            <p>イヌリン豊富で話題!オススメです。粉末だからお茶だけでなく飲み物や料理に混ぜ合わせて簡単に摂取</p>
2186                        </a></li>
2187                    <li><a href="https://www.e-cha.co.jp/fs/sugamo/c/tamaneginokawa">
2188                            <div class="season-item_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/kv_bnr_tamanegi-kawa.jpg" alt=""></div>
2189                            <h1 class="title02 min">国産100% 玉ねぎの皮茶</h1>
2190                            <p>テレビで話題の「ケルセチン」(ポリフェノールの一種) 一袋100gで約200個分の国内(北海道、淡路島)で栽培された玉ねぎの皮を使用しています。</p>
2191                        </a></li>
2192                </ul>
2193<div id="recommend">
2194<script type="text/javascript">
2195try{
2196  _rcmdjp._displayRanking({
2197    type: 'cv',
2198    span: 'week',
2199    template: 'Responsive_Recommend-2022'
2200  });
2201} catch(err) {}
2202</script>
2202
2203</div>
2204            </div>
2205</section>
2206        <section id="p_top_ranking" class="container l-inner_l">
2207            <h2 class="title01 min">ジャンル別ランキング</h2>
2208            <div class="c-tab ranking_wrap">
2209                <div class="c-tab__nav ranking_genre_list pc">
2210                    <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>
2211                    <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>
2212                    <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>
2213                    <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>
2214                </div>
2215                <div class="c-tab__contents">
2216                    <div id="for-tab01" class="c-tab__content is-checked">
2217                        <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>
2218						
2219						
2219<script type="text/javascript">
2220							try{
2221								_rcmdjp._displayRanking({
2222									type: 'cv',
2223									span: 'month',
2224									template: 'Responsive_Ranking-2022'
2225								});
2226							} catch(err) {}
2227						</script>
2227
2228<div class="mt40"><a href="https://www.e-cha.co.jp/f/ranking" class="btn btn02 arrow-right">ランキングをもっと見る</a></div>
2229                    </div>
2230                    <div id="for-tab02" class="c-tab__content">
2231                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶" width="60">日本茶</div>
2232                        
2232<script type="text/javascript">
2233							try{
2234								_rcmdjp._displayRanking({
2235									type: 'cv',
2236									span: 'month',
2237									template: 'Responsive_Ranking-2022',
2238									category: 'nihoncha'
2239								});
2240							} catch(err) {}
2241						</script>
2241
2242                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/nihoncha" class="btn btn02 arrow-right">日本茶一覧を見る</a></div>
2243                    </div>
2244                    <div id="for-tab03" class="c-tab__content">
2245                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶" width="60">健康茶</div>
2246                        
2246<script type="text/javascript">
2247							try{
2248								_rcmdjp._displayRanking({
2249									type: 'cv',
2250									span: 'month',
2251									template: 'Responsive_Ranking-2022',
2252									category: 'kenkoucha'
2253								});
2254							} catch(err) {}
2255						</script>
2255
2256                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkoucha" class="btn btn02 arrow-right">健康茶一覧を見る</a></div>
2257                    </div>
2258                    <div id="for-tab04" class="c-tab__content">
2259                        <div class="ranking_genre_ttl sp"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthfood.png" alt="健康食品" width="60">健康食品</div>
2260                        
2260<script type="text/javascript">
2261							try{
2262								_rcmdjp._displayRanking({
2263									type: 'cv',
2264									span: 'month',
2265									template: 'Responsive_Ranking-2022',
2266									category: 'kenkousyokuhin'
2267								});
2268							} catch(err) {}
2269						</script>
2269
2270                        <div class="mt40"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkousyokuhin" class="btn btn02 arrow-right">健康食品一覧を見る</a></div>
2271                    </div>
2272                </div>
2273            </div>
2274        </section>
2275        <section id="p_top_category" class="container">
2276            <div class="l-inner_l">
2277                <h2 class="title01 min">商品一覧</h2>
2278                <ul class="category_list l-row l-row__5">
2279                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/kenkoucha">
2280                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
2281                            <h3 class="category_title">健康茶</h3>
2282                        </a></li>
2283                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/nihoncha">
2284                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-japanesetee.png" alt="日本茶"></div>
2285                            <h3 class="category_title">日本茶</h3>
2286                        </a></li>
2287                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/matcha">
2288                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-greentee.png" alt="抹茶"></div>
2289                            <h3 class="category_title">抹茶</h3>
2290                        </a></li>
2291                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/genmaicha">
2292                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-genmaitee.png" alt="玄米茶"></div>
2293                            <h3 class="category_title">玄米茶</h3>
2294                        </a></li>
2295                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/houjicha">
2296                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-houji.png" alt="ほうじ茶"></div>
2297                            <h3 class="category_title">ほうじ茶</h3>
2298                        </a></li>
2299                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">
2300                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-ocyaduke.png" alt="お茶請け"></div>
2301                            <h3 class="category_title">お茶請け</h3>
2302                        </a></li>
2303
2304                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">
2305                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-healthtee.png" alt="健康茶"></div>
2306                            <h3 class="category_title">健康食品</h3>
2307                        </a></li>
2308                    <li class="category_box"><a href="https://www.e-cha.co.jp/fs/sugamo/c/gift">
2309                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-gift.png" alt="ギフト"></div>
2310                            <h3 class="category_title">ギフト</h3>
2311                        </a></li>
2312                    <li class="category_box"><a href="https://www.e-cha.co.jp/c/sonota">
2313                            <div class="category_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/ila-other.png" alt="その他"></div>
2314                            <h3 class="category_title">その他</h3>
2315                        </a></li>
2316                </ul>
2317            </div>
2318        </section>
2319        <section id="p_top_about" class="container">
2320            <div class="txt_box min jp_sp bold">
2321                <p>1950年創業<br>
2322                    山年園は巣鴨とげぬき地蔵通りで参拝のお客様にご愛顧頂いております。
2323                </p>
2324                <p>巣鴨のお茶屋さん山年園は、巣鴨とげぬき地蔵通り門前仲見世にあり、<br>
2325                    七十年余りの間、参拝のお客様にご愛顧頂いております。<br>
2326                    巣鴨でおばあちゃんの味覚で鍛えられ、選びぬかれた<br>
2327                    「こだわりのお茶」「健康茶・健康食品」「おやつ・お茶うけ」を販売しております。<br>
2328                    ゆったりとした巣鴨の雰囲気、下町の良さを添えて、皆様のお茶の間に届けさせていただければ幸いです。</p>
2329            </div>
2330            <div class="about_link l-row l-row__between l-row__2 l-row__1_sp">
2331                <div class="about_link_img"><img src="https://sugamo.itembox.cloud/item/renewal/img/p_top_about_img01.jpg" alt=""></div>
2332                <div class="about_link_txt min">
2333                    <div class="about_link_txt_ttl">巣鴨のお茶屋さん<br>山年園</div>
2334                    <p class="jp_sp bold">巣鴨とげぬき地蔵通りから徒歩5分の場所にあり、365日年中無休で営業しております。
2335                        創業70年あまり参拝のお客様にお立ち寄り頂いております。</p>
2336                    <div class="link01"><a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">
2336山年園について</a></div>
2337                </div>
2338            </div>
2339        </section>
2340        <section id="p_top_column" class="container l-inner_l">
2341            <h2 class="title01 min">山年園お茶コラム</h2>
2342            <ul class="column_category_list l-row l-row__center">
2343                <li><a href="https://www.e-cha.co.jp/contents/category/goods/">おすすめ商品</a></li>
2344                <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>
2345                <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>
2346                <li><a href="https://www.e-cha.co.jp/contents/category/goods/greentea/">日本茶</a></li>
2347                <li><a href="https://www.e-cha.co.jp/contents/category/interview/">インタビュー</a></li>
2348                <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>
2349                <li><a href="https://www.e-cha.co.jp/contents/category/goods/%e8%8c%b6%e5%99%a8/">茶器</a></li>
2350                <li><a href="https://www.e-cha.co.jp/contents/category/goods/greentea/maccha/">抹茶</a></li>
2351                <li><a href="https://www.e-cha.co.jp/contents/category/goods/%e4%b8%ad%e5%9b%bd%e8%8c%b6/">中国茶</a></li>
2352                <li><a href="https://www.e-cha.co.jp/contents/category/recommend-cafe/">おすすめカフェ</a></li>
2353            </ul>
2354            <div class="column__box l-row l-row__middle mb90 l-row__1_sp">
2355                <div class="column__box__title min">
2356                    <img src="https://sugamo.itembox.cloud/item/renewal/img/ico-new.svg" alt="NEW" width="62" class="column__box__title_ico">新着コラム
2357                </div>
2358<ul id="new-rssbox" class="rss column__box__list l-row l-row__3 l-row__1_sp l-row__between"></ul>
2359                <div class="column__box__link tac pc">
2360                    <a href="https://www.e-cha.co.jp/contents/">
2361                        <img src="https://sugamo.itembox.cloud/item/renewal/img/arrow-ios-back-fill.svg" alt=""><br>
2362                        <span class="min">もっと見る</span>
2363                    </a>
2364                </div>
2365            </div>
2366            <div class="column__box l-row l-row__middle l-row__1_sp">
2367                <div class="column__box__title min">
2368                    <img src="https://sugamo.itembox.cloud/item/renewal/img/ila-heart.png" alt="ハート" width="62" class="column__box__title_ico">人気コラム
2369                </div>
2370 <ul id="wpp-rssbox" class="rss column__box__list l-row l-row__3 l-row__1_sp l-row__between">
2371                </ul>
2372                <div class="column__box__link tac">
2373                    <a href="https://www.e-cha.co.jp/contents/">
2374                        <img src="https://sugamo.itembox.cloud/item/renewal/img/arrow-ios-back-fill.svg" alt=""><br>
2375                        <span class="min">もっと見る</span>
2376                    </a>
2377                </div>
2378            </div>
2379        </section>
2380        <section id="p_top_voice">
2381            <div class="container l-inner_m">
2382                <h2 class="title01 min">たくさんのお客様に<br class="sp">ご購入いただいております!</h2>
2383                <div class="l-row l-row__between l-row__2 l-row__1_sp">
2384                    <div class="voice_area"><p id="ultra_a_txt">注文状況をリアルタイムでお伝え!</p>
2385<iframe src="https://www.ec-platz.net/e-cha/orders/live.html" name="現在の注文状況" width="100%" height="575" frameborder="0"></iframe></div>
2386                    <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>
2387                </div>
2388            </div>
2389        </section>
2390
2391
2392<script type="text/javascript">
2393  try{
2394  _rcmdjp._displayHistory({
2395    code: '',
2396    template: 'fs_history'
2397  });
2398  } catch(err) {}
2399</script>
2399
2400</main>
2401<footer>        <div id="p_footer_guide" class="container">
2402            <div class="l-inner_m">
2403                <h2 class="title01 min">お買い物ガイド</h2>
2404                <div class="l-row l-row__2 l-row__1_sp l-row__between">
2405                    <div class="guide_box">
2406                        <h3 class="title02 title03 min">お支払い方法について</h3>
2407                        <div class="guide_box__inner">
2408                            <p>下記の中からお選びいただけます。</p>
2409                            <ul class="pay_list l-row l-row__3 l-row__2_sp">
2410                                <li class="credit">
2411                                    クレジットカード決済
2412                                </li>
2413                                <li>Paypay</li>
2414                                <li>AmazonPay</li>
2415                                <li>コンビニ後払い</li>
2416                                <li>郵便局後払い</li>
2417                                <li>銀行振込</li>
2418                                <li>代金引換</li>
2419                                <li>au Pay</li>
2420                                <li>d払い</li>
2421                                <li>auかんたん決済</li>
2422                                <li>ソフトバンク決済</li>
2423                                <li>あと払い(ペイディ)</li>
2424                                <li>楽天Pay</li>
2425                            </ul>
2426                            <p class="tar"><a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払い方法についての詳細 ></a></p>
2427                        </div>
2428                        <h3 class="title02 title03 min">返品について</h3>
2429                        <div class="guide_box__inner">
2430                            <p class="txt_80">返品につきましては 商品到着後 7日間以内にお電話またはメールにてご連絡お願いします。<br>
2431                                破損・汚損・不良品・ご注文と異なる商品や数量などの不備など、詳細をお伝えください。</p>
2432                        </div>
2433                    </div>
2434                    <div class="guide_box">
2435                        <h3 class="title02 title03 min">送料・配達について</h3>
2436                        <div class="guide_box__inner bold">
2437                            <div class="l-row nowrap mb40">
2438                                <div class="ico-guide">全国送料無料!</div>
2439                                <div class="ico-guide">年中無休365日発送</div>
2440                            </div>
2441                            <h4 class="title03 bold mb20">お届け日時のご指定について</h4>
2442                            <div class="guide_box__inner">
2443                                <p>配達の日時をご指定頂けます。</p>
2444                                <img src="https://sugamo.itembox.cloud/item/renewal/img/img_time.svg" alt="" class="mb20">
2445                                <p class="txt_80">※天候などの事情により指定時間内に配達が出来ない場合がございます。<br>
2446                                    ※お急ぎの場合は、日時指定がない方がより早くお届けできる場合がございます。
2447                                </p>
2448                            </div>
2449                        </div>
2450                    </div>
2451                </div>
2452            </div>
2453        </div>
2454        <div id="p_footer_contact">
2455            <h2 class="title01 min">商品・注文に関するお問合せ</h2>
2456            <p class="txt_box min tac jp_sp bold tal_sp">
2457                山年園ではお電話での商品・ご注文に関するお問合せを承っております。<br>
2458                ご不明点など、お気軽にお問合せくださいませ。
2459            </p>
2460            <div class="contact_box">
2461                <a href="tel:0120224663">
2462                    <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>
2463                    <p>通話無料(受付:10時〜18時)</p>
2464                </a>
2465            </div>
2466        </div>
2467        <div id="p_footer_nav" class="l-inner_m">
2468            <div class="page_top">
2469                <a href="#"><span class="arrow-top"></span></a>
2470            </div>
2471            <div class="l-row l-row__between l-row__1_sp">
2472                <div class="p_footer_nav_left">
2473                    <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>
2474                    <div class="l-row l-row__middle mb15 ico-wrap">
2475                        <div class="ico-free-shipping"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-free-shipping.png" alt="全国どこでも送料無料"></div>
2476                        <div class="ico-open-daily"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-open-daily.png" alt="365日毎日発送しています年中無休"></div>
2477                    </div>
2478                    <div class="txt_box mb15">
2479                        <p>巣鴨のお茶屋さん山年園(営業時間10:00~18:00) </p>
2480                        <p>住所 東京都豊島区巣鴨3-34-1 </p>
2481                        <p>
2481TEL <a href="tel:0339174663">03-3917-4663</a> / FAX 03-3917-4010</p>
2482                        <a href="https://www.e-cha.co.jp/p/about/privacy-policy">プライバシーポリシー</a>
2483                    </div>
2484                    <div class="contact_box">
2485                        <p class="mb15">お電話でのご注文はコチラ</p>
2486                        <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>
2487                        <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>
2488                    </div>
2489                </div>
2490                <div class="p_footer_nav_right">
2491                    <ul class="footer_navlist l-row l-row__2 l-row__1_sp">
2492                        <li>
2493                            <h2 class="title04 min">商品一覧から探す</h2>
2494                            <ul class="footer_navlist_category l-row">
2495                                <li class="">
2496                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/ocha">お茶</a></h3>
2497                                    <div class="footer_navlist_category_c">
2498                                        <a href="https://www.e-cha.co.jp/c/ocha/kenkoucha">健康茶</a>
2499                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha">日本茶</a>
2500                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/matcha">抹茶</a>
2501                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/genmaicha">玄米茶</a>
2502                                        <a href="https://www.e-cha.co.jp/c/ocha/nihoncha/matcha-genmaicha-houjicha/houjicha">ほうじ茶</a>
2503                                    </div>
2504                                </li>
2505                                <li class="">
2506                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/syokuhin">食品</a></h3>
2507                                    <div class="footer_navlist_category_c">
2508                                        <a href="https://www.e-cha.co.jp/c/syokuhin/oyatsu">お茶請け</a>
2509                                        <a href="https://www.e-cha.co.jp/c/syokuhin/kenkousyokuhin">健康食品</a>
2510                                        <a href="https://www.e-cha.co.jp/c/syokuhin/ochaduke">お茶漬け</a>
2511                                    </div>
2512                                </li>
2513                                <li class="">
2514                                    <h3 class="mb15"><a href="https://www.e-cha.co.jp/c/gift">ギフト</a></h3>
2515                                    <div class="footer_navlist_category_c">
2516                                        <a href="https://www.e-cha.co.jp/c/syokuhin/ochaduke">お茶漬け</a>
2517                                    </div>
2518                                </li>
2519                            </ul>
2520                        </li>
2521                        <li class="footer_navlist__other">
2522                            <h2 class="title04 min">その他</h2>
2523                            <ul class="footer_navlist_category l-row">
2524                                <li class="footer_navlist_category_c">
2525                                    <a href="https://www.e-cha.co.jp/fs/sugamo/c/about_us">山年園について</a>
2526                                    <!--<a href="">沿革</a>
2527                                    <a href="">採用情報</a>-->
2528                                </li>
2529                                <li class="footer_navlist_category_c">
2530                                    <a href="https://www.e-cha.co.jp/fs/sugamo/PostageSettleList.html">お支払いについて</a>
2531                                    <a href="https://www.e-cha.co.jp/c/about_us">店舗アクセス</a>
2532                                    <a href="https://u01.fsi.ne.jp/formmailer/9a7310e1533279e56eec2c1f02e2b271.html" target="_blank">お問合わせ</a>
2533                                </li>
2534                                <li class="footer_navlist_category_c">
2535                                    <a href="https://www.e-cha.co.jp/c/about_us">会社概要</a>
2536                                    <a href="https://www.e-cha.co.jp/contents/">山年園ブログ</a>
2537                                    <a href="https://www.e-cha.co.jp/p/about/terms">特定商取引法</a>
2538                                </li>
2539
2540                            </ul>
2541                        </li>
2542                    </ul>
2543                    <div class="footersnsarea">
2544                     <h2 class="title04 min">公式SNS</h2>
2545                     <div class="l-row footersnslist">
2546                    	<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>
2547                    	<a target="_blank" href="https://twitter.com/yamaneen1"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_x.jpg" alt="公式Twitter"></a>
2548                    	<a target="_blank" href="https://www.facebook.com/YamaneEn"><img src="https://sugamo.itembox.cloud/item/renewal/img/bnr_fb.jpg" alt="公式facebook"></a>
2549                    </div>
2550                </div>
2551            </div>
2552        </div>
2553<!--<div class="checkhistory_fixed">
2554            <a href="https://www.e-cha.co.jp/f/history"><img src="https://sugamo.itembox.cloud/item/renewal/img/checkhistory_fixed.png?t=20260925110145" alt="閲覧履歴はこちら"></a>
2555        </div>-->
2556        <div class="popup" id="js-popup">
2557            <div class="popup-inner">
2558                <div class="close-btn" id="js-close-btn"></div>
2559                <!--<a href="#"><img src="https://sugamo.itembox.cloud/item/renewal/img/point2.jpg" alt="ポイント2倍"></a>
2560                <a href="#"><img src="https://sugamo.itembox.cloud/item/images/pointbanner/point5.jpg?t=20260925110145" alt="ポイント5倍"></a>-->
2561            </div>
2562            <div class="black-background" id="js-black-bg"></div>
2563        </div>
2564
2565        <!--<div id="js-show-popup" class="popup_btn"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-point2.jpg" alt="ポイント2倍">
2566
2567        <div id="js-show-popup" class="popup_btn"><img src="https://sugamo.itembox.cloud/item/images/pointbanner/ico-point5.jpg?t=20260925110145" alt="ポイント5倍">-->
2568
2569</div>
2570        <div class="screen"></div>
2571
2572<div id="fixedphonenumber" class="hide floating_bnr_phone sp">
2573                <a href="tel:0120224663">
2574                    <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>
2575                    <span class="fixedphonenumber_bottom l-row">
2576                    	<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-fleedial.svg"></span>
2577                    	<span class="num">0120-22-4663<br><span class="memo">通話無料(受付:9時30分〜18時)</span></span>
2578                    	
2579                    </span>
2580                    <span class="ico-click"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-click.svg"></span>
2581                </a>
2582            </div>
2583
2584
2585<script>
2586document.addEventListener('DOMContentLoaded', () => {
2587    let lastScrollTop = 0; // 最後のスクロール位置を保持する変数
2588    let delta = 100; // スクロール変化の閾値
2589
2590    // 時間帯に基づく表示可否を判断する関数
2591    function isVisibleBasedOnTime() {
2592        let now = new Date();
2593        let hour = now.getHours();
2594        let minutes = now.getMinutes();
2595        return (hour === 9 && minutes >= 30) || (hour > 9 && hour < 18);
2596    }
2597
2598    let fixedPhoneNumber = document.getElementById('fixedphonenumber'); // フッター要素
2599    if (!fixedPhoneNumber) return; // fixedphonenumberがなければ処理を終了
2600
2601    // 初期表示状態設定
2602    fixedPhoneNumber.style.display = isVisibleBasedOnTime() ? '' : 'none';
2603
2604    // スクロールに応じた表示切替
2605    function toggleVisibilityOnScroll() {
2606        window.addEventListener('scroll', () => {
2607            let st = window.pageYOffset || document.documentElement.scrollTop;
2608
2609            // スクロールの変化が閾値以下なら何もしない
2610            if (Math.abs(lastScrollTop - st) <= delta) return;
2611
2612            // 時間帯に基づく表示条件を満たしていない場合は何もしない
2613            if (!isVisibleBasedOnTime()) {
2614                fixedPhoneNumber.style.display = 'none';
2615                return;
2616            }
2617
2618            if (st > lastScrollTop) {
2619                // 下にスクロールした場合(かつ、少なくともdelta以上スクロールした場合)
2620                fixedPhoneNumber.classList.remove('hide');
2621            } else {
2622                // 上にスクロールした場合
2623                fixedPhoneNumber.classList.add('hide');
2624            }
2625            lastScrollTop = st;
2626        });
2627    }
2628
2629    toggleVisibilityOnScroll(); // スクロールイベントのバインド
2630});
2631</script>
2631
2632
2633<section id="footernav" class="l-row nav_sp">
2634          	<span class="footernav_btn _menu drower">
2635          			<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-tea.svg"></span>
2636          			<span class="txt">商品を探す</span>
2637          	</span>
2638          	<a href="https://www.e-cha.co.jp/contents/" class="footernav_btn _book">
2639          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-book.svg"></span>
2640          			<span class="txt">読み物</span>
2641          	</a>
2642          	<a href="https://www.e-cha.co.jp/my/orders" class="footernav_btn _mypage">
2643          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico__mypage.svg"></span>
2644          			<span class="txt">注文履歴</span>
2645          	</a>
2646          	<a href="https://www.e-cha.co.jp/f/ranking" class="footernav_btn _history2">
2647          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/crown.svg?t=20260925110145" width="32"></span>
2648          			<span class="txt">ランキング</span>
2649          	</a>
2650          	<a href="https://www.e-cha.co.jp/p/cart" class="footernav_btn _cart2">
2651          		<span class="ico"><img src="https://sugamo.itembox.cloud/item/renewal/img/ico-cart2.svg"></span>
2652          			<span class="txt">カート</span>
2653          	</a>
2654          </section></footer>
2655    
2655<script src="https://sugamo.itembox.cloud/item/renewal/js/slick.min.js"></script>
2655
2656    
2656<script src="https://sugamo.itembox.cloud/item/renewal/js/script.js?v1.41"></script>
2656
2657    
2657<script>
2658        $(function() {
2659
2660            let $megaMenu = $('.js-megaMenu');
2661
2662            //表示を切り替える
2663            const fadeOutMenu = () => {
2664                $megaMenu.removeClass('is-active');
2665            }
2666
2667            // メガメニューのリンクをクリックした時
2668            $megaMenu.on('click', function(e) {
2669                let $self = $(e.target);
2670
2671                // リンクがis-activeを持っていないとき
2672                if (!$self.hasClass('is-active')) {
2673                    fadeOutMenu();
2674                }
2675
2676                $self.toggleClass('is-active');
2677            });
2678
2679            // メガメニューのリンク以外の場所をクリックした時
2680            $(document).on('click touchend', function(e) {
2681                if (!$(e.target).closest($megaMenu).length) {
2682                    fadeOutMenu();
2683                }
2684            });
2685
2686        });
2687
2688    </script>
2688
2689
2690<!-- Future shop2リピーター判定 -->
2691<script type="text/javascript">
2692FS2.repeater({
2693ssldomain: 'c11.future-shop.jp',
2694shopKey: 'sugamo',
2695});
2696</script>
2696
2697
2698<script>
2699  $(document).ready(function() {
2700    $.ajax({
2701      type: "get",
2702      url: "https://www.e-cha.co.jp/contents/feed/" //(ここに取得したいwordpressサイトのドメインを入力)
2703    }).done(function(result) {
2704      $(result).find("item").each(function(i) {
2705	  if(i === 3) {return false;}
2706	  	var cutFigure = '60'; // カットする文字数
2707		var afterTxt = '…'; // 文字カット後に表示するテキスト
2708        var title = $(this).find('title').text();
2709        var url = $(this).find('link').text();
2710		var descriptionLength = $(this).find('description').text().length;
2711		var descriptionTrim = $(this).find('description').text().substr(0,(cutFigure));
2712		if(cutFigure < descriptionLength) {
2713		var description = descriptionTrim + afterTxt;
2714		}else if(cutFigure >= descriptionLength) {
2715		 var description = $(this).find('description').text();
2716		}
2717		console.log(description);
2718        var img = $(this).find('image').find('url').text();
2719        var category = $(this).find('category').eq(1).text();
2720        var contents = '';
2721        var pubDate = $(this).find("pubDate").text();
2722        var Dates = new Date(pubDate);
2723        var Dday = Dates.getDate();
2724        var Dmonth = Dates.getMonth() + 1;
2725        var Dyear = Dates.getFullYear();
2726        $("#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>');
2727      });
2728    });
2729  });
2730</script>
vendor: 1 bytes, line 2730
2730
2731<script>
2732  $(document).ready(function() {
2733    $.ajax({
2734      type: "get",
2735      url: "https://www.e-cha.co.jp/contents/feed/popular-posts/" //(ここに取得したいwordpressサイトのドメインを入力)
2736    }).done(function(result) {
2737      $(result).find("item").each(function(i) {
2738	  if(i === 3) {return false;}
2739	  	var cutFigure = '60'; // カットする文字数
2740		var afterTxt = '…'; // 文字カット後に表示するテキスト
2741        var title = $(this).find('title').text();
2742        var url = $(this).find('link').text();
2743		var descriptionLength = $(this).find('description').text().length;
2744		var descriptionTrim = $(this).find('description').text().substr(0,(cutFigure));
2745		if(cutFigure < descriptionLength) {
2746		var description = descriptionTrim + afterTxt;
2747		}else if(cutFigure >= descriptionLength) {
2748		 var description = $(this).find('description').text();
2749		}
2750		console.log(description);
2751        var img = $(this).find('image').find('url').text();
2752        var category = $(this).find('category').eq(1).text();
2753        var contents = '';
2754        var pubDate = $(this).find("pubDate").text();
2755        var Dates = new Date(pubDate);
2756        var Dday = Dates.getDate();
2757        var Dmonth = Dates.getMonth() + 1;
2758        var Dyear = Dates.getFullYear();
2759		var html = '';
2760        $("#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>');
2761      });
2762    });
2763  });
2764</script>
2764
2765</div>
2766<script><!--
2767_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');
2768--></script>
2768
2769
2770
2771
2772
2773
2774<script src="/shop/js/webstore.js?t=20260910153727"></script>
2774
2775</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.