PageSourceSearch

https://ayanokoji.jp/

html ayanokoji.jp collected 2026-10-01 13:05:04 UTC 125,795 bytes, 2,646 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja"><head>
3  <meta charset="UTF-8">
4  
5  <title>職人が作る、がま口の専門店AYANOKOJIの公式通販</title>
6  <meta name="viewport" content="width=device-width">
7
8
9    <meta name="description" content="【8の付く日はP8%還元】創業39年。AYANOKOJI(あやの小路)は職人が手作りする京都のがま口専門店。圧倒的な商品数とカラーバリエーションを豊富に展開。">
10    <meta name="keywords" content="がま口,バッグ,ポーチ,財布,AYANOKOJI">
11  
12  <link rel="stylesheet" href="https://ayanokoji.itembox.cloud/system/fs_style.css?t=20260910153729">
13  <link rel="stylesheet" href="https://ayanokoji.itembox.cloud/generate/theme8/fs_original.css?t=20260714024349">
14  
15  
16  
17  
18  
19  
20  
20<script>
21    window._FS=window._FS||{};_FS.val={"tiktok":{"enabled":false,"pixelCode":null},"recaptcha":{"enabled":false,"siteKey":null},"clientInfo":{"memberId":"guest","fullName":"ゲスト","lastName":"","firstName":"ゲスト","nickName":"ゲスト","stageId":"","stageName":"","subscribedToNewsletter":"false","loggedIn":"false","totalPoints":"","activePoints":"","pendingPoints":"","purchasePointExpiration":"","specialPointExpiration":"","specialPoints":"","pointRate":"","companyName":"","membershipCardNo":"","wishlist":"","prefecture":""},"enhancedEC":{"ga4Dimensions":{"userScope":{"stage":"{@ member.stage_order @}","login":"{@ member.logged_in @}"}},"amazonCheckoutName":"Amazon Pay","measurementId":"G-LBNY40313D","trackingId":"UA-76151022-1","dimensions":{"dimension1":{"key":"log","value":"{@ member.logged_in @}"},"dimension2":{"key":"mem","value":"{@ member.stage_order @}"}}},"shopKey":"ayanokoji","device":"PC","cart":{"stayOnPage":false}};
22  </script>
22
23  
24  
24<script src="/shop/js/webstore-nr.js?t=20260910153729"></script>
24
25  
25<script src="/shop/js/webstore-vg.js?t=20260910153729"></script>
25
26  
27    
27<script src="//r2.future-shop.jp/fs.ayanokoji/pc/recommend.js"></script>
27
28  
29  
30  
31  
32  
33  
34    <meta property="og:title" content="職人が作る、がま口の専門店AYANOKOJIの公式通販">
35    <meta property="og:type" content="website">
36    <meta property="og:url" content="https://ayanokoji.jp/">
37    <meta property="og:image" content="https://ayanokoji.itembox.cloud/item/ay-assets/img/other/ogp.jpg">
38    <meta property="og:site_name" content="がま口の専門店 AYANOKOJI(あやの小路)">
39    <meta property="og:description" content="【8の付く日はP8%還元】創業39年。AYANOKOJI(あやの小路)は職人が手作りする京都のがま口専門店。圧倒的な商品数とカラーバリエーションを豊富に展開。">
40  
41  
42  
43    
43<script type="text/javascript" >
44      document.addEventListener('DOMContentLoaded', function() {
45        _FS.CMATag('{"fs_member_id":"{@ member.id @}","fs_page_kind":"top"}')
46      })
47    </script>
47
48  
49  
50  <meta name="google-site-verification" content="0JR55Astaiys28rF9Mn5KtxGOkfNiG_AmkbdR7VKboQ" />
51<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
52<link rel="preconnect" href="https://fonts.googleapis.com">
53<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
54<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet">
55<link rel="stylesheet" href="https://ayanokoji.itembox.cloud/item/pt-assets/css/fs_theme_custom.css?t=20261001170521">
56<link rel="stylesheet" crossorigin href="https://ayanokoji.itembox.cloud/item/pt-assets/css/style.css?t=20261001170521">
57
58<script type="module">
59  const dayNames = ['日', '月', '火', '水', '木', '金', '土'];
60  // カレンダーの休日と電話対応休止日
61  // '2025-01-01' などを追加可能
62  const customHolidays = [
63    '2025-12-29',
64    '2025-12-30',
65    '2025-12-31',
66// 2026
67    '2026-01-01',
68    '2026-01-02',
69    '2026-01-12',
70    '2026-01-22',
71    '2026-01-28',
72    '2026-02-11',
73    '2026-02-23',
74    '2026-03-20',
75    '2026-04-29',
76    '2026-05-04',
77    '2026-05-05',
78    '2026-05-06',
79    '2026-07-20',
80    '2026-07-30',
81    '2026-08-11',
82    '2026-09-21',
83    '2026-09-22',
84    '2026-09-23',
85    '2026-10-12',
86    '2026-11-03',
87    '2026-11-23',
88    '2026-12-29',
89    '2026-12-30',
90    '2026-12-31',
91  ];
92  const customhCallCenter = [
93    '2025-12-01',
94    '2025-12-08',
95    '2025-12-15',
96    '2025-12-22',
97// 2026
98    '2026-01-05',
99    '2026-01-06',
100    '2026-01-13',
101    '2026-01-19',
102    '2026-01-26',
103    '2026-01-27',
104    '2026-02-02',
105    '2026-02-09',
106    '2026-02-16',
107    '2026-02-24',
108    '2026-03-02',
109    '2026-03-09',
110    '2026-03-16',
111    '2026-03-23',
112    '2026-03-30',
113    '2026-04-06',
114    '2026-04-13',
115    '2026-04-20',
116    '2026-04-27',
117    '2026-05-07',
118    '2026-05-11',
119    '2026-05-18',
120    '2026-05-25',
121    '2026-06-01',
122    '2026-06-08',
123    '2026-06-15',
124    '2026-06-22',
125    '2026-06-29',
126    '2026-07-06',
127    '2026-07-13',
128    '2026-07-21',
129    '2026-07-27',
130    '2026-07-29',
131    '2026-08-03',
132    '2026-08-10',
133    '2026-08-12',
134    '2026-08-17',
135    '2026-08-24',
136    '2026-08-31',
137    '2026-09-07',
138    '2026-09-14',
139    '2026-09-24',
140    '2026-09-28',
141    '2026-10-05',
142    '2026-10-13',
143    '2026-10-19',
144    '2026-10-26',
145    '2026-11-02',
146    '2026-11-09',
147    '2026-11-16',
148    '2026-11-24',
149    '2026-11-30',
150    '2026-12-07',
151    '2026-12-14',
152    '2026-12-21',
153    '2026-12-28',
154  ];
155  function formatDateLocal(date) {
156    return date.getFullYear() + '-' +
157           String(date.getMonth() + 1).padStart(2, '0') + '-' +
158           String(date.getDate()).padStart(2, '0');
159  }
160
161  function isHoliday(date) {
162    const day = date.getDay();
163    const iso = formatDateLocal(date);
164    return day === 0 || day === 6 || customHolidays.includes(iso);
165  }
166
167  function ishCallCenter(date) {
168    const iso = formatDateLocal(date);
169    return customhCallCenter.includes(iso);
170  }
171  function createCalendar(year, month) {
172    const cal = document.createElement('div');
173    cal.className = 'pt-calendar';
174    const header = document.createElement('div');
175    header.className = 'pt-calendar__header';
176    header.textContent = `${year}年 ${month + 1}月`;
177    const grid = document.createElement('div');
178    grid.className = 'pt-calendar__grid';
179    // 曜日ヘッダー行
180    const headerRow = document.createElement('div');
181    headerRow.className = 'pt-calendar__row';
182    for (const day of dayNames) {
183      const cell = document.createElement('div');
184      cell.className = 'pt-calendar__day-name';
185      cell.textContent = day;
186      headerRow.appendChild(cell);
187    }
188    grid.appendChild(headerRow);
189    const firstDay = new Date(year, month, 1);
190    const lastDate = new Date(year, month + 1, 0).getDate();
191    const startWeekDay = firstDay.getDay();
192    let row = document.createElement('div');
193    row.className = 'pt-calendar__row';
194    for (let i = 0; i < startWeekDay; i++) {
195      const empty = document.createElement('div');
196      empty.className = 'pt-calendar__day';
197      row.appendChild(empty);
198    }
199    for (let day = 1; day <= lastDate; day++) {
200      const date = new Date(year, month, day);
201      const cell = document.createElement('div');
202      cell.className = 'pt-calendar__day';
203      cell.textContent = day;
204      if (isHoliday(date)) cell.classList.add('is-holiday');
205      if (ishCallCenter(date)) cell.classList.add('is-hCallCenter');
206      row.appendChild(cell);
207      if (date.getDay() === 6) {
208        grid.appendChild(row);
209        row = document.createElement('div');
210        row.className = 'pt-calendar__row';
211      }
212    }
213    // 残りが埋まっていない場合は空セル追加
214    if (row.children.length > 0) {
215      while (row.children.length < 7) {
216        const empty = document.createElement('div');
217        empty.className = 'pt-calendar__day';
218        row.appendChild(empty);
219      }
220      grid.appendChild(row);
221    }
222    cal.appendChild(header);
223    cal.appendChild(grid);
224    return cal;
225  }
226  function renderCalendars() {
227    const container = document.getElementById('pt-calendar');
228    const now = new Date();
229    const currentYear = now.getFullYear();
230    const currentMonth = now.getMonth();
231    container.appendChild(createCalendar(currentYear, currentMonth));
232    const nextMonth = new Date(currentYear, currentMonth + 1, 1);
233    container.appendChild(createCalendar(nextMonth.getFullYear(), nextMonth.getMonth()));
234  }
235  renderCalendars();
236
237</script>
vendor: 1 bytes, line 237
237
238<script src="https://cdn.jsdelivr.net/gh/pretake-seisaku/[email protected]/ptCore.min.js"></script>
vendor: 1 bytes, line 238
238
239<script>
240	// ページ内アンカー用の設定(スムーズスクロール)
241	// ptScrollにglナビ(またはヘッダー)のIDを入れる
242	const ptScroll = 'pt-header';
243	const pt = new pretakeScript();
244
245	// 商品詳細ページでpt.item.panelAndReview_01~03を使う場合は必要
246	// そうでなければtgl1のオブジェクトは消して問題ありません。
247	const tgl1 = new pt.tglPanel('.tab-panel_1', 'tgl-swi_1', 'pane-target_1');
248	
249	window.document.addEventListener('scroll', (e) => {
250		if (pt.bodyClsContains('fs-body-product')){
251			pt.scrollOffsetSwitch(e, '.pt-cartChase', 600);
252		}
253	}, !document.documentMode ? { passive: true } : false);
254
255	document.addEventListener('DOMContentLoaded', function() {
256		// pt.setEnvHeight(); // 商品詳細ページで少なくとも使います
257		tgl1.int();
258	});
259	
260	window.addEventListener('load', function(){
261		pt.smoothScroll(ptScroll);
262	// 	pt.locationMoveToTag(ptScroll);
263	});
264
265	// スキミング防止ページ用
266	if (typeof reqHtlmGet === "undefined") {
267	  window.reqHtlmGet = function (fileURL, outputIdElm, selectElm = false, intName = '#target',callback=new Object()) {
268	  var req = new XMLHttpRequest(),
269	    method = "GET",
270	    file = fileURL;
271	  var divTarget = document.getElementById(outputIdElm);
272	  if (!selectElm) {
273	    req.open(method, file, true);
274	    req.onreadystatechange = function () {
275	      if (req.readyState === 4 && req.status === 200) {
276	        var rest = req.responseText;
277	        divTarget.innerHTML = rest;
278	        if(callback && typeof callback === 'function'){
279	          const callArg = rest;
280	          callback(callArg);
281	        };
282	      }
283	    };
284	    req.send();
285	  } else {
286	    req.responseType = "document";
287	    req.open(method, file, true);
288	    req.onreadystatechange = function () {
289	      if (req.readyState === 4 && req.status === 200) {
290	        var restxt = req.responseXML; 
291	        var int = restxt.querySelector(intName);
292	        divTarget.innerHTML = int.outerHTML;
293	        if(callback && typeof callback === 'function'){
294	          const callArg = restxt;
295	          callback(callArg);
296	        };
297	      }
298	    };
299	    req.send();
300	  }
301	};
302	}
303</script>
vendor: 1 bytes, line 303
303
304<script>
305  const ptEnv = {
306    mq: Object.freeze({
307      '__md': 900,
308      '__sm': 640,
309      get mdMax() { return window.matchMedia(`(max-width: ${this.__md - 1}px)`); },
310      get smMax() { return window.matchMedia(`(max-width: ${this.__sm - 1}px)`); },
311      get mdMin() { return window.matchMedia(`(min-width: ${this.__md}px)`); },
312      get smMin() { return window.matchMedia(`(min-width: ${this.__sm}px)`); },
313    })
314  };
315  const offcan = {
316    cat:[//26/07/08
317      { text: 'バッグ' },
318      { text: '財布' },
319      { text: 'ポーチ' },
320      { text: '文具' },
321      { text: '日用雑貨' },
322      { text: 'その他の雑貨' },
323      { text: 'ベルト・関連商品' },
324      { text: '新商品', href: '/c/item/new' },
325      { text: 'シーズン品' },
326      { text: 'キャラクター' },
327      { text: 'ブランド' }
328    ]
329  };
330</script>
vendor: 1 bytes, line 330
330
331<script type="module">
332  import { createApp,reactive } from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm';
333  const header = reactive({
334    isMenuOpen:false,
335    isSearch: false,
336    indexCat: 0,
337    indexMegaMenu: null,
338    
339    isAnyOpen(){
340      return this.isMenuOpen || this.isSearch;
341    },
342    shift(type){
343      if(type === 'drawer'){
344        this.isMenuOpen = true;
345        this.isSearch = false;
346      } else if(type === 'hSearch'){
347        this.isSearch = true;
348        this.isMenuOpen = false;
349      }
350    },
351    hambAction(){
352      if(this.isAnyOpen()){
353        this.isMenuOpen = false;
354        this.isSearch = false;
355      }else{
356        this.isMenuOpen = true;
357      }
358    }
359  });
360  const onlyHeader = {
361    cls:'is-active',
362    header,
363    ready: false,
364    init(){
365      this.ready = true;
366    },
367    areaControls(){
368      if(header.isMenuOpen){
369        return 'pt-drawer';
370      } else if(header.isSearch) {
371        return 'pt-hSearch';
372      } else{
373        return 'pt-drawer';
374      }
375    },
376    ariaLabel(){
377      if(header.isMenuOpen){
378        return 'メニューを閉じる';
379      } else if(header.isSearch) {
380        return '検索を閉じる';
381      } else{
382        return 'メニューを開く';
383      }
384    }
385  };
386  function headerHeightWatcher() {
387    return {
388      $refs: {},
389      body: document.body,
390      observer: null,
391      lastScroll: 0,
392      init() {
393        this.updateHeight();
394        this.observer = new ResizeObserver(() => this.updateHeight());
395        this.observer.observe(this.$refs.target);
396        window.addEventListener('scroll', this.scroll, { passive: true });
397      },
398
399      updateHeight(cssProp='--pt-header-height') {
400        const height = this.$refs.target.offsetHeight;
401        document.documentElement.style.setProperty(cssProp, `${height}px`);
402      },
403
404      scroll(e){
405        const currentScroll = window.scrollY;
406        const diff = currentScroll - this.lastScroll;
407        
408        if (Math.abs(diff) < 24) return;
409        
410        if (diff > 0 && currentScroll > 200) {
411          this.body.classList.add('is-scroll');
412        } else {
413          this.body.classList.remove('is-scroll');
414        }
415        this.lastScroll = currentScroll;
416        this.updateHeight('--pt-header-height');
417      }
418    };
419  }
420  
421  function createHeaderListScope(templateId, lists, isHeaderSync = false) {
422    return {
423      ...onlyHeader,
424      init(){
425        this.ready = true;
426        this.calcWidth();
427        this.showContorls();
428      },
429      $template: templateId,
430      $refs: {},
431      i: 0,
432      isShowContorls: false,
433      lists: lists.map(list => ({
434        text: list.text,
435        href: list.href
436      })),
437      scrollToIndex(e,i){
438        if (i < 0 || i >= this.lists.length) return;
439        this.i = i;
440        header.indexCat = (isHeaderSync) ? i : header.indexCat;
441        const target = e.target;
442        let offsetLeft = target.offsetLeft - 60;
443        this.$refs.container.scrollTo({ left: offsetLeft, behavior: "smooth" });
444      },
445      prev() {
446        if (this.i > 0) {
447          this.scrollToIndex({ target: this.$refs.tabs.children[this.i - 1] }, this.i - 1);
448        }
449      },
450      next() {
451        if (this.i < this.lists.length - 1) {
452          this.scrollToIndex({ target: this.$refs.tabs.children[this.i + 1] }, this.i + 1);
453        }
454      },
455      calcWidth(){
456        const container = this.$refs.container.offsetWidth;
457        const tabs = this.$refs.tabs.offsetWidth + 4;
458        this.isShowContorls = (container < tabs) ? true : false;
459      },
460      showContorls(){
461        window.addEventListener('resize', this.calcWidth, { passive: true });
462      }
463    };
464  }
465  function tempHeaderCatTabs (lists) {
466    return createHeaderListScope('#temp-header-cat-tabs', lists, true);
467  };
468  function tempSecCatTabs (tempID,lists) {
469    return createHeaderListScope(tempID, lists, false);
470  };
471  const modal = reactive({
472    cls:'is-active',
473    isOpen: false,
474    index: null,
475  });
476  const modalObj = {
477    modal,
478    close(e,el) {
479      this.modal.isOpen = (e.target === el) ? false : true;
480      this.modal.index = null;
481    },
482    open(i) {
483      this.modal.isOpen = true;
484      this.modal.index = i;
485    },
486  }
487
488  const __accObj = {
489    i: null,
490    count:0,
491    $refs:{},
492    isMqMobile: 'pc',
493    ifVind: false,
494    init(ifv=false){
495      this.count = Object.keys(this.$refs).filter(key => /^d/.test(key)).length;
496      if (ifv) {
497        const check = () => {
498          const isMq = ptEnv.mq.mdMax.matches;
499          this.isMqMobile = isMq ? 'mobile' : 'pc';
500          this.onUpdated();
501        };
502        check();
503        window.addEventListener('resize', check, { passive: true });
504      }
505    },
506    onUpdated(){
507      if (this.i !== null) {
508        const containerElm = this.$refs[`c${this.i}`];
509        const h = containerElm.scrollHeight;
510        containerElm.style.maxHeight = `${h}px`;
511      }
512    },
513    ev(e,i,dration=400) {
514      if (e.target instanceof Element) {
515        if(e.target.closest('a')) {
516          const getH = e.target.closest('a').href ;
517          location.href = getH;
518        };
519      }
520      if(this.i === i){
521        this.$refs[`d${i}`].classList.remove('is-open');
522        setTimeout(() => {
523          this.$refs[`d${i}`].open = false;
524          this.i = null;
525        }, dration);
526        return;
527      }
528      for (let _i = 0; _i < this.count; _i++) {
529        const nextElm = this.$refs[`d${_i}`];
530        if (i !== _i){
531          nextElm.classList.remove('is-open');
532          setTimeout(() => {
533            nextElm.open = false;
534          }, dration);
535        } else {
536          const containerElm = this.$refs[`c${_i}`];
537          const h = containerElm.scrollHeight + 100;
538          containerElm.style.maxHeight = `${h}px`;
539          
540          nextElm.classList.add('is-open');
541          nextElm.open = true;
542          this.i = i;
543        }
544
545      }
546      
547    }
548  };
549  function accObj (){
550    return __accObj;
551  };
552  function accGuideObj (){
553    return {
554      ...__accObj,
555      init(ifv=false){
556        this.count = Object.keys(this.$refs).filter(key => /^d/.test(key)).length;
557        const guide = document.querySelector('[id^="guide-"]');
558        const guideIndex = parseInt(guide.id.split('-')[1]);
559        this.ev(guide,guideIndex);
560      },
561    };
562  };
563  const __tglBase = {
564    cls: 'is-active',
565    eventName: 'click',
566  }
567  const tgl2Obj = {
568    ...__tglBase,
569    i: 0,
570    init() {
571      this.__setEventName();
572      window.addEventListener('resize', this.__setEventName,!document.documentMode ? { passive: true } : false);
573    },
574
575    __setEventName() {
576      const isTouch = window.matchMedia('(pointer: coarse)').matches;
577      this.eventName = isTouch ? 'click' : 'mouseover';
578    },
579
580    hEv(e, index) {
581      if (e.type === this.eventName) {
582        this.i = index;
583      }
584    }
585  };
586  const tglHeader = {
587    ...tgl2Obj,
588    header,
589    init() {
590      this.__setEventName();
591    },
592    
593    hEv(e, index) {
594      if (e.type === this.eventName || e.type === 'mouseout' || e.type === 'focus') {
595        header.indexMegaMenu = index;
596      }
597    },
598    mouseoutEv(e){
599      if(!e.currentTarget.contains(e.relatedTarget)) {
600        header.indexMegaMenu = null;
601      }
602    }
603  }
604  const observeHSearch = {
605    header,
606    cls:'is-open',
607    eventName: 'click',
608    firstIn: false,
609    init() {
610      this.__setEventName();
611    },
612    __setEventName() {
613      const isTouch = window.matchMedia('(pointer: coarse)').matches;
614      this.eventName = isTouch ? 'click' : 'mouseover';
615    },
616    
617    clickEv(e) {
618      const isMq = ptEnv.mq.smMin.matches;
619      console.log(e);
620      
621      // if(!e.currentTarget.contains(e.relatedTarget) && isMq) {
622      //   header.isSearch = false;
623      // }
624    }
625  }
626
627  function mqCheck(){
628    return {
629      isMqMobile: 'pc',
630      init(){
631        const check = () => {
632          const isMq = ptEnv.mq.mdMax.matches;
633          this.isMqMobile = isMq ? 'mobile' : 'pc';
634          console.log('resize →', this.isMqMobile);
635        };
636        window.addEventListener('resize', check, { passive: true });
637        check();
638      }
639    }
640  }
641
642  const params = new URL(window.location).searchParams;
643  const tags = params.getAll("tag");
644  // 任意のプレフィックスに対応するタグ分類マップ(動的対応)
645  const tagGroups = {};
646  for (const tag of tags) {
647    const [prefix] = tag.split("_");
648    const parts = tag.split(",");
649    if (!tagGroups[prefix]) {
650      tagGroups[prefix] = [];
651    }
652  
653    if (parts.length > 1) {
654      tagGroups[prefix].push(...parts);
655    } else {
656      tagGroups[prefix].push(tag);
657    }
658  }
659  // tag以外のクエリパラメータも取得
660  const otherParams = {};
661  for (const [key, value] of params.entries()) {
662    if (key !== "tag") {
663      if (otherParams[key]) {
664        if (!Array.isArray(otherParams[key])) {
665          otherParams[key] = [otherParams[key]];
666        }
667        otherParams[key].push(value);
668      } else {
669        otherParams[key] = value;
670      }
671    }
672  }
673  // チェックボックスタイプのタグ判別
674  const tagCheckbox = (arr,tagPrefix)=>{
675    let result = [];
676    const list = arr;
677    if(tagGroups.hasOwnProperty(tagPrefix)){
678      result = list.map(item => tagGroups.c.includes(item));
679      return result;
680    } else {
681      result = Array(list.length).fill(false);
682      return result;
683    }
684  }
685  const qst = {
686    keyword: (otherParams.hasOwnProperty("keyword")) ? otherParams.keyword : '',
687    selectCate: (tagGroups.hasOwnProperty("cat")) ? tagGroups.cat[0] : '',
688    selectPattern: (tagGroups.hasOwnProperty("pat")) ? tagGroups.pat[0] : '',
689    selectColor: (tagGroups.hasOwnProperty("col")) ? tagGroups.col[0] : '',
690    minprice: (otherParams.hasOwnProperty("minprice")) ? otherParams.minprice : '',
691    maxprice: (otherParams.hasOwnProperty("maxprice")) ? otherParams.maxprice : '',
692    sort: (otherParams.hasOwnProperty("sort")) ? otherParams.sort : 'latest',
693    tags: tagCheckbox(['セール', '限定', '再入荷','翌日発送'],'c'),
694    horizontalvariationvalue: (otherParams.hasOwnProperty("horizontalvariationvalue") && otherParams.horizontalvariationvalue !== '' ) ? otherParams.horizontalvariationvalue : '指定なし',
695  };
696  
697  function colorSelect () {
698    return {
699      option:'',
700      cls:'pt-chip--none',
701      $refs:{},
702      init(){
703        if(qst.selectColor === ''){
704          this.option = '';
705        }else{
706          this.option = qst.selectColor;
707          this.colorChange(qst.selectColor);
708        }
709      },
710      onUpdate(e){
711        const selectedOption = e.target.selectedOptions[0];
712        if (selectedOption) {
713          this.colorChange(selectedOption.dataset.clrValue);
714        }
715      },
716      colorChange(clr){
717        this.cls = `pt-chip--${clr}`;
718      }
719    }
720  }
721  const cateSelect = {
722    option:'',
723    init(){
724      if(qst.selectCate === ''){
725        this.option = '';
726      }else{
727        this.option = qst.selectCate;
728      }
729    },
730    onUpdate(){}
731  };
732  const patternSelect = {
733    option:'',
734    init(){
735      if(qst.selectPattern === ''){
736        this.option = '';
737      }else{
738        this.option = qst.selectPattern;
739      }
740    },
741    onUpdate(){}
742  }
743  const reactivePrice = reactive({
744    minprice:'',
745    maxprice:'',
746  });
747  const valueSelectbox = {
748    reactivePrice,
749    option:'',
750    init(){
751      reactivePrice.minprice = (qst.minprice !== '') ? qst.minprice : '' ;
752      reactivePrice.maxprice = (qst.maxprice !== '') ? qst.maxprice : '' ;
753      if (reactivePrice.minprice === '' || reactivePrice.maxprice === '') {
754        this.option = '';
755      } else {
756        this.option = `${reactivePrice.minprice}_${reactivePrice.maxprice}`;
757      }
758    },
759    onUpdate(){
760      if (this.option !== '') {
761        const [min, ...max] = this.option.split("_");
762        reactivePrice.minprice = min;
763        reactivePrice.maxprice = max;
764      } else {
765        reactivePrice.minprice = '';
766        reactivePrice.maxprice = '';
767      }
768    }
769  }
770
771  const detailSearchMount = {
772    inputKeyword: qst.keyword,
773    selectCate: cateSelect,
774    selectValue: valueSelectbox,
775    radioSort: qst.sort,
776    selectPattern: patternSelect,
777    selectColor: colorSelect,
778  }
779  let baseLogics = {
780    onlyHeader,modalObj,accObj,accGuideObj,tgl2Obj,tglHeader,observeHSearch,
781    headerHeightWatcher,tempHeaderCatTabs,tempSecCatTabs,mqCheck
782  };
783  Object.assign(baseLogics,detailSearchMount);
784  createApp(baseLogics).mount();
785  // if (document.getElementById('pt-detailedSearch')) {
786  //   createApp(baseLogics).mount();
787  // } else {
788  // }
789</script>
789
790
791
792<link rel="stylesheet" href="https://ayanokoji.itembox.cloud/item/ay-assets/css/top_add.css?t=20261001170521">
793<meta name="facebook-domain-verification" content="id63flu82feytwqwxf8bmsse9zw38i" />
794<!-- ↓ slider script start ↓ -->
795
796  
797<script>
798async function fetchFragment(url, selector) {
799  const res = await fetch(url);
800  const html = await res.text();
801  const doc = new DOMParser().parseFromString(html, 'text/html');
802  const target = doc.querySelector(selector);
803  return target?.outerHTML ?? null;
804}
805
806async function loadFromOtherPage(url, selector, targetElement, callback) {
807  try {
808    const rawHTML = await fetchFragment(url, selector);
809    
810    if (rawHTML && targetElement) {
811      targetElement.innerHTML = rawHTML;
812    }
813    if (typeof callback === 'function') {
814      callback();
815    }
816  } catch (err) {
817    console.error('読み込み失敗:', err);
818  }
819}
820
821</script>
821
822<div id="pt-frag-container" aria-hidden="true"></div>
823<script>
824  function observeSpanCount(targetId, targetCount, callback) {
825    const target = document.getElementById(targetId);
826    if (!target) return;
827
828    const spanCountInt = target.querySelectorAll('span').length;
829    if (spanCountInt === targetCount) {
830      callback();
831    } else {
832      const observer = new MutationObserver(() => {
833        const spanCount = target.querySelectorAll('span').length;
834        if (spanCount === targetCount) {
835          observer.disconnect();
836          callback();
837        }
838      });
839    
840      observer.observe(target, {
841        childList: true,
842        subtree: false
843      });
844    }
845  }
846</script>
vendor: 1 bytes, line 846
846
847<script>
848// topページ用
849// scriptタグ内に読み込み、pt.fr2.sliderScript--IsReadyで呼び出した
850// observeSpanCount関数と一緒に使う
851const ensureScript = (src) => {
852  return new Promise((resolve) => {
853    const s = document.createElement('script');
854    s.src = src;
855    s.async = true;
856    s.onload = resolve;
857    document.head.appendChild(s);
858  });
859};
860const ensureCSS = (href) => {
861  const link = document.createElement('link');
862  link.rel = 'stylesheet';
863  link.href = href;
864  document.head.appendChild(link);
865};
866const initSlick = () => {
867  
868  $('.fr2-carousel__col4 .fr2-carousel').slick({
869    dots: false,
870    infinite: true,
871    arrows: true,
872    speed: 300,
873    slidesToShow: 4,
874    slidesToScroll: 1,
875    centerMode: false,
876    autoplay: true,
877    autoplaySpeed: 4000,
878    responsive: [
879      { breakpoint: 900, settings: { slidesToShow: 3, slidesToScroll: 1 } },
880      { breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 1 } }
881    ]
882  });
883  // jQuery.noConflict(true);
884};
885
886const initSlickTop = () =>{
887  // loadFromOtherPage(
888  //   '/pages/cart/',
889  //   '.fr2-carousel',
890  //   document.getElementById('wp-clone--feadture'),callbackFunc);
891  
892  $('.fr2-carousel--topSlider .fr2-carousel').slick({
893    dots: true,
894    infinite: true,
895    arrows: false,
896    variableWidth: true,
897    speed: 300,
898    slidesToScroll: 1,
899    centerMode: true,
900    centerPadding: '4.5%',
901    autoplay: true,
902    autoplaySpeed: 4000,
903    responsive: [
904      { breakpoint: 640, settings: { centerMode:true,variableWidth: false,slidesToShow: 1, slidesToScroll: 1 } }
905    ]
906  });
907  
908  $('.fr2-carousel--pickup .fr2-carousel').slick({
909    dots: true,
910    infinite: true,
911    arrows: false,
912    speed: 300,
913    slidesToShow: 3,
914    slidesToScroll: 1,
915    centerPadding: '0%',
916    centerMode: false,
917    autoplay: true,
918    autoplaySpeed: 4000,
919    responsive: [
920      { breakpoint: 900, settings: { centerPadding: '10%',centerMode: true,slidesToShow: 1, slidesToScroll: 1 } },
921      { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1 } },
922    ]
923  });
924
925  $('.fr2-carousel--ayRecommend .fr2-carousel').slick({
926    dots: false,
927    infinite: true,
928    arrows: true,
929    speed: 300,
930    slidesToShow: 4,
931    slidesToScroll: 1,
932    centerMode: false,
933    autoplay: true,
934    autoplaySpeed: 4000,
935    responsive: [
936      { breakpoint: 900, settings: { slidesToShow: 3, slidesToScroll: 1 } },
937      { breakpoint: 640, settings: { centerMode: true, centerPadding: '13%',slidesToShow: 1, slidesToScroll: 1 } }
938    ]
939  });
940  function callbackFunc(){
941    reqHtlmGet('https://ayanokoji.jp/clone_feature/','wp-clone--feature',false,'#tar',()=>{
942      $('.fr2-carousel--topFeature .fr2-carousel').slick({
943        dots: false,
944        infinite: true,
945        arrows: true,
946        speed: 300,
947        slidesToShow: 4,
948        slidesToScroll: 1,
949        centerMode: false,
950        autoplay: true,
951        autoplaySpeed: 4000,
952        responsive: [
953          { breakpoint: 900, settings: { slidesToShow: 3, slidesToScroll: 1 } },
954          { breakpoint: 640, settings: { slidesToShow: 2, slidesToScroll: 1 } }
955        ]
956      });
957    });
958  }
959  callbackFunc();
960}
961
962</script>
vendor: 1 bytes, line 962
962
963<script type="module">
964  const loadAll = async () => {
965    if (typeof jQuery === 'undefined') {
966      await ensureScript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js');
967    };
968    ensureCSS('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
969    ensureCSS('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
970    await ensureScript('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js');
971    initSlickTop();
972    observeSpanCount('pt-frag-container', 1, () => {
973      initSlick();
974    });      
975  }
976  loadAll();
977</script>
977
978
979<!-- ↑ slider script end ↑ -->
vendor: 65 bytes, lines 979-980
979
980<script async src="https://www.googletagmanager.com/gtag/js?id=
980G-LBNY40313D
vendor: 15 bytes, lines 980-981
980"></script>
981
982<script><!--
983_FS.setTrackingTag('%3Cscript+type%3D%22text%2Fjavascript%22+src%3D%22%2F%2Fdynamic.criteo.com%2Fjs%2Fld%2Fld.js%3Fa%3D39604%22+async%3D%22true%22%3E%3C%2Fscript%3E%0A%3C%21--+Google+Tag+Manager+--%3E%0A%3Cscript%3E%28function%28w%2Cd%2Cs%2Cl%2Ci%29%7Bw%5Bl%5D%3Dw%5Bl%5D%7C%7C%5B%5D%3Bw%5Bl%5D.push%28%7B%27gtm.start%27%3A%0Anew+Date%28%29.getTime%28%29%2Cevent%3A%27gtm.js%27%7D%29%3Bvar+f%3Dd.getElementsByTagName%28s%29%5B0%5D%2C%0Aj%3Dd.createElement%28s%29%2Cdl%3Dl%21%3D%27dataLayer%27%3F%27%26l%3D%27%2Bl%3A%27%27%3Bj.async%3Dtrue%3Bj.src%3D%0A%27https%3A%2F%2Fwww.googletagmanager.com%2Fgtm.js%3Fid%3D%27%2Bi%2Bdl%3Bf.parentNode.insertBefore%28j%2Cf%29%3B%0A%7D%29%28window%2Cdocument%2C%27script%27%2C%27dataLayer%27%2C%27GTM-KM7L3L%27%29%3B%3C%2Fscript%3E%0A%3C%21--+End+Google+Tag+Manager+--%3E%0A%3C%21--+Google+tag+%28gtag.js%29+--%3E%0A%3Cscript+async+src%3D%22https%3A%2F%2Fwww.googletagmanager.com%2Fgtag%2Fjs%3Fid%3DAW-11144652629%22%3E%3C%2Fscript%3E%0A%3Cscript%3E%0Awindow.dataLayer+%3D+window.dataLayer+%7C%7C+%5B%5D%3B%0Afunction+gtag%28%29%7BdataLayer.push%28arguments%29%3B%7D%0Agtag%28%27js%27%2C+new+Date%28%29%29%3B%0Agtag%28%27config%27%2C+%27AW-11144652629%27%2C+%7B+%27+allow_enhanced_conversions%27%3Atrue+%7D%29%3B%0A%3C%2Fscript%3E%0A%3C%21--+Meta+Pixel+Code+--%3E%0A%3Cscript%3E%0A%21function%28f%2Cb%2Ce%2Cv%2Cn%2Ct%2Cs%29%0A%7Bif%28f.fbq%29return%3Bn%3Df.fbq%3Dfunction%28%29%7Bn.callMethod%3F%0An.callMethod.apply%28n%2Carguments%29%3An.queue.push%28arguments%29%7D%3B%0Aif%28%21f._fbq%29f._fbq%3Dn%3Bn.push%3Dn%3Bn.loaded%3D%210%3Bn.version%3D%272.0%27%3B%0An.queue%3D%5B%5D%3Bt%3Db.createElement%28e%29%3Bt.async%3D%210%3B%0At.src%3Dv%3Bs%3Db.getElementsByTagName%28e%29%5B0%5D%3B%0As.parentNode.insertBefore%28t%2Cs%29%7D%28window%2C+document%2C%27script%27%2C%0A%27https%3A%2F%2Fconnect.facebook.net%2Fen_US%2Ffbevents.js%27%29%3B%0Afbq%28%27init%27%2C+%271867284810101252%27%29%3B%0Afbq%28%27track%27%2C+%27PageView%27%29%3B%0A%3C%2Fscript%3E%0A%3Cnoscript%3E%3Cimg+height%3D%221%22+width%3D%221%22+style%3D%22display%3Anone%22%0Asrc%3D%22https%3A%2F%2Fwww.facebook.com%2Ftr%3Fid%3D1867284810101252%26ev%3DPageView%26noscript%3D1%22%0A%2F%3E%3C%2Fnoscript%3E%0A%3C%21--+End+Meta+Pixel+Code+--%3E%0A%3Cscript+defer+type%3D%27text%2Fjavascript%27+src%3D%27https%3A%2F%2Fshuwa.a-bisu.jp%2Fapi%2Fv1%2Fheadless.js%27+onload%3D%22loadAbisuContents%28this%29%22%3E%3C%2Fscript%3E%0A%3Cscript+id%3D%22gc-script%22+type%3D%22text%2Fjavascript%22+charset%3D%22utf-8%22+src%3D%22https%3A%2F%2Fconnect.gdxtag.com%2F6b915c5b4af2896cf1cedf3bf2230767e892a32e4fa37025fedd0c639745eb18%2Fmain.js%22+defer%3E%3C%2Fscript%3E');
984--></script>
984
985</head>
986<body class="fs-body-top" id="fs_Top">
987<script><!--
988_FS.setTrackingTag('%3Cscript%3E%0D%0A%28function%28w%2Cd%2Cs%2Cc%2Ci%29%7Bw%5Bc%5D%3Dw%5Bc%5D%7C%7C%7B%7D%3Bw%5Bc%5D.trackingId%3Di%3B%0D%0Avar+f%3Dd.getElementsByTagName%28s%29%5B0%5D%2Cj%3Dd.createElement%28s%29%3Bj.async%3Dtrue%3B%0D%0Aj.src%3D%27%2F%2Fcdn.contx.net%2Fcollect.js%27%3Bf.parentNode.insertBefore%28j%2Cf%29%3B%0D%0A%7D%29%28window%2Cdocument%2C%27script%27%2C%27contx%27%2C%27CTX-x-9a0EBoPh%27%29%3B%0D%0A%3C%2Fscript%3E%0D%0A%0A%3Cscript+type%3D%22text%2Fjavascript%22%3E%0A++window.criteo_q+%3D+window.criteo_q+%7C%7C+%5B%5D%3B%0A++window.criteo_q.push%28%0A++++++%7B+event%3A+%22setAccount%22%2C+account%3A+%2239604%22+%7D%2C+%0A++++++%7B+event%3A+%22setSiteType%22%2C+type%3A+%22d%22+%7D%2C+%0A++++++%7B+event%3A+%22viewHome%22%7D%2C%0A++++++%7B+event%3A+%22setCustomerId%22%2C+id%3A+%22%7B%40+member.id+%40%7D%22+%7D%0A++%29%3B+%0A++%3C%2Fscript%3E%0A%3C%21--+Google+Tag+Manager+%28noscript%29+--%3E%0A%3Cnoscript%3E%3Ciframe+src%3D%22https%3A%2F%2Fwww.googletagmanager.com%2Fns.html%3Fid%3DGTM-KM7L3L%22%0Aheight%3D%220%22+width%3D%220%22+style%3D%22display%3Anone%3Bvisibility%3Ahidden%22%3E%3C%2Fiframe%3E%3C%2Fnoscript%3E%0A%3C%21--+End+Google+Tag+Manager+%28noscript%29+--%3E');
989--></script>
989
990<div class="fs-l-page">
991<div class="pt-overlay" v-scope="onlyHeader" :class="{[cls]: header.isAnyOpen()}" @click="header.hambAction()"></div>
992<header id="pt-header" class="pt-header">
993  <div class="pt-header__upper" v-scope="headerHeightWatcher()" @vue:mounted="init" ref="target">
994    <div class="pt-header__upper--inn">
995      <button id="pt-headerHamb" class="pt-header__upper--hamb pt-hamburger" aria-hidden="true">
996        <span class="pt-hamburger__line"></span>
997        <span class="pt-hamburger__line"></span>
998        <span class="pt-hamburger__line"></span>
999      </button>
1000      <a class="pt-header__upper--logo" href="/">
1001        <img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/logo-ayanokoji.png" alt="がま口の専門店AYANOKOJI" width="480" height="90">
1002      </a>
1003      <div class="fs-clientInfo">
1004        <div class="pt-loginCheck--{@ member.logged_in @}"></div>
1005      </div>
1006      <ul class="pt-header__upper--icons pt-header__glIcons">
1007        <li class="pt-header__glIcons--mypage" aria-label="マイページ">
1008          <a class="ipt-i_mypage" href="/my/top"><span>マイページ</span></a>
1009          <div class="fs-clientInfo">
1010            <ul class="pt-clientInfo pt-header__clientInfo">
1011              <li class="pt-clientInfo__name">{@ member.last_name @}{@ member.first_name @} 様</li>
1012              <li class="pt-clientInfo__rrank"><span class="pt-clientInfo__label">会員ランク</span><span class="pt-clientInfo__value">{@ member.stage_name @}</span></li>
1013              <li class="pt-clientInfo__point"><span class="pt-clientInfo__label">保有ポイント</span><span class="pt-clientInfo__value">{@ member.total_points @}</span></li>
1014            </ul>
1015          </div>
1016        </li>
1017        <li class="pt-header__glIcons--login" aria-label="ログイン"><a class="ipt-i_login" href="/p/login"><span>ログイン</span></a></li>
1018        <li class="pt-header__glIcons--search"
1019          v-scope="observeHSearch" @click="header.isSearch = !header.isSearch"  @keydown.enter="header.isSearch = !header.isSearch"
1020          aria-label="検索を開く" aria-controls="pt-hSearch" tabindex="0"
1021          :aria-expanded="header.isSearch" role="button">
1022          <span class="pt-dummyAnkr ipt-i_search"
1023          :class="{[cls]:header.isSearch === true}"
1024          ><span>検索</span></span></li>
1025        <li class="pt-header__glIcons--fav is-hidden-pc">
1026          <a class="ipt-i_fav" href="/my/wishlist" aria-label="お気に入り"><span>お気に入り</span></a></li>
1027        <li class="pt-header__glIcons--cart" aria-label="カート">
1028          <a class="ipt-i_cart" href="/p/cart">
1029            <span class="mypageItemNumberWrap">
1030              <span class="fs-p-cartItemNumber fs-client-cart-count fs-clientInfo"></span>
1031            </span>
1032            <span>カート</span>
1033          </a>
1034        </li>
1035      </ul>
1036    </div>
1037  </div>
1038  <nav class="pt-header__bottom pt-megaMenu" area-label="メインメニュー" v-scope="tglHeader" @vue:mounted="init" @mouseout="mouseoutEv($event)">
1039    
1040    <ul class="pt-megaMenu__tabs">
1041      <li class="pt-megaMenu__tabs--arrow" @click="hEv($event,0)" @mouseover="hEv($event,0)" @focus="hEv($event,0)" :class="{ [cls]: header.indexMegaMenu === 0}" tabindex="0" role="button"><span class="pt-dummyAnkr">商品一覧</span></li>
1042      <li><a href="https://ayanokoji.jp/f/ranking">ランキング</a></li>
1043      <li class="pt-megaMenu__tabs--arrow" @click="hEv($event,1)" @mouseover="hEv($event,1)" @focus="hEv($event,1)" :class="{ [cls]: header.indexMegaMenu === 1}" tabindex="0" role="button"><span class="pt-dummyAnkr">AYANOKOJIについて</span></li>
1044      <li class="pt-megaMenu__tabs--arrow" @click="hEv($event,2)" @mouseover="hEv($event,2)" @focus="hEv($event,2)" :class="{ [cls]: header.indexMegaMenu === 2}" tabindex="0" role="button"><span class="pt-dummyAnkr">NEWS</span></li>
1045      <li><a href="https://ayanokoji.jp/shop-list/">店舗案内</a></li>
1046      <li><a href="https://ayanokoji.jp/f/guide">ご利用ガイド</a></li>
1047      <li class="pt-megaMenu__tabs--ext"><a href="https://ayanokoji-japan.com/" target="_blank">海外向けサイト</a></li>
1048    </ul>
1049    <div class="pt-megaMenu__panel pt-lineTabs" :class="{ 'is-active': header.indexMegaMenu === 0}">
1050      <div class="pt-lineTabs__tabsWrapper" v-scope="tempHeaderCatTabs(offcan.cat)" @vue:mounted="init">
1051        <div class="pt-lineTabs__controls" v-show="isShowContorls">
1052          <button class="pt-lineTabs__prev" @click="prev()"><span class="pt-lineTabs__icon ipt-arrow_left_c"></span></button>
1053          <button class="pt-lineTabs__next" @click="next()"><span class="pt-lineTabs__icon ipt-arrow_right_c"></span></button>
1054        </div>
1055        <template id="temp-header-cat-tabs">
1056          <div :role="ready ? 'tablist' : null" class="pt-lineTabs__tabs" ref="container">
1057            <div class="pt-lineTabs__tabs--inn" ref="tabs">
1058<!-- オリジナル
1059              <button v-for="(list,index) in lists" 
1060              role="tab"
1061              :id="`htab-cat-${index}`" 
1062              :aria-controls="`hpane-cat-${index}`" 
1063              :aria-selected="header.indexCat === index" 
1064              :class="{ [cls]: header.indexCat === index}"
1065              @click="scrollToIndex($event,index)">{{list.text}}</button>
1066 -->
1067<!-- 26/03/19 -->
1068<button
1069v-for="(list,index) in lists"
1070role="tab"
1071:id="`htab-cat-${index}`"
1072:aria-controls="`hpane-cat-${index}`"
1073:aria-selected="header.indexCat === index"
1074:class="{ [cls]: header.indexCat === index}"
1075@click="list.href ? location.href=list.href : scrollToIndex($event,index)"
1076>
1077{{list.text}}
1078</button>
1079<!-- 26/03/19 -->
1080            </div>
1081          </div>
1082        </template>
1083      </div>
1084      
1085        <!-- バッグ -->
1086<ul 
1087  v-scope="onlyHeader"
1088  @vue:mounted="init"
1089  :role="ready ? 'tabpanel' : null"
1090  :aria-labelledby="ready ? 'htab-cat-0' : null" 
1091  :tabindex="header.indexCat === 0 ? 0 : -1"
1092  id="hpane-cat-0"
1093  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1094  v-show="header.indexCat === 0">
1095  <li><a href="https://ayanokoji.jp/c/item/bag" class="pt-linkArrow">バッグ一覧</a></li>
1096  <li><a href="https://ayanokoji.jp/c/item/bag/pochette" class="pt-linkArrow">ポシェット</a></li>
1097  <li><a href="https://ayanokoji.jp/c/item/bag/shoulder" class="pt-linkArrow">ショルダーバッグ</a></li>
1098  <li><a href="https://ayanokoji.jp/c/item/bag/tote" class="pt-linkArrow">トートバッグ</a></li>
1099  <li><a href="https://ayanokoji.jp/c/item/bag/handbag" class="pt-linkArrow">ハンドバッグ</a></li>
1100  <li><a href="https://ayanokoji.jp/c/item/bag/bodybag" class="pt-linkArrow">ボディバッグ</a></li>
1101  <li><a href="https://ayanokoji.jp/c/item/bag/backpack" class="pt-linkArrow">リュック</a></li>
1102  <li><a href="https://ayanokoji.jp/c/item/bag/sacoche" class="pt-linkArrow">サコッシュ</a></li>
1103  <li><a href="https://ayanokoji.jp/c/item/bag/business" class="pt-linkArrow">ビジネスバッグ</a></li>
1104  <li><a href="https://ayanokoji.jp/c/item/bag/chalkbag" class="pt-linkArrow">チョークバッグ</a></li>
1105</ul>
1106<!-- 財布 -->
1107<ul
1108  v-scope="onlyHeader"
1109  @vue:mounted="init"
1110  :role="ready ? 'tabpanel' : null"
1111  :aria-labelledby="ready ? 'htab-cat-1' : null" 
1112  :tabindex="header.indexCat === 1 ? 0 : -1"
1113  id="hpane-cat-1"
1114  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1115  v-show="header.indexCat === 1">
1116  <li><a href="https://ayanokoji.jp/c/item/wallet" class="pt-linkArrow">財布一覧</a></li>
1117  <li><a href="https://ayanokoji.jp/c/item/wallet/long" class="pt-linkArrow">長財布</a></li>
1118  <li><a href="https://ayanokoji.jp/c/item/wallet/compact" class="pt-linkArrow">コンパクト財布</a></li>
1119  <li><a href="https://ayanokoji.jp/c/item/wallet/coin" class="pt-linkArrow">コインケース・小銭入れ</a></li>
1120</ul>
1121
1122<!-- ポーチ -->
1123<ul 
1124  v-scope="onlyHeader"
1125  @vue:mounted="init"
1126  :role="ready ? 'tabpanel' : null"
1127  :aria-labelledby="ready ? 'htab-cat-2' : null" 
1128  :tabindex="header.indexCat === 2 ? 0 : -1"
1129  id="hpane-cat-2"
1130  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1131  v-show="header.indexCat === 2">
1132  <li><a href="https://ayanokoji.jp/c/item/pouch/" class="pt-linkArrow">ポーチ一覧</a></li>
1133  <li><a href="https://ayanokoji.jp/c/item/pouch/large" class="pt-linkArrow">Lサイズ</a></li>
1134  <li><a href="https://ayanokoji.jp/c/item/pouch/medium" class="pt-linkArrow">Mサイズ</a></li>
1135  <li><a href="https://ayanokoji.jp/c/item/pouch/small" class="pt-linkArrow">Sサイズ</a></li>
1136</ul>
1137
1138<!-- 文具 -->
1139<ul
1140  v-scope="onlyHeader"
1141  @vue:mounted="init"
1142  :role="ready ? 'tabpanel' : null"
1143  :aria-labelledby="ready ? 'htab-cat-3' : null" 
1144  :tabindex="header.indexCat === 3 ? 0 : -1"
1145  id="hpane-cat-3"
1146  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1147  v-show="header.indexCat === 3">
1148  <li><a href="https://ayanokoji.jp/c/item/stationery" class="pt-linkArrow">文具一覧</a></li>
1149  <li><a href="https://ayanokoji.jp/c/item/stationery/cardcase" class="pt-linkArrow">カードケース</a></li>
1150  <li><a href="https://ayanokoji.jp/c/item/stationery/bookcover" class="pt-linkArrow">ブックカバー</a></li>
1151  <li><a href="https://ayanokoji.jp/c/item/stationery/pencase" class="pt-linkArrow">ペンケース</a></li>
1152  <li><a href="https://ayanokoji.jp/c/item/stationery/sealcase" class="pt-linkArrow">印鑑ケース</a></li>
1153  <li><a href="https://ayanokoji.jp/c/item/stationery/diarycover" class="pt-linkArrow">手帳ケース</a></li>
1154  <li><a href="https://ayanokoji.jp/c/item/stationery/pochibukuro" class="pt-linkArrow">ポチ袋</a></li>
1155</ul>
1156
1157<!-- 日用雑貨 -->
1158<ul
1159  v-scope="onlyHeader"
1160  @vue:mounted="init"
1161  :role="ready ? 'tabpanel' : null"
1162  :aria-labelledby="ready ? 'htab-cat-4' : null" 
1163  :tabindex="header.indexCat === 4 ? 0 : -1"
1164  id="hpane-cat-4"
1165  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1166  v-show="header.indexCat === 4">
1167  <li><a href="https://ayanokoji.jp/c/item/goods" class="pt-linkArrow">日用雑貨一覧</a></li>
1168  <li><a href="https://ayanokoji.jp/c/item/goods/keycase" class="pt-linkArrow">キーケース</a></li>
1169  <li><a href="https://ayanokoji.jp/c/item/goods/glassescase" class="pt-linkArrow">メガネケース</a></li>
1170  <li><a href="https://ayanokoji.jp/c/item/goods/passcase" class="pt-linkArrow">パスケース</a></li>
1171  <li><a href="https://ayanokoji.jp/c/item/goods/cigarettecase" class="pt-linkArrow">タバコケース</a></li>
1172  <li><a href="https://ayanokoji.jp/c/item/goods/lipcase" class="pt-linkArrow">リップケース</a></li>
1173  <li><a href="https://ayanokoji.jp/c/item/goods/miniature" class="pt-linkArrow">ミニチュア</a></li>
1174  <li><a href="https://ayanokoji.jp/c/item/goods/phonecase" class="pt-linkArrow">スマホケース</a></li>
1175  <li><a href="https://ayanokoji.jp/c/item/goods/goods-others" class="pt-linkArrow">その他</a></li>
1176</ul>
1177
1178<!-- その他の雑貨 -->
1179<ul
1180  v-scope="onlyHeader"
1181  @vue:mounted="init"
1182  :role="ready ? 'tabpanel' : null"
1183  :aria-labelledby="ready ? 'htab-cat-5' : null" 
1184  :tabindex="header.indexCat === 5 ? 0 : -1"
1185  id="hpane-cat-5"
1186  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1187  v-show="header.indexCat === 5">
1188  <li><a href="https://ayanokoji.jp/c/item/accessories" class="pt-linkArrow">その他の雑貨一覧</a></li>
1189  <li><a href="https://ayanokoji.jp/c/item/accessories/charm" class="pt-linkArrow">根付ストラップ・チャーム</a></li>
1190  <li class="pt-grid-c--2"><a href="https://ayanokoji.jp/c/item/accessories/cloth" class="pt-linkArrow">ハンカチ・ふきん・風呂敷・手ぬぐい</a></li>
1191  <li><a href="https://ayanokoji.jp/c/item/accessories/stole" class="pt-linkArrow">ストール・マフラー</a></li>
1192  <li><a href="https://ayanokoji.jp/c/item/accessories/accessories-others" class="pt-linkArrow">その他</a></li>
1193</ul>
1194
1195<!-- ベルト・関連商品(持ち手・ベルト・周辺アイテム) -->
1196<ul
1197  v-scope="onlyHeader"
1198  @vue:mounted="init"
1199  :role="ready ? 'tabpanel' : null"
1200  :aria-labelledby="ready ? 'htab-cat-6' : null" 
1201  :tabindex="header.indexCat === 6 ? 0 : -1"
1202  id="hpane-cat-6"
1203  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1204  v-show="header.indexCat === 6">
1205  <li class="pt-grid-c--2"><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap">持ち手・ベルト・周辺アイテム一覧</a></li>
1206  <li class="pt-grid-c--2"><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-short">(手提げ用)ベルト・チェーン・ストラップ</a></li>
1207  <li class="pt-grid-c--2"><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-long">(ショルダー用)ベルト・チェーン</a></li>
1208  <li class="pt-grid-c--2"><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-others">その他周辺アイテム</a></li>
1209</ul>
1210
1211<!-- 新商品 26/03/19
1212<ul
1213  v-scope="onlyHeader"
1214  @vue:mounted="init"
1215  :role="ready ? 'tabpanel' : null"
1216  :aria-labelledby="ready ? 'htab-cat-7' : null" 
1217  :tabindex="header.indexCat === 7 ? 0 : -1"
1218  id="hpane-cat-7"
1219  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1220  v-show="header.indexCat === 7">
1221  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/new">新商品一覧</a></li>
1222</ul>
1223 -->
1224<!-- シーズン品 -->
1225<ul
1226  v-scope="onlyHeader"
1227  @vue:mounted="init"
1228  :role="ready ? 'tabpanel' : null"
1229  :aria-labelledby="ready ? 'htab-cat-8' : null" 
1230  :tabindex="header.indexCat === 8 ? 0 : -1"
1231  id="hpane-cat-8"
1232  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1233  v-show="header.indexCat === 8">
1234  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited">シーズン品一覧</a></li>
1235    <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/leather">本革・合皮</a></li>
1236  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/denim">デニム</a></li>
1237  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/chirimen">ちりめん</a></li>
1238  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/fabric">その他のファブリック</a></li>
1239  <li class="pt-grid-c--2"><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/pattern">ドット・ストライプ・ボーダー・チェック</a></li>
1240  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/star">星柄</a></li>
1241  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/japanese">和テイスト</a></li>
1242  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/animal">動物モチーフ</a></li>
1243  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/plant">植物モチーフ</a></li>
1244  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/food">食べ物モチーフ</a></li>
1245  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/original-character">オリジナルキャラクター</a></li>
1246  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/limited-others">その他の柄</a></li>
1247</ul>
1248
1249<!-- キャラクター -->
1250<ul
1251  v-scope="onlyHeader"
1252  @vue:mounted="init"
1253  :role="ready ? 'tabpanel' : null"
1254  :aria-labelledby="ready ? 'htab-cat-9' : null" 
1255  :tabindex="header.indexCat === 9 ? 0 : -1"
1256  id="hpane-cat-9"
1257  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1258  v-show="header.indexCat === 9">
1259  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character">キャラクター一覧</a></li>
1260  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2239">PEANUTS</a></li>
1261  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2159">HELLO KITTY</a></li>
1262  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-mf70">miffy 70th</a></li>
1263  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-omgs">OSAMU GOODS</a></li>
1264  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-pm30">ポムポムプリン</a></li>
1265  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-pkmn">ポケットモンスター</a></li>
1266  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2114">アイムドラえもん</a></li>
1267  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2198">STAR WAR
1267S</a></li>
1268  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-mmkw">マイメロディ&クロミ</a></li>
1269</ul>
1270
1271<!-- ブランド -->
1272<ul
1273  v-scope="onlyHeader"
1274  @vue:mounted="init"
1275  :role="ready ? 'tabpanel' : null"
1276  :aria-labelledby="ready ? 'htab-cat-10' : null" 
1277  :tabindex="header.indexCat === 10 ? 0 : -1"
1278  id="hpane-cat-10"
1279  class="pt-lineTabs__panel pt-linkList pt-linkList--megaMenu"
1280  v-show="header.indexCat === 10">
1281  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/materials">AYANOKOJI</a></li>
1282  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/ayanokoji-sarei">AYANOKOJI Sarei</a></li>
1283  <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/ayanokoji-x">AYANOKOJI X</a></li>
1284</ul>
1285
1286
1287      
1288    </div>
1289    <div class="pt-megaMenu__panel" :class="{ 'is-active': header.indexMegaMenu === 1}">
1290      <h3 class="pt-menuHeader pt-menuHeader--megaMenu">サービス</h3>
1291      <ul class="pt-linkList pt-linkList--megaMenu">
1292        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/order-ayanokoji/">オーダーメイド</a></li>
1293        <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://shuwa.jp/manufacturing#contact" target="_blank">大口注文お問い合わせ</a></li>
1294        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/water-repellent">撥水加工サービス</a></li>
1295        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/school/">がま口づくり体験教室</a></li>
1296        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/contact/">お問い合わせ</a></li>
1297        <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/memorial_service/" target="_blank">がま口供養</a></li> -->
1298      </ul>
1299      <h3 class="pt-menuHeader pt-menuHeader--megaMenu">AYANOKOJIについて</h3>
1300      <ul class="pt-linkList pt-linkList--megaMenu">
1301        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/about/">ブランドコンセプト</a></li>
1302        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/shop-list/">各店舗案内</a></li>
1303        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/information/media">メディア情報</a></li>
1304        <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/ayanokoji_c/" target="_blank">ガマグチヨタカの部屋</a></li> -->
1305      </ul>
1306    </div>
1307    <div class="pt-megaMenu__panel" :class="{ 'is-active': header.indexMegaMenu === 2}">
1308      <h3 class="pt-menuHeader pt-menuHeader--megaMenu">NEWS</h3>
1309      <ul class="pt-linkList pt-linkList--megaMenu">
1310        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/category/item/">商品のお知らせ</a></li>
1311        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/category/event-features/">特集・イベント</a></li>
1312        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/category/information/">インフォメーション</a></li>
1313      </ul>
1314    </div>
1315  </nav>
1316  
1317</header>
1318
1319<div id="pt-hSearch" class="pt-hSearch" v-scope="observeHSearch" @vue:mounted="init" :class="{'is-open': header.isSearch}">
1320  <div class="pt-hSearch__close-wrapper">
1321    <button v-scope="onlyHeader" id="pt-hSearchHamb" class="pt-hSearch__close pt-hamburger--cross is-hidden-mb"
1322    :class="{[cls]: header.isAnyOpen()}" @click="header.hambAction()"
1323    :aria-label="ariaLabel()" :aria-controls="areaControls()" :aria-expanded="header.isAnyOpen()">
1324      <span class="pt-hamburger__line"></span>
1325      <span class="pt-hamburger__line"></span>
1326      <span class="pt-hamburger__line"></span>
1327    </button>
1328  </div>
1329
1330  <div class="pt-hSearch__inn">
1331    <p class="pt-linkArrow--back is-hidden-pc" v-scope="onlyHeader" @click="header.shift('drawer')"><span class="pt-dummyAnkr">戻る</span></p>
1332    <h3 class="pt-menuHeader pt-menuHeader--hSearch is-hidden-mb">おすすめのキーワード</h3>
1333    <div class="pt-hSearch__keywords pt-scrollKeywords pt-scrollKeywords--hSearch is-hidden-mb">
1334      <ul class="pt-scrollKeywords__inn">
1335      
1336        <li><a class="pt-tag--sm" href="/c/item/character#pt-hasPage"># コラボアイテム</a></li>
1337<li><a class="pt-tag--sm" href="/c/item/limited/fabric/2346/#pt-hasPage"># WEB限定バッグ</a></li>
1338<li><a class="pt-tag--sm" href="/c/item/limited/animal/1974/#pt-hasPage"># 猫の唐草模様</a></li>
1339<li><a class="pt-tag--sm" href="/c/item/strap/strap-others/z-gamalock"># がまろっく</a></li>
1340<li><a class="pt-tag--sm" href="/c/item/accessories/accessories-others/gift-s"># ギフト包装</a></li>
1341
1342      
1343      </ul>
1344    </div>
1345    <h3 class="pt-menuHeader pt-menuHeader--hSearch">詳細検索</h3>
1346    
1347      <!-- **ヘッダー詳細商品検索フォーム↓↓ -->
1348
1349<form action="/p/search" method="get" id="pt-detailedSearch__h" class="fs-p-productSearch__form" v-scope>
1350  <div class="fs-p-productSearch__field">
1351    <table class="fs-p-productSearch__inputTable fs-c-inputTable">
1352      <tbody>
1353        
1354
1355<tr class="">
1356  <th class="fs-c-inputTable__headerCell">
1357    <label for="pt-inputKeyword__h">キーワード</label>
1358  </th>
1359  <td class="fs-c-inputTable__dataCell">
1360    <input type="text" name="keyword" maxlength="1000" id="pt-inputKeyword__h" v-model="inputKeyword">
1361  </td>
1362</tr>
1363        
1364
1365<tr class="">
1366  <th class="fs-c-inputTable__headerCell">
1367    <label for="fs_input_productSearchBundle">カテゴリー</label>
1368  </th>
1369  <td class="fs-c-inputTable__dataCell">
1370    <div class="fs-c-dropdown">
1371      <select class="fs-c-dropdown__menu" name="tag" id="pt-selectCate__h" v-scope="selectCate" @vue:mounted="init" v-model="option" @change="onUpdate()">
1372        <option value="" selected>カテゴリーを選択</option>
1373        <option value="cat_bag">がま口バッグ</option>
1374        <option value="cat_wallet">がま口財布</option>
1375        <option value="cat_pouch">がま口ポーチ</option>
1376        <option value="cat_case">がま口雑貨</option>
1377        <option value="cat_zakka">その他雑貨</option>
1378        <option value="cat_belt">ベルト・関連アイテム</option>
1379      </select>
1380    </div>
1381  </td>
1382</tr>
1383        
1384
1385<tr class="">
1386  <th class="fs-c-inputTable__headerCell">
1387    <label for="fs_input_productSearchBundle">金額</label>
1388  </th>
1389  <td class="fs-c-inputTable__dataCell">
1390    <div class="fs-c-dropdown">
1391      <select class="fs-c-dropdown__menu" name="" id="pt-selectValue__h" v-scope="selectValue" @vue:mounted="init" v-model="option" @change="onUpdate()">
1392        <option value="" selected>金額を選択</option>
1393        <option value="0_1000">~1,000</option>
1394        <option value="1001_3000">1,001 ~ 3,000</option>
1395        <option value="3001_5000">3,001 ~ 5,000</option>
1396        <option value="5001_999999">5,001 ~</option>
1397      </select>
1398    </div>
1399  </td>
1400</tr>
1401        <input v-scope="selectValue" type="hidden" name="minprice" maxlength="9" v-model="reactivePrice.minprice">
1402        <input v-scope="selectValue" type="hidden" name="maxprice" maxlength="9" v-model="reactivePrice.maxprice">
1403      </tbody>
1404    </table>
1405    <table class="fs-p-productSearch__inputTable fs-c-inputTable">
1406      <tbody>
1407        
1408
1409<tr class="">
1410  <th class="fs-c-inputTable__headerCell">
1411    <label for="fs_input_productSearchBundle">生地</label>
1412  </th>
1413  <td class="fs-c-inputTable__dataCell">
1414    <div class="fs-c-dropdown">
1415      
1416      <select class="fs-c-dropdown__menu" name="tag" id="pt-selectPattern__h" v-scope="selectPattern" @vue:mounted="init" v-model="option" @change="onUpdate()">
1417        <option value="" selected>生地を選択</option>
1418        <option value="pat_cot">帆布・綿布・デニム</option>
1419        <option value="pat_kr">金襴・帯地</option>
1420        <option value="pat_has">撥水機能生地</option>
1421        <option value="pat_cm">ちりめん</option>
1422        <option value="pat_lace">レース</option>
1423        <option value="pat_kawa">本革・合皮</option>
1424        <option value="pat_spot">シーズン品</option>
1425      </select>
1426    </div>
1427  </td>
1428</tr>
1429        <tr class="pt-productSearchColor">
1430          <th class="fs-c-inputTable__headerCell">
1431            <label for="fs_input_productSearchBundle">色</label>
1432          </th>
1433          <td class="fs-c-inputTable__dataCell" v-scope="selectColor()" @vue:mounted="init" >
1434            <div class="fs-c-dropdown">
1435              <select class="fs-c-dropdown__menu" name="tag" id="pt-selectColor__h" v-model="option" @change="onUpdate($event)">
1436                <option data-clr-value="none" value="" selected="">色を選択</option>
1437                <option data-clr-value="col_black" value="col_black">ブラック</option>
1438                <option data-clr-value="col_gray" value="col_gray">グレー</option>
1439                <option data-clr-value="col_white" value="col_white">ホワイト</option>
1440                <option data-clr-value="col_brown" value="col_brown">ブラウン</option>
1441                <option data-clr-value="col_pink" value="col_pink">ピンク</option>
1442                <option data-clr-value="col_red" value="col_red">レッド</option>
1443                <option data-clr-value="col_orange" value="col_orange">オレンジ</option>
1444                <option data-clr-value="col_yellow" value="col_yellow">イエロー</option>
1445                <option data-clr-value="col_green" value="col_green">グリーン</option>
1446                <option data-clr-value="col_blue" value="col_blue">ブルー</option>
1447                <option data-clr-value="col_purple" value="col_purple">パープル</option>
1448                <option data-clr-value="col_multi" value="col_multi">その他</option>
1449              </select>
1450            </div>
1451            <div class="pt-productSearchColor__chip">
1452              <span :class="cls"></span>
1453            </div>
1454          </td>
1455        </tr>
1456        
1457
1458<tr class="">
1459  <th class="fs-c-inputTable__headerCell">並び順</th>
1460  <td class="fs-c-inputTable__dataCell">
1461    <div class="fs-c-radioGroup">
1462      
1463      <span class="fs-c-radio">
1464        <input type="radio" name="sort" id="pt-radioSort_1__h" class="fs-c-radio__radio" value="latest" v-model="radioSort">
1465        <label for="pt-radioSort_1__h" class="fs-c-radio__label">
1466          <span class="fs-c-radio__radioMark"></span>
1467          <span class="fs-c-radio__radioLabelText">新着順</span>
1468        </label>
1469      </span>
1470      
1471      <span class="fs-c-radio">
1472        <input type="radio" name="sort" id="pt-radioSort_2__h" class="fs-c-radio__radio" value="price_high" v-model="radioSort">
1473        <label for="pt-radioSort_2__h" class="fs-c-radio__label">
1474          <span class="fs-c-radio__radioMark"></span>
1475          <span class="fs-c-radio__radioLabelText">高い順</span>
1476        </label>
1477      </span>
1478      
1479      <span class="fs-c-radio">
1480        <input type="radio" name="sort" id="pt-radioSort_3__h" class="fs-c-radio__radio" value="price_low" v-model="radioSort">
1481        <label for="pt-radioSort_3__h" class="fs-c-radio__label">
1482          <span class="fs-c-radio__radioMark"></span>
1483          <span class="fs-c-radio__radioLabelText">安い順</span>
1484        </label>
1485      </span>
1486      
1487      
1488      <span class="fs-c-radio">
1489        <input type="radio" name="sort" id="pt-radioSort_4__h" class="fs-c-radio__radio" value="review" v-model="radioSort">
1490        <label for="pt-radioSort_4__h" class="fs-c-radio__label">
1491          <span class="fs-c-radio__radioMark"></span>
1492          <span class="fs-c-radio__radioLabelText">おすすめ順</span>
1493        </label>
1494      </span>
1495      
1496    </div>
1497  </td>
1498</tr>
1499
1500      </tbody>
1501    </table>
1502    <div class="fs-p-productSearch__searchButtonContainer fs-c-buttonContainer">
1503      <button type="submit" class="fs-p-productSearch__searchButton fs-c-button--primary">検索</button>
1504    </div>
1505  </div>
1506</form>
1507<script type="application/ld+json">
1508{
1509  "@context": "http://schema.org",
1510  "@type": "WebSite",
1511  "url": "https://ayanokoji.jp",
1512  "potentialAction": {
1513    "@type": "SearchAction",
1514    "target": "https://ayanokoji.jp/p/search?keyword={search_term_string}",
1515    "query-input": "required name=search_term_string"
1516  }
1517}
1518</script>
1518
1519<!-- **ヘッダー詳細商品検索フォーム↑↑ -->
1520    
1521  </div>
1522</div>
1523
1524<button v-scope="onlyHeader" id="pt-drawerHamb" class="pt-drawer__close pt-hamburger is-hidden-pc"
1525:class="{[cls]: header.isAnyOpen()}" @click="header.hambAction()"
1526:aria-label="ariaLabel()" :aria-controls="areaControls()" :aria-expanded="header.isAnyOpen()">
1527  <span class="pt-hamburger__line"></span>
1528  <span class="pt-hamburger__line"></span>
1529  <span class="pt-hamburger__line"></span>
1530</button>
1531<div id="pt-drawer" class="pt-drawer" v-scope="onlyHeader" :class="{'is-open': header.isMenuOpen}">
1532  <nav class="pt-drawer__inn" area-label="メインメニュー">
1533    <div class="fs-clientInfo">
1534      <div class="pt-loginCheck--{@ member.logged_in @} pt-loginCheck--isGuest">
1535        <ul class="pt-clientInfo pt-clientInfo--drawer pt-drawer__clientInfo">
1536          <li class="pt-clientInfo__name">{@ member.last_name @}{@ member.first_name @} 様</li>
1537          <li class="pt-clientInfo__rrank"><span class="pt-clientInfo__label">会員ランク</span><span class="pt-clientInfo__value">{@ member.stage_name @}</span></li>
1538          <li class="pt-clientInfo__point"><span class="pt-clientInfo__label">保有ポイント</span><span class="pt-clientInfo__value">{@ member.total_points @}</span></li>
1539        </ul>
1540      </div>
1541    </div>
1542    <div class="fs-clientInfo">
1543      <div class="pt-loginCheck--{@ member.logged_in @}"></div>
1544    </div>
1545    <div class="pt-drawer__infoList">
1546      <a href="/my/top" class="pt-drawer__infoItem ipt-i_mypage">
1547        <span>マイページ</span>
1548      </a>
1549      <a href="/p/login" class="pt-drawer__infoItem ipt-i_login">
1550        <span>ログイン</span>
1551      </a>
1552      <span v-scope="onlyHeader" class="pt-drawer__infoItem ipt-i_search pt-dummyAnkr" 
1553        @click="header.shift('hSearch')" aria-label="検索を開く" 
1554        aria-controls="pt-hSearch" :aria-expanded="header.isSearch" tabindex="0">
1555        <span>検索</span>
1556      </span>
1557      <a href="/p/cart" class="pt-drawer__infoItem ipt-i_cart">
1558        <span class="mypageItemNumberWrap">
1559          <span class="fs-p-cartItemNumber fs-client-cart-count fs-clientInfo"></span>
1560        </span>
1561        <span>カート</span>
1562      </a>
1563    </div>
1564    <h3 class="pt-menuHeader pt-menuHeader--drawer">おすすめのキーワード</h3>
1565    <div class="pt-drawer__keywords pt-scrollKeywords pt-scrollKeywords--drawer">
1566      <ul class="pt-scrollKeywords__inn">
1567      
1568        <li><a class="pt-tag--sm" href="/c/item/character#pt-hasPage"># コラボアイテム</a></li>
1569<li><a class="pt-tag--sm" href="/c/item/limited/fabric/2346/#pt-hasPage"># WEB限定バッグ</a></li>
1570<li><a class="pt-tag--sm" href="/c/item/limited/animal/1974/#pt-hasPage"># 猫の唐草模様</a></li>
1571<li><a class="pt-tag--sm" href="/c/item/strap/strap-others/z-gamalock"># がまろっく</a></li>
1572<li><a class="pt-tag--sm" href="/c/item/accessories/accessories-others/gift-s"># ギフト包装</a></li>
1573
1574      
1575      </ul>
1576    </div>
1577    <h3 class="pt-menuHeader pt-menuHeader--drawer">商品一覧</h3>
1578    <div class="pt-drawer__menu" v-scope="accObj()" @vue:mounted="init">
1579      
1580      <!-- バッグ -->
1581<details class="pt-acc pt-acc--drawer" ref="d0">
1582  <summary @click.prevent="ev($event,0)">バッグ</summary>
1583  <div class="pt-acc__container" ref="c0">
1584    <ul class="pt-drawer__menu">
1585      <li><a href="https://ayanokoji.jp/c/item/bag" class="pt-linkArrow">バッグ一覧</a></li>
1586      <li><a href="https://ayanokoji.jp/c/item/bag/pochette" class="pt-linkArrow">ポシェット</a></li>
1587      <li><a href="https://ayanokoji.jp/c/item/bag/shoulder" class="pt-linkArrow">ショルダーバッグ</a></li>
1588      <li><a href="https://ayanokoji.jp/c/item/bag/tote" class="pt-linkArrow">トートバッグ</a></li>
1589      <li><a href="https://ayanokoji.jp/c/item/bag/handbag" class="pt-linkArrow">ハンドバッグ</a></li>
1590      <li><a href="https://ayanokoji.jp/c/item/bag/bodybag" class="pt-linkArrow">ボディバッグ</a></li>
1591      <li><a href="https://ayanokoji.jp/c/item/bag/backpack" class="pt-linkArrow">リュック</a></li>
1592      <li><a href="https://ayanokoji.jp/c/item/bag/sacoche" class="pt-linkArrow">サコッシュ</a></li>
1593      <li><a href="https://ayanokoji.jp/c/item/bag/business" class="pt-linkArrow">ビジネスバッグ</a></li>
1594      <li><a href="https://ayanokoji.jp/c/item/bag/chalkbag" class="pt-linkArrow">チョークバッグ</a></li>
1595    </ul>
1596  </div>
1597</details>
1598
1599<!-- 財布 -->
1600<details class="pt-acc pt-acc--drawer" ref="d1">
1601  <summary @click.prevent="ev($event,1)">財布</summary>
1602  <div class="pt-acc__container" ref="c1">
1603    <ul class="pt-drawer__menu">
1604      <li><a href="https://ayanokoji.jp/c/item/wallet" class="pt-linkArrow">財布一覧</a></li>
1605      <li><a href="https://ayanokoji.jp/c/item/wallet/long" class="pt-linkArrow">長財布</a></li>
1606      <li><a href="https://ayanokoji.jp/c/item/wallet/compact" class="pt-linkArrow">コンパクト財布</a></li>
1607      <li><a href="https://ayanokoji.jp/c/item/wallet/coin" class="pt-linkArrow">コインケース・小銭入れ</a></li>
1608    </ul>
1609  </div>
1610</details>
1611
1612<!-- ポーチ -->
1613<details class="pt-acc pt-acc--drawer" ref="d2">
1614  <summary @click.prevent="ev($event,2)">ポーチ</summary>
1615  <div class="pt-acc__container" ref="c2">
1616    <ul class="pt-drawer__menu">
1617      <li><a href="https://ayanokoji.jp/c/item/pouch/" class="pt-linkArrow">ポーチ一覧</a></li>
1618      <li><a href="https://ayanokoji.jp/c/item/pouch/large" class="pt-linkArrow">Lサイズ</a></li>
1619      <li><a href="https://ayanokoji.jp/c/item/pouch/medium" class="pt-linkArrow">Mサイズ</a></li>
1620      <li><a href="https://ayanokoji.jp/c/item/pouch/small" class="pt-linkArrow">Sサイズ</a></li>
1621    </ul>
1622  </div>
1623</details>
1624
1625<!-- 文具 -->
1626<details class="pt-acc pt-acc--drawer" ref="d3">
1627  <summary @click.prevent="ev($event,3)">文具</summary>
1628  <div class="pt-acc__container" ref="c3">
1629    <ul class="pt-drawer__menu">
1630      <li><a href="https://ayanokoji.jp/c/item/stationery" class="pt-linkArrow">文具一覧</a></li>
1631      <li><a href="https://ayanokoji.jp/c/item/stationery/cardcase" class="pt-linkArrow">カードケース</a></li>
1632      <li><a href="https://ayanokoji.jp/c/item/stationery/bookcover" class="pt-linkArrow">ブックカバー</a></li>
1633      <li><a href="https://ayanokoji.jp/c/item/stationery/pencase" class="pt-linkArrow">ペンケース</a></li>
1634      <li><a href="https://ayanokoji.jp/c/item/stationery/sealcase" class="pt-linkArrow">印鑑ケース</a></li>
1635      <li><a href="https://ayanokoji.jp/c/item/stationery/diarycover" class="pt-linkArrow">手帳ケース</a></li>
1636      <li><a href="https://ayanokoji.jp/c/item/stationery/pochibukuro" class="pt-linkArrow">ポチ袋</a></li>
1637    </ul>
1638  </div>
1639</details>
1640
1641<!-- 日用雑貨 -->
1642<details class="pt-acc pt-acc--drawer" ref="d4">
1643  <summary @click.prevent="ev($event,4)">日用雑貨</summary>
1644  <div class="pt-acc__container" ref="c4">
1645    <ul class="pt-drawer__menu">
1646      <li><a href="https://ayanokoji.jp/c/item/goods" class="pt-linkArrow">日用雑貨一覧</a></li>
1647      <li><a href="https://ayanokoji.jp/c/item/goods/keycase" class="pt-linkArrow">キーケース</a></li>
1648      <li><a href="https://ayanokoji.jp/c/item/goods/glassescase" class="pt-linkArrow">メガネケース</a></li>
1649      <li><a href="https://ayanokoji.jp/c/item/goods/passcase" class="pt-linkArrow">パスケース</a></li>
1650      <li><a href="https://ayanokoji.jp/c/item/goods/cigarettecase" class="pt-linkArrow">タバコケース</a></li>
1651      <li><a href="https://ayanokoji.jp/c/item/goods/lipcase" class="pt-linkArrow">リップケース</a></li>
1652      <li><a href="https://ayanokoji.jp/c/item/goods/miniature" class="pt-linkArrow">ミニチュア</a></li>
1653      <li><a href="https://ayanokoji.jp/c/item/goods/phonecase" class="pt-linkArrow">スマホケース</a></li>
1654      <li><a href="https://ayanokoji.jp/c/item/goods/goods-others" class="pt-linkArrow">その他</a></li>
1655    </ul>
1656  </div>
1657</details>
1658
1659<!-- その他の雑貨 -->
1660<details class="pt-acc pt-acc--drawer" ref="d5">
1661  <summary @click.prevent="ev($event,5)">その他の雑貨</summary>
1662  <div class="pt-acc__container" ref="c5">
1663    <ul class="pt-drawer__menu">
1664      <li><a href="https://ayanokoji.jp/c/item/accessories" class="pt-linkArrow">その他の雑貨一覧</a></li>
1665      <li><a href="https://ayanokoji.jp/c/item/accessories/charm" class="pt-linkArrow">根付ストラップ・チャーム</a></li>
1666      <li><a href="https://ayanokoji.jp/c/item/accessories/cloth" class="pt-linkArrow">ハンカチ・ふきん・風呂敷・手ぬぐい</a></li>
1667      <li><a href="https://ayanokoji.jp/c/item/accessories/stole" class="pt-linkArrow">ストール・マフラー</a></li>
1668      <li><a href="https://ayanokoji.jp/c/item/accessories/accessories-others" class="pt-linkArrow">その他</a></li>
1669    </ul>
1670  </div>
1671</details>
1672
1673<!-- ベルト・関連商品(持ち手・ベルト・周辺アイテム) -->
1674<details class="pt-acc pt-acc--drawer" ref="d6">
1675  <summary @click.prevent="ev($event,6)">ベルト・関連商品</summary>
1676  <div class="pt-acc__container" ref="c6">
1677    <ul class="pt-drawer__menu">
1678      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap">持ち手・ベルト・周辺アイテム一覧</a></li>
1679      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-short">(手提げ用)ベルト・チェーン・ストラップ</a></li>
1680      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-long">(ショルダー用)ベルト・チェーン</a></li>
1681      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/strap/strap-others">その他周辺アイテム</a></li>
1682    </ul>
1683  </div>
1684</details>
1685
1686<!-- 新商品 -->
1687<!-- オリジナル 
1688<details class="pt-acc pt-acc--drawer" ref="d7">
1689  <summary @click.prevent="ev($event,7)">新商品</summary>
1690  <div class="pt-acc__container" ref="c7">
1691    <ul class="pt-drawer__menu">
1692      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/new">新商品一覧</a></li>
1693    </ul>
1694  </div>
1695</details>
1696 -->
1697<!-- 26/03/19 -->
1698<details class="pt-acc pt-acc--drawer" ref="d7">
1699  <summary>
1700    <a href="/c/item/new">新商品</a>
1701  </summary>
1702</details>
1703<!-- 26/03/19 -->
1704
1705<!-- 限定品 -->
1706<details class="pt-acc pt-acc--drawer" ref="d8">
1707  <summary @click.prevent="ev($event,8)">シーズン品</summary>
1708  <div class="pt-acc__container" ref="c8">
1709    <ul class="pt-drawer__menu">
1710      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited">シーズン品一覧</a></li>
1711      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/leather">本革・合皮</a></li>
1712      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/denim">デニム</a></li>
1713      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/chirimen">ちりめん</a></li>
1714      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/fabric">その他のファブリック</a></li>
1715      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/pattern">ドット・ストライプ・ボーダー・チェック</a></li>
1716      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/star">星柄</a></li>
1717      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/japanese">和テイスト</a></li>
1718      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/animal">動物モチーフ</a></li>
1719      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/plant">植物モチーフ</a></li>
1720      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/food">食べ物モチーフ</a></li>
1721      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/original-character">オリジナルキャラクター</a></li>
1722      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/limited/limited-others">その他の柄</a></li>
1723    </ul>
1724  </div>
1725</details>
1726
1727<!-- ブランド -->
1728<details class="pt-acc pt-acc--drawer" ref="d9">
1729  <summary @click.prevent="ev($event,9)">キャラクター</summary>
1730  <div class="pt-acc__container" ref="c9">
1731    <ul class="pt-drawer__menu">
1732      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character">キャラクター一覧</a></li>
1733      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2239">PEANUTS</a></li>
1734      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2159">HELLO KITTY</a></li>
1735      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-mf70">miffy 70th</a></li>
1736      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-omgs">OSAMU GOODS</a></li>
1737      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-pm30">ポムポムプリン</a></li>
1738      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-pkmn">ポケットモンスター</a></li>
1739      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2114">アイムドラえもん</a></li>
1740      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-2198">STAR WARS</a></li>
1741      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/character/c-mmkw">マイメロディ&クロミ</a></li>
1742    </ul>
1743  </div>
1744</details>
1745
1746<!-- ブランド -->
1747<details class="pt-acc pt-acc--drawer" ref="d10">
1748  <summary @click.prevent="ev($event,10)">ブランド</summary>
1749  <div class="pt-acc__container" ref="c10">
1750    <ul class="pt-drawer__menu">
1751      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/materials">AYANOKOJI</a></li>
1752      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/ayanokoji-sarei">AYANOKOJI Sarei</a></li>
1753      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/ayanokoji-x">AYANOKOJI X</a></li>
1754    </ul>
1755  </div>
1756</details>
1757
1758      
1759    </div>
1760    <h3 class="pt-menuHeader pt-menuHeader--drawer">サービス</h3>
1761    <ul class="pt-drawer__menu">
1762      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/order-ayanokoji/">オーダーメイド</a></li>
1763        <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://shuwa.jp/manufacturing#contact" target="_blank">
1763大口注文お問い合わせ</a></li>
1764        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/water-repellent">撥水加工サービス</a></li>
1765        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/school/">がま口づくり体験教室</a></li>
1766        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/contact/">お問い合わせ</a></li>
1767        <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/memorial_service/" target="_blank">がま口供養</a></li> -->
1768    </ul>
1769    <h3 class="pt-menuHeader pt-menuHeader--drawer">AYANOKOJIについて</h3>
1770    <ul class="pt-drawer__menu">
1771      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/about/">ブランドコンセプト</a></li>
1772        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/shop-list/">各店舗案内</a></li>
1773        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/information/media">メディア情報</a></li>
1774        <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/ayanokoji_c/" target="_blank">ガマグチヨタカの部屋</a></li> -->
1775    </ul>
1776    <ul class="pt-drawer__menu pt-drawer__menu--2">
1777      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/ranking">ランキング</a></li>
1778      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/guide">ご利用ガイド</a></li>
1779      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/category/information/">インフォメーション</a></li>
1780      <li><a class="pt-linkArrow" href="https://shuwa.jp/corporate-profile" target="_blank">運営会社</a></li>
1781      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/p/newsletter/subscribe">メルマガ登録</a></li>
1782      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/p/about/privacy-policy">プライバシポリシー</a></li>
1783      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/archive/">NEWS</a></li>
1784      <li><a class="pt-linkArrow" href="https://ayanokoji.jp/p/about/terms">特定商取引法</a></li>
1785      <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://ayanokoji-japan.com/" target="_blank">海外向けサイト</a></li>
1786    </ul>
1787      <div class="pt-drawer__sns pt-snsList">
1788        <ul class="pt-snsList__sns">
1789          <li><a href="https://www.facebook.com/kyoto.ayanokoji/" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_facebook.png" alt="facebook" width="40" height="40" loading="lazy"></a></li>
1790          <li><a href="https://www.instagram.com/ayanokoji_official/" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_insta.png" alt="instagram" width="40" height="40" loading="lazy"></a></li>
1791          <li><a href="https://www.threads.com/@ayanokoji_official" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_threads.png" alt="Threads" width="40" height="40" loading="lazy"></a></li>
1792          <li><a href="https://lin.ee/77km32e" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_line.png" alt="LINE" width="40" height="40" loading="lazy"></a></li>
1793          <li><a href="https://x.com/ayanokoji" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_x.png" alt="X" width="40" height="40" loading="lazy"></a></li>
1794        </ul>
1795      </div>
1796  </nav>
1797</div>
1798<main class="fs-l-main"><div id="fs-page-error-container" class="fs-c-panelContainer">
1799  
1800  
1801</div>
1802<section class="fs-l-pageMain"><div class="fr2-carousel--topSlider pt-topCarousel pt-sec--hidden">
1803  <div class="fr2-carousel">
1804  <div>
1805  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260928-kaiun.jpg?t=20261001170521" alt="最強開運日 4日間限定8%ポイント還元 9月28日(月)0時00分~10月1日(木)23時59分" width="880" height="550">
1806</div>
1807<a href="/c/item/wallet/compact/w-2compact-za-">
1808  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-261001-2compact.jpg?t=20261001170521" alt="二つ折りがま口コンパクトウォレット【X シュリンクレザー・アーチザンレザー】" width="880" height="550">
1809</a>
1810<a href="/c/item/accessories/charm/z-pkbstm-pbtm">
1811  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260924-pbtm.jpg?t=20261001170521" alt="ぷくぼしチャーム" width="880" height="550">
1812</a>
1813<a href="/event-features/6302/">
1814  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260918-osaihu.jpg?t=20261001170521" alt="最強開運日 お財布特集" width="880" height="550">
1815</a>
1816<a href="/c/item/limited/animal/00otmu#pt-hasPage">
1817  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260903-otmu.jpg?t=20261001170521" alt="お月見うさぎ" width="880" height="550">
1818</a>
1819<a href="/p/search?keyword=%E3%82%B7%E3%83%A7%E3%83%AB%E3%83%80%E3%83%BC%E3%82%B1%E3%83%BC%E3%82%B9%EF%BC%8B&tag=&minprice=&maxprice=&tag=&tag=&sort=latest">
1820  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260917-phone.jpg?t=20261001170521" alt="ショルダーケース+" width="880" height="550">
1821</a>
1822
1823
1824<!-- 
1825<a href="/p/search?keyword=%E3%83%88%E3%83%A9%E3%83%99%E3%83%AB%E3%83%9D%E3%83%BC%E3%83%81&sort=price_low">
1826  <img src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/slide/880-260827-travel.jpg?t=20261001170521" alt="トラベルポーチ" width="880" height="550">
1827</a>
1828 -->
1829
1830  </div>
1831</div>
1832<!-- お知らせがない時は全体をコメント化-->
1833<section class="pt-sec pt-sec--hidden">
1834  <div class="pt-sec__inn">
1835    <hgroup class="pt-ttlGroup">
1836      <h2 class="pt-ttl">重要なお知らせ</h2>
1837      <p class="pt-subttl">infomation</p>
1838    </hgroup>
1839    <div class="ay-infomation">
1840      <p class="pt-h5 ay-c"><a href="/f/information/water_repellent">各種サービス 受付け停止 / 再開のお知らせ</a></p>
1841    </div>
1842    <div class="ay-infomation">
1843      <p class="pt-h5 ay-c"><a href="/f/information/delivery">営業・配送のお知らせ</a></p>
1844    </div>
1845    <div class="ay-infomation">
1846      <p class="pt-h5 ay-c"><a href="/f/information/important-notice.html">商品情報(再入荷予定)について、表示方法を変更いたしました</a></p>
1847    </div>
1848
1849  </div>
1850</section>
1851 
1852<section class="pt-sec--both-s pt-sec--hidden pt-bgWrap">
1853  <div class="pt-bgCnt--top-1 pt-bg--base"></div>
1854  <div class="pt-sec__inn">
1855    <hgroup class="pt-ttlGroup">
1856      <h2 class="pt-ttl">注目コンテンツ</h2>
1857      <p class="pt-subttl">highlights</p>
1858    </hgroup>
1859    <div class="fr2-carousel--topFeature">
1860      <div class="fr2-carousel">
1861<!--  -->
1862
1863<article class="pt-card">
1864  <a href="/event-features/4967/" class="pt-card__link">
1865    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260616-lay.jpg?t=20261001170521" width="400" height="400" alt="身軽に、美しく。トレンドをまとう、大人のための『がま口レイヤードショルダーバッグ』" loading="lazy">
1866    <div class="pt-card__body">
1867      <h2 class="pt-card__ttl">レイヤードショルダー特集</h2>
1868    </div>
1869  </a>
1870</article>
1871<article class="pt-card">
1872  <a href="/f/feature/2025/2510for-men" class="pt-card__link">
1873    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-251023-mens.jpg?t=20261001170521" width="400" height="400" alt="男性におすすめしたいがま口アイテム特集" loading="lazy">
1874    <div class="pt-card__body">
1875      <h2 class="pt-card__ttl">男性におすすめしたいがま口アイテム特集</h2>
1876    </div>
1877  </a>
1878</article>
1879<article class="pt-card">
1880  <a href="/c/feature/petit-price" class="pt-card__link">
1881    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250925-price.jpg?t=20261001170521" width="400" height="400" alt="プチプラアイテム" loading="lazy">
1882    <div class="pt-card__body">
1883      <h2 class="pt-card__ttl">プチプラアイテム</h2>
1884    </div>
1885  </a>
1886</article>
1887
1888<article class="pt-card">
1889  <a href="/event-features/4967/" class="pt-card__link">
1890    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260616-lay.jpg?t=20261001170521" width="400" height="400" alt="身軽に、美しく。トレンドをまとう、大人のための『がま口レイヤードショルダーバッグ』" loading="lazy">
1891    <div class="pt-card__body">
1892      <h2 class="pt-card__ttl">レイヤードショルダー特集</h2>
1893    </div>
1894  </a>
1895</article>
1896<article class="pt-card">
1897  <a href="/f/feature/2025/2510for-men" class="pt-card__link">
1898    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-251023-mens.jpg?t=20261001170521" width="400" height="400" alt="男性におすすめしたいがま口アイテム特集" loading="lazy">
1899    <div class="pt-card__body">
1900      <h2 class="pt-card__ttl">男性におすすめしたいがま口アイテム特集</h2>
1901    </div>
1902  </a>
1903</article>
1904<article class="pt-card">
1905  <a href="/c/feature/petit-price" class="pt-card__link">
1906    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250925-price.jpg?t=20261001170521" width="400" height="400" alt="プチプラアイテム" loading="lazy">
1907    <div class="pt-card__body">
1908      <h2 class="pt-card__ttl">プチプラアイテム</h2>
1909    </div>
1910  </a>
1911</article>
1912
1913<!-- 
1914<article class="pt-card">
1915  <a href="/f/feature/2025/2502bestseller" class="pt-card__link">
1916    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250916-best.jpg?t=20261001170521" width="400" height="400" alt="ベストセラー特集" loading="lazy">
1917    <div class="pt-card__body">
1918      <h2 class="pt-card__ttl">ベストセラー特集</h2>
1919    </div>
1920  </a>
1921</article>
1922
1923<article class="pt-card">
1924  <a href="/event-features/6302/" class="pt-card__link">
1925    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260918-osaihu.jpg?t=20261001170521" width="400" height="400" alt="最強開運日 お財布特集" loading="lazy">
1926    <div class="pt-card__body">
1927      <h2 class="pt-card__ttl">お財布特集</h2>
1928    </div>
1929  </a>
1930</article>
1931<article class="pt-card">
1932  <a href="/f/information/88day" class="pt-card__link">
1933    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250916-88.jpg?t=20261001170521" width="400" height="400" alt="がま口の日" loading="lazy">
1934    <div class="pt-card__body">
1935      <h2 class="pt-card__ttl">がま口の日</h2>
1936    </div>
1937  </a>
1938</article>
1939<article class="pt-card">
1940  <a href="/f/feature/2025/2511gamaguchi-select" class="pt-card__link">
1941    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260202-select.jpg?t=20261001170521" width="400" height="400" alt="気軽に楽しむがま口セレクト" loading="lazy">
1942    <div class="pt-card__body">
1943      <h2 class="pt-card__ttl">気軽に楽しむがま口セレクト</h2>
1944    </div>
1945  </a>
1946</article>
1947<article class="pt-card">
1948  <a href="/c/feature/karakusa-midori" class="pt-card__link">
1949    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/krks.jpg?t=20261001170521" width="400" height="400" alt="唐草特集" loading="lazy">
1950    <div class="pt-card__body">
1951      <h2 class="pt-card__ttl">唐草特集</h2>
1952    </div>
1953  </a>
1954</article>
1955 -->
1956
1957
1958<!--  -->
1959      </div>
1960    </div>
1961  </div>
1962</section>
1963
1964
1965<div class="pt-sec pt-sec--hidden pt-bgWrap">
1966  <div class="pt-bgCnt--top-2 pt-bg--dot" style="background-image: url('https://ayanokoji.itembox.cloud/item/pt-assets/img/bg.svg');"></div>
1967  <div class="pt-sec__inn pt-sec__inn--article-sp">
1968    <hgroup class="pt-ttlGroup">
1969      <h2 class="pt-ttl">ピックアップ</h2>
1970      <p class="pt-subttl">pick up</p>
1971    </hgroup>
1972    <div class="pt-l-grid--31-g">
1973      
1974      <a href="/c/item/limited/animal/1974">
1975<img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260421-nkkk.jpg?t=20261001170521" alt="ねこ唐草" width="750" height="280" loading="lazy">
1976</a>
1977<a href="/c/item/limited/animal/1729">
1978<img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260507-anim.jpg?t=20261001170521" alt="アニマル柄" width="750" height="280" loading="lazy">
1979</a>
1980<a href="/c/item/materials/kinran-obi">
1981<img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260514-kr.jpg?t=20261001170521" alt="金襴・帯地" width="750" height="280" loading="lazy">
1982</a>
1983
1984      
1985    </div>
1986    <div class="fr2-carousel--pickup">
1987      <div class="fr2-carousel">
1988        
1989        <a href="https://stream.livecottage.net/live/ayanokoji-onlineshop-jp" target="_blank"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-live-cottage.jpg?t=20261001170521" alt="ライブを見ながら楽しくショッピング" width="750" height="280" loading="lazy"></a>
1990
1991<a href="/c/item/character/c-2239#pt-hasPage"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-2260514-peanuts.jpg?t=20261001170521" alt="PEANUTS" width="750" height="280" loading="lazy"></a>
1992<a href="/c/item/character/c-pkmn#pt-hasPage"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260514-pkmn.jpg?t=20261001170521" alt="ポケットモンスター" width="750" height="280" loading="lazy"></a>
1993<a href="/c/item/character/c-2159#pt-hasPage"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260514-hk7s.jpg?t=20261001170521" alt="HELLO KITTY" width="750" height="280" loading="lazy"></a>
1994
1995<!-- 
1996<a href="/p/search?keyword=お散歩ポシェット&tag=&minprice=&maxprice=&tag=&tag=&sort=latest"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-251001-osanpo.jpg?t=20261001170521" alt="お散歩ポシェット" width="750" height="280" loading="lazy"></a>
1997<a href="/c/item/stationery/cardcase?sort=latest"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-251001-cardcase.jpg?t=20261001170521" alt="カードケース" width="750" height="280" loading="lazy"></a>
1998<a href="/c/item/ayanokoji-x?sort=latest"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/kawa.jpg?t=20261001170521" alt="上質な本革財布" width="750" height="280" loading="lazy"></a>
1999<a href="/c/item/limited/animal/1729"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-251001-anim.jpg?t=20261001170521" alt="アニマル柄" width="750" height="280" loading="lazy"></a>
2000<a href="/c/item/limited/animal/1974"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/750-280-260406-nkkk.jpg?t=20261001170521" alt="ねこ唐草" width="750" height="280" loading="lazy"></a>
2001<a href="/c/item/limited/original-character/2070"><img class="pt-bnr" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/pick-up/yotaka.jpg?t=20261001170521" alt="ガマグチヨタカ" width="750" height="280" loading="lazy"></a>
2002 -->
2003
2004        
2005      </div>
2006    </div>
2007    
2008  </div>
2009</div>
2010<div class="pt-sec--t-s">
2011  <div class="pt-sec__inn">
2012    <hgroup class="pt-ttlGroup">
2013      <h2 class="pt-ttl">新着商品</h2>
2014      <p class="pt-subttl">new arrival</p>
2015    </hgroup>
2016    <div data-pt-max-item-pc="24" data-pt-max-item-sp="16" class="pt-l-grid--62">
2017    
2018      <article class="pt-card pt-card--small">
2019  <a href="/c/item/new/261001/w-2compact-za-" class="pt-card__link">
2020    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/054/000000005422/000000005422-01.jpg" width="400" height="400" alt="二つ折りがま口コンパクトウォレット【X シュリンクレザー・アーチザンレザー】">
2021    <div class="pt-card__body">
2022      <h2 class="pt-card__ttl">コンパクト財布</h2>
2023    </div>
2024  </a>
2025</article>
2026<article class="pt-card pt-card--small">
2027  <a href="/c/item/new/260924/z-pkbstm-pbtm" class="pt-card__link">
2028    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/057/000000005704/000000005704-01.jpg" width="400" height="400" alt="ぷくぼしチャーム">
2029    <div class="pt-card__body">
2030      <h2 class="pt-card__ttl">チャーム</h2>
2031    </div>
2032  </a>
2033</article>
2034<article class="pt-card pt-card--small">
2035  <a href="/c/item/new/260918/z-ecob-gp-SWO" class="pt-card__link">
2036    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005697/000000005697-01.jpg" width="400" height="400" alt="エコバッグ入りがま口ポーチ【ハローキティ&マイメロディ&クロミ】">
2037    <div class="pt-card__body">
2038      <h2 class="pt-card__ttl">エコバッグ</h2>
2039    </div>
2040  </a>
2041</article>
2042<article class="pt-card pt-card--small">
2043  <a href="/c/item/new/260917/bt-a5w-tp-gr-belt" class="pt-card__link">
2044    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/057/000000005703/000000005703-01.jpg" width="400" height="400" alt="ショルダーBAG用5cm幅テープベルト(柄)">
2045    <div class="pt-card__body">
2046      <h2 class="pt-card__ttl">ベルト</h2>
2047    </div>
2048  </a>
2049</article>
2050<article class="pt-card pt-card--small">
2051  <a href="/c/item/new/260917/bt-a38w-tp-gr" class="pt-card__link">
2052    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/048/000000004881/000000004881-01.jpg" width="400" height="400" alt="ショルダーBAG用3.8cm幅テープベルト(柄)">
2053    <div class="pt-card__body">
2054      <h2 class="pt-card__ttl">ベルト</h2>
2055    </div>
2056  </a>
2057</article>
2058<article class="pt-card pt-card--small">
2059  <a href="/c/item/new/260910/b-koron-kdra" class="pt-card__link">
2060    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/052/000000005267/000000005267-01.jpg" width="400" height="400" alt="がま口ショルダーバッグころん【コーデュラ(R)】">
2061    <div class="pt-card__body">
2062      <h2 class="pt-card__ttl">ショルダーバッグ</h2>
2063    </div>
2064  </a>
2065</article>
2066<article class="pt-card pt-card--small">
2067  <a href="/c/item/new/260903/b-lay-slc-ntra" class="pt-card__link">
2068    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005694/000000005694-01.jpg" width="400" height="400" alt="がま口レイヤードショルダーバッグ ※持ち手カラー【Sarei NEUTRA】">
2069    <div class="pt-card__body">
2070      <h2 class="pt-card__ttl">ショルダーバッグ</h2>
2071    </div>
2072  </a>
2073</article>
2074<article class="pt-card pt-card--small">
2075  <a href="/c/item/new/260903/w-sanmai-otmu" class="pt-card__link">
2076    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005685/000000005685-01.jpg" width="400" height="400" alt="三枚口財布【お月見うさぎ】">
2077    <div class="pt-card__body">
2078      <h2 class="pt-card__ttl">コンパクト財布</h2>
2079    </div>
2080  </a>
2081</article>
2082<article class="pt-card pt-card--small">
2083  <a href="/c/item/new/260903/c-mgn-sn-otmu" class="pt-card__link">
2084    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005683/000000005683-01.jpg" width="400" height="400" alt="å±
2084±åž‹ãŒã¾å£ãƒ¡ã‚¬ãƒã‚±ãƒ¼ã‚¹ã€ãŠæœˆè¦‹ã†ã•ぎ】">
2085    <div class="pt-card__body">
2086      <h2 class="pt-card__ttl">メガネケース</h2>
2087    </div>
2088  </a>
2089</article>
2090<article class="pt-card pt-card--small">
2091  <a href="/c/item/new/260828/b-multi-pkn-ntra" class="pt-card__link">
2092    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/055/000000005578/000000005578-01.jpg" width="400" height="400" alt="がま口ラウンドバッグマルチポッケ ※シングルファスナー【Sarei NEUTRA】">
2093    <div class="pt-card__body">
2094      <h2 class="pt-card__ttl">ショルダーバッグ</h2>
2095    </div>
2096  </a>
2097</article>
2098<article class="pt-card pt-card--small">
2099  <a href="/c/item/pouch/large/p-6hiran-kdra" class="pt-card__link">
2100    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/028/000000002842/000000002842-01.jpg" width="400" height="400" alt="6寸がま口平ポーチ※口金シルバー【コーデュラ(R)】">
2101    <div class="pt-card__body">
2102      <h2 class="pt-card__ttl">ポーチ</h2>
2103    </div>
2104  </a>
2105</article>
2106<article class="pt-card pt-card--small">
2107  <a href="/c/item/pouch/small/c-cigaretn-za-" class="pt-card__link">
2108    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/002/000000000299/000000000299-01.jpg" width="400" height="400" alt="がま口小物入れ【帆布・綿布(アソート)】">
2109    <div class="pt-card__body">
2110      <h2 class="pt-card__ttl">ポーチ</h2>
2111    </div>
2112  </a>
2113</article>
2114<article class="pt-card pt-card--small">
2115  <a href="/c/item/new/260828/z-msb-en" class="pt-card__link">
2116    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005674/000000005674-01.jpg" width="400" height="400" alt="がま口むすびストラップ【縁起物】">
2117    <div class="pt-card__body">
2118      <h2 class="pt-card__ttl">ストラップ</h2>
2119    </div>
2120  </a>
2121</article>
2122<article class="pt-card pt-card--small">
2123  <a href="/c/item/new/260820/w-33-bead" class="pt-card__link">
2124    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005652/000000005652-01.jpg" width="400" height="400" alt="3.3寸がま口財布【ビーズ】">
2125    <div class="pt-card__body">
2126      <h2 class="pt-card__ttl">小銭入れ</h2>
2127    </div>
2128  </a>
2129</article>
2130<article class="pt-card pt-card--small">
2131  <a href="/c/item/new/260820/p-stand-bead" class="pt-card__link">
2132    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005651/000000005651-01.jpg" width="400" height="400" alt="がま口スタンドポーチ【ビーズ】">
2133    <div class="pt-card__body">
2134      <h2 class="pt-card__ttl">ポーチ</h2>
2135    </div>
2136  </a>
2137</article>
2138<article class="pt-card pt-card--small">
2139  <a href="/c/item/new/260813/c-cigaretn-nkkk" class="pt-card__link">
2140    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/056/000000005647/000000005647-01.jpg" width="400" height="400" alt="がま口シガレットケース ※口金AG【ねこ唐草】">
2141    <div class="pt-card__body">
2142      <h2 class="pt-card__ttl">シガレットケース</h2>
2143    </div>
2144  </a>
2145</article>
2146
2147<article class="pt-card pt-card--small">
2148  <a href="/c/item/new/260813/p-m4-nkkk" class="pt-card__link">
2149    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/054/000000005491/000000005491-01.jpg" width="400" height="400" alt="4寸M型がま口ポーチ【ねこ唐草】">
2150    <div class="pt-card__body">
2151      <h2 class="pt-card__ttl">ポーチ</h2>
2152    </div>
2153  </a>
2154</article>
2155<article class="pt-card pt-card--small">
2156  <a href="/c/item/new/260813/w-hoya-mn-nkkk" class="pt-card__link">
2157    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/product/040/000000004047/000000004047-01.jpg" width="400" height="400" alt="平親子がま口財布【ねこ唐草】">
2158    <div class="pt-card__body">
2159      <h2 class="pt-card__ttl">コンパクト財布</h2>
2160    </div>
2161  </a>
2162</article>
2163
2164    
2165    </div>
2166    <div class="pt-l-btn--center">
2167      <a href="https://ayanokoji.jp/c/item/new" class="pt-btn pt-btn--md">もっと見る</a>
2168    </div>
2169  </div>
2170</div>
2171<section class="pt-sec--both-s pt-sec--hidden pt-bgWrap">
2172  <div class="pt-bgCnt--top-1 pt-bg--base"></div>
2173  <div class="pt-sec__inn">
2174    <hgroup class="pt-ttlGroup">
2175      <h2 class="pt-ttl">特集・イベント</h2>
2176      <p class="pt-subttl">feature</p>
2177    </hgroup>
2178    <div class="fr2-carousel--topFeature">
2179      
2180      <div class="fr2-carousel" id="wp-clone--feature">
2181
2182      </div>
2183      
2184    </div>
2185  </div>
2186</section>
2187
2188<div class="pt-sec">
2189  
2189<script>
2190  const ptTopRanking = [
2191    { text: '総合', href: 'https://ayanokoji.jp/c/item' },
2192    { text: 'バッグ', href: 'https://ayanokoji.jp/c/item/bag' },
2193    { text: '財布', href: 'https://ayanokoji.jp/c/item/wallet' },
2194    { text: 'ポーチ', href: 'https://ayanokoji.jp/c/item/pouch' },
2195    { text: '文具', href: 'https://ayanokoji.jp/c/item/stationery' },
2196    { text: '日用雑貨', href: 'https://ayanokoji.jp/c/item/goods' },
2197    { text: 'その他の雑貨', href: 'https://ayanokoji.jp/c/item/accessories' },
2198  ];
2199  </script>
2199
2200  <div class="pt-sec__inn">
2201    <hgroup class="pt-ttlGroup">
2202      <h2 class="pt-ttl">ランキング</h2>
2203      <p class="pt-subttl">ranking</p>
2204    </hgroup>
2205    <div class="pt-lineTabs" v-scope="tempSecCatTabs('#temp-header-cat-tabs2',ptTopRanking)" @vue:mounted="init">
2206      <template id="temp-header-cat-tabs2"></template>
2207      <div class="pt-lineTabs__tabsWrapper pt-lineTabs__tabsWrapper--ranking">
2208        <div class="pt-lineTabs__controls" v-show="isShowContorls">
2209          <button class="pt-lineTabs__prev" @click="prev()" aria-label="前へ"><span class="pt-lineTabs__icon pt-lineTabs__icon--prev"></span></button>
2210          <button class="pt-lineTabs__next" @click="next()" aria-label="次へ"><span class="pt-lineTabs__icon pt-lineTabs__icon--next"></span></button>
2211        </div>
2212        <div :role="ready ? 'tablist' : null" class="pt-lineTabs__tabs" ref="container">
2213          <div class="pt-lineTabs__tabs--inn" ref="tabs">
2214            <button v-for="(list,index) in lists"
2215              role="tab"
2216              :id="`tab-cat-section-${index}`" 
2217              :aria-controls="`pane-cat-section-${index}`" 
2218              :aria-selected="i === index" 
2219              :class="{ [cls]: i === index}"
2220              @click="scrollToIndex($event,index)">{{list.text}}</button>
2221          </div>
2222        </div>
2223      </div>
2224      <div 
2225        :role="ready ? 'tabpanel' : null"
2226        :aria-labelledby="ready ? 'tab-cat-section-0' : null" 
2227        :tabindex="i === 0 ? 0 : -1"
2228        :hidden="i !== 0"
2229        id="pane-cat-section-0"
2230        class="pt-lineTabs__panel"
2231        v-show="i === 0">
2232        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2233        
2234          
2234<script type="text/javascript">
2235            try {
2236              _rcmdjp._displayRanking({
2237                type: 'cv',
2238                span: 'week',
2239                template: 'pt.fr2.listRanking'
2240              });
2241            } catch (err) {}
2242          </script>
2242
2243        
2244        </div>
2245      </div>
2246      <div
2247        v-scope="onlyHeader"
2248        @vue:mounted="init"
2249        :role="ready ? 'tabpanel' : null"
2250        :aria-labelledby="ready ? 'tab-cat-section-1' : null" 
2251        :tabindex="i === 1 ? 0 : -1"
2252        :hidden="i !== 1"
2253        id="pane-cat-section-1"
2254        class="pt-lineTabs__panel"
2255        v-show="i === 1">
2256        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2257        
2258          
2258<script type="text/javascript">
2259            try {
2260              _rcmdjp._displayRanking({
2261                type: 'cv',
2262                span: 'week',
2263                category: 'bag',
2264                template: 'pt.fr2.listRanking'
2265              });
2266            } catch (err) {}
2267          </script>
2267
2268        
2269        </div>
2270      </div>
2271      <div 
2272        v-scope="onlyHeader"
2273        @vue:mounted="init"
2274        :role="ready ? 'tabpanel' : null"
2275        :aria-labelledby="ready ? 'tab-cat-section-2' : null" 
2276        :tabindex="i === 2 ? 0 : -1"
2277        :hidden="i !== 2"
2278        id="pane-cat-section-2"
2279        class="pt-lineTabs__panel"
2280        v-show="i === 2">
2281        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2282        
2283          
2283<script type="text/javascript">
2284            try {
2285              _rcmdjp._displayRanking({
2286                type: 'cv',
2287                span: 'week',
2288                category: 'wallet',
2289                template: 'pt.fr2.listRanking'
2290              });
2291            } catch (err) {}
2292          </script>
2292
2293        
2294        </div>
2295      </div>
2296      <div
2297        v-scope="onlyHeader"
2298        @vue:mounted="init"
2299        :role="ready ? 'tabpanel' : null"
2300        :aria-labelledby="ready ? 'tab-cat-section-3' : null" 
2301        :tabindex="i === 3 ? 0 : -1"
2302        :hidden="i !== 3"
2303        id="pane-cat-section-3"
2304        class="pt-lineTabs__panel"
2305        v-show="i === 3">
2306        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2307        
2308          
2308<script type="text/javascript">
2309            try {
2310              _rcmdjp._displayRanking({
2311                type: 'cv',
2312                span: 'week',
2313                category: 'pouch',
2314                template: 'pt.fr2.listRanking'
2315              });
2316            } catch (err) {}
2317          </script>
2317
2318        
2319        </div>
2320      </div>
2321      <div
2322        v-scope="onlyHeader"
2323        @vue:mounted="init"
2324        :role="ready ? 'tabpanel' : null"
2325        :aria-labelledby="ready ? 'tab-cat-section-4' : null" 
2326        :tabindex="i === 4 ? 0 : -1"
2327        :hidden="i !== 4"
2328        id="pane-cat-section-4"
2329        class="pt-lineTabs__panel"
2330        v-show="i === 4">
2331        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2332        
2333          
2333<script type="text/javascript">
2334            try {
2335              _rcmdjp._displayRanking({
2336                type: 'cv',
2337                span: 'week',
2338                category: 'stationery',
2339                template: 'pt.fr2.listRanking'
2340              });
2341            } catch (err) {}
2342          </script>
2342
2343        
2344        </div>
2345      </div>
2346      <div
2347        v-scope="onlyHeader"
2348        @vue:mounted="init"
2349        :role="ready ? 'tabpanel' : null"
2350        :aria-labelledby="ready ? 'tab-cat-section-5' : null" 
2351        :tabindex="i === 5 ? 0 : -1"
2352        :hidden="i !== 5"
2353        id="pane-cat-section-5"
2354        class="pt-lineTabs__panel"
2355        v-show="i === 5">
2356        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2357        
2358          
2358<script type="text/javascript">
2359            try {
2360              _rcmdjp._displayRanking({
2361                type: 'cv',
2362                span: 'week',
2363                category: 'goods',
2364                template: 'pt.fr2.listRanking'
2365              });
2366            } catch (err) {}
2367          </script>
2367
2368        
2369        </div>
2370      </div>
2371      <div
2372        v-scope="onlyHeader"
2373        @vue:mounted="init"
2374        :role="ready ? 'tabpanel' : null"
2375        :aria-labelledby="ready ? 'tab-cat-section-6' : null" 
2376        :tabindex="i === 6 ? 0 : -1"
2377        :hidden="i !== 6"
2378        id="pane-cat-section-6"
2379        class="pt-lineTabs__panel"
2380        v-show="i === 6">
2381        <div class="fr2-sec-cnt-4 fr2-sec-cnt-4--limit4">
2382        
2383          
2383<script type="text/javascript">
2384            try {
2385              _rcmdjp._displayRanking({
2386                type: 'cv',
2387                span: 'week',
2388                category: 'accessories',
2389                template: 'pt.fr2.listRanking'
2390              });
2391            } catch (err) {}
2392          </script>
2392
2393        
2394        </div>
2395      </div>
2396    </div>
2397    <div class="pt-l-btn--center">
2398      <a href="https://ayanokoji.jp/f/ranking" class="pt-btn pt-btn--md">もっと見る</a>
2399    </div>
2400  </div>
2401</div>
2402
2403
2404<section class="pt-sec pt-sec--b pt-sec--hidden pt-bgWrap">
2405  <div class="pt-bgCnt--top-3 pt-bg--dot" style="background-image: url('https://ayanokoji.itembox.cloud/item/pt-assets/img/bg.svg');"></div>
2406  <div class="pt-sec__inn">
2407    <hgroup class="pt-ttlGroup">
2408      <h2 class="pt-ttl">AYANOKOJIのおすすめ</h2>
2409      <p class="pt-subttl">recommended item</p>
2410    </hgroup>
2411    <div class="fr2-carousel--ayRecommend">
2412    
2413    
2413<script type="text/javascript">
2414      try{
2415      _rcmdjp._displayRanking({
2416        type:'pv',
2417        span:'week',
2418        template:'pt.fr2.slider'
2419      });}catch(err){}
2420    </script>
2420
2421    
2422    </div>
2423   
2424  </div>
2425</section>
2426<section class="pt-sec--wide pt-bgCnt--top-4" style="background-image: url('https://ayanokoji.itembox.cloud/item/pt-assets/img/top/concept_top.jpg');">
2427  <div class="pt-sec__inn">
2428    <div class="pt-topAbout">
2429      <div class="pt-topAbout__inn">
2430        <h2>AYANOKOJIについて</h2>
2431        <p>AYANOKOJIは「彩の小路(いろどりのこみち)」。<br class="is-hidden-mb">時代の流れに合わせて素材を見直し、伝統的な技術を活かしながら、<br class="is-hidden-mb">枠にとらわれない新しいがま口を提案しています。<br><br>
2432        職人たちは今日も穏やかな空気が流れる中で、<br class="is-hidden-mb">一つ一つ丁寧に想いをこめて製品を作っています。<br class="is-hidden-mb">京都の小さな工房では、今日もミシンの音が響きます。</p>
2433      </div>
2434    </div>
2435  </div>
2436</section></section></main>
2437<footer class="pt-footer">
2438  <section class="pt-footer__upper pt-sec--b pt-bgWrap pt-sec--feature">
2439    <div class="pt-bgCnt--1 pt-bg--base"></div>
2440    <section class="pt-sec--hidden pt-bgWrap">
2441  <div class="pt-bgCnt--top-1 pt-bg--base"></div>
2442  <div class="pt-sec__inn">
2443    <hgroup class="pt-ttlGroup">
2444      <h2 class="pt-ttl">注目コンテンツ</h2>
2445      <p class="pt-subttl">highlights</p>
2446    </hgroup>
2447    <div class="fr2-carousel--topFeature">
2448      <div class="pt-l-grid--42 pt-l-grid--limit4">
2449<!--  -->
2450
2451<article class="pt-card">
2452  <a href="/event-features/4967/" class="pt-card__link">
2453    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260616-lay.jpg?t=20261001170521" width="400" height="400" alt="身軽に、美しく。トレンドをまとう、大人のための『がま口レイヤードショルダーバッグ』" loading="lazy">
2454    <div class="pt-card__body">
2455      <h2 class="pt-card__ttl">レイヤードショルダー特集</h2>
2456    </div>
2457  </a>
2458</article>
2459<article class="pt-card">
2460  <a href="/f/feature/2025/2510for-men" class="pt-card__link">
2461    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-251023-mens.jpg?t=20261001170521" width="400" height="400" alt="男性におすすめしたいがま口アイテム特集" loading="lazy">
2462    <div class="pt-card__body">
2463      <h2 class="pt-card__ttl">男性におすすめしたいがま口アイテム特集</h2>
2464    </div>
2465  </a>
2466</article>
2467<article class="pt-card">
2468  <a href="/c/feature/petit-price" class="pt-card__link">
2469    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250925-price.jpg?t=20261001170521" width="400" height="400" alt="プチプラアイテム" loading="lazy">
2470    <div class="pt-card__body">
2471      <h2 class="pt-card__ttl">プチプラアイテム</h2>
2472    </div>
2473  </a>
2474</article>
2475
2476<article class="pt-card">
2477  <a href="/event-features/4967/" class="pt-card__link">
2478    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260616-lay.jpg?t=20261001170521" width="400" height="400" alt="身軽に、美しく。トレンドをまとう、大人のための『がま口レイヤードショルダーバッグ』" loading="lazy">
2479    <div class="pt-card__body">
2480      <h2 class="pt-card__ttl">レイヤードショルダー特集</h2>
2481    </div>
2482  </a>
2483</article>
2484<article class="pt-card">
2485  <a href="/f/feature/2025/2510for-men" class="pt-card__link">
2486    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-251023-mens.jpg?t=20261001170521" width="400" height="400" alt="男性におすすめしたいがま口アイテム特集" loading="lazy">
2487    <div class="pt-card__body">
2488      <h2 class="pt-card__ttl">男性におすすめしたいがま口アイテム特集</h2>
2489    </div>
2490  </a>
2491</article>
2492<article class="pt-card">
2493  <a href="/c/feature/petit-price" class="pt-card__link">
2494    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250925-price.jpg?t=20261001170521" width="400" height="400" alt="プチプラアイテム" loading="lazy">
2495    <div class="pt-card__body">
2496      <h2 class="pt-card__ttl">プチプラアイテム</h2>
2497    </div>
2498  </a>
2499</article>
2500
2501<!-- 
2502<article class="pt-card">
2503  <a href="/f/feature/2025/2502bestseller" class="pt-card__link">
2504    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250916-best.jpg?t=20261001170521" width="400" height="400" alt="ベストセラー特集" loading="lazy">
2505    <div class="pt-card__body">
2506      <h2 class="pt-card__ttl">ベストセラー特集</h2>
2507    </div>
2508  </a>
2509</article>
2510
2511<article class="pt-card">
2512  <a href="/event-features/6302/" class="pt-card__link">
2513    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260918-osaihu.jpg?t=20261001170521" width="400" height="400" alt="最強開運日 お財布特集" loading="lazy">
2514    <div class="pt-card__body">
2515      <h2 class="pt-card__ttl">お財布特集</h2>
2516    </div>
2517  </a>
2518</article>
2519<article class="pt-card">
2520  <a href="/f/information/88day" class="pt-card__link">
2521    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-250916-88.jpg?t=20261001170521" width="400" height="400" alt="がま口の日" loading="lazy">
2522    <div class="pt-card__body">
2523      <h2 class="pt-card__ttl">がま口の日</h2>
2524    </div>
2525  </a>
2526</article>
2527<article class="pt-card">
2528  <a href="/f/feature/2025/2511gamaguchi-select" class="pt-card__link">
2529    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/400-260202-select.jpg?t=20261001170521" width="400" height="400" alt="気軽に楽しむがま口セレクト" loading="lazy">
2530    <div class="pt-card__body">
2531      <h2 class="pt-card__ttl">気軽に楽しむがま口セレクト</h2>
2532    </div>
2533  </a>
2534</article>
2535<article class="pt-card">
2536  <a href="/c/feature/karakusa-midori" class="pt-card__link">
2537    <img class="pt-card__header pt-img--1" src="https://ayanokoji.itembox.cloud/item/ay-assets/img/bnr/top/feature/krks.jpg?t=20261001170521" width="400" height="400" alt="唐草特集" loading="lazy">
2538    <div class="pt-card__body">
2539      <h2 class="pt-card__ttl">唐草特集</h2>
2540    </div>
2541  </a>
2542</article>
2543 -->
2544
2545
2546<!--  -->
2547      </div>
2548    </div>
2549  </div>
2550</section>
2551
2552
2553  </section>
2554  <section class="pt-footer__bottom">
2555    <div class="pt-footer__sns pt-snsList">
2556      <p class="pt-snsList__label">FOLLOW US</p>
2557      <ul class="pt-snsList__sns">
2558        <li><a href="https://www.facebook.com/kyoto.ayanokoji/" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_facebook.png" alt="facebook" width="40" height="40" loading="lazy"></a></li>
2559        <li><a href="https://www.instagram.com/ayanokoji_official/" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_insta.png" alt="instagram" width="40" height="40" loading="lazy"></a></li>
2560        <li><a href="https://www.threads.com/@ayanokoji_official" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_threads.png" alt="Threads" width="40" height="40" loading="lazy"></a></li>
2561        <li><a href="https://lin.ee/77km32e" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_line.png" alt="LINE" width="40" height="40" loading="lazy"></a></li>
2562        <li><a href="https://x.com/ayanokoji" target="_blank"><img src="https://ayanokoji.itembox.cloud/item/pt-assets/img/s_x.png" alt="X" width="40" height="40" loading="lazy"></a></li>
2563      </ul>
2564    </div>
2565    <div class="pt-footer__app">
2566      <a href="https://ayanokoji.jp/app/?_tag_plus=BcStxv09aO9NpHHslGMTHf7s2QtJ4Q1u" class="pt-footer__app--img" target="_blank">
2567        <img src="https://ayanokoji.itembox.cloud/item/common/images/bnr/other/app.jpg" width="630" height="180" alt="AYANOKOJIアプリのã
2567”案内" loading="lazy">
2568      </a>
2569      <address class="pt-footer__address is-hidden-pc"><span>〒606-8375 京都府京都市左京区新車屋町</span><span class="pt-nowrap">通二条下新車屋町164</span><br>
2570        <span>秀和株式会社 二条物流センター</span></address>
2571    </div>
2572    <div class="pt-footer__calendar">
2573      <div class="pt-footer__calendar--body">
2574        <div class="pt-calendar-wrapper" id="pt-calendar"></div>
2575      </div>
2576      <div class="pt-footer__calendar--desc">
2577        <ul class="pt-footer__calendar--dtypeList">
2578          <li class="pt-footer__calendar--holi"><span>オンラインショップ休業日</span></li>
2579          <li class="pt-footer__calendar--hCallCenter"><span>電話対応休止日</span></li>
2580        </ul>
2581        <ul class="fs-c-note">
2582          <li class="fs-c-note__item">休業日中のご注文・お問い合わせに関するお返事は翌営業日以降にさせていただいております。</li>
2583          <li class="fs-c-note__item">実店舗へのお問い合わせ、在庫確認についてはネットショップでは把握できかねますので各店舗へ直接お問い合わせくださいませ。</li>
2584        </ul>
2585        <address class="pt-footer__address is-hidden-mb"><span>〒606-8375 京都府京都市左京区新車屋町</span><span class="pt-nowrap">通二条下新車屋町164</span><br>
2586        <span>秀和株式会社 二条物流センター</span></address>
2587      </div>
2588    </div>
2589    <div class="pt-footer__nav">
2590
2591      <div class="fs-clientInfo">
2592        <div class="pt-loginCheck--{@ member.logged_in @}"></div>
2593      </div>
2594      <div class="pt-footer__nav--inn">
2595        <div class="pt-footer__cnt">
2596          <p class="pt-menuHeader pt-menuHeader--footer">サービス</p>
2597          <ul class="pt-footer__menu">
2598            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/order-ayanokoji/">オーダーメイド</a></li>
2599            <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://shuwa.jp/manufacturing#contact" target="_blank">大口注文お問い合わせ</a></li>
2600            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/c/item/water-repellent">撥水加工サービス</a></li>
2601            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/school/">がま口づくり体験教室</a></li>
2602            <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/memorial_service/" target="_blank">がま口供養</a></li> -->
2603          </ul>
2604        </div>
2605        <div class="pt-footer__cnt">
2606          <p class="pt-menuHeader pt-menuHeader--footer">AYANOKOJIについて</p>
2607          <ul class="pt-footer__menu">
2608            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/about/">ブランドコンセプト</a></li>
2609            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/shop-list/">各店舗案内</a></li>
2610            <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/information/media">メディア情報</a></li>
2611            <!-- <li><a class="pt-linkArrow" href="https://ayanokoji.jp/ayanokoji_c/" target="_blank">ガマグチヨタカの部屋</a></li> -->
2612          </ul>
2613        </div>
2614      </div>
2615      <ul class="pt-footer__menu pt-footer__menu--2">
2616        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/ranking">ランキング</a></li>
2617        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/category/information/">インフォメーション</a></li>
2618        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/p/newsletter/subscribe">メルマガ登録</a></li>
2619        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/archive/">NEWS</a></li>
2620        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/guide">オンラインショップご利用ガイド</a></li>
2621        <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://shuwa.jp/corporate-profile" target="_blank">運営会社</a></li>
2622        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/f/guide/etc#guide-5-2">個人情報保護について</a></li>
2623        <li><a class="pt-linkArrow" href="https://ayanokoji.jp/p/about/terms">特定商取引法</a></li>
2624        <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://ayanokoji-japan.com/" target="_blank">海外向けサイト</a></li>
2625        <li><a class="pt-linkArrow pt-linkArrow--ext" href="https://shuwa.jp/corporate-profile/recruit" target="_blank">採用情報</a></li>
2626      </ul>
2627
2628    </div>
2629    <div class="pt-footer__info">
2630      <p>このサイトに掲載されている記事・写真・図表<span class="pt-nowrap">などの無断複製、無断転載を禁じます。</span></p>
2631      <p>Copyright© AYANOKOJI All Rights Reserved.</p>
2632    </div>
2633  </section>
2634  
2635</footer>
2636</div>
2637<script><!--
2638_FS.setTrackingTag('%3Cscript%3E%0A++function+ch_parsePureNumber%28number%29+%7B%0A++++var+ch_number+%3D+parseFloat%28number.replace%28%2F%5B%5E0-9%5C.%5D%2B%2Fg%2C+%27%27%29%29%3B%0A++++if+%28ch_number+%7C%7C+ch_number+%3D%3D%3D+0%29+%7B%0A++++++return+ch_number%3B%0A++++%7D%0A++++return+undefined%3B%0A++%7D%0A%0A++function+ch_parseDate%28date%29+%7B%0A++++if+%28date+%26%26+date.toString%28%29.length+%3D%3D%3D+8%29+%7B%0A++++++var+ch_dateString+%3D+date.toString%28%29%3B%0A%0A++++++var+ch_year+%3D+ch_dateString.substring%280%2C+4%29%3B%0A++++++var+ch_month+%3D+ch_dateString.substring%284%2C+6%29%3B%0A++++++var+ch_day+%3D+ch_dateString.substring%286%2C+8%29%3B%0A%0A++++++if+%28ch_year+%26%26+ch_month+%26%26+ch_day%29+%7B%0A++++++++return+ch_year+%2B+%27-%27+%2B+ch_month+%2B+%27-%27+%2B+ch_day%3B%0A++++++%7D%0A++++%7D%0A++++return+undefined%3B%0A++%7D%0A%0A++var+settings+%3D+%7B%0A++++%27pluginKey%27%3A+%276090ce55-caa1-451f-b922-8e58cd1cfcc1%27%2C%0A++%7D%3B%0A%0A++if+%28%7B%40+member.logged_in+%40%7D+%3D%3D+true%29+%7B%0A++++settings.memberId+%3D+%27%7B%40+member.id+%40%7D%27%3B%0A++++settings.scriptProvider+%3D+%27installationGuide%27%3B%0A++++settings.scriptPlatform+%3D+%27futureshop%27%3B%0A++++settings.scriptVersion+%3D+%271.0.0%27%3B%0A++++settings.profile+%3D+%7B%0A++++++%27groupName%27%3A+%27%7B%40+member.stage_name+%40%7D%27+%7C%7C+undefined%2C%0A++++++%27availableMileage%27%3A+ch_parsePureNumber%28%27%7B%40+member.active_points+%40%7D%27%29%2C%0A++++++%27gender%27%3A+%27%27+%7C%7C+undefined%2C%0A++++++%27birthday%27%3A+ch_parseDate%28%27%27%29%2C%0A++++++%27totalPurchaseCount%27%3A+ch_parsePureNumber%28%27%27%29%2C%0A++++++%27firstPurchaseAt%27%3A+ch_parseDate%28%27%27%29%2C%0A++++++%27cartCount%27%3A+ch_parsePureNumber%28%27%27%29%2C%0A++++++%27cartPrice%27%3A+ch_parsePureNumber%28%27%27%29%0A++++%7D%3B%0A++%7D%0A++%28function%28%29+%7B%0A++++var+w+%3D+window%3B%0A++++if+%28w.ChannelIO%29+%7B%0A++++++return+%28window.console.error+%7C%7C+window.console.log+%7C%7C+function%28%29%7B%7D%29%28%27ChannelIO+script+included+twice.%27%29%3B%0A++++%7D%0A++++var+ch+%3D+function%28%29+%7B%0A++++++ch.c%28arguments%29%3B%0A++++%7D%3B%0A++++ch.q+%3D+%5B%5D%3B%0A++++ch.c+%3D+function%28args%29+%7B%0A++++++ch.q.push%28args%29%3B%0A++++%7D%3B%0A++++w.ChannelIO+%3D+ch%3B%0A++++function+l%28%29+%7B%0A++++++if+%28w.ChannelIOInitialized%29+%7B%0A++++++++return%3B%0A++++++%7D%0A++++++w.ChannelIOInitialized+%3D+true%3B%0A++++++var+s+%3D+document.createElement%28%27script%27%29%3B%0A++++++s.type+%3D+%27text%2Fjavascript%27%3B%0A++++++s.async+%3D+true%3B%0A++++++s.src+%3D+%27https%3A%2F%2Fcdn.channel.io%2Fplugin%2Fch-plugin-web.js%27%3B%0A++++++s.charset+%3D+%27UTF-8%27%3B%0A++++++var+x+%3D+document.getElementsByTagName%28%27script%27%29%5B0%5D%3B%0A++++++x.parentNode.insertBefore%28s%2C+x%29%3B%0A++++%7D%0A++++if+%28document.readyState+%3D%3D%3D+%27complete%27%29+%7B%0A++++++l%28%29%3B%0A++++%7D+else+if+%28window.attachEvent%29+%7B%0A++++++window.attachEvent%28%27onload%27%2C+l%29%3B%0A++++%7D+else+%7B%0A++++++window.addEventListener%28%27DOMContentLoaded%27%2C+l%2C+false%29%3B%0A++++++window.addEventListener%28%27load%27%2C+l%2C+false%29%3B%0A++++%7D%0A++%7D%29%28%29%3B%0A++ChannelIO%28%27boot%27%2C+settings%29%3B%0A%3C%2Fscript%3E%0A%3Cdiv+id%3D%22flipdesk-data-customer-profiles%22+data-customer-profiles%3D%27%7B%22f019%22%3A%22%7B%40+member.total_points+%40%7D%22%2C+%22f2763k659%22%3A%22%7B%40+member.stage_name+%40%7D%22%2C+%7D%27%3E%3C%2Fdiv%3E%0A%3Cscript+language%3D%22javascript%22+charset%3D%22UTF-8%22+type%3D%22text%2Fjavascript%22+src%3D%22https%3A%2F%2Fapi.flipdesk.jp%2Fchat_clients%2Fflipdesk_chat.js%3Fapi_token%3Dbf5d4e7c8a1af61855b5227279a6744c3bde8a8a%26enc%3DUNICODE%22+data-sync-user-id%3D%27%7B%40+member.id+%40%7D%27+defer%3E%3C%2Fscript%3E');
2639--></script>
2639
2640
2641
2642
2643
2644
2645<script src="/shop/js/webstore.js?t=20260910153729"></script>
2645
2646</body></html>

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