PageSourceSearch

https://www.thanko.jp/view/cart

html thanko.jp collected 2026-10-02 17:15:21 UTC 113,575 bytes, 2,951 lines download raw bytes

1<!doctype html>
2<html lang="ja">
3
4<head>
5    <meta charset="utf-8">
6<link rel="canonical" href="https://www.thanko.jp/view/cart">
7
8<!-- Twitterカード -->
9<meta name="twitter:card" content="summary_large_image">
10<meta name="twitter:site" content="@yourTwitterHandle">
11<meta name="twitter:title" content="THANKO|【公式】サンコー通販サイト">
12<meta name="twitter:description" content="">
13
14<!-- SEO関連 -->
15<meta name="description" content="">
16<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
17<meta name="robots" content="index, follow">
18
19<!-- 過去の引き継ぎ -->
20<title>THANKO|【公式】サンコー通販サイト</title>
21<meta name="description" content="" />
22<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
23<meta property="og:type" content="website" />
24<meta property="og:title" content="THANKO|【公式】サンコー通販サイト" />
25<meta property="og:description" content="" />
26<meta property="og:site_name" content="THANKO|【公式】サンコー通販サイト" />
27<meta property="og:image" content="画像URL" />
28<meta name="twitter:card" content="summary_large_image" />
29
30<!-- 電話番号の自動リンクを無効 -->
31<meta name="format-detection" content="telephone=no">
32
33<!-- Open Graph -->
34<meta property="og:type" content="website">
35<meta property="og:title" content="THANKO|【公式】サンコー通販サイト">
36<meta property="og:description" content="">
37<meta property="og:site_name" content="THANKO|【公式】サンコー通販サイト">
38<meta property="og:url" content="https://www.thanko.jp/view/cart">
39<meta property="og:image" content="">
40
41<!-- Favicon -->
42<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
43
44<!-- CSS -->
45<link rel="stylesheet" href="/view/asset/user-18-1-6-fedddefcf0058826db0f2c535efc9fac.css">
46<link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css">
47<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 2 bytes, line 47
47
48<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
48
49�
50</head>
51
52<body>
53    
54        <header>
55            <!-- 
56  サンコー通販オンラインショップ - 新旧統合ヘッダーテンプレート 
57  PCメガメニュー全表示(スクロール解消)&スマホアカウントエリア余白再調整版
58-->
59
60<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
61<link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-rounded/css/uicons-regular-rounded.css">
62
63<!-- ヘッダー最上部:スクロール追従用アンカー -->
64<div id="totop"></div>
65
66<style>
67    .header-wrap a {
68        text-decoration: none;
69        color: inherit;
70        transition: color 0.2s ease;
71    }
72
73    .header-wrap a:hover {
74        color: #00737e;
75    }
76
77    .none-sp {
78        display: inline-block;
79    }
80
81    .ml15 { margin-left: 15px; }
82    .ml20 { margin-left: 20px; }
83    .ml25 { margin-left: 25px; }
84    .ml30 { margin-left: 30px; }
85    .mb25 { margin-bottom: 25px; }
86    .mb40 { margin-bottom: 40px; }
87    .center { text-align: center; }
88    
89    main {
90        margin: 100px auto 80px;
91    }
92
93    /* ==========================================
94       1. 発送案内バー (.week1)
95       ========================================== */
96    .week1 {
97        width: 100%;
98        height: 30px;
99        line-height: 30px;
100        background-color: #333333;
101        color: #fff;
102        font-size: 0.85em;
103        position: fixed;
104        top: 0;
105        left: 0;
106        z-index: 25;
107        border-bottom: 1px solid #dcdcdc;
108        transition: background-color 0.3s, color 0.3s;
109    }
110
111    .week-inner {
112        width: 1100px;
113        margin: 0 auto;
114        display: flex;
115        justify-content: center;
116        align-items: center;
117        padding: 0 10px;
118        box-sizing: border-box;
119        position: relative;
120        height: 100%;
121    }
122
123    .week-inner p.announce-text-container {
124        margin: 0;
125        display: flex;
126        align-items: center;
127        justify-content: center;
128        height: 100%;
129    }
130
131    .announce-orange-box {
132        background-color: #F99806;
133        color: #fff !important;
134        font-weight: bold;
135        padding: 2px 16px;
136        border-radius: 20px;
137        line-height: 1.4;
138        display: inline-block;
139        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
140    }
141
142    .week-inner .right-links {
143        position: absolute;
144        right: 10px;
145        display: flex;
146        gap: 15px;
147        align-items: center;
148        height: 100%;
149    }
150
151    .week-inner .right-links a {
152        color: #fff;
153        font-weight: bold;
154        text-decoration: none;
155    }
156
157    .week-inner .right-links a:hover {
158        color: #F99806;
159        text-decoration: underline;
160    }
161
162    /* ==========================================
163       2. メインヘッダーコンテナ (.header-wrap)
164       ========================================== */
165    .header-wrap {
166        width: 100%;
167        position: fixed;
168        top: 30px;
169        left: 0;
170        z-index: 20;
171        border-bottom: 1px solid #e8e8e8;
172        background-color: #f4f4f4;
173        height: 60px;
174        box-sizing: border-box;
175        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
176    }
177
178    #header-box {
179        width: 1100px;
180        margin: 0 auto;
181        display: flex;
182        align-items: center;
183        height: 100%;
184        position: relative;
185        padding: 0 10px;
186        box-sizing: border-box;
187    }
188
189    .header-con {
190        display: inline-flex;
191        align-items: center;
192        font-size: 1.0em;
193        height: 100%;
194        box-sizing: border-box;
195    }
196
197    .thanko-logo {
198        width: 130px;
199        display: flex;
200        align-items: center;
201        margin: 0;
202        margin-right: 35px;
203    }
204
205    .thanko-logo img {
206        max-width: 100%;
207        height: auto;
208        vertical-align: middle;
209    }
210
211    .header-left-nav {
212        display: flex;
213        align-items: center;
214        height: 100%;
215    }
216
217    .pc-nav-items {
218        display: flex;
219        align-items: center;
220        height: 100%;
221        gap: 25px;
222    }
223
224    .pc-nav-items .nav-item {
225        display: flex;
226        align-items: center;
227        height: 100%;
228        font-weight: 600;
229        color: #333;
230        font-size: 1.05em;
231    }
232
233    .pc-nav-items .nav-item a {
234        display: flex;
235        align-items: center;
236        height: 100%;
237        white-space: nowrap;
238    }
239
240    /* ==========================================
241       3. PC用ドロップダウン&メガメニュー(横幅拡張・はみ出し防止修正版)
242       ========================================== */
243    .header-con-cate {
244        list-style: none;
245        margin: 0;
246        padding: 0;
247        height: 100%;
248        display: flex;
249        align-items: center;
250    }
251
252    .menu__mega,
253    .menu__single {
254        position: relative;
255        list-style: none;
256        display: inline-flex;
257        align-items: center;
258        height: 100%;
259    }
260
261    .menu__mega>a,
262    .menu__single>a {
263        display: flex;
264        align-items: center;
265        padding: 0 10px;
266        font-weight: 600;
267        color: #333;
268        height: 100%;
269    }
270
271    ul.menu__second-level {
272        visibility: hidden;
273        opacity: 0;
274        position: absolute;
275        top: 20px;
276        background: #fff;
277        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
278        border: 1px solid #e8e8e8;
279        border-top: 3px solid #00737e;
280        border-radius: 0 0 5px 5px;
281        margin: 0;
282        padding: 15px;
283        list-style: none;
284        z-index: 100;
285        transition: opacity 0.15s ease, visibility 0.15s ease;
286    }
287
288    .menu__mega:hover ul.menu__second-level,
289    .menu__single:hover ul.menu__second-level {
290        visibility: visible;
291        opacity: 1;
292        top: 20px;
293    }
294
295    /* PC メガメニュー全体の枠幅を広げ(1040px)、左位置を調整 */
296    li.menu__mega ul.menu__second-level.mega-menu-container {
297        left: -340px;
298        width: 1040px;
299        display: flex;
300        gap: 25px;
301        padding: 22px 25px;
302        box-sizing: border-box;
303        overflow: visible; /* スクロールなしで全表示 */
304    }
305
306    .mega-section {
307        flex: 1;
308        display: flex;
309        flex-direction: column;
310    }
311
312    /* 左側の「シーン別・お悩み別」カラムの幅を拡張 */
313    .mega-section:first-child {
314        flex: 0 0 390px;
315        border-right: 1px solid #eee;
316        padding-right: 25px;
317    }
318
319    .mega-section-title {
320        font-size: 1.05em;
321        font-weight: bold;
322        color: #00737e;
323        padding-bottom: 8px;
324        margin-bottom: 12px;
325        border-bottom: 2px solid #00737e;
326        display: flex;
327        align-items: center;
328        gap: 8px;
329    }
330
331    .mega-item-list {
332        list-style: none;
333        padding: 0;
334        margin: 0;
335        display: flex;
336        flex-direction: column;
337        gap: 2px;
338    }
339
340    .mega-item-list.grid-2col {
341        display: grid;
342        grid-template-columns: repeat(2, 1fr);
343        gap: 2px 10px;
344    }
345
346    .mega-item-list li a {
347        display: flex;
348        align-items: center;
349        padding: 6px 8px;
350        font-size: 0.95em;
351        font-weight: 500;
352        color: #333;
353        border-radius: 5px;
354        transition: background 0.2s, color 0.2s;
355        text-decoration: none;
356        white-space: nowrap; /* テキストの途中の改行を防止 */
357    }
358
359    .mega-item-list li a:hover {
360        background-color: #f0f7f8;
361        color: #00737e;
362        font-weight: bold;
363    }
364
365    .mega-item-list li a i {
366        width: 24px;
367        text-align: center;
368        font-size: 1.1em;
369        margin-right: 8px;
370        color: #00737e;
371        flex-shrink: 0;
372    }
373
374    .mega-item-list li a .icon-summer { color: #f39c12; }
375    .mega-item-list li a .icon-winter { color: #3498db; }
376    .mega-item-list li a .icon-highlight { color: #e74c6d; }
377
378    li.menu__single ul.menu__second-level {
379        width: 240px;
380        left: 0;
381    }
382
383    li.menu__single ul.menu__second-level li {
384        line-height: 40px;
385        border-bottom: 1px solid #f9f9f9;
386    }
387
388    li.menu__single ul.menu__second-level li a {
389        display: block;
390        font-size: 0.98em;
391        color: #444;
392        padding: 0 10px;
393    }
394
395    li.menu__single ul.menu__second-level li a:hover {
396        background-color: #f5f8f9;
397        color: #00737e;
398    }
399
400    /* ==========================================
401       4. PC用検索窓 & アカウント & カート
402       ========================================== */
403    .header-search-nav {
404        display: flex;
405        align-items: center;
406        height: 100%;
407        margin-left: auto;
408        margin-right: auto;
409    }
410
411    .container-2 {
412        position: relative;
413        display: flex;
414        align-items: center;
415        height: 100%;
416    }
417
418    .container-2 input#search {
419        width: 260px;
420        height: 34px;
421        background: #fff;
422        border: 1px solid #ccc;
423        font-size: 0.9em;
424        color: #333;
425        padding-left: 35px;
426        padding-right: 10px;
427        border-radius: 20px;
428        transition: all 0.3s ease;
429        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
430    }
431
432    .container-2 input#search:focus {
433        width: 300px;
434        border-color: #00737e;
435        outline: none;
436        box-shadow: 0 0 5px rgba(0, 115, 126, 0.2);
437    }
438
439    .container-2 .search-icon {
440        position: absolute;
441        left: 12px;
442        top: 50%;
443        transform: translateY(-50%);
444        z-index: 2;
445        line-height: 1;
446        display: flex;
447        align-items: center;
448    }
449
450    .container-2 .search-icon i {
451        color: #888;
452        font-size: 0.95em;
453    }
454
455    .price-sarch { display: none; }
456
457    .header-right-nav {
458        display: flex;
459        align-items: center;
460        height: 100%;
461        margin-right: 15px;
462    }
463
464    .username {
465        line-height: 1.4em;
466        font-size: 0.8em;
467        text-align: left;
468        font-weight: 600;
469        color: #333;
470        cursor: pointer;
471        display: flex;
472        flex-direction: column;
473        justify-content: center;
474        height: 100%;
475        box-sizing: border-box;
476        min-width: 170px;
477    }
478
479    .username .user-main {
480        font-size: 1.05em;
481        white-space: nowrap;
482        display: flex;
483        align-items: center;
484    }
485
486    .username .user-main span {
487        font-size: 0.9em;
488        font-weight: normal;
489        color: #666;
490        margin-left: 6px;
491    }
492
493    .username .user-main strong { color: #e74c6d; }
494
495    .username .user-sub {
496        font-size: 0.9em;
497        font-weight: normal;
498        color: #00737e;
499        white-space: nowrap;
500        margin-top: 2px;
501    }
502
503    .login-text {
504        font-weight: 600;
505        font-size: 0.95em;
506        color: #333;
507        display: flex;
508        align-items: center;
509        height: 100%;
510    }
511
512    .header-right-actions {
513        display: flex;
514        align-items: center;
515        height: 100%;
516    }
517
518    .cp_offcm01 {
519        display: flex;
520        align-items: center;
521        position: relative;
522        height: 100%;
523    }
524
525    .cartin-msg-pc-inner a {
526        display: flex;
527        align-items: center;
528        justify-content: center;
529        position: relative;
530        width: 40px;
531        height: 40px;
532        border-radius: 50%;
533        background-color: #fff;
534        border: 1px solid #ddd;
535        transition: all 0.2s ease;
536    }
537
538    .cartin-msg-pc-inner a:hover {
539        border-color: #00737e;
540        background-color: #f5f8f9;
541    }
542
543    .cartin-msg-pc-inner i {
544        color: #5a5750 !important;
545        font-size: 1.15em !important;
546    }
547
548    .cart-badge {
549        position: absolute;
550        top: -6px;
551        right: -6px;
552        background: #e74c6d;
553        color: #fff;
554        font-size: 0.7em;
555        font-weight: bold;
556        border-radius: 10px;
557        min-width: 18px;
558        height: 18px;
559        line-height: 18px;
560        text-align: center;
561        padding: 0 4px;
562        box-sizing: border-box;
563        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
564    }
565
566    /* ==========================================
567       5. スマホナビゲーション&ドロワー
568       ========================================== */
569    .leftnav { display: none; }
570
571    .dropdown-switch {
572        display: flex;
573        align-items: center;
574        justify-content: center;
575        width: 40px;
576        height: 40px;
577        border-radius: 50%;
578        background-color: #fff;
579        border: 1px solid #ddd;
580        cursor: pointer;
581        transition: all 0.2s ease;
582        padding: 0;
583        box-sizing: border-box;
584    }
585
586    .dropdown-switch:hover {
587        border-color: #00737e;
588        background-color: #f5f8f9;
589    }
590
591    .dropdown-switch::before {
592        content: "\f0c9";
593        font-family: "Font Awesome 6 Free";
594        font-weight: 900;
595        font-size: 1.15em;
596        color: #5a5750;
597    }
598
599    .dropdown-switch.active::before {
600        content: "\f00d";
601        font-family: "Font Awesome 6 Free";
602        font-weight: 900;
603    }
604
605    .dropdown-nav {
606        display: none;
607        position: absolute;
608        top: 60px;
609        left: 0;
610        width: 100vw;
611        height: calc(100vh - 90px);
612        background-color: rgba(255, 255, 255, 0.98);
613        z-index: 15;
614        overflow-y: auto;
615        border-top: 1px solid #e8e8e8;
616        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
617    }
618
619    .dropdown-nav.active { display: block; }
620
621    .dropdown-wrap {
622        padding: 15px 15px 60px;
623        box-sizing: border-box;
624    }
625
626    /* スマホログインエリア(程よい余白感に再調整) */
627    .dropdown-account {
628        background-color: #f9f9f9;
629        border: 1px solid #e8e8e8;
630        border-radius: 8px;
631        padding: 11px 14px;
632        margin-bottom: 15px;
633    }
634
635    .dropdown-member-name {
636        font-size: 0.88em;
637        line-height: 1.45em;
638        color: #333;
639        margin: 0 0 6px;
640        font-weight: bold;
641    }
642
643    .dropdown-member-name span {
644        font-size: 1.15em;
645        color: #00737e;
646    }
647
648    .dropdown-member-nav {
649        display: flex;
650        flex-wrap: wrap;
651        list-style: none;
652        padding: 0;
653        margin: 8px 0 0;
654        border-top: 1px dashed #ddd;
655        padding-top: 8px;
656    }
657
658    .dropdown-member-nav-item {
659        width: 50%;
660        margin-bottom: 6px;
661        box-sizing: border-box;
662    }
663
664    .dropdown-member-nav-item a {
665        font-size: 0.84em;
666        color: #555;
667        display: block;
668    }
669
670    .dropdown-account-login { margin: 6px 0; }
671
672    .dropdown-account-login a {
673        display: flex;
674        align-items: center;
675        color: #333;
676        font-weight: bold;
677    }
678
679    .dropdown-account-login i {
680        margin-right: 8px;
681        color: #00737e;
682    }
683
684    .login-text-sp span {
685        font-size: 1.08em;
686        color: #00737e;
687    }
688
689    .menu-search-wrap {
690        display: flex;
691        align-items: center;
692        background-color: #fff;
693        border: 2px solid #00737e;
694        border-radius: 30px;
695        padding: 2px 5px 2px 15px;
696        margin-bottom: 15px;
697    }
698
699    .menu-search-wrap label {
700        flex-grow: 1;
701        display: flex;
702        align-items: center;
703    }
704
705    .menu-search-wrap input.search-keyword {
706        width: 100%;
707        border: none;
708        outline: none;
709        font-size: 0.95em;
710        padding: 6px 0;
711        background: transparent;
712    }
713
714    .menu-search-btn {
715        width: 36px;
716        height: 36px;
717        background-color: #00737e;
718        color: #fff;
719        border-radius: 50%;
720        display: flex;
721        align-items: center;
722        justify-content: center;
723        transition: background 0.2s;
724    }
725
726    /* ==========================================
727       6. スマホ専用 特集ボタン&2列グリッド&アコーディオン
728       ========================================== */
729    .sp-featured-btns {
730        display: grid;
731        grid-template-columns: repeat(3, 1fr);
732        gap: 6px;
733    	max-width: 500px;
734        margin:0 auto 15px;
735    }
736
737    .sp-featured-btn {
738        display: block;
739        width: 100%;
740        border-radius: 8px;
741        overflow: hidden;
742        text-decoration: none;
743        box-shadow: 0 2px 4px rgba(0, 115, 126, 0.1);
744        transition: transform 0.15s, opacity 0.15s;
745        background: #fff;
746    }
747
748    .sp-featured-btn:active {
749        transform: scale(0.96);
750        opacity: 0.85;
751    }
752
753    .sp-featured-btn img {
754        width: 100%;
755        height: auto;
756        display: block;
757        border-radius: 8px;
758        object-fit: cover;
759    }
760
761    .sp-featured-btn-inner {
762        display: flex;
763        flex-direction: column;
764        align-items: center;
765        justify-content: center;
766        padding: 8px 4px;
767        background: linear-gradient(135deg, #ffffff 0%, #f4f8f9 100%);
768        border: 1.5px solid #00737e;
769        border-radius: 8px;
770        text-align: center;
771        color: #00737e;
772        font-weight: bold;
773        font-size: 0.72em;
774        line-height: 1.25;
775        box-sizing: border-box;
776        min-height: 52px;
777    }
778
779    .sp-featured-btn-inner i {
780        font-size: 1.2em;
781        margin-bottom: 3px;
782        color: #00737e;
783    }
784
785    .sp-featured-btn.highlight .sp-featured-btn-inner {
786        border-color: #e74c6d;
787        color: #e74c6d;
788    }
789
790    .sp-featured-btn.highlight .sp-featured-btn-inner i {
791        color: #e74c6d;
792    }
793
794    /* SP用 2列カテゴリグリッド */
795    .sp-cate-grid {
796        display: grid;
797        grid-template-columns: repeat(2, 1fr);
798        gap: 8px;
799        list-style: none;
800        padding: 0;
801        margin: 0 0 20px;
802        align-items: start;
803    }
804
805    .sp-cate-grid > li {
806        background: #fff;
807        border: 1px solid #e2e8f0;
808        border-radius: 8px;
809        box-sizing: border-box;
810        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
811        overflow: hidden;
812        position: relative;
813    }
814
815    .sp-cate-grid > li > a,
816    .sp-cate-grid > li > .sp-cate-header {
817        display: flex;
818        align-items: center;
819        padding: 10px 8px;
820        font-size: 0.82em;
821        font-weight: 600;
822        color: #333;
823        text-decoration: none;
824        box-sizing: border-box;
825        gap: 6px;
826        line-height: 1.3;
827        cursor: pointer;
828        user-select: none;
829    }
830
831    .sp-cate-grid > li > .sp-cate-header p {
832        margin: 0;
833        flex-grow: 1;
834    }
835
836    .sp-cate-grid > li i.cate-icon {
837        font-size: 1.15em;
838        width: 18px;
839        text-align: center;
840        flex-shrink: 0;
841        color: #00737e;
842    }
843
844    .sp-cate-grid > li i.icon-summer { color: #f39c12; }
845    .sp-cate-grid > li i.icon-winter { color: #3498db; }
846    .sp-cate-grid > li i.icon-highlight { color: #e74c6d; }
847
848    .sp-cate-arrow {
849        font-size: 0.75em;
850        color: #888;
851        transition: transform 0.3s ease;
852        margin-left: auto;
853    }
854
855    .sp-cate-grid > li.active .sp-cate-arrow {
856        transform: rotate(180deg);
857        color: #00737e;
858    }
859
860    .sp-cate-grid .sp-sub-menu {
861        display: none;
862        list-style: none;
863        padding: 4px 0 8px;
864        margin: 0;
865        background-color: #f7fafb;
866        border-top: 1px solid #edf2f7;
867    }
868
869    .sp-cate-grid > li.active .sp-sub-menu {
870        display: block;
871    }
872
873    .sp-sub-menu li a {
874        display: block;
875        padding: 8px 12px;
876        font-size: 0.8em;
877        font-weight: normal;
878        color: #444;
879        border-bottom: 1px dashed #e2e8f0;
880        line-height: 1.35;
881        text-decoration: none;
882    }
883
884    .sp-sub-menu li:last-child a {
885        border-bottom: none;
886    }
887
888    .sp-sub-menu li a:hover,
889    .sp-sub-menu li a:active {
890        color: #00737e;
891        background-color: #edf5f7;
892    }
893
894    .cate-title-nav {
895        background: #000;
896        color: #fff;
897        text-align: center;
898        font-weight: bold;
899        font-size: 0.95em;
900        padding: 10px;
901        letter-spacing: 1px;
902        margin: 20px 0 10px;
903        border-radius: 4px;
904        display: flex;
905        align-items: center;
906        justify-content: center;
907        gap: 6px;
908    }
909
910    .dropdown-list {
911        list-style: none;
912        padding: 0;
913        margin: 0;
914    }
915
916    .dropdown-nav-item {
917        border-bottom: 1px solid #eaeaea;
918        position: relative;
919    }
920
921    .dropdown-nav-item > a {
922        display: flex;
923        align-items: center;
924        padding: 12px 10px;
925        font-size: 0.92em;
926        font-weight: 600;
927        color: #333;
928        text-decoration: none;
929    }
930
931    .aboutus-link {
932        margin: 25px 0 15px;
933        text-align: center;
934    }
935
936    .aboutus-link a {
937        font-size: 0.9em;
938        color: #00737e;
939        font-weight: bold;
940        text-decoration: underline;
941    }
942
943    .sns-area {
944        text-align: center;
945        margin: 0 0 20px;
946    }
947
948    .sns-area ul {
949        list-style: none;
950        padding: 0;
951        margin: 0;
952        display: flex;
953        justify-content: center;
954        gap: 15px;
955    }
956
957    .sns-area li { font-size: 1.8em; }
958    .sns-area li a i { color: #333; transition: color 0.2s; }
959    .sns-area li a:hover i { color: #00737e; }
960
961    .inquiry {
962        width: 100%;
963        padding: 15px;
964        box-sizing: border-box;
965        margin-bottom: 20px;
966        background: #f5f3f3;
967        border-radius: 8px;
968        font-size: 0.9em;
969    }
970
971    .inquiry div {
972        line-height: 1.6em;
973        margin-bottom: 8px;
974    }
975
976    .inquiry div:last-child { margin-bottom: 0; }
977
978    .inquiry div:nth-child(1) {
979        text-align: center;
980        font-size: 1.05em;
981        font-weight: 600;
982        letter-spacing: 1px;
983        color: #333;
984    }
985
986    .inquiry div:nth-child(2) a,
987    .inquiry div:nth-child(4) a {
988        font-weight: bold;
989        color: #00737e;
990        font-size: 1.2em;
991        text-decoration: none;
992    }
993
994    .inquiry div:nth-child(2) span,
995    .inquiry div:nth-child(4) span {
996        display: block;
997        font-size: 0.8em;
998        color: #666;
999    }
1000
1001    .inquiry div:nth-child(3),
1002    .inquiry div:nth-child(5) {
1003        text-align: right;
1004        text-decoration: underline;
1005        font-size: 0.85em;
1006    }
1007
1008    .inquiry div:nth-child(6) {
1009        font-size: 0.75em;
1010        text-align: center;
1011        margin-top: 5px;
1012        color: #555;
1013        border-top: 1px solid #ddd;
1014        padding-top: 8px;
1015    }
1016
1017    /* レスポンシブ (1100px) */
1018    @media screen and (max-width: 1099px) {
1019        .none-sp { display: none !important; }
1020
1021        .week1 {
1022            height: 30px;
1023            background-color: #F99806;
1024            border-bottom: 1px solid #e08800;
1025        }
1026
1027        .week-inner {
1028            width: 100%;
1029            padding: 0 15px;
1030        }
1031
1032        .week-inner p.announce-text-container { color: #fff; }
1033
1034        .announce-orange-box {
1035            background-color: transparent !important;
1036            color: #fff !important;
1037            padding: 0 !important;
1038            border-radius: 0 !important;
1039            box-shadow: none !important;
1040        }
1041
1042        .header-wrap { height: 60px; }
1043
1044        #header-box {
1045            width: 100%;
1046            padding: 0 15px;
1047            display: flex;
1048            justify-content: space-between;
1049            align-items: center;
1050        }
1051
1052        .thanko-logo {
1053            width: 110px;
1054            margin: 0;
1055            display: flex;
1056            align-items: center;
1057            justify-content: flex-start;
1058        }
1059
1060        .header-right-actions {
1061            display: flex;
1062            align-items: center;
1063            gap: 12px;
1064        }
1065
1066        .leftnav {
1067            display: flex;
1068            align-items: center;
1069        }
1070    }
1071</style>
1072
1073<!-- 1. 発送案内バー -->
1074<div class="week1">
1075    <div class="week-inner">
1076        <p class="announce-text-container">
1077            <span class="announce-orange-box">平日14時まで土日12時までのご注文で当日発送!</span>
1078        </p>
1079
1080        <div class="right-links none-sp">
1081            <span class="houjin"><a href="https://www.thanko.co.jp/" target="_blank">&gt;&gt; 法人様用サイトはコチラ</a></span>
1082            <span class="houjin2"><a href="https://www.thanko.jp/view/category/ct409" target="_blank">&gt;&gt; English</a></span>
1083        </div>
1084    </div>
1085</div>
1086
1087<!-- 2. メインヘッダーコンテナ -->
1088<header class="header-wrap">
1089    <div id="header-box">
1090
1091        <!-- ロゴエリア -->
1092        <h1 class="thanko-logo">
1093            <a href="/">
1094                                    <img src="//data.thanko.jp/common/logo-thanko.png" alt="THANKO サンコー通販オンラインショップ">
1095                            </a>
1096        </h1>
1097
1098        <!-- PC専用ナビ -->
1099        <div class="header-left-nav">
1100            <div class="pc-nav-items none-sp">
1101                <div class="nav-item engrish-none"><a href="/view/category/ct112">新着商品</a></div>
1102                <div class="nav-item engrish-none"><a href="/view/category/ct250">アウトレット</a></div>
1103
1104                <!-- PCカテゴリメガメニュー(全表示対応構造) -->
1105                <div class="nav-item engrish-none">
1106                    <ul class="header-con-cate">
1107                        <li class="menu__mega">
1108                            <a href="#" class="init-bottom">カテゴリ <i class="fas fa-angle-down" style="font-size:0.8em; margin-left:3px;"></i></a>
1109                            
1110                            <ul class="menu__second-level mega-menu-container">
1111                                
1112                                <!-- 大カテゴリー 1:シーン別・お悩み別に探す -->
1113                                <li class="mega-section">
1114                                    <div class="mega-section-title">
1115                                        <i class="fa-solid fa-compass"></i> シーン別・お悩み別に探す
1116                                    </div>
1117                                    <ul class="mega-item-list">
1118                                        <li><a href="/view/category/ct664"><i class="fa-solid fa-sun icon-summer"></i> 夏のお悩み</a></li>
1119                                        <li><a href="/view/category/ct665"><i class="fa-solid fa-snowflake icon-winter"></i> 冬のお悩み</a></li>
1120                                        <li><a href="/view/category/ct396"><i class="fa-solid fa-user"></i> おひとりさま・自分専用</a></li>
1121                                        <li><a href="/view/category/ct578"><i class="fa-solid fa-couch"></i> だら活・ゴロ寝</a></li>
1122                                        <li><a href="/view/category/ct582"><i class="fa-solid fa-broom"></i> 面倒な家事をお任せしたい</a></li>
1123                                        <li><a href="/view/category/ct401"><i class="fa-solid fa-utensils"></i> 楽しい調理家電が欲しい</a></li>
1124                                        <li><a href="/view/category/ct410"><i class="fa-solid fa-baby"></i> 育児・子育てのお悩み</a></li>
1125                                        <li><a href="/view/category/ct414"><i class="fa-solid fa-paw"></i> 大切なペットを守りたい</a></li>
1126                                        <li><a href="/view/category/ct404"><i class="fa-solid fa-van-shuttle"></i>快適な車中泊・バンライフ</a></li>
1127                                        <li><a href="/view/category/thanko-gift"><i class="fa-solid fa-gift icon-highlight"></i> ギフトを探したい</a></li>
1128                                    </ul>
1129                                </li>
1130
1131                                <!-- 大カテゴリー 2:商品カテゴリから探す -->
1132                                <li class="mega-section">
1133                                    <div class="mega-section-title">
1134                                        <i class="fa-solid fa-layer-group"></i> 商品カテゴリから探す
1135                                    </div>
1136                                    <ul class="mega-item-list grid-2col">
1137                                        <li><a href="/view/category/ct270"><i class="fa-solid fa-kitchen-set"></i> 調理・キッチン家電</a></li>
1138                                        <li><a href="/view/category/ct269"><i class="fa-solid fa-fan"></i> 季節・空調家電</a></li>
1139                                        <li><a href="/view/category/ct268"><i class="fa-solid fa-soap"></i> 洗濯・お掃除家電</a></li>
1140                                        <li><a href="/view/category/ct271"><i class="fa-solid fa-heart-pulse"></i> 理美容・健康家電</a></li>
1141                                        <li><a href="/view/category/ct7"><i class="fa-solid fa-desktop"></i> PC周辺機器</a></li>
1142                                        <li><a href="/view/category/ct28"><i class="fa-solid fa-display"></i> モニターアーム・スタンド</a></li>
1143                                        <li><a href="/view/category/ct130"><i class="fa-solid fa-mobile-screen-button"></i> スマートフォン・タブレット関連</a></li>
1144                                        <li><a href="/view/category/ct192"><i class="fa-solid fa-chair"></i> 家具・インテリア</a></li>
1145                                        <li><a href="/view/category/ct657"><i class="fa-solid fa-box-open"></i> 生活雑貨</a></li>
1146                                        <li><a href="/view/category/ct230"><i class="fa-solid fa-dog"></i> ペット家電・グッズ</a></li>
1147                                        <li><a href="/view/category/ct196"><i class="fa-solid fa-campground"></i>
1147 ホビー・レジャー</a></li>
1148                                        <li><a href="/view/category/ct229"><i class="fa-solid fa-wrench"></i> DIY・工具</a></li>
1149                                        <li><a href="/view/category/ct8"><i class="fa-solid fa-car"></i> カー・バイク用品</a></li>
1150                                        <li><a href="/view/category/ct619"><i class="fa-solid fa-building"></i> 法人・業務用機器(BtoB)</a></li>
1151                                    </ul>
1152                                </li>
1153
1154                            </ul>
1155                        </li>
1156                    </ul>
1157                </div>
1158
1159                <!-- PC infoドロップダウンメニュー -->
1160                <div class="nav-item engrish-none">
1161                    <ul class="header-con-cate">
1162                        <li class="menu__single">
1163                            <a href="#" class="init-bottom">info <i class="fas fa-angle-down" style="font-size:0.8em; margin-left:3px;"></i></a>
1164                            <ul class="menu__second-level">
1165                                <li><a href="/view/guide">お買い物ガイド</a></li>
1166                                <li><a href="/view/page/faq">よくある質問</a></li>
1167                                <li><a href="/view/page/member_rank">会員ランクについて</a></li>
1168                                <li><a href="/view/page/support">サポート&サービス</a></li>
1169                                <li><a href="/view/page/shop">店舗一覧</a></li>
1170                                <li><a href="https://www.thanko.jp/view/company#press">取材お申込み</a></li>
1171                                <li><a href="https://www.thanko.jp/view/company" target="_blank">会社概要 <i class="fas fa-external-link-alt" style="font-size: 0.8em;"></i></a></li>
1172                                <li><a href="https://blog.thanko.jp/" target="_blank">サンコーマガジンを読む <i class="fas fa-external-link-alt" style="font-size: 0.8em;"></i></a></li>
1173                                <li><a href="https://www.thanko.co.jp/" target="_blank">法人様用サイトはコチラ <i class="fas fa-external-link-alt" style="font-size: 0.8em;"></i></a></li>
1174                            </ul>
1175                        </li>
1176                    </ul>
1177                </div>
1178            </div>
1179        </div>
1180
1181        <!-- PC専用:中間検索窓 -->
1182        <div class="header-search-nav none-sp">
1183            <div class="container-2">
1184                <div class="search-icon">
1185                    <span class="icon">
1186                        <a href="#makeshop-common-search-url" class="header-search search-url">
1187                            <i class="fi fi-rr-search flaticon-icon"></i>
1188                        </a>
1189                    </span>
1190                </div>
1191                <input data-id="makeshop-search-keyword" value="" id="search" name="search" type="text" placeholder="商品名・キーワードなど" class="search-keyword">
1192                <div class="price-sarch">
1193                    <input type="text" data-id="makeshop-search-price-low" value="" class="side-search-price">
1194                    <input type="text" data-id="makeshop-search-price-high" value="" class="side-search-price">
1195                </div>
1196            </div>
1197        </div>
1198
1199        <!-- PC専用:会員アカウント -->
1200        <div class="header-right-nav none-sp">
1201            <div class="account-menu">
1202                <ul class="header-con-cate">
1203                    <li class="menu__single">
1204                                                    <a href="/view/member/login" class="login-text"><i class="fi fi-rr-circle-user" style="margin-right: 5px;"></i>ログイン</a>
1205                            <ul class="menu__second-level">
1206                                <li><a href="/view/member/login">ログインする</a></li>
1207                                <li><a href="/shop/idinfo.html">新規会員登録する</a></li>
1208                            </ul>
1209                                            </li>
1210                </ul>
1211            </div>
1212        </div>
1213
1214        <!-- 右側共通(カート+ハンバーガー) -->
1215        <div class="header-right-actions">
1216            <div class="header-cart-wrapper">
1217                <div class="cp_offcm01">
1218                    <div class="cartin-msg-pc-inner">
1219                        <a href="/view/cart">
1220                            <i class="fi fi-rr-basket-shopping-simple flaticon-icon"></i>
1221                            <p class="cart-badge cart-count" style="display:none;">
1222                                0                            </p>
1223                        </a>
1224                    </div>
1225                </div>
1226            </div>
1227
1228            <div class="leftnav">
1229                <div class="dropdown-switch"></div>
1230            </div>
1231        </div>
1232
1233    </div>
1234
1235    <!-- スマホ専用:アコーディオンメニュー -->
1236    <nav class="dropdown-nav">
1237        <div class="dropdown-wrap">
1238
1239            <!-- スマホログインブロック(バランス調整版) -->
1240            <div class="dropdown-account">
1241                                    <p class="dropdown-account-login login-text-sp"><a href="/view/member/login"><i class="fi fi-rr-sign-in-alt"></i><span>ログインする</span></a></p>
1242                    <p class="dropdown-account-login"><a href="/shop/idinfo.html"><i class="fi fi-rr-circle-user"></i><span>新規登録(500Ptプレゼント)</span></a></p>
1243                            </div>
1244
1245            <!-- スマホ検索エリア -->
1246            <div class="menu-search-wrap">
1247                <label>
1248                    <input type="text" data-id="makeshop-search-keyword" value="" placeholder="商品を探す" class="search-keyword">
1249                </label>
1250                <div class="price-sarch" style="display:none;">
1251                    <input type="text" data-id="makeshop-search-price-low" value="" class="side-search-price">
1252                    <input type="text" data-id="makeshop-search-price-high" value="" class="side-search-price">
1253                </div>
1254                <a href="#makeshop-common-search-url" class="menu-search-btn search-url"><i class="fi fi-rr-search"></i></a>
1255            </div>
1256
1257            <!-- ピックアップ3連ボタン (JPG画像設置対応構造) -->
1258            <div class="sp-featured-btns">
1259                <!-- 1. 社員のアイデア掲示板から誕生 -->
1260                <a href="/view/category/thanko-origin" class="sp-featured-btn">
1261                    <img src="//data.thanko.jp/img/header/menu_link_1.png" alt="社員のアイデア掲示板から誕生" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
1262                    <div class="sp-featured-btn-inner" style="display:none;">
1263                        <i class="fa-solid fa-lightbulb"></i>
1264                        <span>社員のアイデア掲示板から誕生</span>
1265                    </div>
1266                </a>
1267
1268                <!-- 2. メディアによく出る -->
1269                <a href="/view/category/ct417" class="sp-featured-btn">
1270                    <img src="//data.thanko.jp/img/header/menu_link_2.png" alt="メディアによく出る" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
1271                    <div class="sp-featured-btn-inner" style="display:none;">
1272                        <i class="fa-solid fa-tv"></i>
1273                        <span>メディアによく出る</span>
1274                    </div>
1275                </a>
1276
1277                <!-- 3. アウトレット -->
1278                <a href="/view/category/ct250" class="sp-featured-btn highlight">
1279                    <img src="//data.thanko.jp/img/header/menu_link_3.png" alt="アウトレット" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
1280                    <div class="sp-featured-btn-inner" style="display:none;">
1281                        <i class="fa-solid fa-tag"></i>
1282                        <span>アウトレット</span>
1283                    </div>
1284                </a>
1285            </div>
1286
1287            <!-- 大カテゴリー 1:シーン別・お悩み別に探す -->
1288            <div class="cate-title-nav"><i class="fa-solid fa-compass"></i> シーン別・お悩み別に探す</div>
1289            <ul class="sp-cate-grid">
1290                <li><a href="/view/category/ct664"><i class="fa-solid fa-sun cate-icon icon-summer"></i><span>夏のお悩み</span></a></li>
1291                <li><a href="/view/category/ct665"><i class="fa-solid fa-snowflake cate-icon icon-winter"></i><span>冬のお悩み</span></a></li>
1292                <li><a href="/view/category/ct396"><i class="fa-solid fa-user cate-icon"></i><span>おひとりさま・自分専用</span></a></li>
1293                <li><a href="/view/category/ct578"><i class="fa-solid fa-couch cate-icon"></i><span>だら活・ゴロ寝</span></a></li>
1294                <li><a href="/view/category/ct582"><i class="fa-solid fa-broom cate-icon"></i><span>面倒な家事をお任せしたい</span></a></li>
1295                <li><a href="/view/category/ct401"><i class="fa-solid fa-utensils cate-icon"></i><span>楽しい調理家電が欲しい</span></a></li>
1296                <li><a href="/view/category/ct410"><i class="fa-solid fa-baby cate-icon"></i><span>育児・子育てのお悩み</span></a></li>
1297                <li><a href="/view/category/ct414"><i class="fa-solid fa-paw cate-icon"></i><span>大切なペットを守りたい</span></a></li>
1298                <li><a href="/view/category/ct404"><i class="fa-solid fa-van-shuttle cate-icon"></i><span>快適な車中泊・バンライフ</span></a></li>
1299                <li><a href="/view/category/thanko-gift"><i class="fa-solid fa-gift cate-icon icon-highlight"></i><span>ギフトを探したい</span></a></li>
1300            </ul>
1301
1302            <!-- 大カテゴリー 2:商品カテゴリから探す(アコーディオン付き) -->
1303            <div class="cate-title-nav"><i class="fa-solid fa-layer-group"></i> 商品カテゴリから探す</div>
1304            <ul class="sp-cate-grid">
1305
1306                <!-- 1. 調理・キッチン家電 -->
1307                <li>
1308                    <div class="sp-cate-header">
1309                        <i class="fa-solid fa-kitchen-set cate-icon"></i>
1310                        <p>調理・キッチン家電</p>
1311                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1312                    </div>
1313                    <ul class="sp-sub-menu">
1314                        <li><a href="/view/category/ct478">食洗機・食器乾燥機</a></li>
1315                        <li><a href="/view/category/ct491">炊飯器・弁当箱炊飯器</a></li>
1316                        <li><a href="/view/category/ct480">調理家電</a></li>
1317                        <li><a href="/view/category/ct349">冷蔵庫・冷凍庫・冷温庫</a></li>
1318                        <li><a href="/view/category/ct546">コーヒー・ドリンク関連</a></li>
1319                    </ul>
1320                </li>
1321
1322                <!-- 2. 季節・空調家電 -->
1323                <li>
1324                    <div class="sp-cate-header">
1325                        <i class="fa-solid fa-fan cate-icon"></i>
1326                        <p>季節・空調家電</p>
1327                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1328                    </div>
1329                    <ul class="sp-sub-menu">
1330                        <li><a href="/view/category/ct538">夏物</a></li>
1331                        <li><a href="/view/category/ct549">冬物</a></li>
1332                    </ul>
1333                </li>
1334
1335                <!-- 3. 洗洗濯・お掃除家電 -->
1336                <li>
1337                    <div class="sp-cate-header">
1338                        <i class="fa-solid fa-soap cate-icon"></i>
1339                        <p>洗濯・お掃除家電</p>
1340                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1341                    </div>
1342                    <ul class="sp-sub-menu">
1343                        <li><a href="/view/category/ct493">小型洗濯機・靴用洗濯機・シミ抜き</a></li>
1344                        <li><a href="/view/category/ct494">乾燥機・アイロン</a></li>
1345                        <li><a href="/view/category/ct495">
1345掃除機・お掃除家電</a></li>
1346                        <li><a href="/view/category/ct496">ゴミ箱・生ごみ乾燥機</a></li>
1347                    </ul>
1348                </li>
1349
1350                <!-- 4. 理美容・健康家電 -->
1351                <li>
1352                    <div class="sp-cate-header">
1353                        <i class="fa-solid fa-heart-pulse cate-icon"></i>
1354                        <p>理美容・健康家電</p>
1355                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1356                    </div>
1357                    <ul class="sp-sub-menu">
1358                        <li><a href="/view/category/ct272">フットバス・リラクゼーション</a></li>
1359                        <li><a href="/view/category/ct273">ヘアケア・ドライヤー</a></li>
1360                    </ul>
1361                </li>
1362
1363                <!-- 5. PC周辺機器 -->
1364                <li>
1365                    <div class="sp-cate-header">
1366                        <i class="fa-solid fa-desktop cate-icon"></i>
1367                        <p>PC周辺機器</p>
1368                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1369                    </div>
1370                    <ul class="sp-sub-menu">
1371                        <li><a href="/view/category/ct375">モニター・ディスプレイ</a></li>
1372                        <li><a href="/view/category/ct221">PCスタンド・デスク収納</a></li>
1373                        <li><a href="/view/category/ct223">リストレスト・PCアクセサリー</a></li>
1374                        <li><a href="/view/category/ct220">USB機器・ハブ・ケーブル</a></li>
1375                    </ul>
1376                </li>
1377
1378                <!-- 6. モニターアーム・スタンド -->
1379                <li>
1380                    <div class="sp-cate-header">
1381                        <i class="fa-solid fa-display cate-icon"></i>
1382                        <p>モニターアーム</p>
1383                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1384                    </div>
1385                    <ul class="sp-sub-menu">
1386                        <li><a href="/view/category/ct40">1画面(シングルアーム)</a></li>
1387                        <li><a href="/view/category/ct41">2画面・複数画面</a></li>
1388                        <li><a href="/view/category/ct38">ノートパソコン用</a></li>
1389                        <li><a href="/view/category/ct43">24インチまで対応</a></li>
1390                        <li><a href="/view/category/ct44">27インチまで対応</a></li>
1391                        <li><a href="/view/category/ct45">大型モニター・テレビ用</a></li>
1392                        <li><a href="/view/category/ct37">キャスター付きスタンド・PCカート</a></li>
1393                        <li><a href="/view/category/ct46">アーム用オプションパーツ</a></li>
1394                    </ul>
1395                </li>
1396
1397                <!-- 7. スマートフォン・タブレット関連 -->
1398                <li>
1399                    <div class="sp-cate-header">
1400                        <i class="fa-solid fa-mobile-screen-button cate-icon"></i>
1401                        <p>スマホ・タブレット</p>
1402                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1403                    </div>
1404                    <ul class="sp-sub-menu">
1405                        <li><a href="/view/category/ct131">モバイルバッテリー</a></li>
1406                        <li><a href="/view/category/ct132">スマホスタンド・アーム</a></li>
1407                        <li><a href="/view/category/ct367">その他アクセサリ</a></li>
1408                    </ul>
1409                </li>
1410
1411                <!-- 8. 家具・インテリア -->
1412                <li>
1413                    <div class="sp-cate-header">
1414                        <i class="fa-solid fa-chair cate-icon"></i>
1415                        <p>家具・インテリア</p>
1416                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1417                    </div>
1418                    <ul class="sp-sub-menu">
1419                        <li><a href="/view/category/ct231">収納・ラック</a></li>
1420                        <li><a href="/view/category/ct209">ソファ・座椅子・クッション</a></li>
1421                        <li><a href="/view/category/ct208">チェア・デスク</a></li>
1422                    </ul>
1423                </li>
1424
1425                <!-- 9. 生活雑貨 -->
1426                <li>
1427                    <div class="sp-cate-header">
1428                        <i class="fa-solid fa-box-open cate-icon"></i>
1429                        <p>
1429生活雑貨</p>
1430                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1431                    </div>
1432                    <ul class="sp-sub-menu">
1433                        <li><a href="/view/category/ct214">傘・日傘</a></li>
1434                        <li><a href="/view/category/ct376">リュック・バッグ</a></li>
1435                        <li><a href="/view/category/ct212">バス・衛生用品</a></li>
1436                    </ul>
1437                </li>
1438
1439                <!-- 10. ペット家電・グッズ(直リンク) -->
1440                <li>
1441                    <a href="/view/category/ct230">
1442                        <i class="fa-solid fa-dog cate-icon"></i>
1443                        <p>ペット家電・グッズ</p>
1444                    </a>
1445                </li>
1446
1447                <!-- 11. ホビー・レジャー -->
1448                <li>
1449                    <div class="sp-cate-header">
1450                        <i class="fa-solid fa-campground cate-icon"></i>
1451                        <p>
1451ホビー・レジャー</p>
1452                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1453                    </div>
1454                    <ul class="sp-sub-menu">
1455                        <li><a href="/view/category/SGB">ゲーミングブランド PYZONE</a></li>
1456                        <li><a href="/view/category/ct228">その他ゲーミンググッズ</a></li>
1457                        <li><a href="/view/category/ct227">ホビー・コレクション・推し活</a></li>
1458                        <li><a href="/view/category/ct658">アウトドア・キャンプ用品</a></li>
1459                        <li><a href="/view/category/ct377">撮影機材</a></li>
1460                    </ul>
1461                </li>
1462
1463                <!-- 12. DIY・工具 -->
1464                <li>
1465                    <a href="/view/category/ct229">
1466                        <i class="fa-solid fa-wrench cate-icon"></i>
1467                        <p>DIY・工具</p>
1468                    </a>
1469                </li>
1470
1471                <!-- 13. カー・バイク用品 -->
1472                <li>
1473                    <div class="sp-cate-header">
1474                        <i class="fa-solid fa-car cate-icon"></i>
1475                        <p>カー・バイク用品</p>
1476                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1477                    </div>
1478                    <ul class="sp-sub-menu">
1479                        <li><a href="/view/category/ct9">ドライブレコーダー</a></li>
1480                        <li><a href="/view/category/ct383">洗車・メンテナンス用品</a></li>
1481                        <li><a href="/view/category/ct232">車載・バイクアクセサリー</a></li>
1482                    </ul>
1483                </li>
1484
1485                <!-- 14. 法人・業務用機器(BtoB) -->
1486                <li>
1487                    <div class="sp-cate-header">
1488                        <i class="fa-solid fa-building cate-icon"></i>
1489                        <p>法人・業務用(BtoB)</p>
1490                        <i class="fa-solid fa-chevron-down sp-cate-arrow"></i>
1491                    </div>
1492                    <ul class="sp-sub-menu">
1493                        <li><a href="/view/category/ct23">Dino-Lite(マイクロスコープ)</a></li>
1494                        <li><a href="/view/category/ct22">工業用内視鏡</a></li>
1495                        <li><a href="/view/category/ct281">電動台車・運搬機器</a></li>
1496                        <li><a href="/view/category/ct193">オフィス・店舗用品</a></li>
1497                    </ul>
1498                </li>
1499
1500            </ul>
1501
1502            <!-- info メニュー -->
1503            <div class="cate-title-nav">info</div>
1504            <ul class="dropdown-list">
1505                <li class="dropdown-nav-item"><a href="/view/guide">通販ご利用ガイド</a></li>
1506                <li class="dropdown-nav-item"><a href="/view/page/shop">店舗一覧</a></li>
1507                <li class="dropdown-nav-item"><a href="/view/page/faq">よくある質問・Q&amp;A</a></li>
1508                <li class="dropdown-nav-item"><a href="/view/guide#info03">配送・お届けについて</a></li>
1509                <li class="dropdown-nav-item"><a href="/view/guide#info02">お支払方法の詳細</a></li>
1510                <li class="dropdown-nav-item"><a href="/view/page/member_rank">会員ランクのご案内</a></li>
1511                <li class="dropdown-nav-item"><a href="https://www.thanko.co.jp/">法人のお客様窓口</a></li>
1512                <li class="dropdown-nav-item"><a href="https://blog.thanko.jp/">サンコーマガジンを読む</a></li>
1513                <li class="dropdown-nav-item"><a href="https://www.thanko.jp/view/company" target="_blank">会社概要</a></li>
1514                <li class="dropdown-nav-item"><a href="/view/contract">特定商取引法に基づく表示</a></li>
1515                <li class="dropdown-nav-item"><a href="/view/policy">個人情報保護ポリシー</a></li>
1516                            </ul>
1517
1518            <!-- 最下部移設:アバウト、SNS、お問い合わせ -->
1519            <div class="aboutus-link">
1520                <a href="/view/page/aboutus"><i class="fi fi-rr-book-open-reader"></i> サンコーの事を詳しく知りたい方はコチラ &#187;</a>
1521            </div>
1522
1523            <div class="sns-area">
1524                <ul>
1525                    <li><a href="//instagram.com/thanko_official/" target="_blank"><i class="fab fa-instagram"></i></a></li>
1526                    <li><a href="//twitter.com/thanko_web" target="_blank"><i class="fab fa-square-x-twitter"></i></a></li>
1527                    <li><a href="//www.tiktok.com/@thanko.official" target="_blank"><i class="fab fa-tiktok"></i></a></li>
1528                    <li><a href="//www.facebook.com/thanko.jp/" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
1529                    <li><a href="//line.me/ti/p/%40thanko-raremono" target="_blank"><i class="fab fa-line"></i></a></li>
1530                </ul>
1531            </div>
1532
1533            <div class="inquiry">
1534                <div><i class="fi fi-rr-envelope"></i>
1534 お問い合わせ</div>
1535                <div><span>商品に関するお問い合わせ</span><a href="tel:0335264328">03-3526-4328</a></div>
1536                <div><a href="https://www.thanko.jp/smartphone/page59.html">サポートページを開く</a></div>
1537                <div><span>注文・配送に関するお問い合わせ</span><a href="tel:0335264326">03-3526-4326</a></div>
1538                <div><a href="mailto:[email protected]">[email protected]</a></div>
1539                <div>10:00~12:00、13:00~18:00(土日祝日及び、弊社休日除く)</div>
1540            </div>
1541
1542        </div>
1543    </nav>
1544</header>
1545
1546<script>
1547document.addEventListener('DOMContentLoaded', function () {
1548
1549    // ----------------------------------------------------
1550    // 1. スマホメニュー開閉制御
1551    // ----------------------------------------------------
1552    const menuSwitch = document.querySelector('.dropdown-switch');
1553    const dropdownNav = document.querySelector('.dropdown-nav');
1554
1555    if (menuSwitch && dropdownNav) {
1556        menuSwitch.addEventListener('click', function (e) {
1557            e.stopPropagation();
1558            this.classList.toggle('active');
1559            dropdownNav.classList.toggle('active');
1560
1561            if (dropdownNav.classList.contains('active')) {
1562                document.body.style.overflow = 'hidden';
1563            } else {
1564                document.body.style.overflow = '';
1565            }
1566        });
1567    }
1568
1569    // ----------------------------------------------------
1570    // 2. スマホ用2列カテゴリ(商品カテゴリ)のアコーディオン制御
1571    // ----------------------------------------------------
1572    const cateHeaders = document.querySelectorAll('.sp-cate-grid .sp-cate-header');
1573
1574    cateHeaders.forEach(header => {
1575        header.addEventListener('click', function (e) {
1576            e.preventDefault();
1577            e.stopPropagation();
1578
1579            const parentLi = this.closest('li');
1580            const isActive = parentLi.classList.contains('active');
1581
1582            if (isActive) {
1583                parentLi.classList.remove('active');
1584            } else {
1585                parentLi.classList.add('active');
1586            }
1587        });
1588    });
1589
1590    // ----------------------------------------------------
1591    // 3. 検索窓 Enterキー連動処理
1592    // ----------------------------------------------------
1593    const searchInputs = document.querySelectorAll('.search-keyword');
1594
1595    searchInputs.forEach(function (input) {
1596        input.addEventListener('keydown', function (e) {
1597            if (e.key === 'Enter' || e.keyCode === 13) {
1598                e.preventDefault();
1599
1600                const parent = input.closest('.container-2') || input.closest('.menu-search-wrap');
1601                if (parent) {
1602                    const searchBtn = parent.querySelector('.search-url');
1603                    if (searchBtn) {
1604                        searchBtn.click();
1605                    }
1606                }
1607            }
1608        });
1609    });
1610
1611});
1612</script>
1612
1613        </header>
1614
1615        <main>
1616            <section class="cart">
1617                <div class="cart-heading center">
1618                    <span>Shopping Cart</span>
1619                    <h2>カートの中身</h2>
1620                </div>
1621                <div class="cart-shipping-notice">
1622                    <p class="notice-title">【送料に関するご注意】</p>
1623                    <p>沖縄県以外の地域 送料:<span class="highlight">660円</span>(ご注文金額<span class="highlight">3,980円以上</span>で送料無料)</p>
1624                    <p>沖縄県:ご注文金額にかかわらず、送料<span class="highlight">2,500円</span>を別途申し受けます。</p>
1625                </div>
1626                                    <p class="empty center">カート内に商品がありません</p>
1627                
1628                <div class="cart-faq-section">
1629                    <p class="faq-section-title">ご注文前に不明な点はありませんか?</p>
1630
1631                    <div class="faq-item">
1632                        <button type="button" class="faq-toggle">送料はいくら?</button>
1633                        <div class="faq-content">
1634                            <p>沖縄県以外の地域:送料660円(ご注文金額3,980円以上で送料無料)<br>沖縄県:ご注文金額にかかわらず、送料2,500円を別途申し受けます。</p>
1635                        </div>
1636                    </div>
1637
1638                    <div class="faq-item">
1639                        <button type="button" class="faq-toggle">いつ発送してくれる?</button>
1640                        <div class="faq-content">
1641                            <p>平日14時、土日12時までの注文は即日出荷<br>
1642                            ※以下の場合は対象外となります。<br>
1643                            ・祝日、年末年始、GW、夏季休業中のご注文。<br>
1644                            ・銀行振込・コンビニ先払い・キャリア決済でのご注文。<br>
1645                            ・予約商品/予約商品と同時注文の場合。<br>
1646                            ・大型商品の場合。</p>
1647                        </div>
1648                    </div>
1649
1650                    <div class="faq-item">
1651                        <button type="button" class="faq-toggle">どんな支払方法がある?</button>
1652                        <div class="faq-content">
1653                            <p>クレジットカード、代金引換、銀行振込、コンビニ先払い、キャリア決済、Amazon Pay、楽天ペイ、PayPay、ペイディ(後払い)がご利用いただけます。<br><a href="/html/info.html#payment" target="_blank">>> 詳しくはコチラ</a></p>
1654                        </div>
1655                    </div>
1656
1657                    <div class="faq-item">
1658                        <button type="button" class="faq-toggle">返品はできますか?</button>
1659                        <div class="faq-content">
1660                            <p>返品期限:商品到着より7日以内<br>
1661                            お客様ご都合の場合は、御容赦下さい。<br>
1662                            力、初期不良、誤品配送交換に限り、代金着払いで返品、交換または本体価格をご返金させていただきます。<br><a href="https://www.thanko.jp/support/qa-hiragana/3094.html" target="_blank">>> 詳しくはコチラ</a></p>
1663                        </div>
1664                    </div>
1665                </div>
1666            </section>
1667        </main>
1668
1669        <footer>
1670            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css">
1671<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css">
1672<link rel="stylesheet" href="/view/asset/user-18-1-6-fedddefcf0058826db0f2c535efc9fac.css">
1673
1674<footer class="custom-footer">
1675    <div class="footer-container">
1676        <div class="footer-block">
1677            <a href="https://www.thanko.jp/view/page/recall" class="alert-banner-link is-sp-only">
1678                <div class="alert-banner">
1679                    <p class="banner-top">製品に関する</p>
1680                    <p class="banner-main">
1680大切なお知らせ <span>&#187;</span></p>
1681                </div>
1682            </a>
1683
1684            <h3 class="footer-title">お買い物ガイド <span class="toggle-icon"></span></h3>
1685            <ul class="footer-menu style-accordion">
1686                <li class="sub-accordion">
1687                    <span class="sub-toggle-title">送料について</span>
1688                    <div class="sub-toggle-content">
1689                        <p>
1690                            <span class="accent-red">
1691                                沖縄県以外の地域 送料:660円(合計3,980円以上で送料無料)
1692                                沖縄県:ご注文金額にかかわらず、送料 2,500円(税込)を別途申し受けます。
1693                            </span><br>
1694                            ※大型商品等の場合は送料が変更になる場合があります。<br><br>
1695                            ★予約商品と在庫あり商品の同時注文について★<br>
1696                            ご予約の商品と在庫のある商品を同時に1注文として承った場合、恐れ入りますが、ご注文商品すべて揃ってからの出荷となります。<br>
1697                            ※ご予約商品入荷時、メールにて入荷のご案内差し上げております。
1698                        </p>
1699                    </div>
1700                </li>
1701                <li class="sub-accordion">
1702                    <span class="sub-toggle-title">配送・転送について</span>
1703                    <div class="sub-toggle-content">
1704                        <p>
1705                            <span class="accent-red">
1706                                ■平日14時まで土日12時の注文は当日出荷いたします。
1707                            </span><br>
1708                            ※下記の場合は対象外となります。<br>
1709                            ・祝日のご注文。<br>
1710                            ・銀行振込・コンビニ先払い・キャリア決済でのご注文。<br>
1711                            ・予約商品/予約商品と同時注文の場合。<br>
1712                            ・大型商品の場合<br><br>
1713
1714                            <span class="accent-black">
1715                                ■荷物転送(出荷後のお届け先変更)の有料化について
1716                            </span><br>
1717                            配送業者の規定により出荷後お届け先変更をする場合、転送費用が発生いたします。<br>
1718                            ※お客様着払いにてご負担(送り状記載の住所から変更希望のお届け先までの費用)<br>
1719                            ご住所に不備があった場合やマンション、ビルの棟や部屋番号の間違いについても転送の扱いになりますので、ご注文時にお間違いがないよう十分にご注意の上、ご注文くださいますようお願い申し上げます。
1720                        </p>
1721                    </div>
1722                </li>
1723                <li class="sub-accordion">
1724                    <span class="sub-toggle-title">海外配送・転送サービス</span>
1725                    <div class="sub-toggle-content">
1726                        <p>
1727                            当ショップでは海外からのご注文および海外への配送、また転送サービス(国内外転送問わず)を利用したご注文は承っておりません。<br>
1728                            ※上記が確認されたご注文につきましてはキャンセルとさせていただきます。
1729                        </p>
1730                    </div>
1731                </li>
1732                <li class="sub-accordion">
1733                    <span class="sub-toggle-title">宅配業者</span>
1734                    <div class="sub-toggle-content">
1735                        <p>佐川急便<br>
1736                            ※大型商品等の場合は宅配業者が変更になる場合があります。<br>
1737                            ※日本国内へのみ発送可能となり、海外への発送はできません。
1738                        </p>
1739                    </div>
1740                </li>
1741                <li class="sub-accordion">
1742                    <span class="sub-toggle-title">領収書の発行について</span>
1743                    <div class="sub-toggle-content">
1744                        <p>会員登録済のお客様はご注文履歴よりPDF発行が可能です。<br>
1745                            会員登録なし(ゲスト購入)のお客様はメールでのご連絡をお願いいたします。<br>
1746                            <!--詳細は下記リンクにてご確認ください。-->
1747                        </p>
1748                        <!--a href="https://www.thanko.jp/view/guide#shiharaihouhou5" class="btn-detail">>> 詳細を見る</a-->
1749                    </div>
1750                </li>
1751                <li class="sub-accordion">
1752                    <span class="sub-toggle-title">リサイクル品について</span>
1753                    <div class="sub-toggle-content">
1754                        <p>
1755                            弊社販売の家電リサイクル対象商品の引き取りに関して、別記載のリサイクル料金と収集運搬料金が必要です。<br>
1756                            リサイクル品の引き取りは当店でお買上げの場合に限ります。ご希望の方は、まず初めに当店へお問い合わせください。<br>
1757                            リサイクルセンターやお近くで処理されたい方はリサイクル業者を斡センする地方自治体もありますので、お住まいの自治体にお問い合わせください。
1758                        </p>
1759                        <a href="https://www.thanko.jp/view/guide#recycle" class="btn-detail">>> 詳細を見る</a>
1760                    </div>
1761                </li>
1762                <li class="sub-accordion">
1763                    <span class="sub-toggle-title">お支払について</span>
1764                    <div class="sub-toggle-content">
1765                        <p>■お支払方法<br>
1766                            お支払い方法は、クレジットカード、代金引換、銀行振込(前払い)、コンビニ先払い、キャリア決済、PayPay、AmazonPay、楽天ペイ、ペイディよりお選びいただけます。
1767                        </p>
1768                        <a href="https://www.thanko.jp/view/guide#info02" class="btn-detail">>> 詳細を見る</a>
1769                        <p>■表示価格について<br>
1770                            オンラインショップに記載された価格は、消費税込みの価格です。
1771                        </p>
1772                    </div>
1773                </li>
1774                <li class="sub-accordion">
1775                    <span class="sub-toggle-title">商品の返品・交換</span>
1776                    <div class="sub-toggle-content">
1777                        <p>返品期限 : 商品到着日より7日以内<br>
1778                            お客様ご都合の場合は、御容赦ください。<br>
1779                            しかし初期不良、誤品配送交換に限り、代金着払いで返品、交換または本体価格をご返金させていただきます。</p>
1780                        <a href="https://www.thanko.jp/support/qa-hiragana/3094.html" class="btn-detail">>> 詳細を見る</a>
1781                        <p>
1782                            ご注意事項<br>
1783                            ※本説明は、サンコー通販オンラインショップでお買い上げの場合に限ります。<br>
1784                            返品については、購入店での対応となりますので、サンコー通販オンラインショップ以外でお買い上げの場合は、購入店へご相談ください。
1785                        </p>
1786                    </div>
1787                </li>
1788                <li class="sub-accordion">
1789                    <span class="sub-toggle-title">ラッピングについて</span>
1790                    <div class="sub-toggle-content">
1791                        <p>各商品カート内のギフトラッピングページより選択購入ください。</p>
1792                        <a href="https://www.thanko.jp/view/item/000000003751" class="btn-detail">>> 詳細を見る</a>
1793                        <p>
1794                            ※1ラッピングにつき1商品となります。複数商品の一括ラッピングはお受けできません。<br>
1795                            ※ラッピングは一部大型商品を除きます。予めご了承ください。
1796                        </p>
1797                    </div>
1798                </li>
1799                <li class="sub-accordion">
1800                    <span class="sub-toggle-title">個人情報の取り扱い</span>
1801                    <div class="sub-toggle-content">
1802                        <p>
1803                            お客様からお預かりした大切な個人情報(住所・氏名・メールアドレスなど)を、
1804                            裁判所や警察機関等、公共機関からの提出要請があった場合以外、公開または第三者に譲渡することは一切ございません。
1805                        </p>
1806                        <a href="https://www.thanko.jp/view/policy" class="btn-detail">>> 詳細を見る</a>
1807                    </div>
1808                </li>
1809                <li class="sub-accordion">
1810                    <span class="sub-toggle-title">その他の注意事項</span>
1811                    <div class="sub-toggle-content">
1812                        <p>・当サイトに掲載されている画像の無断転載、使用を禁止いたします(ニュースメディアは除く)。<br>
1813                            ・お客様から製品アイデアや企画書等が寄せられた場合、それらの日本国内外における知的財産権(特許、実用新案、意匠、商標、著作権およびそれらを受ける権利、並びにそれらに該当する権利を含む)は、サンコー株式会社に譲渡されるものといたします。ご理解、ご了承くださいますようよろしくお願いいたします。
1814                        </p>
1815                    </div>
1816                </li>
1817            </ul>
1818
1819            <a href="https://www.thanko.jp/view/page/recall" class="alert-banner-link is-pc-only">
1820                <div class="alert-banner">
1821                    <p class="banner-top">製品に関する</p>
1822                    <p class="banner-main">大切なお知らせ <span>&#187;</span></p>
1823                </div>
1824            </a>
1825        </div>
1826        <div class="footer-block">
1827            <h3 class="footer-title">サポート&サービス <span class="toggle-icon"></span></h3>
1828            <div class="footer-menu footer-contact-wrap">
1829                <div class="contact-sub-section">
1830                    <h4 class="contact-sub-title">サポート&サービス</h4>
1831                    <ul class="support-links-list">
1832                        <li><a href="https://www.thanko.jp/support/repair.html">&#187; 修理・初期不良の受付ご案内</a></li>
1833                        <li><a href="https://www.thanko.jp/smartphone/page56.html">&#187; Q&A よくある質問</a></li>
1834                    </ul>
1835                </div>
1836                <div class="contact-sub-section">
1837                    <h4 class="contact-sub-title">お問い合わせ</h4>
1838
1839                    <div class="contact-box">
1840                        <p class="contact-label">■商品(仕様・機能)に関するお問い合わせ</p>
1841                        <p class="contact-desc">
1842                            <a href="https://www.thanko.jp/view/page/support" class="btn-detail">>>
1843                                お客様・製品サポート</a>
1844                        </p>
1845                        <p class="contact-tel">TEL:<a href="tel:03-3526-4328">03-3526-4328</a></p>
1846                    </div>
1847                    <div class="contact-box">
1848                        <p class="contact-label">■商品のご注文や出荷についてのお問い合わせ</p>
1849                        <p class="contact-tel">TEL:<a href="tel:03-3526-4326">03-3526-4326</a></p>
1850                        <p class="contact-mail">MAIL:<a href="mailto:[email protected]">[email protected]</a></p>
1851                    </div>
1852                    <p class="contact-note">
1853                        10:00~12:00 13:00~17:00(土・日・祝日及び、弊社休日を除く)<br>
1854                        <span class="note-small">
1855                            ※休日中のお問い合せに関しては、営業日以降ご回答となりますのでご了承ください。
1856                        </span>
1857                    </p>
1858                </div>
1859            </div>
1860        </div>
1861        <div class="footer-block">
1862            <h3 class="footer-title">運営会社・店舗 <span class="toggle-icon"></span></h3>
1863            <div class="footer-menu">
1864                <div class="company-info">
1865                    <p class="company-name">サンコー株式会社</p>
1866                    <p class="company-address">〒101-0021<br>東京都千代田区外神田1-8-13 NREG秋葉原ビル 4階</p>
1867                    <div class="company-links">
1868                        <a href="https://www.thanko.jp/view/company" class="btn-detail">>> 会社概要を見る</a>
1869                        <!--a href="https://www.thanko.jp/view/recruit" 
1869class="btn-detail">>> 採用情報を見る</a-->
1870                    </div>
1871                </div>
1872                <!-- サンコーについて バナー -->
1873                <div class="aboutus-banner-box">
1874                    <a href="https://www.thanko.jp/view/page/aboutus" class="aboutus-banner-link">
1875                        <img src="//data.thanko.jp/aboutus/top-pc.jpg" alt="サンコーについて" class="aboutus-banner-img is-pc-only">
1876                        <img src="//data.thanko.jp/aboutus/top-sp.jpg" alt="サンコーについて" class="aboutus-banner-img is-sp-only">
1877                    </a>
1878                </div>
1879                <div class="shop-info">
1880                    <p class="shop-title">店舗一覧</p>
1881                    <div class="shop-box">
1882                        <img src="https://data.thanko.jp/img/footer/tenpo-03.jpg" alt="エディオン横浜西口本店3F サンコーコーナー"
1883                            class="shop-img" onerror="this.style.display='none'">
1884                        <p class="shop-name">エディオン横浜西口本店3F<br>サンコーコーナー</p>
1885                        <a href="https://www.thanko.jp/view/page/shop#shop-2" class="btn-detail">>> 詳細を見る</a>
1886                    </div>
1887                    <div class="shop-box">
1888                        <img src="https://data.thanko.jp/img/footer/tenpo-04.jpg" alt="エディオン広島本店4F サンコーコーナー"
1889                            class="shop-img" onerror="this.style.display='none'">
1890                        <p class="shop-name">エディオン広島本店東館4F<br>サンコーコーナー</p>
1891                        <a href="https://www.thanko.jp/view/page/shop#shop-3" class="btn-detail">>> 詳細を見る</a>
1892                    </div>
1893                </div>
1894            </div>
1895        </div>
1896        <div class="footer-block">
1897            <h3 class="footer-title">SNS・営業カレンダー <span class="toggle-icon"></span></h3>
1898            <div class="footer-menu external-wrap">
1899                <div class="sns-box">
1900                    <p class="sns-title">SNS</p>
1901                    <div class="sns-icons">
1902                        <a href="https://x.com/thanko_web" class="sns-icon" aria-label="X (旧Twitter)"><i class="fa-brands fa-x-twitter"></i></a>
1903                        <a href="https://www.youtube.com/" class="sns-icon" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
1904                        <a href="https://www.tiktok.com/@thanko.official" class="sns-icon" aria-label="TikTok"><i class="fa-brands fa-tiktok"></i></a>
1905                        <a href="https://page.line.me/thanko-raremono?openQrModal=true" class="sns-icon" aria-label="LINE"><i class="fa-brands fa-line"></i></a>
1906                        <a href="https://www.instagram.com/thanko_official/" class="sns-icon" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
1907                        <a href="https://www.facebook.com/thanko.jp/" class="sns-icon" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
1908                    </div>
1909                </div>
1910                <div class="calendar-box">
1911                    <p class="calendar-title">営業カレンダー</p>
1912                    <div class="calendar">
1913                        <p class="calendar-month">
1914                            2026年10月
1915                        </p>
1916                        <div class="makeshop-calendar-table">
1917                            <table class="makeshop-calendar1">
1918<thead>
1919<tr>
1920<th class="sunday">日</th>
1921<th class="monday">月</th>
1922<th class="tuesday">火</th>
1923<th class="wednesday">æ°´</th>
1924<th class="thursday">木</th>
1925<th class="friday">金</th>
1926<th class="saturday">土</th>
1927</tr>
1928</thead>
1929<tbody>
1930<tr>
1931<td></td>
1932<td></td>
1933<td></td>
1934<td></td>
1935<td class="thursday day1">1</td>
1936<td class="friday day2">2</td>
1937<td class="saturday day3 today">3</td>
1938</tr>
1939<tr>
1940<td class="sunday day4">4</td>
1941<td class="monday day5">5</td>
1942<td class="tuesday day6">6</td>
1943<td class="wednesday day7">7</td>
1944<td class="thursday day8">8</td>
1945<td class="friday day9">9</td>
1946<td class="saturday day10">10</td>
1947</tr>
1948<tr>
1949<td class="sunday day11">11</td>
1950<td class="monday day12">12</td>
1951<td class="tuesday day13">13</td>
1952<td class="wednesday day14">14</td>
1953<td class="thursday day15">
195315</td>
1954<td class="friday day16">16</td>
1955<td class="saturday day17">17</td>
1956</tr>
1957<tr>
1958<td class="sunday day18">18</td>
1959<td class="monday day19">19</td>
1960<td class="tuesday day20">20</td>
1961<td class="wednesday day21">21</td>
1962<td class="thursday day22">22</td>
1963<td class="friday day23">23</td>
1964<td class="saturday day24">24</td>
1965</tr>
1966<tr>
1967<td class="sunday day25">25</td>
1968<td class="monday day26">26</td>
1969<td class="tuesday day27">27</td>
1970<td class="wednesday day28">28</td>
1971<td class="thursday day29">29</td>
1972<td class="friday day30">30</td>
1973<td class="saturday day31">31</td>
1974</tr>
1975</tbody>
1976</table>
1977                        </div>
1978                        <div class="calendar-legend">
1979                            <span class="legend-item"><span class="legend-color today-color"></span>今日</span>
1980                            <span class="legend-item"><span class="legend-color holiday-color"></span>配送休業日</span>
1981                        </div>
1982                                                                                    <input type="hidden" class="dayList" data-month="1"
1983                                    data-day="12"
1984                                    data-color="#FFCCFF">
1985                                                                                        </div>
1986                </div>
1987
1988                <div class="shipping-banner">
1989                    <p class="banner-text">沖縄県以外の地域 送料:660円<br>(ご注文金額3,980円以上で送料無料)</p>
1990                    <p class="banner-sub-text">沖縄県:ご注文金額にかかわらず、<br>送料2,500円を別途申し受けます。</p>
1991                </div>
1992                <div class="quick-button-area">
1993                    <a href="https://www.thanko.jp/view/page/faq" class="q-btn bold-q-btn">>> よくある質問</a>
1994                    <a href="https://www.thanko.jp/view/company#press" class="q-btn bold-q-btn">>> 取材申し込み</a>
1995                    <a href="https://www.thanko.co.jp/" class="q-btn bold-q-btn">>> 法人のお客様はコチラ</a>
1996                </div>
1997            </div>
1998        </div>
1999    </div>
2000    <div class="footer-bottom">
2001        <div class="bottom-nav">
2002            <a href="https://www.thanko.jp/view/contract">特定商取引法に基づく通信販売業者の表示</a>
2003            <a href="https://www.thanko.jp/view/policy">プライバシーポリシー</a>
2004            <a href="https://www.thanko.jp/view/guide">お買い物ガイド</a>
2005            <a href="https://www.thanko.jp/view/company">会社概要</a>
2006        </div>
2007        <p class="copyright">&copy; 2026 THANKO|【公式】サンコー通販サイト All Rights Reserved.</p>
2008    </div>
2009    <!-- 萌乃れあ -->
2010    <div class="moenorea none-pc">
2011        <a href="https://twitter.com/moenorea" target="_blank"><img src="//data.thanko.jp/common/img/footer/kakurea.jpg" alt="萌乃れあ"></a>
2012    </div>
2013</footer>
2014
2015<style>
2016    .custom-footer {
2017        background-color: #f4f2ef;
2018        color: #333;
2019        font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
2020        font-size: 13px;
2021        line-height: 1.6;
2022    }
2023
2024    .footer-container {
2025        max-width: 1200px;
2026        margin: 0 auto;
2027        padding: 50px 20px;
2028        display: flex;
2029        justify-content: space-between;
2030        align-items: flex-start;
2031    }
2032
2033    .footer-block {
2034        flex: 1;
2035        margin-right: 30px;
2036    }
2037
2038    .footer-block:last-child {
2039        margin-right: 0;
2040    }
2041
2042    .footer-title {
2043        font-size: 15px;
2044        font-weight: bold;
2045        margin-bottom: 20px;
2046        border-bottom: 2px solid #ff6600;
2047        padding-bottom: 8px;
2048    }
2049
2050    .footer-menu {
2051        list-style: none;
2052        padding: 0;
2053        margin: 0;
2054    }
2055
2056    .style-accordion {
2057        list-style: none;
2058        padding: 0;
2059        margin: 0 0 20px 0;
2060    }
2061
2062    .style-accordion .btn-detail {
2063        display: block;
2064        max-width: 120px;
2065        margin: 15px auto;
2066    }
2067
2068    .sub-accordion {
2069        border-bottom: 1px dashed #ddd;
2070        margin-bottom: 0;
2071    }
2072
2073    .sub-accordion:last-child {
2074        border-bottom: none;
2075    }
2076
2077    .sub-toggle-title {
2078        display: block;
2079        padding: 8px 0;
2080        font-weight: bold;
2081        color: #444;
2082        cursor: pointer;
2083        position: relative;
2084        transition: color 0.2s;
2085    }
2086
2087    .sub-toggle-title:hover {
2088        color: #ff6600;
2089    }
2090
2091    .sub-toggle-title::after {
2092        content: "+";
2093        position: absolute;
2094        right: 5px;
2095        font-size: 11px;
2096        color: #888;
2097    }
2098
2099    .sub-accordion.is-open .sub-toggle-title {
2100        color: #ff6600;
2101    }
2102
2103    .sub-accordion.is-open .sub-toggle-title::after {
2104        content: "ー";
2105    }
2106
2107    .sub-toggle-content {
2108        display: none;
2109        padding: 10px;
2110        background: #fff;
2111        font-size: 12px;
2112        color: #555;
2113        line-height: 1.5;
2114        border-radius: 4px;
2115        margin-bottom: 8px;
2116        border: 1px solid #eee;
2117    }
2118
2119    /* レスポンシブ切り替え用の初期設定(PC時はスマホ用非表示) */
2120    .is-sp-only {
2121        display: none !important;
2122    }
2123    .is-pc-only {
2124        display: block !important;
2125    }
2126
2127    .alert-banner-link {
2128        text-decoration: none;
2129        margin-top: 15px;
2130        transition: opacity 0.2s;
2131    }
2132
2133    .alert-banner-link:hover {
2134        opacity: 0.85;
2135    }
2136
2137    .alert-banner {
2138        background: #d9534f;
2139        color: #fff;
2140        text-align: center;
2141        padding: 12px;
2142        font-weight: bold;
2143        border: 1px solid #c9302c;
2144        border-radius: 4px;
2145    }
2146
2147    .alert-banner .banner-top {
2148        margin: 0;
2149        font-size: 11px;
2150        opacity: 0.9;
2151    }
2152
2153    .alert-banner .banner-main {
2154        margin: 0;
2155        font-size: 15px;
2156        letter-spacing: 1px;
2157    }
2158
2159    .alert-banner .banner-main span {
2160        font-size: 12px;
2161        margin-left: 3px;
2162    }
2163
2164    .contact-sub-section {
2165        margin-bottom: 25px;
2166    }
2167
2168    .contact-sub-title {
2169        font-size: 13px;
2170        font-weight: bold;
2171        background: #eee;
2172        padding: 4px 8px;
2173        margin: 0 0 10px 0;
2174        border-left: 3px solid #666;
2175    }
2176
2177    .support-links-list {
2178        list-style: none;
2179        padding: 0;
2180        margin: 0;
2181    }
2182
2183    .support-links-list li {
2184        margin-bottom: 8px;
2185    }
2186
2187    .support-links-list li a {
2188        color: #333;
2189        text-decoration: none;
2190        font-weight: bold;
2191    }
2192
2193    .support-links-list li a:hover {
2194        color: #ff6600;
2195        text-decoration: underline;
2196    }
2197
2198    .contact-box {
2199        margin-bottom: 12px;
2200        background: #fff;
2201        padding: 10px;
2202        border: 1px solid #ddd;
2203    }
2204
2205    .contact-label {
2206        font-weight: bold;
2207        font-size: 11px;
2208        margin: 0 0 4px 0;
2209    }
2210
2211    .contact-desc {
2212        margin: 6px 0 5px 0;
2213    }
2214
2215    .contact-tel,
2216    .contact-mail {
2217        margin: 0;
2218        font-size: 14px;
2219        font-weight: bold;
2220    }
2221
2222    .contact-tel a,
2223    .contact-mail a {
2224        color: #333;
2225        text-decoration: none;
2226    }
2227
2228    .contact-tel a:hover,
2229    .contact-mail a:hover {
2230        color: #ff6600;
2231        text-decoration: underline;
2232    }
2233
2234    .contact-note {
2235        font-size: 11px;
2236        color: #666;
2237        margin-top: 10px;
2238    }
2239
2240    .note-small {
2241        display: block;
2242        margin-top: 5px;
2243        line-height: 1.4;
2244    }
2245
2246    .company-info,
2247    .shop-info {
2248        margin-bottom: 20px;
2249    }
2250
2251    .company-name,
2252    .shop-title {
2253        font-weight: bold;
2254        margin: 0 0 5px 0;
2255    }
2256
2257    .company-address {
2258        font-size: 12px;
2259        margin: 0 0 8px 0;
2260    }
2261
2262    .company-links {
2263        display: flex;
2264        flex-direction: column;
2265        gap: 6px;
2266        margin-top: 6px;
2267    }
2268
2269    /* 「サンコーについて」バナー枠 */
2270    .aboutus-banner-box {
2271        margin-bottom: 20px;
2272    }
2273
2274    .aboutus-banner-link {
2275        display: block;
2276        text-decoration: none;
2277        transition: opacity 0.2s;
2278    }
2279
2280    .aboutus-banner-link:hover {
2281        opacity: 0.85;
2282    }
2283
2284    .aboutus-banner-img {
2285        width: 100%;
2286        height: auto;
2287        display: block;
2288        border-radius: 2px;
2289    }
2290
2291    .shop-box {
2292        background: #fff;
2293        border: 1px solid #ddd;
2294        padding: 10px;
2295        margin-bottom: 15px;
2296        text-align: center;
2297    }
2298
2299    /* 店舗画像(PC時小さめに設定) */
2300    .shop-img {
2301        max-width: 180px;
2302        width: 100%;
2303        height: auto;
2304        display: block;
2305        margin: 0 auto 8px auto;
2306        border-radius: 2px;
2307    }
2308
2309    .shop-name {
2310        margin: 0 0 6px 0;
2311        font-size: 12px;
2312        font-weight: bold;
2313        text-align: left;
2314    }
2315
2316    /* 統一された汎用ボタンデザイン */
2317    .btn-detail {
2318        display: inline-block;
2319        font-size: 11px;
2320        background: #666;
2321        color: #fff;
2322        padding: 4px 12px;
2323        text-decoration: none;
2324        border-radius: 2px;
2325        font-weight: bold;
2326        transition: background-color 0.2s, color 0.2s;
2327        text-align: center;
2328    }
2329
2330    .btn-detail:hover {
2331        background: #ff6600;
2332        color: #fff;
2333    }
2334
2335    .sns-box {
2336        margin-bottom: 15px;
2337    }
2338
2339    .sns-title,
2340    .calendar-title {
2341        font-weight: bold;
2342        margin: 0 0 5px 0;
2343    }
2344
2345    .sns-icons {
2346        display: flex;
2347        gap: 8px;
2348    }
2349
2350    .sns-icon {
2351        display: inline-flex;
2352        width: 32px;
2353        height: 32px;
2354        background: #ddd;
2355        align-items: center;
2356        justify-content: center;
2357        text-decoration: none;
2358        color: #333;
2359        font-size: 16px;
2360        border-radius: 2px;
2361        transition: background-color 0.2s, color 0.2s;
2362    }
2363
2364    .sns-icon:hover {
2365        background: #ff6600;
2366        color: #fff;
2367    }
2368
2369    /* ==========================================
2370   営業カレンダー用スタイル設定
2371   ========================================== */
2372    .calendar-box {
2373        margin-top: 15px;
2374        margin-bottom: 20px;
2375    }
2376
2377    .calendar-month {
2378        margin: 5px 0;
2379        font-weight: bold;
2380        font-size: 13px;
2381        text-align: center;
2382    }
2383
2384    .makeshop-calendar-table table {
2385        width: 100%;
2386        max-width: 240px;
2387        margin: 0 auto;
2388        border-collapse: collapse;
2389        font-size: 11px;
2390        text-align: center;
2391        background: #fff;
2392        border: 1px solid #ddd;
2393    }
2394
2395    .makeshop-calendar-table table th {
2396        background: #eee;
2397        padding: 5px 3px;
2398        font-weight: normal;
2399        border: 1px solid #ddd;
2400    }
2401
2402    .makeshop-calendar-table table td {
2403        padding: 6px 3px;
2404        border: 1px solid #eee;
2405        color: #333;
2406        transition: background-color 0.1s;
2407    }
2408
2409    .makeshop-calendar-table table td.today,
2410    .makeshop-calendar-table table td[style*="d9d7bf"],
2411    .makeshop-calendar-table table td[style*="217"] {
2412        background-color: #d9d7bf;
2413        color: #333;
2414    }
2415
2416    .makeshop-calendar-table table td.holiday,
2417    .makeshop-calendar-table table td[style*="ffccff"],
2418    .makeshop-calendar-table table td[style*="f7c4c4"] {
2419        background-color: rgb(247, 196, 196);
2420        color: rgb(255, 255, 255);
2421    }
2422
2423    .makeshop-calendar-table table td a {
2424        color: inherit;
2425        text-decoration: none;
2426    }
2427
2428    .calendar-legend {
2429        display: flex;
2430        justify-content: center;
2431        gap: 15px;
2432        font-size: 11px;
2433        margin-top: 8px;
2434    }
2435
2436    .legend-item {
2437        display: inline-flex;
2438        align-items: center;
2439        gap: 5px;
2440    }
2441
2442    .legend-color {
2443        display: inline-block;
2444        width: 12px;
2445        height: 12px;
2446        border: 1px solid #ccc;
2447    }
2448
2449    .today-color {
2450        background-color: #d9d7bf;
2451    }
2452
2453    .holiday-color {
2454        background-color: rgb(255, 204, 255);
2455    }
2456
2457    .shipping-banner {
2458        background: #ff6600;
2459        color: #fff;
2460        text-align: center;
2461        padding: 12px;
2462        font-weight: bold;
2463        margin-bottom: 20px;
2464        border-radius: 4px;
2465    }
2466
2467    .shipping-banner .banner-text {
2468        margin: 0 0 5px 0;
2469        font-size: 13px;
2470        line-height: 1.4;
2471    }
2472
2473    .shipping-banner .banner-sub-text {
2474        margin: 0;
2475        font-size: 11px;
2476        line-height: 1.4;
2477        opacity: 0.9;
2478        border-top: 1px dashed rgba(255, 255, 255, 0.5);
2479        padding-top: 5px;
2480    }
2481
2482    .quick-button-area {
2483        display: flex;
2484        flex-direction: column;
2485        gap: 8px;
2486        margin-top: 15px;
2487    }
2488
2489    .q-btn {
2490        display: block;
2491        text-align: center;
2492        background: #fff;
2493        color: #333;
2494        padding: 8px 10px;
2495        border: 1px solid #ccc;
2496        text-decoration: none;
2497        font-size: 12px;
2498        font-weight: bold;
2499        border-radius: 4px;
2500        transition: all 0.2s;
2501    }
2502
2503    .bold-q-btn {
2504        background: #333;
2505        color: #fff;
2506        border-color: #333;
2507    }
2508
2509    .bold-q-btn:hover {
2510        background: #ff6600;
2511        color: #fff;
2512        border-color: #ff6600;
2513    }
2514
2515    .footer-bottom {
2516        margin-top: 50px;
2517        border-top: 1px solid #ddd;
2518        padding-top: 20px;
2519        text-align: center;
2520    }
2521
2522    .bottom-nav {
2523        margin-bottom: 15px;
2524    }
2525
2526    .bottom-nav a {
2527        color: #666;
2528        text-decoration: none;
2529        margin: 0 10px;
2530        font-size: 12px;
2531    }
2532
2533    .bottom-nav a:hover {
2534        color: #ff6600;
2535    }
2536
2537    .copyright {
2538        font-size: 11px;
2539        color: #888;
2540        margin: 0;
2541    }
2542    
2543    /* ==========================================
2544   スマホ表示(画面幅 767px 以下)
2545   ========================================== */
2546    @media screen and (max-width: 767px) {
2547        .footer-container {
2548            flex-direction: column;
2549            padding: 0;
2550        }
2551
2552        .footer-block {
2553            width: 100%;
2554            margin-right: 0;
2555            border-bottom: 1px solid #ddd;
2556        }
2557
2558        .footer-block:first-child {
2559            border-bottom: 1px solid #ddd;
2560        }
2561        .footer-block:first-child.is-active {
2562            padding-bottom: 0;
2563        }
2564        .style-accordion {
2565            margin-bottom: 0;
2566        }
2567
2568        /* レスポンシブ切り替え用 */
2569        .is-sp-only {
2570            display: block !important;
2571        }
2572        .is-pc-only {
2573            display: none !important;
2574        }
2575
2576        /* スマホ用にお知らせバナーの余白を少し調整 */
2577        .alert-banner-link {
2578            margin: 15px 20px 0 20px;
2579        }
2580
2581        /* スマホ時のみ各要素の角丸(border-radius)をリセット */
2582        .alert-banner,
2583        .shipping-banner,
2584        .q-btn,
2585        .sub-toggle-content,
2586        .btn-detail,
2587        .aboutus-banner-img {
2588            border-radius: 0 !important;
2589        }
2590
2591        .shop-img {
2592            max-width: 240px; /* スマホ時は見やすいように幅を確保 */
2593        }
2594
2595        .footer-title {
2596            margin-bottom: 0;
2597            padding: 15px 20px;
2598            border-bottom: none;
2599            cursor: pointer;
2600            display: flex;
2601            justify-content: space-between;
2602            align-items: center;
2603            font-size: 14px;
2604        }
2605
2606        .toggle-icon {
2607            position: relative;
2608            width: 12px;
2609            height: 12px;
2610            display: inline-block;
2611        }
2612
2613        .toggle-icon::before,
2614        .toggle-icon::after {
2615            content: "";
2616            position: absolute;
2617            background-color: #333;
2618            top: 50%;
2619            left: 50%;
2620            transform: translate(-50%, -50%);
2621            transition: transform 0.3s ease;
2622        }
2623
2624        .toggle-icon::before {
2625            width: 12px;
2626            height: 2px;
2627        }
2628
2629        .toggle-icon::after {
2630            width: 2px;
2631            height: 12px;
2632        }
2633
2634        .footer-menu {
2635            max-height: 0;
2636            overflow: hidden;
2637            opacity: 0;
2638            transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
2639            padding: 0 20px;
2640            box-sizing: border-box;
2641        }
2642
2643        .footer-block.is-active .footer-menu {
2644            max-height: 3000px;
2645            opacity: 1;
2646            padding-top: 10px;
2647            padding-bottom: 25px;
2648        }
2649
2650        .footer-block.is-active .toggle-icon::after {
2651            transform: translate(-50%, -50%) rotate(90deg);
2652            opacity: 0;
2653        }
2654
2655        .bottom-nav a {
2656            display: inline-block;
2657            margin: 5px 10px;
2658        }
2659        .moenorea a img {
2660            width: 100%;
2661        }
2662    }
2663</style>
2664
2665<script>
2666    document.addEventListener("DOMContentLoaded", () => {
2667        // 1. スマホ用の親アコーディオン開閉
2668        const footerTitles = document.querySelectorAll(".custom-footer .footer-title");
2669        footerTitles.forEach((title) => {
2670            title.addEventListener("click", () => {
2671                if (window.innerWidth <= 767) {
2672                    const parentBlock = title.parentElement;
2673                    parentBlock.classList.toggle("is-active");
2674                }
2675            });
2676        });
2677
2678        // 2. お買い物ガイド内のアコーディオン開閉
2679        const subAccordionTitles = document.querySelectorAll(".sub-toggle-title");
2680        subAccordionTitles.forEach((subTitle) => {
2681            subTitle.addEventListener("click", () => {
2682                const parentLi = subTitle.parentElement;
2683                const content = subTitle.nextElementSibling;
2684
2685                if (parentLi.classList.contains("is-open")) {
2686                    parentLi.classList.remove("is-open");
2687                    content.style.display = "none";
2688                } else {
2689                    parentLi.classList.add("is-open");
2690                    content.style.display = "block";
2691                }
2692            });
2693        });
2694
2695        // 3. カレンダーの色塗り機能(Pulsefit動的生成・表示バグ対策版)
2696        const applyCalendarColors = () => {
2697            const dayLists = document.querySelectorAll(".calendar .dayList");
2698            const cells = document.querySelectorAll(".calendar table td");
2699
2700            if (cells.length === 0) return;
2701
2702            cells.forEach((cell) => {
2703                const cellText = cell.textContent.trim();
2704                if (!cellText) return;
2705
2706                // クラス名・既存スタイル属性による「今日」「休日」の事前検知・矯正補正
2707                const currentBg = cell.style.backgroundColor || "";
2708                if (cell.classList.contains("today") || currentBg.includes("217") || currentBg.includes("d9d7bf")) {
2709                    cell.style.setProperty("background-color", "#d9d7bf", "important");
2710                    cell.style.setProperty("color", "#333", "important");
2711                }
2712                if (cell.classList.contains("holiday") || currentBg.includes("ffccff") || currentBg.includes("f7c4c4")) {
2713                    cell.style.setProperty("background-color", "rgb(247, 196, 196)", "important");
2714                    cell.style.setProperty("color", "rgb(255, 255, 255)", "important");
2715                }
2716
2717                // 隠しデータ(dayList)の配列照合による精密カラープログラミング
2718                dayLists.forEach((input) => {
2719                    const day = input.getAttribute("data-day");
2720                    const color = input.getAttribute("data-color");
2721
2722                    if (cellText === day || cellText === '0' + day) {
2723                        if (color === '#ffccff' || color === '#f7c4c4' || color.includes('247') || color.includes('204')) {
2724                            cell.style.setProperty("background-color", "rgb(247, 196, 196)", "important");
2725                            cell.style.setProperty("color", "rgb(255, 255, 255)", "important");
2726                        } else if (color.includes('217') || color === '#d9d7bf') {
2727                            cell.style.setProperty("background-color", "#d9d7bf", "important");
2728                            cell.style.setProperty("color", "#333", "important");
2729                        } else {
2730                            cell.style.setProperty("background-color", color, "important");
2731                            cell.style.setProperty("color", "#333", "important");
2732                        }
2733                    }
2734                });
2735            });
2736        };
2737
2738        // 即時適用
2739        applyCalendarColors();
2740
2741        // MakeShop独自カレンダーのレンダリング待機・ラグ追尾処理(最長3秒まで段階的に巡回実行)
2742        setTimeout(applyCalendarColors, 100);
2743        setTimeout(applyCalendarColors, 400);
2744        setTimeout(applyCalendarColors, 800);
2745        setTimeout(applyCalendarColors, 1500);
2746        setTimeout(applyCalendarColors, 3000);
2747    });
2748</script>
2748
2749        </footer>
2750
2751        
2751<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2751
2752        
2752<script src="/view/asset/user-18-1-6-811831f25520cce54025c3cc72e0b3b8.js"></script>
2752
2753        
2753<script src="https://unpkg.com/[email protected]/swiper-bundle.min.js"></script>
2753
2754            <form name="ssl_login_form" method="post" action="https://www.thanko.jp/ssl/slogin/" target="_top" style="margin:0;padding:0;">
2755        <input type="hidden" name="db" value="thankothanko">
2756        <input type="hidden" name="type" value="">
2757        <input type="hidden" name="opt" value="">
2758        <input type="hidden" name="ssl_login_return_url" value="%2Fview%2Fcart">
2759        <input type="hidden" name="user_id" value="">
2760        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2761    </form>
2762
2763    
2763<script language="JavaScript">
2764    function ssl_login(type, etc, user_id){
2765        var etc = (typeof(etc) != "undefined") ? etc : '';
2766        var user_id = (typeof(user_id) != "undefined") ? user_id : '';
2767
2768        document.ssl_login_form.type.value = type;
2769        document.ssl_login_form.opt.value = etc;
2770        document.ssl_login_form.user_id.value = user_id;
2771        document.ssl_login_form.submit();
2772    }
2773    </script>
2773
2774    <form name="ssl_idinfo_form" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/ssl_idinfo/ssl_idinfo.html">
2775        <input type="hidden" name="db" value="thankothanko">
2776        <input type="hidden" name="login_id" value="">
2777        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2778    </form>
2779    
2779<script>
2780    function ssl_idinfo() {
2781        document.ssl_idinfo_form.submit();
2782    }
2783    </script>
2783
2784    <form name="ssl_confirm_form" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/ssl_confirm/confirm.html">
2785        <input type="hidden" name="db" value="thankothanko">
2786        <input type="hidden" name="login_id" value="">
2787        <input type="hidden" name="type" value="confirm">
2788        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2789    </form>
2790    
2790<script>
2791    function ssl_confirm(){
2792        document.ssl_confirm_form.submit();
2793    }
2794    </script>
2794
2795    <form name="ssl_point_form" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/mypage/point.html">
2796        <input type="hidden" name="db" value="thankothanko">
2797        <input type="hidden" name="login_id" value="">
2798        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2799    </form>
2800    
2800<script>
2801    function ssl_point(){
2802        document.ssl_point_form.submit();
2803    }
2804    </script>
2804
2805    <form name="ssl_favorite_form" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/mypage/favorite.html">
2806        <input type="hidden" name="db" value="thankothanko">
2807        <input type="hidden" name="login_id" value="">
2808        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2809    </form>
2810    
2810<script>
2811    function ssl_favorite(){
2812        document.ssl_favorite_form.submit();
2813    }
2814    </script>
2814
2815    <form name="ssl_external_login_form" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/mypage/external_login.html">
2816        <input type="hidden" name="db" value="thankothanko">
2817        <input type="hidden" name="login_id" value="">
2818        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2819    </form>
2820    
2820<script>
2821    function ssl_external_login() {
2822        document.ssl_external_login_form.submit();
2823    }
2824    </script>
2824
2825    <form name="ssl_address_book" style="margin:0;padding:0;" method="post" action="https://www.thanko.jp/ssl/mypage/address_book.html">
2826        <input type="hidden" name="db" value="thankothanko">
2827        <input type="hidden" name="login_id" value="">
2828        <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2829    </form>
2830    
2830<script>
2831    function ssl_address_book() {
2832        document.ssl_address_book.submit();
2833    }
2834    </script>
2834
2835<div class="makeshop-modal-window" data-remodal-id="makeshop-common-modal">
2836    <button data-remodal-action="close" class="remodal-close"></button>
2837    <p class="error-text"></p>
2838    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
2839</div>
2840
2841<input type="hidden" id="makeshop-page-common-cart-data"
2842    data-cart-url="/view/cart"
2843    data-cart-entry-url-prefix="#makeshop-common-cart-entry-url:"
2844    data-cart-remove-url-prefix="#makeshop-common-cart-remove-url:"
2845    data-cart-quantity-url-prefix="#makeshop-common-cart-quantity-url:"
2846    data-id-quantity-prefix="makeshop-common-cart-quantity:"
2847>
2848
2849<form id="makeshop-form-common-order" method="post" action="">
2850    <input type="hidden" name="ssl_login_id" value="">
2851    <input type="hidden" name="ssl_tempid" value="3e0ab86a7902201c69d770f5bc6461f5">
2852</form>
2853<input type="hidden" id="makeshop-page-common-order-data"
2854    data-order-url="#makeshop-common-order-url"
2855>
2856
2857<input type="hidden" id="makeshop-page-common-favorite-data"
2858    data-favorite-entry-url-prefix="#makeshop-common-favorite-entry-url:"
2859    data-favorite-remove-url-prefix="#makeshop-common-favorite-remove-url:"
2860>
2861
2862<input type="hidden" id="makeshop-page-common-search-data"
2863    data-id-keyword="makeshop-search-keyword"
2864    data-id-name="makeshop-search-name"
2865    data-id-price-low="makeshop-search-price-low"
2866    data-id-price-high="makeshop-search-price-high"
2867    data-id-category="makeshop-search-category"
2868    data-id-original-code="makeshop-search-original-code"
2869    data-search-url="#makeshop-common-search-url"
2870>
2871
2872<form id="makeshop-form-common-contact" method="post" action="https://www.thanko.jp/ssl/contact/">
2873    <input type="hidden" name="admin_id" value="thankothanko">
2874    <input type="hidden" name="login_id" value="">
2875    <input type="hidden" name="return_path" value="/view/cart">
2876</form>
2877<input type="hidden" id="makeshop-page-common-contact-data"
2878    data-contact-url="#makeshop-common-contact-url"
2879>
2880
2881<input type="hidden" id="makeshop-page-common-slideshow-data"
2882    data-enabled="Y"
2883    data-pause="5000"
2884    data-speed="1500"
2885    data-controls="Y"
2886    data-captions="N"
2887    data-mode="horizontal"
2888>
2889
2890
2891<script src="/js/jquery/3.7.1/jquery.min.js" defer></script>
vendor: 1 bytes, line 2891
2891
2892<script src="/js/jqueryplugin/remodal/1.1.1/remodal.min.js" defer></script>
vendor: 1 bytes, line 2892
2892
2893<script src="/js/jqueryplugin/makeshop_bxslider/4.2.14/jquery.bxslider.min.js" defer></script>
vendor: 1 bytes, line 2893
2893
2894<script src="/view/asset/system-18-1-6-24bbcddf73da439e84deb1fe53df7470.js" defer></script>
vendor: 1 bytes, line 2894
2894
2895<script src="https://static-fe.payments-amazon.com/checkout.js" charset="utf-8"></script>
vendor: 1 bytes, line 2895
2895
2896<script type="text/javascript" charset="utf-8">
2897var amazonpaybutton6abfe6a8efadf = document.querySelectorAll('.amazonpay-button6abfe6a8ec892');
2898for (var amazonpaybutton6abfe6a8efadfi = 0; amazonpaybutton6abfe6a8efadfi < amazonpaybutton6abfe6a8efadf.length; amazonpaybutton6abfe6a8efadfi++) {
2899    // BuyNowボタンの要素は除外(IDがAmazonBuyNowButtonの要素はスキップ)
2900    if (amazonpaybutton6abfe6a8efadf[amazonpaybutton6abfe6a8efadfi].id === 'AmazonBuyNowButton') {
2901        continue;
2902    }
2903amazonpaybutton6abfe6a8efadf[amazonpaybutton6abfe6a8efadfi].id = 'amazonpay-button' + new Date().getTime();
2904    amazon.Pay.renderButton('#' + amazonpaybutton6abfe6a8efadf[amazonpaybutton6abfe6a8efadfi].id, {
2905        merchantId: 'A2PIBVS026NQPP',
2906        ledgerCurrency: 'JPY',
2907        
2908        checkoutLanguage: 'ja_JP',
2909        productType: 'PayAndShip',
2910        placement: 'Cart',
2911        buttonColor: 'Gold',
2912        createCheckoutSessionConfig: {
2913            payloadJSON: '{"storeId":"amzn1.application-oa2-client.ae6c748f0ee240019369af0355e1a7ca","webCheckoutDetails":{"checkoutReviewReturnUrl":"https:\/\/shop45.makeshop.jp\/shop\/amazon_login_redirect.html?db=thankothanko","checkoutCancelUrl":"https:\/\/shop45.makeshop.jp\/shop\/amazon_login_redirect.html?db=thankothanko"},"scopes":["name","email","billingAddress","phoneNumber"],"paymentDetails":{"allowOvercharge":true}}',
2914            signature: 'pdzTESnbNZ0mwrj8zTX2S4Cw3PlkE1dCJPWlK3vPvbe5YG/PDxGbOp5v12XFY3YcBPIuFjD8RIEt8EXF1qKQmSxIpc+/LV7jVYvLC2aRympoee/EUxlfdO+zlgj4czmjxob0IUsq8vVIYhYkqjpVZkrc8wqMBe0EplPWwp0vzm467gWCa0hxACHIjsO6YdeGjdOZGQvkAg8eSAUk9v4U8+wObPbxMdeCWXbAFth/6siaB8/qi8ZlCMkYOhEkyeimrHWrW2QUmrdRwEUuWFJNxsIOYVhy/bctkVKbTnvjkmz2rEXB03X1NI+LvXnphVtNL8sfjbzovhFlRNhVvE1jaw==',
2915            publicKeyId: 'AG7ZOT6WS56LZWWLYTI4754G'
2916        }
2917    });
2918}
2919</script>
2919
2920<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2920-2921
2920
2921<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2921GTM-563BQBQ
vendor: 85 bytes, lines 2921-2922
2921"
2922height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2923<!-- End Google Tag Manager (noscript) -->
2924
2925<link rel="stylesheet" href="//data.thanko.jp/common/css/order.css" type="text/css">
2926
2927<style>
2928.new1000p{
2929    font-size: 1.2em;
2930    background: #ee9107;
2931    color: #fff;
2932    padding: 4px 10px;
2933    border-radius: 4px;
2934    line-height: 2.2em;
2935    margin: 0 4px;
2936    letter-spacing: 1px;
2937    font-weight: 600;
2938}
2939</style>
2940
2941<script type="text/javascript">
2942 (function(w,d,s){
2943  var f=d.getElementsByTagName(s)[0],j=d.createElement(s);
2944  j.async=true;j.src='https://dmp.im-apps.net/js/1010064/0001/itm.js';
2945  f.parentNode.insertBefore(j, f);
2946 })(window,document,'script');
2947</script>
2947
2948<!--0e4c996bf815f3438fee3693103dc7fc40e4060200014131ca166ebfbe3f94c46405fec44d78-->
2949</body>
2950
2951</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.