PageSourceSearch

https://casuca.jp/

html casuca.jp collected 2026-10-04 04:19:03 UTC 87,205 bytes, 1,944 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja"><head>
3  <meta charset="UTF-8">
4  
5  <title>CASUCA(カスカ)|公式オンラインストア</title>
6  <meta name="viewport" content="width=device-width">
7
8
9    <meta name="description" content="「可憐なのにクール、密やかなのに印象的」特別な輝きの存在感を持ったジュエリー。だれもが持っている、 子供のころに美しいと感じた思いの断片。それをカタチにしていきたい、 そんな思いからCASUCAは誕生しました。">
10    <meta name="keywords" content="CASUCA ,ジュエリー,ピアス,リング,イヤーカフ,婚約指輪,結婚指輪,カスカブライダル">
11  
12  <link rel="stylesheet" href="https://casuca.itembox.cloud/system/fs_style.css?t=20260910153739">
13  <link rel="stylesheet" href="https://casuca.itembox.cloud/generate/theme8/fs_theme.css?t=20260714024423">
14  <link rel="stylesheet" href="https://casuca.itembox.cloud/generate/theme8/fs_original.css?t=20260714024423">
15  
16  
17  
18  
19  
20  
21  
21<script>
22    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":""},"recommend3":{"measurable":true,"recommendable":true,"sandbox":false},"enhancedEC":{"ga4Dimensions":{"userScope":{"stage":"{@ member.stage_order @}","login":"{@ member.logged_in @}"}},"amazonCheckoutName":"Amazon Pay","measurementId":"G-GJB030B83T","dimensions":{"dimension1":{"key":"log","value":"{@ member.logged_in @}"},"dimension2":{"key":"mem","value":"{@ member.stage_order @}"}}},"shopKey":"casuca","device":"PC","cart":{"stayOnPage":false}};
23  </script>
23
24  
25  
25<script src="/shop/js/webstore-nr.js?t=20260910153739"></script>
25
26  
26<script src="/shop/js/webstore-vg.js?t=20260910153739"></script>
26
27  
28  
29    
29<script defer src="https://analytics.contents.by-fw.jp/script/v0/flywheel.js"></script>
29
30    
30<script src="https://static.contents.by-fw.jp/flywheelRecommend/v0/flywheelHistory.js"></script>
30
31    
31<script src="https://static.contents.by-fw.jp/flywheelRecommend/v0/flywheelRecommend.js"></script>
31
32  
33  
34  
35  
36  
37    <meta property="og:title" content="CASUCA(カスカ)|公式オンラインストア">
38    <meta property="og:type" content="website">
39    <meta property="og:url" content="https://casuca.jp/">
40    <meta property="og:site_name" content="CASUCA">
41    <meta property="og:description" content="「可憐なのにクール、密やかなのに印象的」特別な輝きの存在感を持ったジュエリー。だれもが持っている、 子供のころに美しいと感じた思いの断片。それをカタチにしていきたい、 そんな思いからCASUCAは誕生しました。">
42  
43  
44  
45    
45<script type="text/javascript" >
46      document.addEventListener('DOMContentLoaded', function() {
47        _FS.CMATag('{"fs_member_id":"{@ member.id @}","fs_page_kind":"top"}')
48      })
49    </script>
49
50  
51  
52    <!-- webfont -->
53  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
54<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
55<link rel="stylesheet" href="https://casuca.itembox.cloud/item/css/main.css?t=20260919173730" type="text/css">
56
57  
57<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
57
58  
58<script src="//cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
58
59  
59<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
vendor: 67 bytes, lines 59-62
59
60
61
62<script async src="https://www.googletagmanager.com/gtag/js?id=
62G-GJB030B83T
vendor: 15 bytes, lines 62-63
62"></script>
63
64<script><!--
65_FS.setTrackingTag('%3C%21--+AdSIST+Tool+--%3E%3C%21--+Facebook+Pixel+Code+--%3E%0A%3Cscript+nonce%3D%22OX2f0sti%22%3E%0A%21function%28f%2Cb%2Ce%2Cv%2Cn%2Ct%2Cs%29%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%3Bif%28%21f._fbq%29f._fbq%3Dn%3B%0An.push%3Dn%3Bn.loaded%3D%210%3Bn.version%3D%272.0%27%3Bn.queue%3D%5B%5D%3Bt%3Db.createElement%28e%29%3Bt.async%3D%210%3B%0At.src%3Dv%3Bs%3Db.getElementsByTagName%28e%29%5B0%5D%3Bs.parentNode.insertBefore%28t%2Cs%29%7D%28window%2C%0Adocument%2C%27script%27%2C%27https%3A%2F%2Fconnect.facebook.net%2Fen_US%2Ffbevents.js%27%29%3B%0A%0Afbq%28%27init%27%2C+%27291271473830719%27%29%3B%0Afbq%28%27track%27%2C+%22PageView%22%29%3B%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%3D291271473830719%26ev%3DPageView%26noscript%3D1%22%0A%2F%3E%3C%2Fnoscript%3E%0A%3C%21--+End+Facebook+Pixel+Code+--%3E++++%3C%21--+Start+Facebook+Pixel+EventCode+AdSIST+DYNAMIC+--%3E%0A++++%3Cscript+type%3D%22text%2Fjavascript%22%3E%0A++++++++let+fbCurrentUrl+%3D+location.href%3B%0A++++++++let+productID+%3D+fbCurrentUrl.split%28%22%2F%22%29.pop%28%29%3B%0A++++++++fbq%28%27track%27%2C+%27ViewContent%27%2C+%7B%0A++++++++++++content_ids%3A+productID%2C%0A++++++++++++content_type%3A+%27product%27%2C%0A++++++++%7D%29%3B%0A++++%3C%2Fscript%3E%0A++++%3C%21--+End+Facebook+Pixel+EventCode+AdSIST+DYNAMIC+--%3E%0A%3C%21--+AdSIST+Tool+--%3E%0A%3C%21--+Global+site+tag+%28gtag.js%29+-+Google+Ads%3A+AW-11011864458+--%3E%0A%3Cscript+async+src%3D%22https%3A%2F%2Fwww.googletagmanager.com%2Fgtag%2Fjs%3Fid%3DAW-11011864458%22%3E%3C%2Fscript%3E%0A%3Cscript%3E%0A++++window.dataLayer+%3D+window.dataLayer+%7C%7C+%5B%5D%3B%0A++++function+gtag%28%29%7BdataLayer.push%28arguments%29%3B%7D%0A++++gtag%28%27js%27%2C+new+Date%28%29%29%3B%0A++++%0A++++gtag%28%27config%27%2C+%27AW-11011864458%27%29%3B%0A%3C%2Fscript%3E%3Cscript+type%3D%22text%2Fjavascript%22%3E%0Awindow.addEventListener%28%27load%27%2C+%28%29+%3D%3E+%7B%0A++++let+nowUrl+%3D+location.href%3B%0A++++let+productID+%3D+nowUrl.split%28%22%2F%22%29.pop%28%29%3B%0A%0A++++gtag%28%27event%27%2C+%27page_view%27%2C+%7B%0A++++++++%27send_to%27%3A+%27AW-11011864458%27%2C%0A++++++++%27items%27%3A+%5B%7B%0A++++++++++++%27id%27%3A+productID%2C%0A++++++++++++%27google_business_vertical%27%3A+%27retail%27%0A++++++++%7D%5D%2C%0A++++++++%27ecomm_pagetype%27%3A+%27product%27%2C%0A++++++++%27ecomm_prodid%27%3A+productID%2C%0A++++%7D%29%3B%0A%7D%29%3B%0A%3C%2Fscript%3E%0A%3C%21--+AdSIST+Tool+End+--%3E');
66--></script>
66
67</head>
68<body class="fs-body-top" id="fs_Top">
69
70<div class="fs-l-page">
71  <!-- webfont -->
72
73  <link rel="stylesheet" href="https://use.typekit.net/cxx7nlg.css">
74  
74<script>
75  (function(d) {
76    var config = {
77      kitId: 'cdp8fom',
78      scriptTimeout: 0,
79      async: true
80    },
81    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
82  })(document);
83</script>
83
84
85<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=visibility" />
86
87<link rel="stylesheet" type="text/css" href="https://casuca.itembox.cloud/item/css/grotesk_style.css?t=20260919173730">
88<link rel="stylesheet" media="screen and (max-width: 1166px)" type="text/css" href="https://casuca.itembox.cloud/item/css/grotesk_responsive.css?t=20260919173730">
89
90<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
91<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
92<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css">
93
94<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
vendor: 1 bytes, line 94
94
95<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
95
96<!-- ===== Global Header ===== -->
97  <header class="site-header">
98    <div class="_container header-bar">
99      <!-- 左:ロゴブロック -->
100      <div id="siteLogo" class="header-left">
101        <a class="logo nav-link" href="/">
102          <svg class="logo-pc" id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 678.2 65.9">
103  <path d="M1,33.4c0,17,14.7,31,31.6,31s14.5-2.8,20.2-7.6v-5.3c-4.5,5.5-13.4,9.3-20.3,9.3s-14.4-3.5-19.5-8.4c-5.1-5-8.1-11.7-8.1-18.7,0-14.9,12.5-27.9,27.6-27.9s15.7,3.9,20.3,9.6v-5.3c-5.4-5-12.8-7.9-20.1-7.9C15.5,2.2,1,16.2,1,33.4Z"/>
104  <path d="M130.3,63.6h3.9l8.1-19.9h26.6l8.1,19.9h3.9L155.7,1l-25.4,62.6ZM143.8,40.1l11.9-29.3,11.8,29.3h-23.7Z"/>
105  <path d="M287.1,34.8l-11.6-6c-4.9-2.3-10.9-5-10.9-11.3s4.9-11.6,11.4-11.6,9.6,2.8,12.3,7.1l2.7-2.3c-2.9-5.2-8.7-8.5-14.8-8.5-9.1,0-15.5,6.4-15.5,15.3s2.3,8.4,6.3,10.9l10.9,5.8c5.2,2.6,12.2,5.5,12.2,12.3s-7,14.3-15,14.3-12.1-4.5-14.6-10.9l-3.4,1.5c2.8,7.8,9.4,13,17.8,13s19-7.6,19-17.6-2.3-9.2-6.9-12.1Z"/>
106  <path d="M413.1,39.7c0,5.5,0,11.3-3.1,15.3-3,3.9-8.9,5.9-13.6,5.9s-10.6-2-13.6-5.9c-3.1-4-3.1-9.8-3.1-15.3V3h-3.9v37.8c0,6.2,0,11.5,4.1,16.6,4.1,4.7,10.4,7.1,16.5,7.1s12.4-2.4,16.5-7.1c4.1-5.1,4.1-10.4,4.1-16.6V3h-3.9v36.7Z"/>
107  <path d="M498.2,33.4c0,17,14.7,31,31.6,31s14.5-2.8,20.2-7.6v-5.3c-4.5,5.5-13.4,9.3-20.3,9.3s-14.4-3.5-19.5-8.4c-5.1-5-8.1-11.7-8.1-18.7,0-14.9,12.5-27.9,27.6-27.9s15.7,3.9,20.3,9.6v-5.3c-5.4-5-12.8-7.9-20.1-7.9-17.2,0-31.7,14-31.7,31.2Z"/>
108  <path d="M652.8,1l-25.4,62.6h3.9l8.1-19.9h26.6l8.1,19.9h4l-25.3-62.6ZM641,40.1l11.9-29.3,11.8,29.3h-23.7Z"/>
109</svg>
110
111<div class="logo-sp"></div>
112
113<!--svg class="logo-sp" id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1067.3 126.4">
114  <path class="st0" d="M104.6,28.2c-9.2-11.2-25.2-18.8-39.9-18.8-29.7,0-54.1,25.6-54.1,54.7s6,27,15.9,36.8c9.9,9.5,24.1,16.4,38.2,16.4s31.1-7.4,39.9-18.1v10.4c-11.2,9.3-24.9,14.8-39.6,14.8-33.1,0-62-27.6-62-60.9S31.4,2.4,65.2,2.4s28.9,5.7,39.4,15.5v10.4Z"/>
115  <path class="st0" d="M226.7,83.8l-15.9,39.1h-7.7L252.9,0l49.7,122.9h-7.7l-15.9-39.1h-52.2ZM252.9,19.2l-23.4,57.4h46.5l-23.2-57.4Z"/>
116  <path class="st0" d="M459.6,23.5c-5.4-8.5-12.9-14-24.1-14s-22.4,10.3-22.4,22.7,11.8,17.7,21.5,22.2l22.7,11.8c9,5.7,13.6,12.9,13.6,23.7,0,19.7-18,34.6-37.2,34.6s-29.5-10.3-35-25.6l6.6-3c5,12.6,14.4,21.5,28.7,21.5s29.3-12.3,29.3-28.1-13.7-19.1-24-24.1l-21.5-11.4c-7.9-4.9-12.3-11.8-12.3-21.3,0-17.7,12.6-30.1,30.4-30.1s23.4,6.5,29,16.7l-5.4,4.4Z"/>
117  <path class="st0" d="M650.8,3.9h7.6v74.2c0,12.1,0,22.6-8,32.5-8,9.2-20.4,13.9-32.3,13.9s-24.3-4.7-32.3-13.9c-8-9.9-8-20.4-8-32.5V3.9h7.6v71.9c0,10.7,0,22.1,6.2,30,5.8,7.6,17.5,11.5,26.7,11.5s20.8-3.9,26.7-11.5c6.2-7.9,6.2-19.2,6.2-30V3.9Z"/>
118  <path class="st0" d="M865.6,28.2c-9.2-11.2-25.2-18.8-39.9-18.8-29.7,0-54.1,25.6-54.1,54.7s6,27,15.9,36.8c9.9,9.5,24.1,16.4,38.2,16.4s31.1-7.4,39.9-18.1v10.4c-11.2,9.3-24.9,14.8-39.6,14.8-33.1,0-62-27.6-62-60.9s28.4-61.2,62.2-61.2,28.9,5.7,39.4,15.5v10.4Z"/>
119  <path class="st0" d="M987.8,83.8l-15.9,39.1h-7.7L1013.9,0l49.7,122.9h-7.7l-15.9-39.1h-52.2ZM1013.9,19.2l-23.4,57.4h46.5l-23.2-57.4Z"/>
120</svg-->
121        </a>
122      </div>
123
124      <!-- 中央:グローバルナビ -->
125      <nav class="gnav" aria-label="Global Navigation">
126        <ul class="gnav-list">
127          <li class="has-mega" data-mega-target="menu1">
128            <a href="#" class="nav-link">Brand</a>
129            <!-- メガメニュー -->
130            <div class="mega-menu mega1" data-mega="menu1" aria-hidden="true">
131              <div class="mega-items">
132                <div class="mega-item">
133                  <a href="/c/brand/brand_casuca">
134                    <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
135                    <h3>CASUCA</h3>
136                    <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
137                  </a>
138                </div>
139                <div class="mega-item">
140                  <a href="/c/bridal">
141                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news02.jpg?t=20260919173730" alt="CASUCA bridal">
142                  <h3>CASUCA  bridal</h3>
143                  <p>CASUCA だけの<br>ブライダルアクセサリーブランド</p>
144                  </a>
145                </div>
146                <div class="mega-item">
147                  <a href="/c/brand/brand_etmo">
148                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news03.jpg?t=20260919173730" alt="CASUCA et mo">
149                  <h3>CASUCA et mo</h3>
150                  <p>CASUCAと持田香織の<br>コラボレーションブランド</p>
151                  </a>
152                </div>
153                <div class="mega-item">
154                  <a href="/c/brand/brand_hicari">
155                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news04.jpg?t=20260919173730" alt="CASUCA  na Hicari">
156                  <h3>CASUCA na Hicari</h3>
157                  <p>CASUCAと満島ひかりの<br>コラボレーションブランド</p>
158                  </a>
159                </div>
160                <!--div class="mega-item last">
161                  <a href="#">
162                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
163                  <h3>CASUCA</h3>
164                  <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
165                  </a>
166                </div-->
167              </div>
168            </div>
169          </li>
170          <li><a href="/f/about-casuca" class="nav-link">About</a></li>
171          <li class="has-mega" data-mega-target="menu2">
172            <a href="https://casuca.jp/category/event-media/" class="nav-link">Event &amp; Media</a>
173            <!-- メガメニュー -->
174            <div class="mega-menu mega2" data-mega="menu2" aria-hidden="true">
175              <div class="mega-items">
176              <div class="js-includeWp--media--header"></div>
177              </div>
178              <div class="mega-footer">
179                <a href="https://casuca.jp/category/event-media/" class="view-all">View All</a>
180              </div>
181            </div>
182          </li>
183          <li><a href="https://casuca.jp/category/information/" class="nav-link">Information</a></li>
184          <li><a href="/f/historia" class="nav-link">Shop</a></li>
185        </ul>
186      </nav>
187
188      <!-- 右:ユーティリティ -->
189      <div class="header-right">
190        <a class="btn-search pc" href="#" class="nav-link">
191          <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
192  <path fill="#fff" d="M8.5.3C4.8.3,1.8,3.3,1.8,7.1s.5,2.9,1.3,4L.3,13.9l.5.5,2.7-2.7c1.2,1.4,3,2.2,5,2.2,3.7,0,6.8-3,6.8-6.8S12.3.3,8.5.3ZM8.5,13.2c-3.4,0-6.1-2.7-6.1-6.1S5.2,1,8.5,1s6.1,2.7,6.1,6.1-2.7,6.1-6.1,6.1Z"/>
193</svg>
194        </a>
195        <a class="btn-mypage" href="/p/login" class="nav-link">
196          <svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17">
197            <path fill="#fff" d="M8.5,8.7c2.4,0,4.3-1.9,4.3-4.3S10.9,0,8.5,0s-4.3,1.9-4.3,4.3,1.9,4.3,4.3,4.3h0ZM8.5.7c2,0,3.6,1.6,3.6,3.6s-1.6,3.6-3.6,3.6-3.6-1.6-3.6-3.6,1.6-3.6,3.6-3.6Z"/>
198            <path fill="#fff" d="M8.5,11.4C3.8,11.4,0,13.9,0,17h.7c0-2.7,3.5-4.9,7.8-4.9s7.8,2.2,7.8,4.9h.7c0-3.1-3.8-5.6-8.5-5.6Z"/>
199          </svg>
200        </a>
201        <a class="btn-cart" href="/p/cart" class="nav-link">
202        <span class="cartAmount fs-client-cart-count wpHide fs-client-cart-count--0">0</span>
203          <svg id="cracked-cart" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
204            <path class="st0" d="M2.5,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"/>
205            <path class="st0" d="M17.6,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"/>
206            <path class="st0" d="M18.8,11.4h.1c0,0,.9-5,.9-5-.2,0-.5-.2-.7-.2l-.8,4.6H2.3L.8.8h14.1c0-.3,0-.5,0-.8H0l1.6,11.4h17.2Z"/>
207          </svg>
208          <svg id="normal-cart" data-name="" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
209            <path fill="#fff" d="M2.5,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"/>
210            <path fill="#fff" d="M17.6,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"/>
211            <path fill="#fff" d="M18.9,11.5L20.9,0H0l1.6,11.4h17.2ZM20,.8l-1.7,10H2.3L.8.8h19.2Z"/>
212          </svg>
213
214        </a>
215        <a class="btn-store sp-style" href="/c/item/" class="nav-link">Online Store</a>
216        <a class="btn-search sp" href="#" class="nav-link">
217          <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
218  <path fill="#fff" d="M8.5.3C4.8.3,1.8,3.3,1.8,7.1s.5,2.9,1.3,4L.3,13.9l.5.5,2.7-2.7c1.2,1.4,3,2.2,5,2.2,3.7,0,6.8-3,6.8-6.8S12.3.3,8.5.3ZM8.5,13.2c-3.4,0-6.1-2.7-6.1-6.1S5.2,1,8.5,1s6.1,2.7,6.1,6.1-2.7,6.1-6.1,6.1Z"/>
219</svg>
220        </a>
221        <!-- ハンバーガー(CSSだけで開閉) -->
222        <input type="checkbox" id="nav-toggle" class="nav-toggle" aria-label="メニューを開く" />
223        <label for="nav-toggle" class="hambuger" aria-hidden="true">
224          <svg class="hum-pc" id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 34.5 24.2">
225            <path d="M17.2.7C7.7.7,0,0,0,0v1.8s7.7-.7,17.2-.7,17.2.7,17.2.7V0s-7.7.7-17.2.7Z"/>
226            <path d="M0,11.2v1.8s7.7-.7,17.2-.7,17.2.7,17.2.7v-1.8s-7.7.7-17.2.7S0,11.2,0,11.2Z"/>
227            <path d="M0,22.4v1.8s7.7-.7,17.2-.7,17.2.7,17.2.7v-1.8s-7.7.7-17.2.7-17.2-.7-17.2-.7Z"/>
228          </svg>
229          <svg class="hum-sp" id="layer2" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 72.3 50.7">
230          <path d="M36.1,11C16.1,11,0,9.5,0,9.5v4.4s16.1-1.6,36.1-1.6,36.1,1.6,36.1,1.6v-4.4s-16.1,1.6-36.1,1.6Z"/>
231          <path d="M0,36.5v4.4s16.1-1.6,36.1-1.6,36.1,1.6,36.1,1.6v-4.4s-16.1,1.6-36.1,1.6S0,36.5,0,36.5Z"/>
232          </svg>
233        </label>
234        <!-- オーバーレイ -->
235        <label for="nav-toggle" class="overlay"></label>
236        <div class="drawer">
237          <div class="btn-close">
238            <label for="nav-toggle" class="drawer-close">
239            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.2 23.2">
240              <path d="M23.1,1.1l-1.1-1.1s-4.4,5.2-10.4,11.2C5.5,5.2,1.1,0,1.1,0L0,1.1s5.2,4.4,11.2,10.4C5.2,17.5,0,21.9,0,21.9l1.1,1.1s4.4-5.2,10.4-11.2c6,6,10.4,11.2,10.4,11.2l1.1-1.1s-5.2-4.4-11.2-10.4C17.9,5.5,23.1,1.1,23.1,1.1Z"/>
241            </svg>
242            </label>
243          </div>
244          <div class="drawer-scroll">
245            <nav class="drawer-nav" aria-label="Mobile Navigation">
246              <ul class="drawer-list">
247                <li class="menu-num menu-01 accordion-item has-sub">
248                  <a href="#" class="accordion-toggle">
249                    Brand
250                    <svg class="accordion-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.2 8.1">
251                      <polygon fill="#000" points="11.1 8.1 0 1 .7 0 11.1 6.7 21.5 0 22.2 1 11.1 8.1"/>
252                    </svg>
253<img src="https://casuca.itembox.cloud/item/2025/icon-has-menu.svg?t=20260919173730" class="sp" />
254                  </a>
255                  <ul class="sub-menu">
256                    <li><a href="/c/brand/brand_casuca">CASUCA</a></li>
257                    <li><a href="/c/bridal">CASUCA bridal</a></li>
258                    <li><a href="/c/brand/brand_etmo">CASUCA et mo</a></li>
259                    <li><a href="/c/brand/brand_hicari">CASUCA na Hicari</a></li>
260                    <!--li><a href="/c/collaboration-item/CASUCA-et-CRi">CASUCA et CRI</a></li-->
261                  </ul>
262                </li>
263                <li class="menu-num menu-02"><a href="/f/about-casuca">About</a></li>
264                <li class="menu-num menu-03 pc">
265                    <a href="https://casuca.jp/category/event-media/">Event &amp; Media<img src="https://casuca.itembox.cloud/item/2025/icon-has-menu.svg?t=20260919173730" class="sp" />
266                    </a>
267                </li>
268                <li class="menu-num menu-03 has-sub2 sp">
269                    <a href="https://casuca.jp/category/event-media/">Event &amp; Media<img src="https://casuca.itembox.cloud/item/2025/icon-has-menu.svg?t=20260919173730" class="sp" />
270                    </a>
271                </li>
272                <li class="menu-num menu-04"><a href="https://casuca.jp/category/information/">Information</a></li>
273                <li class="menu-num menu-05"><a href="/f/historia">Shop</a></li>
274              </ul>
275              <a class="btn-store" href="/c/item/">Online Store</a>
276              <a class="btn-mypage" href="/p/login">
277                <svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17">
278                  <path fill="#000" d="M8.5,8.7c2.4,0,4.3-1.9,4.3-4.3S10.9,0,8.5,0s-4.3,1.9-4.3,4.3,1.9,4.3,4.3,4.3h0ZM8.5.7c2,0,3.6,1.6,3.6,3.6s-1.6,3.6-3.6,3.6-3.6-1.6-3.6-3.6,1.6-3.6,3.6-3.6Z"></path>
279                  <path fill="#000" d="M8.5,11.4C3.8,11.4,0,13.9,0,17h.7c0-2.7,3.5-4.9,7.8-4.9s7.8,2.2,7.8,4.9h.7c0-3.1-3.8-5.6-8.5-5.6Z"></path>
280                </svg>
281              </a>
282              <a class="btn-cart" href="/p/cart">
283                <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
284                  <path fill="#000" d="M2.5,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"></path>
285                  <path fill="#000" d="M17.6,14.1c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4,1.4-.6,1.4-1.4-.6-1.4-1.4-1.4Z"></path>
286                  <path fill="#000" d="M18.9,11.5L20.9,0H0l1.6,11.4h17.2ZM20,.8l-1.7,10H2.3L.8.8h19.2Z"></path>
287                </svg>
288              </a>
289              <a class="btn-search" href="#">
290                <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
291  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->
292  <path fill="#000" d="M8.5.3C4.8.3,1.8,3.3,1.8,7.1s.5,2.9,1.3,4L.3,13.9l.5.5,2.7-2.7c1.2,1.4,3,2.2,5,2.2,3.7,0,6.8-3,6.8-6.8S12.3.3,8.5.3ZM8.5,13.2c-3.4,0-6.1-2.7-6.1-6.1S5.2,1,8.5,1s6.1,2.7,6.1,6.1-2.7,6.1-6.1,6.1Z"/>
293</svg>
294              </a>
295            </nav>
296            <div class="menu-bottom">
297              <nav>
298                <ul class="menu-bottom-list">
299                  <li><a href="/f/contact">Contact</a></li>
300                  <li><a href="/f/profile">Company</a></li>
301                  <li><a href="/f/shopping_guide">Shopping Guide</a></li>
302                  <li><a href="/p/about/terms">Legal Notice</a></li>
303                  <li><a href="/f/privacy">Privacy Policy</a></li>
304                </ul>
305              </nav>
306              <table class="menu-bottom-sns-table">
307<tr>
308          <td><a href="https://www.instagram.com/casuca_jewelry/" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-instagram.svg?t=20260919173730"></a></td>
309              <td><a href="https://lin.ee/DFE9ZPU" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-line.svg?t=20260919173730"></a></td>
310              <td><a href="https://www.facebook.com/casucajewelry/" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-fb.svg?t=20260919173730"></a></td>
311</tr>
312              </table>
313            </div>
314          </div>
315<!-- Event 一覧ページ -->
316          <div class="drawer-event">
317            <button class="btn-back"><img src="https://casuca.itembox.cloud/item/2025/icon-back.svg?t=20260919173730"/>Back</button>
318            <div class="mega-items">
319              <div class="js-includeWp--media--header"></div>
320            <div class="mega-footer">
321                <a href="https://casuca.jp/category/event-media/" class="view-all">View All</a>
322            </div>
323            </div>
324          </div>
325<!-- Brand 一覧ページ -->
326<div class="drawer-brand">
327  <button class="btn-back"><img src="https://casuca.itembox.cloud/item/2025/icon-back.svg?t=20260919173730"/>Back</button>
328  <div class="mega-items">
329                <div class="mega-item">
330                  <a href="/c/brand/brand_casuca">
331                    <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
332                    <h3>CASUCA</h3>
333                    <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
334                  </a>
335                </div>
336                <div class="mega-item">
337                  <a href="/c/bridal">
338                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news02.jpg?t=20260919173730" alt="CASUCA bridal">
339                  <h3>CASUCA bridal</h3>
340                  <p>CASUCA だけの<br>ブライダルアクセサリーブランド</p>
341                  </a>
342                </div>
343                <div class="mega-item">
344                  <a href="/c/brand/brand_etmo">
345                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news03.jpg?t=20260919173730" alt="CASUCA et mo">
346                  <h3>CASUCA et mo</h3>
347                  <p>CASUCAと持田香織の<br>コラボレーションブランド</p>
348                  </a>
349                </div>
350                <div class="mega-item">
351                  <a href="/c/brand/brand_hicari">
352                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news04.jpg?t=20260919173730" alt="CASUCA  na Hicari">
353                  <h3>CASUCA na Hicari</h3>
354                  <p>CASUCAと満島ひかりの<br>コラボレーションブランド</p>
355                  </a>
356                </div>
357              </div>
358</div>
359        </div>
360      </div>
361    </div>
362
363        <div class="search-form">
364          <div class="btn-form-close">
365            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.2 23.2">
366              <path d="M23.1,1.1l-1.1-1.1s-4.4,5.2-10.4,11.2C5.5,5.2,1.1,0,1.1,0L0,1.1s5.2,4.4,11.2,10.4C5.2,17.5,0,21.9,0,21.9l1.1,1.1s4.4-5.2,10.4-11.2c6,6,10.4,11.2,10.4,11.2l1.1-1.1s-5.2-4.4-11.2-10.4C17.9,5.5,23.1,1.1,23.1,1.1Z"></path>
367            </svg>
368          </div>
369          <!-- **商品キーワード検索フォーム(フリーパーツ)↓↓ -->
370<div class="fs-p-searchForm">
371  <form action="/p/search" method="get">
372    <span class="fs-p-searchForm__inputGroup fs-p-inputGroup">
373      <input type="text" name="keyword" maxlength="1000" placeholder="Product Search" class="fs-p-searchForm__input fs-p-inputGroup__input">
374      <button type="submit" class="fs-p-searchForm__button fs-p-inputGroup__button">Search</button>
375    </span>
376  </form>
377</div>
378
379<script type="application/ld+json">
380{
381  "@context": "http://schema.org",
382  "@type": "WebSite",
383  "url": "https://casuca.jp",
384  "potentialAction": {
385    "@type": "SearchAction",
386    "target": "https://casuca.jp/p/search?keyword={search_term_string}",
387    "query-input": "required name=search_term_string"
388  }
389}
390</script>
390
391<!-- **商品キーワード検索フォーム(フリーパーツ)↑↑ -->
392        </div>
393  </header>
394<main class="fs-l-main"><div id="fs-page-error-container" class="fs-c-panelContainer">
395  
396  
397</div>
398<section class="fs-l-pageMain"><!-- ===== Hero ===== -->
399  <section class="hero">
400    <div class="hero-inner container">
401      <ul class="slide-items">
402<li>
403            <a href="/c/brand/brand_casuca">
404                <picture>
405                    <source srcset="https://casuca.itembox.cloud/item/2025/slide01-sp.jpg?t=20260919173730" media="(max-width: 770px)">
406                    <img src="https://casuca.itembox.cloud/item/grotesk2025/slide02.jpg?t=20260919173730" alt="">
407                </picture>
408                <p class="slide-title">CASUCA</p>
409            </a>
410</li>
411<li>
412            <a href="https://casuca.jp/c/motif/tovera">
413                <picture>
414                    <source srcset="https://casuca.itembox.cloud/item/tovera_sp_top.jpg?t=20260919173730" media="(max-width: 770px)">
415                    <img src="https://casuca.itembox.cloud/item/tovera_hp_top.jpg?t=20260919173730" alt="">
416                </picture>
417                <p class="slide-title">CASUCA</p>
418            </a>
419</li>
420      </ul>
421      <div class="hero-tag">
422          <p class="title"><span>CASUCA</span></p>
423          <div class="slide-num">
424            <span class="now-count">1</span>
425              <div class="progress-border">
426                  <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 271.5 2.3">
427                    <defs>
428                      <mask id="revealMask">
429                        <rect id="maskRect" x="0" y="0" width="0" height="40" fill="white"/>
430                      </mask>
431                    </defs>
432                    <path fill="#fff" d="M0,2.3s60.5-.8,135.8-.8,135.8.8,135.8.8V0s-60.5.8-135.8.8S0,0,0,0v2.3Z"/>
433                    <path id="progress" fill="#827D75" d="M0,2.3s60.5-.8,135.8-.8,135.8.8,135.8.8V0s-60.5.8-135.8.8S0,0,0,0v2.3Z" mask="url(#revealMask)"/>
434                  </svg>
435              </div>
436            <span class="all-count">4</span>
437          </div>
438        </div>
439    </div>
440  </section>
441<!-- ===== About ===== -->
442  <section id="about" class="section section--pad fadein">
443    <div class="container">
444      <h2 class="sec-ttl"><span class="dot"><img src="https://casuca.itembox.cloud/item/2025/title-circle.svg?t=20260919173730" alt=""/></span>About</h2>
445
446      <div class="flex about">
447        <div class="about-text">
448          <p class="lead-eng">
449            “The Radiance of Scars”<br>— a beauty that belongs to CASUCA alone.</p>
450          <p class="lead-jp">「 傷の輝き 」それは、<br><br class="sp">
451他に類を見ないCASUCAだけのもの</p>
452          <a class="link-more" href="/f/about-casuca">more
453            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 51.4 24.2">
454              <defs>
455                <style>
456                  .st0 {
457                    fill: #2A1F0A;
458                  }
459                </style>
460              </defs>
461              <path class="st0" d="M37.9.1h-.6s1.8,5.2,8.7,10.9c-12.7,1.2-46.1.1-46.1.1v1.9s33.4-1.1,46.1.1c-7,5.7-8.7,10.9-8.7,10.9h.6c1.6-3.1,6.1-9.1,13.5-12-7.4-2.9-11.9-8.9-13.5-12Z"/>
462            </svg>
463          </a>
464        </div>
465
466        <div class="about-visual">
467          <img src="https://casuca.itembox.cloud/item/grotesk2025/img-about.jpg?t=20260919173730" alt="" />
468        </div>
469      </div>
470    </div>
471  </section>
472<!-- ===== Brand ===== -->
473  <section id="brand" class="section section--pad fadein">
474    <div class="container">
475      <h2 class="sec-ttl"><span class="dot"><img src="https://casuca.itembox.cloud/item/2025/title-circle.svg?t=20260919173730" alt=""/></span> Brand</h2>
476
477      <div class="brand-img-wrap">
478        <a class="brand01" href="/c/brand/brand_casuca">
479          <div class="img01">
480            <figure>
481              <figcaption>CASUCA</figcaption>
482              <div class="img-wrap mask-slider">
483                <div class="slide"><img src="https://casuca.itembox.cloud/item/brand/img-brand-01.jpg?t=20260919173730" alt="CASUCA" /></div>
484                <div class="slide"><img src="https://casuca.itembox.cloud/item/brand/img-brand-01-2.jpg?t=20260919173730" /></div>
485                <img class="logo-overlay" src="https://casuca.itembox.cloud/item/brand/logo-brand-casuca.svg?t=20260919173730" alt="" />
486              </div>
487            </figure>
488          </div>
489        </a>
490
491        <a class="brand02" href="/c/brand/brand_etmo">
492          <div class="img02">
493            <figure>
494              <figcaption>CASUCA et mo</figcaption>
495              <div class="img-wrap mask-slider">
496                <div class="slide">
497<picture>
498  <source srcset="https://casuca.itembox.cloud/item/brand/img-brand-02-sp.jpg?t=20260919173730" media="(max-width: 768px)">
499  <img src="https://casuca.itembox.cloud/item/brand/img-brand-02.jpg?t=20260919173730" alt="CASUCA et mo">
500</picture>
501                 </div>
502                <div class="slide">
503<picture>
504  <source srcset="https://casuca.itembox.cloud/item/brand/img-brand-02-2-sp.jpg?t=20260919173730" media="(max-width: 768px)">
505  <img src="https://casuca.itembox.cloud/item/brand/img-brand-02-2.jpg?t=20260919173730" alt="CASUCA et mo">
506</picture>
507                 </div>
508                <img class="logo-overlay" src="https://casuca.itembox.cloud/item/brand/logo-brand-casuca-etmo.svg?t=20260919173730" alt="" />
509              </div>
510            </figure>
511          </div>
512        </a>
513
514        <a class="brand03" href="/c/bridal">
515          <div class="img03">
516            <figure>
517              <figcaption>CASUCA bridal</figcaption>
518              <div class="img-wrap mask-slider">
519                <div class="slide"><img src="https://casuca.itembox.cloud/item/brand/img-brand-03.jpg?t=20260919173730" alt="CASUCA bridal" /></div>
520                <div class="slide"><img src="https://casuca.itembox.cloud/item/brand/img-brand-03-2.jpg?t=20260919173730" alt="CASUCA bridal" /></div>
521                <img class="logo-overlay" src="https://casuca.itembox.cloud/item/brand/logo-brand-casuca-bridal.svg?t=20260919173730" alt="" />
522              </div>
523            </figure>
524          </div>
525        </a>
526
527        <a class="brand04" href="/c/brand/brand_hicari">
528          <div class="img04">
529            <figure>
530              <figcaption>CASUCA na Hicari</figcaption>
531               <div class="img-wrap mask-slider">
532                <div class="slide">
533<picture>
534  <source srcset="https://casuca.itembox.cloud/item/brand/img-brand-04-sp.jpg?t=20260919173730" media="(max-width: 768px)">
535  <img src="https://casuca.itembox.cloud/item/brand/img-brand-04.jpg?t=20260919173730" alt="CASUCA et mo">
536</picture>
537                 </div>
538                <div class="slide">
539<picture>
540  <source srcset="https://casuca.itembox.cloud/item/brand/img-brand-04-2-sp.jpg?t=20260919173730" media="(max-width: 768px)">
541  <img src="https://casuca.itembox.cloud/item/brand/img-brand-04-2.jpg?t=20260919173730" alt="CASUCA et mo">
542</picture>
543                 </div>
544                <img class="logo-overlay" src="https://casuca.itembox.cloud/item/brand/logo-brand-casuca-na-hicari.svg?t=20260919173730" alt="" />
545               </div>
546              </figure>
547          </div>
548        </a>
549      </div>
550
551      </div>
552    </div>
553  </section>
554
555<!-- ===== Online store(濃色バンド) ===== -->
556  <section id="store" class="section section--pad fadein">
557    <div class="container">
558      <h2 class="sec-ttl"><span class="dot"><img src="https://casuca.itembox.cloud/item/2025/title-circle.svg?t=20260919173730" alt=""/></span> Online Store</h2>
559      <p class="store-eng">Jewels adorned with the radiance of their scars — countless, delicate treasures.</p>
560      <a class="btn btn-light2" href="/c/item">
561      <div class="store-img">
562        <div class="motion-pc">
563         <!--img src="https://casuca.itembox.cloud/item/2025/img-onlinestore-base.jpg?t=20260919173730" alt="Online Store"-->
564         <img class="motion-img-01" src="https://casuca.itembox.cloud/item/2025/img-ring.png?t=20260919173730" alt="">
565         <img class="motion-img-02" src="https://casuca.itembox.cloud/item/2025/img-trev.png?t=20260919173730" alt="">
566         <img class="motion-img-03" src="https://casuca.itembox.cloud/item/2025/img-luna.png?t=20260919173730" alt="">
567<picture>
568  <source srcset="https://casuca.itembox.cloud/item/2025/img-onlinestore-base-sp.jpg?t=20260919173730" media="(max-width: 770px)">
569  <img src="https://casuca.itembox.cloud/item/2025/img-onlinestore-base.jpg?t=20260919173730" alt="Online Store">
570</picture>
571        </div>
572      </div>
573      <div class="btn btn-light" href="/c/item">Enter</div>
574      </a>
575    </div>
576  </section>
577
578<script>
579jQuery(function($){
580
581  const $area = $('.motion-pc');
582  const $imgs = [
583    $('.motion-img-01'),
584    $('.motion-img-02'),
585    $('.motion-img-03')
586  ];
587
588  let started = false;
589
590  // 交差監視で表示領域に入ったら開始
591  const observer = new IntersectionObserver((entries)=>{
592    entries.forEach(entry=>{
593      if(entry.isIntersecting && !started){
594        started = true;
595        startMotionLoop();
596      }
597    });
598  }, { threshold: 0.3 });
599
600  observer.observe($area[0]);
601
602  function startMotionLoop() {
603    loop();
604  }
605
606  function loop() {
607    // 1. 2秒後に3枚すべてふわっと消える
608    setTimeout(()=>{
609      $imgs.forEach($img => $img.addClass('motion-hidden'));
610    }, 2000);
611
612    // 2. 3秒後に順番に表示
613    setTimeout(()=>{
614      // 一旦全て非表示
615      $imgs.forEach($img => $img.addClass('motion-hidden'));
616
617      $imgs.forEach((img, index)=>{
618        setTimeout(()=>{
619          img.removeClass('motion-hidden').addClass('motion-show');
620        }, index * 1200);
621      });
622    }, 3000);
623
624    // 3. 次ループ(7秒後に再実行)
625    setTimeout(loop, 6500);
626  }
627
628});
629</script>
629
630<!-- ===== Pick up Products(横スクロール) ===== -->
631  <section id="products" class="section section--pad fadein">
632    <div class="container">
633      <h2 class="sec-ttl"><span class="dot"><img src="https://casuca.itembox.cloud/item/2025/title-circle.svg?t=20260919173730" alt=""/></span>Pick up  Products</h2>   
634<div class="fs-c-productListCarousel fs-c-slick" data-part-name="おすすめ商品">
635
636
637<span class="fs-c-productListCarousel__ctrl fs-c-productListCarousel__ctrl--prev">
638<span class="fs-c-button--carousel fs-c-button--carousel--prev" role="button">
639<span class="fs-c-button__label">前へ</span>
640</span>
641</span>
642<div class="fs-c-productListCarousel__list">
643<div class="fs-c-productListCarousel__list__itemTrack">
644
645
646<article class="fs-c-productListCarousel__list__item fs-c-productListItem">
647
648  
649    
650      <div class="fs-c-productListItem__imageContainer">
651        <div class="fs-c-productListItem__image fs-c-productImage">
652          
653            <a href="/c/motif/adonis/adonis-p_k18yg">
654          
655              <img data-lazy="https://casuca.itembox.cloud/product/008/000000000807/000000000807-01.jpg?size&#x3D;l&amp;w&#x3D;ODAw&amp;t&#x3D;20231013150502" alt="" class="fs-c-productListItem__image__image fs-c-productImage__image" src="">
656          
657            </a>
658          
659        </div>
660      </div>
661    
662  
663
664
665<h2 class="fs-c-productListItem__productName">
666  
667    <a href="/c/motif/adonis/adonis-p_k18yg">
668      
669      <span class="fs-c-productName__name">adonis ピアス -K18-</span>
670      
671    </a>
672  
673</h2>
674
675
676
677
678  <!-- **商品価格パーツ(システムパーツ)↓↓ -->
679<div class="fs-c-productListItem__prices fs-c-productPrices">
680  
681  
682    
683      <div class="fs-c-productPrice fs-c-productPrice--selling">
684        
685  
686    
687    <span class="fs-c-productPrice__main">
688      
689      <span class="fs-c-productPrice__main__price fs-c-price">
690        <span class="fs-c-price__currencyMark">&yen;</span>
691        <span class="fs-c-price__value">155,100</span>
692      </span>
693    </span>
694    <span class="fs-c-productPrice__addon">
695      <span class="fs-c-productPrice__addon__label">税込</span>
696    </span>
697    
698  
699
700      </div>
701    
702    
703    
704  
705    
706</div>
707<!-- **商品価格パーツ(システムパーツ)↑↑ -->
708
709
710
711
712
713
714  
715
716
717  <div class="fs-c-productListItem__control fs-c-buttonContainer" data-product-id="807" data-vertical-variation-no="" data-horizontal-variation-no="">
718    <form>
719      <input type="hidden" name="productId" value="807" />
720      <input type="hidden" name="staffStartSkuCode" value="">
721      
722      <input type="hidden" name="verticalVariationNo" value="">
723      <input type="hidden" name="horizontalVariationNo" value="">
724      
725      <input type="hidden" name="quantity" value="1">
726      
727  
728    <button type="button" class="fs-c-button--addToCart--list fs-c-button--plain">
729<span class="fs-c-button__label">カートに入れる</span>
730</button>
731  
732
733
734    </form>
735    
736    <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
737<span class="fs-c-button__label">お気に入りに登録する</span>
738</button>
739    
740  </div>
741
742<span data-id="fs-analytics" data-product-url="adonis-p_k18yg" data-eec="{&quot;fs-begin_checkout-price&quot;:155100,&quot;id&quot;:&quot;adonis-p_k18yg&quot;,&quot;fs-remove_from_cart-price&quot;:155100,&quot;list_name&quot;:&quot;トップページ&quot;,&quot;quantity&quot;:1,&quot;name&quot;:&quot;adonis ピアス -K18-&quot;,&quot;fs-add_to_cart-price&quot;:155100,&quot;category&quot;:&quot;Motif/adonis&quot;,&quot;fs-select_content-price&quot;:155100,&quot;price&quot;:155100}" data-ga4="{&quot;items&quot;:[{&quot;fs-begin_checkout-price&quot;:155100,&quot;item_name&quot;:&quot;adonis ピアス -K18-&quot;,&quot;fs-remove_from_cart-price&quot;:155100,&quot;fs-select_item-price&quot;:155100,&quot;fs-select_content-price&quot;:155100,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_id&quot;:&quot;product&quot;,&quot;price&quot;:155100,&quot;quantity&quot;:1,&quot;item_category&quot;:&quot;Motif&quot;,&quot;fs-view_item-price&quot;:155100,&quot;item_category2&quot;:&quot;adonis&quot;,&quot;item_id&quot;:&quot;adonis-p_k18yg&quot;,&quot;fs-add_to_cart-price&quot;:155100,&quot;fs-add_payment_info-price&quot;:155100,&quot;item_list_name&quot;:&quot;トップペ&quot;}],&quot;value&quot;:155100,&quot;item_list_id&quot;:&quot;product&quot;,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_name&quot;:&quot;トップペ&quot;}" data-category-eec="{&quot;adonis-p_k18yg&quot;:{&quot;type&quot;:&quot;1&quot;}}" data-category-ga4="{&quot;adonis-p_k18yg&quot;:{&quot;type&quot;:&quot;1&quot;}}"></span>
743
744
745</article>
746
747
748
749<article class="fs-c-productListCarousel__list__item fs-c-productListItem">
750
751  
752    
753      <div class="fs-c-productListItem__imageContainer">
754        <div class="fs-c-productListItem__image fs-c-productImage">
755          
756            <a href="/c/brand/brand_etmo/ellisse/ellisse-etmo_pierce">
757          
758              <img data-lazy="https://casuca.itembox.cloud/product/009/000000000973/000000000973-01.jpg?size&#x3D;l&amp;w&#x3D;ODAw&amp;t&#x3D;20250925181401" alt="" class="fs-c-productListItem__image__image fs-c-productImage__image" src="">
759          
760            </a>
761          
762        </div>
763      </div>
764    
765  
766
767
768<h2 class="fs-c-productListItem__productName">
769  
770    <a href="/c/brand/brand_etmo/ellisse/ellisse-etmo_pierce">
771      
772      <span class="fs-c-productName__name">ellisse ピアス -K10-</span>
773      
774    </a>
775  
776</h2>
777
778
779
780
781  <!-- **商品価格パーツ(システムパーツ)↓↓ -->
782<div class="fs-c-productListItem__prices fs-c-productPrices">
783  
784  
785    
786      <div class="fs-c-productPrice fs-c-productPrice--selling">
787        
788  
789    
790    <span class="fs-c-productPrice__main">
791      
792      <span class="fs-c-productPrice__main__price fs-c-price">
793        <span class="fs-c-price__currencyMark">&yen;</span>
794        <span class="fs-c-price__value">55,000</span>
795      </span>
796    </span>
797    <span class="fs-c-productPrice__addon">
798      <span class="fs-c-productPrice__addon__label">税込</span>
799    </span>
800    
801  
802
803      </div>
804    
805    
806    
807  
808    
809</div>
810<!-- **商品価格パーツ(システムパーツ)↑↑ -->
811
812
813
814
815
816
817  
818
819
820  <div class="fs-c-productListItem__control fs-c-buttonContainer" data-product-id="973" data-vertical-variation-no="" data-horizontal-variation-no="">
821    <form>
822      <input type="hidden" name="productId" value="973" />
823      <input type="hidden" name="staffStartSkuCode" value="">
824      
825      <input type="hidden" name="verticalVariationNo" value="">
826      <input type="hidden" name="horizontalVariationNo" value="">
827      
828      <input type="hidden" name="quantity" value="1">
829      
830  
831    <button type="button" class="fs-c-button--addToCart--list fs-c-button--plain">
832<span class="fs-c-button__label">カートに入れる</span>
833</button>
834  
835
836
837    </form>
838    
839    <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
840<span class="fs-c-button__label">お気に入りに登録する</span>
841</button>
842    
843  </div>
844
845<span data-id="fs-analytics" data-product-url="ellisse-etmo_pierce" data-eec="{&quot;fs-begin_checkout-price&quot;:55000,&quot;id&quot;:&quot;ellisse-etmo_pierce&quot;,&quot;fs-remove_from_cart-price&quot;:55000,&quot;list_name&quot;:&quot;トップページ&quot;,&quot;quantity&quot;:1,&quot;name&quot;:&quot;ellisse ピアス -K10-&quot;,&quot;fs-add_to_cart-price&quot;:55000,&quot;category&quot;:&quot;Brand/C A S U /ellisse&quot;,&quot;fs-select_content-price&quot;:55000,&quot;price&quot;:55000}" data-ga4="{&quot;items&quot;:[{&quot;fs-begin_checkout-price&quot;:55000,&quot;fs-add_to_cart-price&quot;:55000,&quot;fs-view_item-price&quot;:55000,&quot;item_list_id&quot;:&quot;product&quot;,&quot;item_category&quot;:&quot;Brand&quot;,&quot;item_category3&quot;:&quot;ellisse&quot;,&quot;fs-remove_from_cart-price&quot;:55000,&quot;item_id&quot;:&quot;ellisse-etmo_pierce&quot;,&quot;item_category2&quot;:&quot;C A S U C A et mo&quot;,&quot;price&quot;:55000,&quot;quantity&quot;:1,&quot;currency&quot;:&quot;JPY&quot;,&quot;fs-add_payment_info-price&quot;:55000,&quot;item_list_name&quot;:&quot;トップペ&quot;,&quot;item_name&quot;:&quot;ellisse ピアス -K10-&quot;,&quot;fs-select_item-price&quot;:55000,&quot;fs-select_content-price&quot;:55000}],&quot;value&quot;:55000,&quot;item_list_id&quot;:&quot;product&quot;,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_name&quot;:&quot;トップペ&quot;}" data-category-eec="{&quot;ellisse-etmo_pierce&quot;:{&quot;type&quot;:&quot;1&quot;}}" data-category-ga4="{&quot;ellisse-etmo_pierce&quot;:{&quot;type&quot;:&quot;1&quot;}}"></span>
846
847
848</article>
849
850
851
852<article class="fs-c-productListCarousel__list__item fs-c-productListItem">
853
854  
855    
856      <div class="fs-c-productListItem__imageContainer">
857        <div class="fs-c-productListItem__image fs-c-productImage">
858          
859            <a href="/c/brand/brand_etmo/ellisse/ellisse-etmo_necklace">
860          
861              <img data-lazy="https://casuca.itembox.cloud/product/009/000000000974/000000000974-01.jpg?size&#x3D;l&amp;w&#x3D;ODAw&amp;t&#x3D;20250925181505" alt="" class="fs-c-productListItem__image__image fs-c-productImage__image" src="">
862          
863            </a>
864          
865        </div>
866      </div>
867    
868  
869
870
871<h2 class="fs-c-productListItem__productName">
872  
873    <a href="/c/brand/brand_etmo/ellisse/ellisse-etmo_necklace">
874      
875      <span class="fs-c-productName__name">ellisse ネックレス -K10-</span>
876      
877    </a>
878  
879</h2>
880
881  <div class="fs-c-productMarks">
882    
883      <ul class="fs-c-productMark">
884        
885          <li class="fs-c-productMark__item"><span class="fs-c-productMark__mark--33 fs-c-productMark__mark">
886<span class="fs-c-productMark__label">完全受注生産アイテム</span>
887</span>
888</li>
889        
890      </ul>
891    
892    
893  </div>
894
895
896
897
898  <!-- **商品価格パーツ(システムパーツ)↓↓ -->
899<div class="fs-c-productListItem__prices fs-c-productPrices">
900  
901  
902    
903      <div class="fs-c-productPrice fs-c-productPrice--selling">
904        
905  
906    
907    <span class="fs-c-productPrice__main">
908      
909      <span class="fs-c-productPrice__main__price fs-c-price">
910        <span class="fs-c-price__currencyMark">&yen;</span>
911        <span class="fs-c-price__value">52,800</span>
912      </span>
913    </span>
914    <span class="fs-c-productPrice__addon">
915      <span class="fs-c-productPrice__addon__label">税込</span>
916    </span>
917    
918  
919
920      </div>
921    
922    
923    
924  
925    
926</div>
927<!-- **商品価格パーツ(システムパーツ)↑↑ -->
928
929
930
931
932
933
934  
935
936
937  <div class="fs-c-productListItem__control fs-c-buttonContainer" data-product-id="974" data-vertical-variation-no="" data-horizontal-variation-no="">
938    <form>
939      <input type="hidden" name="productId" value="974" />
940      <input type="hidden" name="staffStartSkuCode" value="">
941      
942      <input type="hidden" name="verticalVariationNo" value="">
943      <input type="hidden" name="horizontalVariationNo" value="">
944      
945      <input type="hidden" name="quantity" value="1">
946      
947  
948    <button type="button" class="fs-c-button--addToCart--list fs-c-button--plain">
949<span class="fs-c-button__label">カートに入れる</span>
950</button>
951  
952
953
954    </form>
955    
956    <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
957<span class="fs-c-button__label">お気に入りに登録する</span>
958</button>
959    
960  </div>
961
962<span data-id="fs-analytics" data-product-url="ellisse-etmo_necklace" data-eec="{&quot;fs-begin_checkout-price&quot;:52800,&quot;id&quot;:&quot;ellisse-etmo_necklace&quot;,&quot;fs-remove_from_cart-price&quot;:52800,&quot;list_name&quot;:&quot;トップページ&quot;,&quot;quantity&quot;:1,&quot;name&quot;:&quot;ellisse ネックレス -K10-&quot;,&quot;fs-add_to_cart-price&quot;:52800,&quot;category&quot;:&quot;Brand/C A S U /ellisse&quot;,&quot;fs-select_content-price&quot;:52800,&quot;price&quot;:52800}" data-ga4="{&quot;items&quot;:[{&quot;fs-begin_checkout-price&quot;:52800,&quot;fs-add_to_cart-price&quot;:52800,&quot;fs-view_item-price&quot;:52800,&quot;item_list_id&quot;:&quot;product&quot;,&quot;item_category&quot;:&quot;Brand&quot;,&quot;item_category3&quot;:&quot;ellisse&quot;,&quot;fs-remove_from_cart-price&quot;:52800,&quot;item_id&quot;:&quot;ellisse-etmo_necklace&quot;,&quot;item_category2&quot;:&quot;C A S U C A et mo&quot;,&quot;price&quot;:52800,&quot;quantity&quot;:1,&quot;currency&quot;:&quot;JPY&quot;,&quot;fs-add_payment_info-price&quot;:52800,&quot;item_list_name&quot;:&quot;トップペ&quot;,&quot;item_name&quot;:&quot;ellisse ネックレス -K10-&quot;,&quot;fs-select_item-price&quot;:52800,&quot;fs-select_content-price&quot;:52800}],&quot;value&quot;:52800,&quot;item_list_id&quot;:&quot;product&quot;,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_name&quot;:&quot;トップペ&quot;}" data-category-eec="{&quot;ellisse-etmo_necklace&quot;:{&quot;type&quot;:&quot;1&quot;}}" data-category-ga4="{&quot;ellisse-etmo_necklace&quot;:{&quot;type&quot;:&quot;1&quot;}}"></span>
963
964
965</article>
966
967
968
969<article class="fs-c-productListCarousel__list__item fs-c-productListItem">
970
971  
972    
973      <div class="fs-c-productListItem__imageContainer">
974        <div class="fs-c-productListItem__image fs-c-productImage">
975          
976            <a href="/c/motif/bazil/bazil-k10yg_pierce">
977          
978              <img data-lazy="https://casuca.itembox.cloud/product/008/000000000896/000000000896-01.jpg?size&#x3D;l&amp;w&#x3D;ODAw&amp;t&#x3D;20241031180739" alt="" class="fs-c-productListItem__image__image fs-c-productImage__image" src="">
979          
980            </a>
981          
982        </div>
983      </div>
984    
985  
986
987
988<h2 class="fs-c-productListItem__productName">
989  
990    <a href="/c/motif/bazil/bazil-k10yg_pierce">
991      
992      <span class="fs-c-productName__name">bazil チェーンフックピアス -K10-</span>
993      
994    </a>
995  
996</h2>
997
998
999
1000
1001  <!-- **商品価格パーツ(システムパーツ)↓↓ -->
1002<div class="fs-c-productListItem__prices fs-c-productPrices">
1003  
1004  
1005    
1006      <div class="fs-c-productPrice fs-c-productPrice--selling">
1007        
1008  
1009    
1010    <span class="fs-c-productPrice__main">
1011      
1012      <span class="fs-c-productPrice__main__price fs-c-price">
1013        <span class="fs-c-price__currencyMark">&yen;</span>
1014        <span class="fs-c-price__value">93,500</span>
1015      </span>
1016    </span>
1017    <span class="fs-c-productPrice__addon">
1018      <span class="fs-c-productPrice__addon__label">税込</span>
1019    </span>
1020    
1021  
1022
1023      </div>
1024    
1025    
1026    
1027  
1028    
1029</div>
1030<!-- **商品価格パーツ(システムパーツ)↑↑ -->
1031
1032
1033
1034
1035
1036
1037  
1038
1039
1040  <div class="fs-c-productListItem__control fs-c-buttonContainer" data-product-id="896" data-vertical-variation-no="" data-horizontal-variation-no="">
1041    <form>
1042      <input type="hidden" name="productId" value="896" />
1043      <input type="hidden" name="staffStartSkuCode" value="">
1044      
1045      <input type="hidden" name="verticalVariationNo" value="">
1046      <input type="hidden" name="horizontalVariationNo" value="">
1047      
1048      <input type="hidden" name="quantity" value="1">
1049      
1050  
1051    <button type="button" class="fs-c-button--addToCart--list fs-c-button--plain">
1052<span class="fs-c-button__label">カートに入れる</span>
1053</button>
1054  
1055
1056
1057    </form>
1058    
1059    <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
1060<span class="fs-c-button__label">お気に入りに登録する</span>
1061</button>
1062    
1063  </div>
1064
1065<span data-id="fs-analytics" data-product-url="bazil-k10yg_pierce" data-eec="{&quot;fs-begin_checkout-price&quot;:93500,&quot;id&quot;:&quot;bazil-k10yg_pierce&quot;,&quot;fs-remove_from_cart-price&quot;:93500,&quot;list_name&quot;:&quot;トップページ&quot;,&quot;quantity&quot;:1,&quot;name&quot;:&quot;bazil チェーンフックピアス -K10-&quot;,&quot;fs-add_to_cart-price&quot;:93500,&quot;category&quot;:&quot;Motif/bazil&quot;,&quot;fs-select_content-price&quot;:93500,&quot;price&quot;:93500}" data-ga4="{&quot;items&quot;:[{&quot;fs-begin_checkout-price&quot;:93500,&quot;item_name&quot;:&quot;bazil チェーンフックピアス -K10-&quot;,&quot;fs-remove_from_cart-price&quot;:93500,&quot;fs-select_item-price&quot;:93500,&quot;fs-select_content-price&quot;:93500,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_id&quot;:&quot;product&quot;,&quot;price&quot;:93500,&quot;quantity&quot;:1,&quot;item_category&quot;:&quot;Motif&quot;,&quot;fs-view_item-price&quot;:93500,&quot;item_category2&quot;:&quot;bazil&quot;,&quot;item_id&quot;:&quot;bazil-k10yg_pierce&quot;,&quot;fs-add_to_cart-price&quot;:93500,&quot;fs-add_payment_info-price&quot;:93500,&quot;item_list_name&quot;:&quot;トップペ&quot;}],&quot;value&quot;:93500,&quot;item_list_id&quot;:&quot;product&quot;,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_name&quot;:&quot;トップペ&quot;}" data-category-eec="{&quot;bazil-k10yg_pierce&quot;:{&quot;type&quot;:&quot;1&quot;}}" data-category-ga4="{&quot;bazil-k10yg_pierce&quot;:{&quot;type&quot;:&quot;1&quot;}}"></span>
1066
1067
1068</article>
1069
1070
1071
1072<article class="fs-c-productListCarousel__list__item fs-c-productListItem">
1073
1074  
1075    
1076      <div class="fs-c-productListItem__imageContainer">
1077        <div class="fs-c-productListItem__image fs-c-productImage">
1078          
1079            <a href="/c/motif/tovera/tovera-narrow-half_necklace">
1080          
1081              <img data-lazy="https://casuca.itembox.cloud/product/009/000000000958/000000000958-01.jpg?size&#x3D;l&amp;w&#x3D;ODAw&amp;t&#x3D;20250416121253" alt="" class="fs-c-productListItem__image__image fs-c-productImage__image" src="">
1082          
1083            </a>
1084          
1085        </div>
1086      </div>
1087    
1088  
1089
1090
1091<h2 class="fs-c-productListItem__productName">
1092  
1093    <a href="/c/motif/tovera/tovera-narrow-half_necklace">
1094      
1095      <span class="fs-c-productName__name">tovera narrow half ネックレス -K18×Pt-</span>
1096      
1097    </a>
1098  
1099</h2>
1100
1101
1102
1103
1104  <!-- **商品価格パーツ(システムパーツ)↓↓ -->
1105<div class="fs-c-productListItem__prices fs-c-productPrices">
1106  
1107  
1108    
1109      <div class="fs-c-productPrice fs-c-productPrice--selling">
1110        
1111  
1112    
1113    
1114      
1115      <span class="fs-c-productPrice__main" data-variation-range-price>
1116        
1117        <span class="fs-c-productPrice__main__price fs-c-productPrice__main__price--from fs-c-price">
1118          <span class="fs-c-price__currencyMark">&yen;</span>
1119          <span class="fs-c-price__value">159,500</span>
1120        </span>
1121        <span class="fs-c-productPrice__main__joint">〜</span>
1122        <span class="fs-c-productPrice__main__price fs-c-productPrice__main__price--to fs-c-price">
1123          <span class="fs-c-price__currencyMark">&yen;</span>
1124          <span class="fs-c-price__value">168,740</span>
1125        </span>
1126        
1127          <span class="fs-c-productPrice__main__addon">
1128            <span class="fs-c-productPrice__main__addon__label">税込</span>
1129          </span>
1130        
1131      </span>
1132    
1133    
1134    <span class="fs-c-productPrice__main" style="display:none" aria-hidden="true" data-variation-same-price>
1135      
1136      <span class="fs-c-productPrice__main__price fs-c-price">
1137        <span class="fs-c-price__currencyMark">&yen;</span>
1138        <span class="fs-c-price__value"></span>
1139      </span>
1140    </span>
1141    <span class="fs-c-productPrice__addon" style="display:none" aria-hidden="true" data-variation-same-price>
1142      <span class="fs-c-productPrice__addon__label">税込</span>
1143    </span>
1144    
1145  
1146
1147      </div>
1148    
1149    
1150    
1151  
1152    
1153</div>
1154<!-- **商品価格パーツ(システムパーツ)↑↑ -->
1155
1156
1157
1158
1159
1160
1161
1162  <div class="fs-c-productListItem__control fs-c-buttonContainer" data-product-id="958" data-vertical-variation-no="" data-horizontal-variation-no="">
1163    <form>
1164      <input type="hidden" name="productId" value="958" />
1165      <input type="hidden" name="staffStartSkuCode" value="">
1166      
1167      <input type="hidden" name="verticalVariationNo" value="">
1168      <input type="hidden" name="horizontalVariationNo" value="">
1169      
1170      <input type="hidden" name="quantity" value="1">
1171      
1172  
1173    <a href="/c/motif/tovera/tovera-narrow-half_necklace" class="fs-c-button--viewProductDetail fs-c-button--plain">
1174  <span class="fs-c-button__label">詳細を見る</span>
1175</a>
1176  
1177
1178
1179    </form>
1180    
1181    <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
1182<span class="fs-c-button__label">お気に入りに登録する</span>
1183</button>
1184    
1185  </div>
1186
1187<span data-id="fs-analytics" data-product-url="tovera-narrow-half_necklace" data-eec="{&quot;fs-begin_checkout-price&quot;:159500,&quot;id&quot;:&quot;tovera-narrow-half_necklace&quot;,&quot;fs-remove_from_cart-price&quot;:159500,&quot;list_name&quot;:&quot;トップページ&quot;,&quot;quantity&quot;:1,&quot;name&quot;:&quot;tovera narrow half ネックレス -K18×Pt-&quot;,&quot;fs-add_to_cart-price&quot;:159500,&quot;category&quot;:&quot;Motif/tovera&quot;,&quot;fs-select_content-price&quot;:159500,&quot;price&quot;:159500}" data-ga4="{&quot;items&quot;:[{&quot;fs-begin_checkout-price&quot;:159500,&quot;item_name&quot;:&quot;tovera narrow half ネックレス -K18×Pt-&quot;,&quot;fs-remove_from_cart-price&quot;:159500,&quot;fs-select_item-price&quot;:159500,&quot;fs-select_content-price&quot;:159500,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_id&quot;:&quot;product&quot;,&quot;price&quot;:159500,&quot;quantity&quot;:1,&quot;item_category&quot;:&quot;Motif&quot;,&quot;fs-view_item-price&quot;:159500,&quot;item_category2&quot;:&quot;tovera&quot;,&quot;item_id&quot;:&quot;tovera-narrow-half_necklace&quot;,&quot;fs-add_to_cart-price&quot;:159500,&quot;fs-add_payment_info-price&quot;:159500,&quot;item_list_name&quot;:&quot;トップペ&quot;}],&quot;value&quot;:159500,&quot;item_list_id&quot;:&quot;product&quot;,&quot;currency&quot;:&quot;JPY&quot;,&quot;item_list_name&quot;:&quot;トップペ&quot;}" data-category-eec="{&quot;tovera-narrow-half_necklace&quot;:{&quot;type&quot;:&quot;1&quot;}}" data-category-ga4="{&quot;tovera-narrow-half_necklace&quot;:{&quot;type&quot;:&quot;1&quot;}}"></span>
1188
1189
1190</article>
1191
1192
1193</div>
1194</div>
1195<span class="fs-c-productListCarousel__ctrl fs-c-productListCarousel__ctrl--next">
1196<span class="fs-c-button--carousel fs-c-button--carousel--next" role="button">
1197<span class="fs-c-button__label">次へ</span>
1198</span>
1199</span>
1200
1201
1202</div>
1203      <div class="product-scroll" style="display:none;">
1204        <article class="product-card">
1205          <a href="#">
1206            <div class="product-thumb product-thumb--dark">
1207              <img src="https://casuca.itembox.cloud/item/brand/img-product-thumb.jpg?t=20260919173730" alt="Line Triangle Pierce" />
1208            </div>
1209            <h3 class="product-name">tovera 1p stone ネックレス -K18×Pt-</h3>
1210            <p class="product-meta">¥ 95,700 〜 ¥ 100,210 税込</p>
1211          </a>
1212        </article>
1213
1214        <article class="product-card">
1215          <a href="#">
1216          <div class="product-thumb product-thumb--dark">
1217            <img src="https://casuca.itembox.cloud/item/brand/img-product-thumb.jpg?t=20260919173730" alt="Line Triangle Pierce" />
1218          </div>
1219          <h3 class="product-name">tovera 1p stone ネックレス -K18×Pt-</h3>
1220          <p class="product-meta">¥ 95,700 〜 ¥ 100,210 税込</p>
1221          </a>
1222        </article>
1223
1224        <article class="product-card">
1225          <a href="#">
1226          <div class="product-thumb product-thumb--dark">
1227            <img src="https://casuca.itembox.cloud/item/brand/img-product-thumb.jpg?t=20260919173730" alt="Line Triangle Pierce" />
1228          </div>
1229          <h3 class="product-name">tovera 1p stone ネックレス -K18×Pt-</h3>
1230          <p class="product-meta">¥ 95,700 〜 ¥ 100,210 税込</p>
1231          </a>
1232        </article>
1233
1234        <article class="product-card">
1235          <a href="#">
1236          <div class="product-thumb product-thumb--dark">
1237            <img src="https://casuca.itembox.cloud/item/brand/img-product-thumb.jpg?t=20260919173730" alt="Line Triangle Pierce" />
1238          </div>
1239          <h3 class="product-name">tovera 1p stone ネックレス -K18×Pt-</h3>
1240          <p class="product-meta">¥ 95,700 〜 ¥ 100,210 税込</p>
1241          </a>
1242        </article>
1243      </div>
1244    </div>
1245  </section>
1246<!-- ===== Shop ===== -->
1247  <section id="shop" class="section section--pad fadein">
1248    <div class="container">
1249      <h2 class="sec-ttl"><span class="dot"><img src="https://casuca.itembox.cloud/item/2025/title-circle.svg?t=20260919173730" alt=""/></span>Shop</h2>
1250      <div class="flex split-shop">
1251<picture>
1252  <source srcset="https://casuca.itembox.cloud/item/2025/img-top-shop-sp.jpg?t=20260919173730" media="(max-width: 1024px)">
1253  <img src="https://casuca.itembox.cloud/item/2025/img-shop.jpg?t=20260919173730" alt="ショップ外è¦
1253³">
1254</picture>
1255        <div class="shop-text">
1256          <h3 class="shop-ttl">CASUCA <span>HISTORIA</span></h3>
1257          <div class="shop-info">
1258            <p class="sp">CASUCAが永い間想い描いてきた終の住処は、90年前に鎌倉から移築されたという小さな洋館。この場所で、これからCASUCAの新しい物語を紡いでいきます。</p>
1259<p class="pc">CASUCAが永い間想い描いてきた終の住処は、90年前に鎌倉から移築されたという小さな洋館。この場所で、これからCASUCAの新しい物語を紡いでいきます。ここに並ぶジュエリーたちは昔、あばら屋(スペイン語で “casuca”) で見つけたキラキラと輝くガラスのかけらやきれいな石ころのような子どものころ大切にしていた宝物を思わせる記憶のかけら。ぜひお立ち寄りいただけましたら幸いです。<br><br>住所   〒153-0063 東京都目黒区目黒3-12-11</p>
1260            <a class="btn" href="/f/historia">view all</a>
1261        </div>
1262      </div>
1263    </div>
1264  </section>
1265<!-- ===== Event & Media ===== -->
1266  <section id="event" class="section section--pad fadein">
1267    <div class="container">
1268      <h2 class="sec-ttl">Event &amp; Media</h2>
1269      <div class="flex event-area">
1270        <div class="js-includeWp--media"></div>
1271      </div>
1272      <a class="btn" href="https://casuca.jp/category/event-media/">view all</a>
1273    </div>
1274  </section>
1275<!-- ===== Information ===== -->
1276  <section id="info" class="section section--thin fadein">
1277    <div class="container">
1278      <h2 class="sec-ttl">Information</h2>
1279      <div class="js-includeWp--information"></div>
1280    </div>
1281  </section></section></main>
1282<!-- ===== Footer ===== -->
1283  <footer class="site-footer fadein">
1284    <div class="container foot-inner">
1285      <div class="foot-newsletter">
1286        <p class="nltitle">Subscribe to our Newsletter</p>
1287        <p class="nldesc">商品の入荷情報やイベント情報などを定期的に配信しています。<br>
1288ご希望の方はメールアドレスをご登録ください。</p>
1289<a href="/p/newsletter/subscribe">
1290        <form class="nl-form" action="#" method="post">
1291          <input type="email" name="email" placeholder="Email Address" disable>
1292          <button type="submit" class="btn btn-nl">
1293            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 51.4 24.2">
1294              <defs>
1295                <style>
1296                  .st0 {
1297                    fill: #2A1F0A;
1298                  }
1299                </style>
1300              </defs>
1301              <path class="st0" d="M37.9.1h-.6s1.8,5.2,8.7,10.9c-12.7,1.2-46.1.1-46.1.1v1.9s33.4-1.1,46.1.1c-7,5.7-8.7,10.9-8.7,10.9h.6c1.6-3.1,6.1-9.1,13.5-12-7.4-2.9-11.9-8.9-13.5-12Z"/>
1302            </svg>
1303          </button>
1304        </form>
1305</a>
1306      </div>
1307      <div class="foot-right">
1308        <nav>
1309          <ul class="foot-nav">
1310            <li><a href="/f/contact">Contact</a></li>
1311            <li><a href="/f/profile">Company</a></li>
1312            <li><a href="/f/shopping_guide">Shopping Guide</a></li>
1313            <li><a href="/p/about/terms">Legal Notice</a></li>
1314            <li><a href="/f/privacy">Privacy Policy</a></li>
1315            <!--li><a href="/c/test/gd979">Test Product</a></li-->
1316          </ul>
1317        </nav>
1318        <ul class="foot-sns">
1319      <li><a href="https://www.instagram.com/casuca_jewelry/" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-instagram.svg?t=20260919173730"></a></li>
1320          <li><a href="https://lin.ee/DFE9ZPU" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-line.svg?t=20260919173730"></a></li>
1321          <li><a href="https://www.facebook.com/casucajewelry/" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-fb.svg?t=20260919173730"></a></li>
1322        </ul>
1323      </div>
1324    </div>
1325  </footer>
1326<script>
1327window.addEventListener("load", function() {
1328  document.body.classList.add("page-loaded");
1329});
1330
1331document.querySelectorAll('.accordion-toggle').forEach(toggle => {
1332  toggle.addEventListener('click', function(e) {
1333    e.preventDefault(); // #への遷移防止
1334    const parent = this.parentElement;
1335    parent.classList.toggle('open');
1336  });
1337});
1338
1339jQuery(function($){
1340  const BREAKPOINT = 1024;
1341  const NEW_CLASS = 'accordion-item-sp';
1342  const ORIGINAL_CLASS = 'accordion-item';
1343
1344  function switchAccordionClass(){
1345    if ($(window).width() <= BREAKPOINT) {
1346      $('.' + ORIGINAL_CLASS)
1347        .removeClass(ORIGINAL_CLASS)
1348        .addClass(NEW_CLASS);
1349    } else {
1350      $('.' + NEW_CLASS)
1351        .removeClass(NEW_CLASS)
1352        .addClass(ORIGINAL_CLASS);
1353    }
1354  }
1355
1356  // 初回実行
1357  switchAccordionClass();
1358
1359  // リサイズ時にも再判定
1360  $(window).on('resize', function(){
1361    switchAccordionClass();
1362  });
1363});
1364
1365
1366
1367(function(){
1368  var html = document.documentElement;
1369  var drawerToggle = document.querySelector('.nav-toggle'); // ドロワーのチェックボックス
1370
1371  // ドロワー(ハンバーガー)
1372  if (drawerToggle){
1373    drawerToggle.addEventListener('change', function(){
1374      html.classList.toggle('drawer-open', this.checked);
1375    });
1376    // リロード直後の状態反映
1377    html.classList.toggle('drawer-open', drawerToggle.checked);
1378  }
1379
1380  // メガメニュー用:既に header.mega-open を使っているなら、それを監視して html にも反映
1381  var header = document.querySelector('header.site-header');
1382  if (header){
1383    var ro = new MutationObserver(function(){
1384      html.classList.toggle('mega-open', header.classList.contains('mega-open'));
1385    });
1386    ro.observe(header, { attributes:true, attributeFilter:['class'] });
1387  }
1388})();
1389
1390document.addEventListener('DOMContentLoaded', () => {
1391  // ====== グローバル・オーケストレーター:開始タイミングを間引く ======
1392  const MIN_GAP_GLOBAL = num(document.documentElement.dataset.sliderMinGap, 1200); // ms (html に data-slider-min-gap で上書き可)
1393  const Orchestrator = (() => {
1394    let nextAt = 0;                 // 次に開始可能な時刻 (performance.now 基準)
1395    const startJitterSmall = 120;   // 微小ジッターで完全同時を避ける
1396    return {
1397      schedule(desiredDelayMs){
1398        const now = performance.now();
1399        let target = now + Math.max(0, desiredDelayMs);
1400        if (target < nextAt + MIN_GAP_GLOBAL) target = nextAt + MIN_GAP_GLOBAL;
1401        target += Math.random() * startJitterSmall; // ほんの少し散らす
1402        nextAt = target;
1403        return Math.max(0, target - now);
1404      }
1405    };
1406  })();
1407
1408  // ====== すべてのスライダーを初期化 ======
1409  document.querySelectorAll('.mask-slider').forEach(initMaskSlider);
1410
1411  function initMaskSlider(root){
1412    const slides = Array.from(root.querySelectorAll('.slide'));
1413    if (slides.length === 0) return;
1414
1415    // ---- 設定(data-* で調整可能) ----
1416    const SPEED = num(root.dataset.speed, 1000);          // マスク上昇(ms)
1417    const HOLD  = num(root.dataset.hold, 2600);           // 基本キープ(ms)
1418    const JIT   = num(root.dataset.jitter, 900);          // ±ジッター(ms)
1419    const HMIN  = valOrNull(root.dataset.holdMin);
1420    const HMAX  = valOrNull(root.dataset.holdMax);
1421    const START = num(root.dataset.startJitter, 2200);    // 初回ばらし(ms)
1422    // 個別に最小間隔を強めたい時は data-min-gap を与える(グローバルより強い方を採用)
1423    const localMinGap = num(root.dataset.minGap, MIN_GAP_GLOBAL);
1424
1425    // オーケストレーターの最小間隔を強める(弱めは不可にしておく)
1426    if (localMinGap > MIN_GAP_GLOBAL) {
1427      // 上書きはできないので、遅延要求側で欲張って多めにリクエストするテクで対応
1428    }
1429
1430    const randBetween = (a,b) => Math.floor(a + Math.random()*(b-a));
1431    const nextHold = () => {
1432      if (HMIN != null && HMAX != null) return randBetween(Number(HMIN), Number(HMAX));
1433      return Math.max(400, HOLD + randBetween(-JIT, JIT));
1434    };
1435
1436    let cur = 0;
1437    let zCounter = 1;
1438    let timer = null;
1439
1440    // 初期化:全て下に隠す
1441    slides.forEach(s => {
1442      s.style.transition     = 'none';
1443      s.style.clipPath       = 'inset(100% 0 0 0)';
1444      s.style.webkitClipPath = 'inset(100% 0 0 0)';
1445      s.style.zIndex         = 0;
1446      s.style.willChange     = 'clip-path';
1447    });
1448
1449    // 1枚目は即表示(初回だけ特別)
1450    slides[cur].style.clipPath       = 'inset(0 0 0 0)';
1451    slides[cur].style.webkitClipPath = 'inset(0 0 0 0)';
1452    slides[cur].style.zIndex         = zCounter;
1453
1454    function step(){
1455      const next = (cur + 1) % slides.length;
1456      const curSlide  = slides[cur];
1457      const nextSlide = slides[next];
1458
1459      // 次を最前面・下で待機
1460      zCounter += 1;
1461      nextSlide.style.transition     = 'none';
1462      nextSlide.style.zIndex         = zCounter;
1463      nextSlide.style.clipPath       = 'inset(100% 0 0 0)';
1464      nextSlide.style.webkitClipPath = 'inset(100% 0 0 0)';
1465      nextSlide.getBoundingClientRect(); // 初期状態の確定(チラつき防止)
1466
1467      // 下→上に開く
1468      const tr = `clip-path ${SPEED}ms ease-in-out, -webkit-clip-path ${SPEED}ms ease-in-out`;
1469      nextSlide.style.transition     = tr;
1470      nextSlide.style.clipPath       = 'inset(0 0 0 0)';
1471      nextSlide.style.webkitClipPath = 'inset(0 0 0 0)';
1472
1473      // 終了後:前を下に戻す→次まで待つ(ランダム+最小間隔)
1474      timer = setTimeout(() => {
1475        curSlide.style.transition     = 'none';
1476        curSlide.style.clipPath       = 'inset(100% 0 0 0)';
1477        curSlide.style.webkitClipPath = 'inset(100% 0 0 0)';
1478        cur = next;
1479
1480        // 欲張り:ローカルで強い最小間隔を希望する場合はその分を余計に待望(要求遅延に上乗せ)
1481        const baseHold = nextHold();
1482        const extraGap = Math.max(0, localMinGap - MIN_GAP_GLOBAL);
1483        const desiredDelay = baseHold + extraGap;
1484
1485        timer = setTimeout(step, Orchestrator.schedule(desiredDelay));
1486      }, SPEED);
1487    }
1488
1489    // 初回開始:各インスタンスで十分にばらす(HOLDベース+STARTランダム)
1490    const firstDelay = nextHold() + randBetween(0, START);
1491    timer = setTimeout(step, Orchestrator.schedule(firstDelay));
1492
1493    // 破棄API(必要なら)
1494    root._destroyMaskSlider = () => { clearTimeout(timer); };
1495  }
1496
1497  // utils
1498  function num(v, d){ const n = Number(v); return Number.isFinite(n) ? n : d; }
1499  function valOrNull(v){ return (v === undefined || v === null || v === '') ? null : v; }
1500});
1501
1502
1503
1504
1505document.addEventListener('DOMContentLoaded', () => {
1506  const html = document.documentElement;
1507  const THRESHOLD = 1; // 実質0px。必要なら 10 などに
1508
1509  const updateAtTop = () => {
1510    const y = window.pageYOffset || document.documentElement.scrollTop || 0;
1511    html.classList.toggle('at-top', y <= THRESHOLD);
1512  };
1513
1514  window.addEventListener('scroll', updateAtTop, {passive:true});
1515  updateAtTop(); // 初期判定
1516});
1517
1518/*アコーディオン*/
1519document.querySelectorAll('.readmore-toggle').forEach(toggle => {
1520  toggle.addEventListener('click', function(e) {
1521    e.preventDefault();
1522
1523    const moreText = this.previousElementSibling.querySelector('.more');
1524    const isOpen = moreText.classList.toggle('open');
1525
1526    if (isOpen) {
1527    this.innerHTML = `Close
1528      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.2 12.5">
1529  <polygon class="st0" points="14.1 0 14.3 .1 28.2 12.2 28 12.5 14.1 .5 .3 12.5 0 12.2 14.1 0"/>
1530</svg>`;
1531  } else {
1532    this.innerHTML = `Read more
1533      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.2 12.5">
1534    <polygon points="14.1 12.5 14 12.4 0 .3 .3 0 14.1 12 28 0 28.2 .3 14.1 12.5"/>
1535  </svg>`;
1536  }
1537  });
1538});
1539
1540/*disable main.css*/
1541
1542(function () {
1543  // 無効化したいCSSのURLの一部を並べる(例)
1544  const BLOCK = [
1545    'main.css',
1546    'fs_style.css',
1547'fs_theme.css'
1548  ];
1549
1550  function kill(link) {
1551    // 好みでどれか1つ:いずれも“適用されない”状態になります
1552    link.disabled = true;             // そのスタイルシートを無効化
1553    link.media = 'not all';           // メディアを無効化(FOUCが少ない)
1554    // link.parentNode && link.parentNode.removeChild(link); // 完全に除去したい場合
1555  }
1556
1557  function sweep() {
1558    document.querySelectorAll('link[rel="stylesheet"]').forEach(link => {
1559      const href = link.getAttribute('href') || '';
1560      if (BLOCK.some(key => href.includes(key))) kill(link);
1561    });
1562  }
1563
1564  // 初回:既に入っているもの
1565  sweep();
1566
1567  // 監視:あとから差し込まれても無効化
1568  const mo = new MutationObserver(sweep);
1569  mo.observe(document.documentElement, { childList: true, subtree: true });
1570})();
1571
1572const targets = document.querySelectorAll('.fadein');
1573const obs = new IntersectionObserver(entries => {
1574  entries.forEach(entry => {
1575    if (entry.isIntersecting) {
1576      entry.target.classList.add('show');
1577      // 一度表示したら監視解除する場合
1578      obs.unobserve(entry.target);
1579    }
1580  });
1581}, {
1582  threshold: 0.1 // 10%見えたら発火
1583});
1584
1585targets.forEach(target => obs.observe(target));
1586
1587  /* Accessible Tabs (click + keyboard) */
1588(function(){
1589  const root = document.getElementById('ringTabs');
1590  const tabs = Array.from(root.querySelectorAll('[role="tab"]'));
1591  const panels = tabs.map(tab => document.getElementById(tab.getAttribute('aria-controls')));
1592
1593  function activateTab(index, focus=true){
1594    tabs.forEach((t,i)=>{
1595      const selected = i === index;
1596      t.setAttribute('aria-selected', selected);
1597      t.tabIndex = selected ? 0 : -1;
1598      panels[i].hidden = !selected;
1599    });
1600    if (focus) tabs[index].focus();
1601  }
1602
1603  tabs.forEach((tab, i)=>{
1604    tab.addEventListener('click', ()=> activateTab(i, false));
1605    tab.addEventListener('keydown', (e)=>{
1606      const key = e.key;
1607      let idx = i;
1608      if (key === 'ArrowRight') { idx = (i+1) % tabs.length; e.preventDefault(); activateTab(idx); }
1609      if (key === 'ArrowLeft')  { idx = (i-1+tabs.length) % tabs.length; e.preventDefault(); activateTab(idx); }
1610      if (key === 'Home')       { e.preventDefault(); activateTab(0); }
1611      if (key === 'End')        { e.preventDefault(); activateTab(tabs.length-1); }
1612    });
1613  });
1614})();
1615</script>
vendor: 1 bytes, line 1615
1615
1616<script>
1617jQuery(function($){
1618  $('.btn-search').on('click', function() {
1619    $('.search-form').addClass('search-open');
1620  });
1621
1622  $('.btn-form-close').on('click', function() {
1623    $('.search-form').removeClass('search-open');
1624  });
1625});
1626
1627jQuery(function($){
1628  $('.fs-c-productListCarousel__list__itemTrack').slick('unslick');
1629});
1630
1631jQuery(function($){
1632  const $drawer = $('.drawer');
1633  const $brandBtn = $('.accordion-toggle:contains("Brand")');
1634  const $btnBack = $('.drawer-brand .btn-back');
1635  const $btnClose = $('.btn-close, .drawer-close'); // 閉じるボタン
1636
1637  // Brandをクリック → ブランド一覧に切り替え
1638  $brandBtn.on('click', function(e){
1639    e.preventDefault();
1640    $drawer.addClass('show-brand');
1641  });
1642
1643  // Backをクリック → メインメニューに戻る
1644  $btnBack.on('click', function(){
1645    $drawer.removeClass('show-brand');
1646  });
1647
1648  // メニューを閉じる時(×ボタン)
1649  $btnClose.on('click', function(){
1650    $drawer.removeClass('show-brand'); // ← ブランド表示を確実に閉じる
1651  });
1652});
1653
1654
1655jQuery(function($){
1656  const $drawer2   = $('.drawer');
1657  const $eventBtn  = $('.has-sub2');
1658  const $btnBack2  = $('.drawer-event .btn-back');
1659  const $btnClose2 = $('.btn-close, .drawer-close'); // 閉じるボタン
1660
1661  // Brandをクリック → ブランド一覧に切り替え
1662  $eventBtn.on('click', function(e){
1663    e.preventDefault();
1664    $drawer2.addClass('show-event');
1665  });
1666
1667  // Backをクリック → メインメニューに戻る
1668  $btnBack2.on('click', function(){
1669    $drawer2.removeClass('show-event');
1670  });
1671
1672  // メニューを閉じる時(×ボタン)
1673  $btnClose2.on('click', function(){
1674    $drawer2.removeClass('show-event'); // ← ブランド表示を確実に閉じる
1675  });
1676});
1677
1678
1679/*メガメニュー関連*/
1680const header = document.querySelector('header');
1681const hasMegaItems = document.querySelectorAll('.gnav-list .has-mega');
1682
1683// ===== オーバーレイ(暗幕)を生成 =====
1684const overlay = document.createElement('div');
1685overlay.classList.add('mega-overlay');
1686document.body.appendChild(overlay);
1687
1688// 閉じる関数
1689function closeAllMegaMenus() {
1690  hasMegaItems.forEach(item => {
1691    const menu = item.querySelector('.mega-menu');
1692    if (menu) menu.setAttribute('aria-hidden', 'true');
1693  });
1694  header.classList.remove('mega-open');
1695  overlay.classList.remove('active'); // 暗幕を消す
1696}
1697
1698// 各 .has-mega に動作追加
1699hasMegaItems.forEach(item => {
1700  const link = item.querySelector('.nav-link');
1701  const menu = item.querySelector('.mega-menu');
1702
1703  // 開く(マウスオーバー)
1704  link.addEventListener('mouseenter', () => {
1705    closeAllMegaMenus(); // 他を閉じる
1706    menu.setAttribute('aria-hidden', 'false');
1707    header.classList.add('mega-open');
1708    overlay.classList.add('active'); // 暗幕を表示
1709  });
1710
1711  // linkから離れた時
1712  link.addEventListener('mouseleave', () => {
1713    if (!menu.matches(':hover')) {
1714      closeAllMegaMenus();
1715    }
1716  });
1717
1718  // メニューに入っている間は開いたまま
1719  menu.addEventListener('mouseenter', () => {
1720    menu.setAttribute('aria-hidden', 'false');
1721    header.classList.add('mega-open');
1722    overlay.classList.add('active'); // 再表示保険
1723  });
1724
1725  // メニューから離れたら閉じる
1726  menu.addEventListener('mouseleave', () => {
1727    closeAllMegaMenus();
1728  });
1729});
1730
1731// ===== スクロールでヘッダーを縮小 =====
1732(function(){
1733  const header = document.querySelector('.site-header');
1734  const html   = document.documentElement;
1735  const THRESHOLD = 10;
1736  let ticking = false;
1737
1738  const isMegaOpen = () =>
1739    html.classList.contains('mega-open') ||
1740    header.classList.contains('mega-open');
1741
1742  function update(){
1743    if (isMegaOpen()) { ticking = false; return; }
1744    const compact = (window.pageYOffset || document.documentElement.scrollTop) > THRESHOLD;
1745    header.classList.toggle('is-compact', compact);
1746    ticking = false;
1747  }
1748
1749  window.addEventListener('scroll', function(){
1750    if (ticking) return;
1751    requestAnimationFrame(update);
1752    ticking = true;
1753  }, {passive:true});
1754
1755  update();
1756})();
1757
1758
1759jQuery(function($){
1760  let scrollPosition = 0;
1761
1762  // drawer開く時
1763  $(document).on('click', '.nav-toggle, .drawer-open-btn', function(){
1764    scrollPosition = $(window).scrollTop();
1765    $('html').addClass('drawer-open');
1766  });
1767
1768  // drawer閉じる時
1769  $(document).on('click', '.drawer-close, .btn-close, .drawer .overlay', function(){
1770    $('html').removeClass('drawer-open');
1771    $(window).scrollTop(scrollPosition);
1772  });
1773});
1774
1775$(document).ready(function(){
1776$.ajax({
1777  url: 'https://casuca.jp/media-wp-header/?paged=media',
1778  type: 'GET',
1779  cache: false,
1780  success: function(res) {
1781    if(res.responseText){
1782        content = $(res.responseText);
1783    }else{
1784        content = $(res);
1785    }
1786    // 取得した内容を指定した箇所の中にHTMLで出力
1787    $(".js-includeWp--media--header").html(content);
1788  }
1789});
1790});
1791</script>
vendor: 1 bytes, line 1791
1791
1792<script>
1793
1794$(".slide-items")
1795  .on("init", function (event, slick) {
1796    $(".now-count").text(slick.currentSlide + 1);
1797    $(".all-count").text(slick.slideCount);
1798
1799    // 初回のみ進行速度を補正(例:speed分短くする)
1800    const firstDuration = slick.options.autoplaySpeed + slick.options.speed - slick.options.speed;
1801    startProgress(slick, firstDuration);
1802  })
1803  .slick({
1804    fade: true,
1805    arrows: false,
1806    autoplay: true,
1807    pauseOnHover: false,
1808    pauseOnFocus: false,
1809    autoplaySpeed: 5000,
1810    speed: 2000,
1811    responsive: [{
1812      breakpoint: 813,
1813      settings: { arrows: false }
1814    }]
1815  })
1816  .on("beforeChange", function (event, slick, currentSlide, nextSlide) {
1817    $(".now-count").text(nextSlide + 1);
1818    startProgress(slick); // 通常速度
1819  });
1820
1821// プログレスバー制御関数
1822function startProgress(slick, customDuration = null) {
1823  const mask = document.getElementById("maskRect");
1824  const totalDuration = customDuration || (slick.options.autoplaySpeed + slick.options.speed);
1825  const barWidth = 272;
1826
1827  // リセット
1828  mask.style.transition = "none";
1829  mask.style.width = "0px";
1830
1831  // 少し遅れて再スタート
1832  setTimeout(() => {
1833    mask.style.transition = `width ${totalDuration}ms linear`;
1834    mask.style.width = `${barWidth}px`;
1835  }, 50);
1836}
1837
1838
1839
1840
1841
1842//
1843$(document).ready(function(){
1844$.ajax({
1845  url: 'https://casuca.jp/news-wp/?paged=information',
1846  type: 'GET',
1847  cache: false,
1848  success: function(res) {
1849    if(res.responseText){
1850        content = $(res.responseText);
1851    }else{
1852        content = $(res);
1853    }
1854    // 取得した内容を指定した箇所の中にHTMLで出力
1855    $(".js-includeWp--information").html(content);
1856  }
1857});
1858});
1859
1860
1861jQuery(function($){
1862
1863  const $slider = $('.slide-items');
1864  const $title = $('.hero-tag .title span');
1865
1866  // 初期表示
1867  $slider.on('init', function(event, slick){
1868    const $current = $(slick.$slides[slick.currentSlide]);
1869    $title.text($current.find('.slide-title').text()).css('opacity', 1);
1870  });
1871
1872  // スライド切り替え直前
1873  $slider.on('beforeChange', function(event, slick, currentSlide, nextSlide){
1874    const $next = $(slick.$slides[nextSlide]);
1875    const newTitle = $next.find('.slide-title').text();
1876
1877    // すぐに新しいタイトルをセット
1878    // フェードで切り替えのタイミングをスライドと一致させる
1879    $title.stop(true, true)
1880      .animate({ opacity: 0 }, slick.options.speed / 0, function(){
1881        $title.text(newTitle)
1882              .animate({ opacity: 1 }, slick.options.speed / 0);
1883      });
1884  });
1885
1886});
1887
1888
1889
1890
1891$(function(){
1892  $.ajax({
1893    url: 'https://casuca.jp/media-wp/?paged=1',
1894    type: 'GET',
1895cache: false,
1896success: function(res) { if(res.responseText){ content = $(res.responseText); }else{ content = $(res); }
1897      $(".js-includeWp--media").html(content);
1898    }
1899  });
1900});
1901
1902
1903
1904/*
1905document.addEventListener('DOMContentLoaded', () => {
1906  if (!(window.jQuery && jQuery.fn && jQuery.fn.slick)) return;
1907  jQuery('.fs-c-productListCarousel__list__itemTrack.slick-initialized').slick('unslick');
1908});
1909*/
1910document.addEventListener('DOMContentLoaded', () => {
1911  if (!(window.jQuery && jQuery.fn && jQuery.fn.slick)) return;
1912  jQuery('.fs-c-slick').slick('unslick');
1913});
1914
1915</script>
1915
1916</div>
1917<script class="fs-system-icon_remove" type="text/html">
1918<button type="button" class="fs-c-button--removeFromWishList--icon fs-c-button--particular">
1919<span class="fs-c-button__label">お気に入りを解除する</span>
1920</button>
1921</script>
vendor: 2 bytes, line 1921
1921
1922<script  class="fs-system-icon_add" type="text/html">
1923<button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular">
1924<span class="fs-c-button__label">お気に入りに登録する</span>
1925</button>
1926</script>
vendor: 2 bytes, line 1926
1926
1927<script class="fs-system-detail_remove" type="text/html">
1928<button type="button" class="fs-c-button--removeFromWishList--detail fs-c-button--particular">
1929<span class="fs-c-button__label">お気に入りを解除する</span>
1930</button>
1931</script>
vendor: 2 bytes, line 1931
1931
1932<script class="fs-system-detail_add" type="text/html">
1933<button type="button" class="fs-c-button--addToWishList--detail fs-c-button--particular">
1934<span class="fs-c-button__label">お気に入りに登録する</span>
1935</button>
1936</script>
1936
1937
1938
1939
1940
1941
1942
1943<script src="/shop/js/webstore.js?t=20260910153739"></script>
1943
1944</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.