PageSourceSearch

https://casuca.jp/p/login

html casuca.jp collected 2026-10-04 04:19:04 UTC 52,488 bytes, 1,037 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja"><head>
3  <meta charset="UTF-8">
4  
5  <meta name="_csrf" content="10DXtkfp0nxJfYK8IhUzqqtm3V0ckL8ZqiOK_ctDNkPG2O1B5iPg1HDd5U5kT7XYRDgHmp1U8Dx684w0nhK-z_txV3X2vIxw">
6  
7  <title>ログイン | CASUCA</title>
8  <meta name="viewport" content="width=device-width">
9
10  <meta name="referrer" content="no-referrer-when-downgrade">
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={"amazon":{"v2Enabled":true,"payload":"{\"signInScopes\":[\"email\",\"name\",\"postalCode\"],\"storeId\":\"amzn1.application-oa2-client.34464a6cff314f2fb940764de451d15f\",\"signInReturnUrl\":\"https://casuca.jp/p/amazon/signin?fs-state=%7B%22token%22:%221c7b7472-27df-4062-afc3-414202a60da1%22,%22returnUrl%22:%22/p/login%22,%22redirectUrl%22:%22/my/top%22,%22loginType%22:%22mypage%22%7D\"}","signature":"KK+Gtx2KCyFI5xrG4+06TyvqBZi49r1+JEl44ZUyyNvxoQRheBLQIJ5QbbuSQVDtgi5l+KQOTnGxEdvbgEFUc4kVMOlIArte9vQpGVyRjIOl1cmeZp0PyFIPKqDQGMnB86Aa6wf5UHIA+BTUDxB+Vi9TUBGtVyJgTu36OAVQjDiKMywbYjemHMjBZ0HnQIqXahUjoWl4OcJ8FxdnrMC0paPnCtR53jGZcL2MNZupJMyAdRTWz+V0J+GBQ95gtHGKeaNAFLTK80OgNNrpXzgnjwmTDv/kVz1k9L2tJVzuOZRaY8OSt+e5LnvgvjhAzd7DzVSIXsA14MvqoGe5MVbjgg==","publicKeyId":"AGAVY4AYJATKYH3YPWEWSFEK","checkoutSessionId":null,"amazonAction":null,"sellerId":"AWXZSIKWKQHCK","clientId":"amzn1.application-oa2-client.34464a6cff314f2fb940764de451d15f","sandboxMode":false,"loginUrl":null,"amazonLoggedOut":true,"dynamicUrl":"/my/top","popup":true,"type":"mypage","button":{"color":"Gold","size":null},"v2AuthToken":"eyJhbGciOiJIbWFjU0hBMjU2IiwidHlwIjoiSldUIn0=.eyJhdWQiOlsiQW1hem9uUGF5Il0sImV4cCI6MTcyOTQ4MjcyMzk4NywiaWF0IjoxNjk4Mzc4NzIzOTg3LCJpc3MiOiJBbWF6b25QYXkiLCJqdGkiOiJhbXpuLjEuNWE0MmEzNGUtODYyMC00ODhmLWI2NzEtZDY5MjY2MmU1YWQzIiwicGlkIjoiQUdSNUlaS0xKRzVQUFlYR0JVM0JFWUo1RzYzUSIsInNjb3BlcyI6WyIqIl0sInN1YiI6WyJBR0lFT01DSkpRWEEzUVEyQlRRWkg0Q05XSllBIl19.aWphDrT50AYrcg1HkeI78qNLyeV6Y5xUboiGIUhVWCo="},"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 @}"}}},"type":"mypage","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/p/login">
40    <meta property="og:site_name" content="CASUCA">
41  
42  
43  
44    
44<script type="text/javascript" >
45      document.addEventListener('DOMContentLoaded', function() {
46        _FS.CMATag('{"fs_member_id":"{@ member.id @}","fs_page_kind":"other"}')
47      })
48    </script>
48
49  
50  
51    <!-- webfont -->
52  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
53<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
54<link rel="stylesheet" href="https://casuca.itembox.cloud/item/css/main.css?t=20260919173730" type="text/css">
55
56  
56<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
56
57  
57<script src="//cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
57
58  
58<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
vendor: 67 bytes, lines 58-61
58
59
60
61<script async src="https://www.googletagmanager.com/gtag/js?id=
61G-GJB030B83T
vendor: 15 bytes, lines 61-62
61"></script>
62
63<script><!--
64_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');
65--></script>
65
66</head>
67<body class="fs-body-login" id="fs_Login">
68
69<div class="fs-l-page">
70  <!-- webfont -->
71
72  <link rel="stylesheet" href="https://use.typekit.net/cxx7nlg.css">
73  
73<script>
74  (function(d) {
75    var config = {
76      kitId: 'cdp8fom',
77      scriptTimeout: 0,
78      async: true
79    },
80    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)
81  })(document);
82</script>
82
83
84<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=visibility" />
85
86<link rel="stylesheet" type="text/css" href="https://casuca.itembox.cloud/item/css/grotesk_style.css?t=20260919173730">
87<link rel="stylesheet" media="screen and (max-width: 1166px)" type="text/css" href="https://casuca.itembox.cloud/item/css/grotesk_responsive.css?t=20260919173730">
88
89<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
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://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css">
92
93<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
vendor: 1 bytes, line 93
93
94<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
94
95<!-- ===== Global Header ===== -->
96  <header class="site-header">
97    <div class="_container header-bar">
98      <!-- 左:ロゴブロック -->
99      <div id="siteLogo" class="header-left">
100        <a class="logo nav-link" href="/">
101          <svg class="logo-pc" id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 678.2 65.9">
102  <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"/>
103  <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"/>
104  <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"/>
105  <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"/>
106  <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"/>
107  <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"/>
108</svg>
109
110<div class="logo-sp"></div>
111
112<!--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">
113  <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"/>
114  <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"/>
115  <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"/>
116  <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"/>
117  <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"/>
118  <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"/>
119</svg-->
120        </a>
121      </div>
122
123      <!-- 中央:グローバルナビ -->
124      <nav class="gnav" aria-label="Global Navigation">
125        <ul class="gnav-list">
126          <li class="has-mega" data-mega-target="menu1">
127            <a href="#" class="nav-link">Brand</a>
128            <!-- メガメニュー -->
129            <div class="mega-menu mega1" data-mega="menu1" aria-hidden="true">
130              <div class="mega-items">
131                <div class="mega-item">
132                  <a href="/c/brand/brand_casuca">
133                    <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
134                    <h3>CASUCA</h3>
135                    <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
136                  </a>
137                </div>
138                <div class="mega-item">
139                  <a href="/c/bridal">
140                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news02.jpg?t=20260919173730" alt="CASUCA bridal">
141                  <h3>CASUCA  bridal</h3>
142                  <p>CASUCA だけの<br>ブライダルアクセサリーブランド</p>
143                  </a>
144                </div>
145                <div class="mega-item">
146                  <a href="/c/brand/brand_etmo">
147                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news03.jpg?t=20260919173730" alt="CASUCA et mo">
148                  <h3>CASUCA et mo</h3>
149                  <p>CASUCAと持田香織の<br>コラボレーションブランド</p>
150                  </a>
151                </div>
152                <div class="mega-item">
153                  <a href="/c/brand/brand_hicari">
154                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news04.jpg?t=20260919173730" alt="CASUCA  na Hicari">
155                  <h3>CASUCA na Hicari</h3>
156                  <p>CASUCAと満島ひかりの<br>コラボレーションブランド</p>
157                  </a>
158                </div>
159                <!--div class="mega-item last">
160                  <a href="#">
161                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
162                  <h3>CASUCA</h3>
163                  <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
164                  </a>
165                </div-->
166              </div>
167            </div>
168          </li>
169          <li><a href="/f/about-casuca" class="nav-link">About</a></li>
170          <li class="has-mega" data-mega-target="menu2">
171            <a href="https://casuca.jp/category/event-media/" class="nav-link">Event &amp; Media</a>
172            <!-- メガメニュー -->
173            <div class="mega-menu mega2" data-mega="menu2" aria-hidden="true">
174              <div class="mega-items">
175              <div class="js-includeWp--media--header"></div>
176              </div>
177              <div class="mega-footer">
178                <a href="https://casuca.jp/category/event-media/" class="view-all">View All</a>
179              </div>
180            </div>
181          </li>
182          <li><a href="https://casuca.jp/category/information/" class="nav-link">Information</a></li>
183          <li><a href="/f/historia" class="nav-link">Shop</a></li>
184        </ul>
185      </nav>
186
187      <!-- 右:ユーティリティ -->
188      <div class="header-right">
189        <a class="btn-search pc" href="#" class="nav-link">
190          <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
191  <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"/>
192</svg>
193        </a>
194        <a class="btn-mypage" href="/p/login" class="nav-link">
195          <svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17">
196            <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"/>
197            <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"/>
198          </svg>
199        </a>
200        <a class="btn-cart" href="/p/cart" class="nav-link">
201        <span class="cartAmount fs-client-cart-count wpHide fs-client-cart-count--0">0</span>
202          <svg id="cracked-cart" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
203            <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"/>
204            <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"/>
205            <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"/>
206          </svg>
207          <svg id="normal-cart" data-name="" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
208            <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"/>
209            <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"/>
210            <path fill="#fff" d="M18.9,11.5L20.9,0H0l1.6,11.4h17.2ZM20,.8l-1.7,10H2.3L.8.8h19.2Z"/>
211          </svg>
212
213        </a>
214        <a class="btn-store sp-style" href="/c/item/" class="nav-link">Online Store</a>
215        <a class="btn-search sp" href="#" class="nav-link">
216          <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
217  <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"/>
218</svg>
219        </a>
220        <!-- ハンバーガー(CSSだけで開閉) -->
221        <input type="checkbox" id="nav-toggle" class="nav-toggle" aria-label="メニューを開く" />
222        <label for="nav-toggle" class="hambuger" aria-hidden="true">
223          <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">
224            <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"/>
225            <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"/>
226            <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"/>
227          </svg>
228          <svg class="hum-sp" id="layer2" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 72.3 50.7">
229          <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"/>
230          <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"/>
231          </svg>
232        </label>
233        <!-- オーバーレイ -->
234        <label for="nav-toggle" class="overlay"></label>
235        <div class="drawer">
236          <div class="btn-close">
237            <label for="nav-toggle" class="drawer-close">
238            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.2 23.2">
239              <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"/>
240            </svg>
241            </label>
242          </div>
243          <div class="drawer-scroll">
244            <nav class="drawer-nav" aria-label="Mobile Navigation">
245              <ul class="drawer-list">
246                <li class="menu-num menu-01 accordion-item has-sub">
247                  <a href="#" class="accordion-toggle">
248                    Brand
249                    <svg class="accordion-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.2 8.1">
250                      <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"/>
251                    </svg>
252<img src="https://casuca.itembox.cloud/item/2025/icon-has-menu.svg?t=20260919173730" class="sp" />
253                  </a>
254                  <ul class="sub-menu">
255                    <li><a href="/c/brand/brand_casuca">CASUCA</a></li>
256                    <li><a href="/c/bridal">CASUCA bridal</a></li>
257                    <li><a href="/c/brand/brand_etmo">CASUCA et mo</a></li>
258                    <li><a href="/c/brand/brand_hicari">CASUCA na Hicari</a></li>
259                    <!--li><a href="/c/collaboration-item/CASUCA-et-CRi">CASUCA et CRI</a></li-->
260                  </ul>
261                </li>
262                <li class="menu-num menu-02"><a href="/f/about-casuca">About</a></li>
263                <li class="menu-num menu-03 pc">
264                    <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" />
265                    </a>
266                </li>
267                <li class="menu-num menu-03 has-sub2 sp">
268                    <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" />
269                    </a>
270                </li>
271                <li class="menu-num menu-04"><a href="https://casuca.jp/category/information/">Information</a></li>
272                <li class="menu-num menu-05"><a href="/f/historia">Shop</a></li>
273              </ul>
274              <a class="btn-store" href="/c/item/">Online Store</a>
275              <a class="btn-mypage" href="/p/login">
276                <svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17">
277                  <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>
278                  <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>
279                </svg>
280              </a>
281              <a class="btn-cart" href="/p/cart">
282                <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.9 17">
283                  <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>
284                  <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>
285                  <path fill="#000" d="M18.9,11.5L20.9,0H0l1.6,11.4h17.2ZM20,.8l-1.7,10H2.3L.8.8h19.2Z"></path>
286                </svg>
287              </a>
288              <a class="btn-search" href="#">
289                <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.5 14.6">
290  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->
291  <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"/>
292</svg>
293              </a>
294            </nav>
295            <div class="menu-bottom">
296              <nav>
297                <ul class="menu-bottom-list">
298                  <li><a href="/f/contact">Contact</a></li>
299                  <li><a href="/f/profile">Company</a></li>
300                  <li><a href="/f/shopping_guide">Shopping Guide</a></li>
301                  <li><a href="/p/about/terms">Legal Notice</a></li>
302                  <li><a href="/f/privacy">Privacy Policy</a></li>
303                </ul>
304              </nav>
305              <table class="menu-bottom-sns-table">
306<tr>
307          <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>
308              <td><a href="https://lin.ee/DFE9ZPU" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-line.svg?t=20260919173730"></a></td>
309              <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>
310</tr>
311              </table>
312            </div>
313          </div>
314<!-- Event 一覧ページ -->
315          <div class="drawer-event">
316            <button class="btn-back"><img src="https://casuca.itembox.cloud/item/2025/icon-back.svg?t=20260919173730"/>Back</button>
317            <div class="mega-items">
318              <div class="js-includeWp--media--header"></div>
319            <div class="mega-footer">
320                <a href="https://casuca.jp/category/event-media/" class="view-all">View All</a>
321            </div>
322            </div>
323          </div>
324<!-- Brand 一覧ページ -->
325<div class="drawer-brand">
326  <button class="btn-back"><img src="https://casuca.itembox.cloud/item/2025/icon-back.svg?t=20260919173730"/>Back</button>
327  <div class="mega-items">
328                <div class="mega-item">
329                  <a href="/c/brand/brand_casuca">
330                    <img src="https://casuca.itembox.cloud/item/2025/thumb-news01.jpg?t=20260919173730" alt="CASUCA">
331                    <h3>CASUCA</h3>
332                    <p>安野ともこによる<br>オリジナルアクセサリーブランド</p>
333                  </a>
334                </div>
335                <div class="mega-item">
336                  <a href="/c/bridal">
337                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news02.jpg?t=20260919173730" alt="CASUCA bridal">
338                  <h3>CASUCA bridal</h3>
339                  <p>CASUCA だけの<br>ブライダルアクセサリーブランド</p>
340                  </a>
341                </div>
342                <div class="mega-item">
343                  <a href="/c/brand/brand_etmo">
344                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news03.jpg?t=20260919173730" alt="CASUCA et mo">
345                  <h3>CASUCA et mo</h3>
346                  <p>CASUCAと持田香織の<br>コラボレーションブランド</p>
347                  </a>
348                </div>
349                <div class="mega-item">
350                  <a href="/c/brand/brand_hicari">
351                  <img src="https://casuca.itembox.cloud/item/2025/thumb-news04.jpg?t=20260919173730" alt="CASUCA  na Hicari">
352                  <h3>CASUCA na Hicari</h3>
353                  <p>CASUCAと満島ひかりの<br>コラボレーションブランド</p>
354                  </a>
355                </div>
356              </div>
357</div>
358        </div>
359      </div>
360    </div>
361
362        <div class="search-form">
363          <div class="btn-form-close">
364            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.2 23.2">
365              <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>
366            </svg>
367          </div>
368          <!-- **商品キーワード検索フォーム(フリーパーツ)↓↓ -->
369<div class="fs-p-searchForm">
370  <form action="/p/search" method="get">
371    <span class="fs-p-searchForm__inputGroup fs-p-inputGroup">
372      <input type="text" name="keyword" maxlength="1000" placeholder="Product Search" class="fs-p-searchForm__input fs-p-inputGroup__input">
373      <button type="submit" class="fs-p-searchForm__button fs-p-inputGroup__button">Search</button>
374    </span>
375  </form>
376</div>
377
378<script type="application/ld+json">
379{
380  "@context": "http://schema.org",
381  "@type": "WebSite",
382  "url": "https://casuca.jp",
383  "potentialAction": {
384    "@type": "SearchAction",
385    "target": "https://casuca.jp/p/search?keyword={search_term_string}",
386    "query-input": "required name=search_term_string"
387  }
388}
389</script>
389
390<!-- **商品キーワード検索フォーム(フリーパーツ)↑↑ -->
391        </div>
392  </header>
393<main class="fs-l-main"><div id="fs-page-error-container" class="fs-c-panelContainer">
394  
395  
396</div>
397<section class="fs-l-pageMain"><!-- **ページ見出し(フリーパーツ)↓↓ -->
398<h2 class="fs-c-heading fs-c-heading--page">Login</h2>
399<!-- **ページ見出し(フリーパーツ)↑↑ -->
400
401<div class="fs-c-loginForm"><section class="fs-c-registeredUsers fs-c-subSection"><!-- **ログインパーツ(システムパーツ)↓↓ -->
402<h2 class="fs-c-registeredUsers__title fs-c-subSection__title">会員登録がお済みのお客様</h2>
403<div class="fs-c-fsLogin fs-c-inputInformation">
404  <form action="/p/login" method="post" name="fs_form" id="fs_form">
405    <div class="fs-c-inputInformation__field">
406      <fieldset form="fs_form" name="" class="fs-c-fsLoginField">
407        <table class="fs-c-inputTable">
408          <tbody>
409            
410            <tr>
411              <th class="fs-c-inputTable__headerCell" scope="row">
412                <label for="fs_input_mailAddress" class="fs-c-inputTable__label">メールアドレス
413                  <span class="fs-c-requiredMark">(必須)</span>
414                </label>
415              </th>
416              <td class="fs-c-inputTable__dataCell">
417                <div class="fs-c-inputField">
418                  <div class="fs-c-inputField__field">
419                    <input type="text" name="mailAddress" id="fs_input_mailAddress" value="">
420                  </div>
421                </div>
422              </td>
423            </tr>
424            
425            <tr>
426              <th class="fs-c-inputTable__headerCell" scope="row">
427                <label for="fs_input_password" class="fs-c-inputTable__label">パスワード
428                  <span class="fs-c-requiredMark">(必須)</span>
429                </label>
430              </th>
431              <td class="fs-c-inputTable__dataCell">
432                <div class="fs-c-inputField">
433                  <div class="fs-c-inputField__field fs-c-inputGroup">
434                    <input type="password" name="password" id="fs_input_password" value="">
435                    <button type="button" name="button" class="fs-c-button--displayPassword fs-c-button--particular" aria-label="パスワードマスク切替"></button>
436                  </div>
437                </div>
438              </td>
439            </tr>
440          </tbody>
441        </table>
442      </fieldset>
443    </div>
444    <div class="fs-c-inputInformation__button fs-c-buttonContainer fs-c-buttonContainer--login">
445      <button type="submit" class="fs-c-button--login fs-c-button--primary">
446  <span class="fs-c-button__label">ログイン</span>
447</button>
448
449    </div>
450
451
452    <input type="hidden" name="_csrf" value="10DXtkfp0nxJfYK8IhUzqqtm3V0ckL8ZqiOK_ctDNkPG2O1B5iPg1HDd5U5kT7XYRDgHmp1U8Dx684w0nhK-z_txV3X2vIxw" />
453  </form>
454  <div class="fs-c-inputInformation__link fs-c-textLinkContainer"><a href="/p/forgot-password" class="fs-c-textLink">パスワードをお忘れですか?</a></div>
455</div>
456<!-- **ログインパーツ(システムパーツ)↑↑ -->
457
458<!-- **他社サービスログインエリア(システムパーツグループ)↓↓ -->
459  <div class="fs-c-otherServiceLogin">
460      
461<!-- **連携ログインパーツ(システムパーツ)↓↓ -->
462<div class="fs-c-linkedServiceLogin">
463  <h2 class="fs-c-linkedServiceLogin__title">連携サービスでログイン・会員登録</h2>
464  <div class="fs-c-linkedServiceLogin__body">
465  
466    <div class="fs-c-linkedServiceLogin__login">
467      
468      
469      <div class="fs-c-anotherLogin fs-c-anotherLogin--amazon">
470  <div class="fs-c-anotherLogin__message fs-c-anotherLogin__message--amazon"><p>Amazon.co.jpにご登録の情報を利用してログインまたは会員登録されるお客様は、「Amazonアカウントでログイン」ボタンよりお進みください。</p></div>
471  <div class="fs-c-anotherLogin__button fs-c-anotherLogin__button--amazon fs-c-buttonContainer" id="AmazonPayButton">
472</div>
473</div>
474    </div>
475  </div>
476</div>
477<!-- **連携ログインパーツ(システムパーツ)↑↑ -->
478
479
480  </div>
481<!-- **他社サービスログインエリア(システムパーツグループ)↑↑ -->
482
483</section>
484
485<!-- **futureshop非会員エリア(システムパーツグループ)↓↓ -->
486  <section class="fs-c-newUsers fs-c-subSection">
487    
488<!-- **会員登録誘導表示(システムパーツ)↓↓ -->
489<h2 class="fs-c-newUsers__title fs-c-subSection__title">まだご登録がお済みでないお客様</h2>
490<div class="fs-c-newUsers__message fs-c-subSection__message">会員登録をしていただきますと、二度目のお買い物時にとても便利です。<br>お気に入り商品をご登録いただけるなどお買い物が便利になります。</div>
491<div class="fs-c-buttonContainer fs-c-buttonContainer--memberRegister">
492  
493  
494    <a href="/p/register" class="fs-c-button--memberRegister fs-c-button--primary">
495  <span class="fs-c-button__label">会員登録</span>
496</a>
497  
498    
499</div>
500<!-- **会員登録誘導表示(システムパーツ)↑↑ -->
501
502  </section>
503<!-- **futureshop非会員エリア(システムパーツグループ)↑↑ -->
504</div>
505</section></main>
506<!-- ===== Footer ===== -->
507  <footer class="site-footer fadein">
508    <div class="container foot-inner">
509      <div class="foot-newsletter">
510        <p class="nltitle">Subscribe to our Newsletter</p>
511        <p class="nldesc">
511商品の入荷情報やイベント情報などを定期的に配信しています。<br>
512ご希望の方はメールアドレスをご登録ください。</p>
513<a href="/p/newsletter/subscribe">
514        <form class="nl-form" action="#" method="post">
515          <input type="email" name="email" placeholder="Email Address" disable>
516          <button type="submit" class="btn btn-nl">
517            <svg id="_レイヤー_1" data-name="レイヤー_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 51.4 24.2">
518              <defs>
519                <style>
520                  .st0 {
521                    fill: #2A1F0A;
522                  }
523                </style>
524              </defs>
525              <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"/>
526            </svg>
527          </button>
528        </form>
529</a>
530      </div>
531      <div class="foot-right">
532        <nav>
533          <ul class="foot-nav">
534            <li><a href="/f/contact">Contact</a></li>
535            <li><a href="/f/profile">Company</a></li>
536            <li><a href="/f/shopping_guide">Shopping Guide</a></li>
537            <li><a href="/p/about/terms">Legal Notice</a></li>
538            <li><a href="/f/privacy">Privacy Policy</a></li>
539            <!--li><a href="/c/test/gd979">Test Product</a></li-->
540          </ul>
541        </nav>
542        <ul class="foot-sns">
543      <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>
544          <li><a href="https://lin.ee/DFE9ZPU" target="_blank"><img src="https://casuca.itembox.cloud/item/grotesk2025/icon-line.svg?t=20260919173730"></a></li>
545          <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>
546        </ul>
547      </div>
548    </div>
549  </footer>
550<script>
551window.addEventListener("load", function() {
552  document.body.classList.add("page-loaded");
553});
554
555document.querySelectorAll('.accordion-toggle').forEach(toggle => {
556  toggle.addEventListener('click', function(e) {
557    e.preventDefault(); // #への遷移防止
558    const parent = this.parentElement;
559    parent.classList.toggle('open');
560  });
561});
562
563jQuery(function($){
564  const BREAKPOINT = 1024;
565  const NEW_CLASS = 'accordion-item-sp';
566  const ORIGINAL_CLASS = 'accordion-item';
567
568  function switchAccordionClass(){
569    if ($(window).width() <= BREAKPOINT) {
570      $('.' + ORIGINAL_CLASS)
571        .removeClass(ORIGINAL_CLASS)
572        .addClass(NEW_CLASS);
573    } else {
574      $('.' + NEW_CLASS)
575        .removeClass(NEW_CLASS)
576        .addClass(ORIGINAL_CLASS);
577    }
578  }
579
580  // 初回実行
581  switchAccordionClass();
582
583  // リサイズ時にも再判定
584  $(window).on('resize', function(){
585    switchAccordionClass();
586  });
587});
588
589
590
591(function(){
592  var html = document.documentElement;
593  var drawerToggle = document.querySelector('.nav-toggle'); // ドロワーのチェックボックス
594
595  // ドロワー(ハンバーガー)
596  if (drawerToggle){
597    drawerToggle.addEventListener('change', function(){
598      html.classList.toggle('drawer-open', this.checked);
599    });
600    // リロード直後の状態反映
601    html.classList.toggle('drawer-open', drawerToggle.checked);
602  }
603
604  // メガメニュー用:既に header.mega-open を使っているなら、それを監視して html にも反映
605  var header = document.querySelector('header.site-header');
606  if (header){
607    var ro = new MutationObserver(function(){
608      html.classList.toggle('mega-open', header.classList.contains('mega-open'));
609    });
610    ro.observe(header, { attributes:true, attributeFilter:['class'] });
611  }
612})();
613
614document.addEventListener('DOMContentLoaded', () => {
615  // ====== グローバル・オーケストレーター:開始タイミングを間引く ======
616  const MIN_GAP_GLOBAL = num(document.documentElement.dataset.sliderMinGap, 1200); // ms (html に data-slider-min-gap で上書き可)
617  const Orchestrator = (() => {
618    let nextAt = 0;                 // 次に開始可能な時刻 (performance.now 基準)
619    const startJitterSmall = 120;   // 微小ジッターで完全同時を避ける
620    return {
621      schedule(desiredDelayMs){
622        const now = performance.now();
623        let target = now + Math.max(0, desiredDelayMs);
624        if (target < nextAt + MIN_GAP_GLOBAL) target = nextAt + MIN_GAP_GLOBAL;
625        target += Math.random() * startJitterSmall; // ほんの少し散らす
626        nextAt = target;
627        return Math.max(0, target - now);
628      }
629    };
630  })();
631
632  // ====== すべてのスライダーを初期化 ======
633  document.querySelectorAll('.mask-slider').forEach(initMaskSlider);
634
635  function initMaskSlider(root){
636    const slides = Array.from(root.querySelectorAll('.slide'));
637    if (slides.length === 0) return;
638
639    // ---- 設定(data-* で調整可能) ----
640    const SPEED = num(root.dataset.speed, 1000);          // マスク上昇(ms)
641    const HOLD  = num(root.dataset.hold, 2600);           // 基本キープ(ms)
642    const JIT   = num(root.dataset.jitter, 900);          // ±ジッター(ms)
643    const HMIN  = valOrNull(root.dataset.holdMin);
644    const HMAX  = valOrNull(root.dataset.holdMax);
645    const START = num(root.dataset.startJitter, 2200);    // 初回ばらし(ms)
646    // 個別に最小間隔を強めたい時は data-min-gap を与える(グローバルより強い方を採用)
647    const localMinGap = num(root.dataset.minGap, MIN_GAP_GLOBAL);
648
649    // オーケストレーターの最小間隔を強める(弱めは不可にしておく)
650    if (localMinGap > MIN_GAP_GLOBAL) {
651      // 上書きはできないので、遅延要求側で欲張って多めにリクエストするテクで対応
652    }
653
654    const randBetween = (a,b) => Math.floor(a + Math.random()*(b-a));
655    const nextHold = () => {
656      if (HMIN != null && HMAX != null) return randBetween(Number(HMIN), Number(HMAX));
657      return Math.max(400, HOLD + randBetween(-JIT, JIT));
658    };
659
660    let cur = 0;
661    let zCounter = 1;
662    let timer = null;
663
664    // 初期化:全て下に隠す
665    slides.forEach(s => {
666      s.style.transition     = 'none';
667      s.style.clipPath       = 'inset(100% 0 0 0)';
668      s.style.webkitClipPath = 'inset(100% 0 0 0)';
669      s.style.zIndex         = 0;
670      s.style.willChange     = 'clip-path';
671    });
672
673    // 1枚目は即表示(初回だけ特別)
674    slides[cur].style.clipPath       = 'inset(0 0 0 0)';
675    slides[cur].style.webkitClipPath = 'inset(0 0 0 0)';
676    slides[cur].style.zIndex         = zCounter;
677
678    function step(){
679      const next = (cur + 1) % slides.length;
680      const curSlide  = slides[cur];
681      const nextSlide = slides[next];
682
683      // 次を最前面・下で待機
684      zCounter += 1;
685      nextSlide.style.transition     = 'none';
686      nextSlide.style.zIndex         = zCounter;
687      nextSlide.style.clipPath       = 'inset(100% 0 0 0)';
688      nextSlide.style.webkitClipPath = 'inset(100% 0 0 0)';
689      nextSlide.getBoundingClientRect(); // 初期状態の確定(チラつき防止)
690
691      // 下→上に開く
692      const tr = `clip-path ${SPEED}ms ease-in-out, -webkit-clip-path ${SPEED}ms ease-in-out`;
693      nextSlide.style.transition     = tr;
694      nextSlide.style.clipPath       = 'inset(0 0 0 0)';
695      nextSlide.style.webkitClipPath = 'inset(0 0 0 0)';
696
697      // 終了後:前を下に戻す→次まで待つ(ランダム+最小間隔)
698      timer = setTimeout(() => {
699        curSlide.style.transition     = 'none';
700        curSlide.style.clipPath       = 'inset(100% 0 0 0)';
701        curSlide.style.webkitClipPath = 'inset(100% 0 0 0)';
702        cur = next;
703
704        // 欲張り:ローカルで強い最小間隔を希望する場合はその分を余計に待望(要求遅延に上乗せ)
705        const baseHold = nextHold();
706        const extraGap = Math.max(0, localMinGap - MIN_GAP_GLOBAL);
707        const desiredDelay = baseHold + extraGap;
708
709        timer = setTimeout(step, Orchestrator.schedule(desiredDelay));
710      }, SPEED);
711    }
712
713    // 初回開始:各インスタンスで十分にばらす(HOLDベース+STARTランダム)
714    const firstDelay = nextHold() + randBetween(0, START);
715    timer = setTimeout(step, Orchestrator.schedule(firstDelay));
716
717    // 破棄API(必要なら)
718    root._destroyMaskSlider = () => { clearTimeout(timer); };
719  }
720
721  // utils
722  function num(v, d){ const n = Number(v); return Number.isFinite(n) ? n : d; }
723  function valOrNull(v){ return (v === undefined || v === null || v === '') ? null : v; }
724});
725
726
727
728
729document.addEventListener('DOMContentLoaded', () => {
730  const html = document.documentElement;
731  const THRESHOLD = 1; // 実質0px。必要なら 10 などに
732
733  const updateAtTop = () => {
734    const y = window.pageYOffset || document.documentElement.scrollTop || 0;
735    html.classList.toggle('at-top', y <= THRESHOLD);
736  };
737
738  window.addEventListener('scroll', updateAtTop, {passive:true});
739  updateAtTop(); // 初期判定
740});
741
742/*アコーディオン*/
743document.querySelectorAll('.readmore-toggle').forEach(toggle => {
744  toggle.addEventListener('click', function(e) {
745    e.preventDefault();
746
747    const moreText = this.previousElementSibling.querySelector('.more');
748    const isOpen = moreText.classList.toggle('open');
749
750    if (isOpen) {
751    this.innerHTML = `Close
752      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.2 12.5">
753  <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"/>
754</svg>`;
755  } else {
756    this.innerHTML = `Read more
757      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.2 12.5">
758    <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"/>
759  </svg>`;
760  }
761  });
762});
763
764/*disable main.css*/
765
766(function () {
767  // 無効化したいCSSのURLの一部を並べる(例)
768  const BLOCK = [
769    'main.css',
770    'fs_style.css',
771'fs_theme.css'
772  ];
773
774  function kill(link) {
775    // 好みでどれか1つ:いずれも“適用されない”状態になります
776    link.disabled = true;             // そのスタイルシートを無効化
777    link.media = 'not all';           // メディアを無効化(FOUCが少ない)
778    // link.parentNode && link.parentNode.removeChild(link); // 完全に除去したい場合
779  }
780
781  function sweep() {
782    document.querySelectorAll('link[rel="stylesheet"]').forEach(link => {
783      const href = link.getAttribute('href') || '';
784      if (BLOCK.some(key => href.includes(key))) kill(link);
785    });
786  }
787
788  // 初回:既に入っているもの
789  sweep();
790
791  // 監視:あとから差し込まれても無効化
792  const mo = new MutationObserver(sweep);
793  mo.observe(document.documentElement, { childList: true, subtree: true });
794})();
795
796const targets = document.querySelectorAll('.fadein');
797const obs = new IntersectionObserver(entries => {
798  entries.forEach(entry => {
799    if (entry.isIntersecting) {
800      entry.target.classList.add('show');
801      // 一度表示したら監視解除する場合
802      obs.unobserve(entry.target);
803    }
804  });
805}, {
806  threshold: 0.1 // 10%見えたら発火
807});
808
809targets.forEach(target => obs.observe(target));
810
811  /* Accessible Tabs (click + keyboard) */
812(function(){
813  const root = document.getElementById('ringTabs');
814  const tabs = Array.from(root.querySelectorAll('[role="tab"]'));
815  const panels = tabs.map(tab => document.getElementById(tab.getAttribute('aria-controls')));
816
817  function activateTab(index, focus=true){
818    tabs.forEach((t,i)=>{
819      const selected = i === index;
820      t.setAttribute('aria-selected', selected);
821      t.tabIndex = selected ? 0 : -1;
822      panels[i].hidden = !selected;
823    });
824    if (focus) tabs[index].focus();
825  }
826
827  tabs.forEach((tab, i)=>{
828    tab.addEventListener('click', ()=> activateTab(i, false));
829    tab.addEventListener('keydown', (e)=>{
830      const key = e.key;
831      let idx = i;
832      if (key === 'ArrowRight') { idx = (i+1) % tabs.length; e.preventDefault(); activateTab(idx); }
833      if (key === 'ArrowLeft')  { idx = (i-1+tabs.length) % tabs.length; e.preventDefault(); activateTab(idx); }
834      if (key === 'Home')       { e.preventDefault(); activateTab(0); }
835      if (key === 'End')        { e.preventDefault(); activateTab(tabs.length-1); }
836    });
837  });
838})();
839</script>
vendor: 1 bytes, line 839
839
840<script>
841jQuery(function($){
842  $('.btn-search').on('click', function() {
843    $('.search-form').addClass('search-open');
844  });
845
846  $('.btn-form-close').on('click', function() {
847    $('.search-form').removeClass('search-open');
848  });
849});
850
851jQuery(function($){
852  $('.fs-c-productListCarousel__list__itemTrack').slick('unslick');
853});
854
855jQuery(function($){
856  const $drawer = $('.drawer');
857  const $brandBtn = $('.accordion-toggle:contains("Brand")');
858  const $btnBack = $('.drawer-brand .btn-back');
859  const $btnClose = $('.btn-close, .drawer-close'); // 閉じるボタン
860
861  // Brandをクリック → ブランド一覧に切り替え
862  $brandBtn.on('click', function(e){
863    e.preventDefault();
864    $drawer.addClass('show-brand');
865  });
866
867  // Backをクリック → メインメニューに戻る
868  $btnBack.on('click', function(){
869    $drawer.removeClass('show-brand');
870  });
871
872  // メニューを閉じる時(×ボタン)
873  $btnClose.on('click', function(){
874    $drawer.removeClass('show-brand'); // ← ブランド表示を確実に閉じる
875  });
876});
877
878
879jQuery(function($){
880  const $drawer2   = $('.drawer');
881  const $eventBtn  = $('.has-sub2');
882  const $btnBack2  = $('.drawer-event .btn-back');
883  const $btnClose2 = $('.btn-close, .drawer-close'); // 閉じるボタン
884
885  // Brandをクリック → ブランド一覧に切り替え
886  $eventBtn.on('click', function(e){
887    e.preventDefault();
888    $drawer2.addClass('show-event');
889  });
890
891  // Backをクリック → メインメニューに戻る
892  $btnBack2.on('click', function(){
893    $drawer2.removeClass('show-event');
894  });
895
896  // メニューを閉じる時(×ボタン)
897  $btnClose2.on('click', function(){
898    $drawer2.removeClass('show-event'); // ← ブランド表示を確実に閉じる
899  });
900});
901
902
903/*メガメニュー関連*/
904const header = document.querySelector('header');
905const hasMegaItems = document.querySelectorAll('.gnav-list .has-mega');
906
907// ===== オーバーレイ(暗幕)を生成 =====
908const overlay = document.createElement('div');
909overlay.classList.add('mega-overlay');
910document.body.appendChild(overlay);
911
912// 閉じる関数
913function closeAllMegaMenus() {
914  hasMegaItems.forEach(item => {
915    const menu = item.querySelector('.mega-menu');
916    if (menu) menu.setAttribute('aria-hidden', 'true');
917  });
918  header.classList.remove('mega-open');
919  overlay.classList.remove('active'); // 暗幕を消す
920}
921
922// 各 .has-mega に動作追加
923hasMegaItems.forEach(item => {
924  const link = item.querySelector('.nav-link');
925  const menu = item.querySelector('.mega-menu');
926
927  // 開く(マウスオーバー)
928  link.addEventListener('mouseenter', () => {
929    closeAllMegaMenus(); // 他を閉じる
930    menu.setAttribute('aria-hidden', 'false');
931    header.classList.add('mega-open');
932    overlay.classList.add('active'); // 暗幕を表示
933  });
934
935  // linkから離れた時
936  link.addEventListener('mouseleave', () => {
937    if (!menu.matches(':hover')) {
938      closeAllMegaMenus();
939    }
940  });
941
942  // メニューに入っている間は開いたまま
943  menu.addEventListener('mouseenter', () => {
944    menu.setAttribute('aria-hidden', 'false');
945    header.classList.add('mega-open');
946    overlay.classList.add('active'); // 再表示保険
947  });
948
949  // メニューから離れたら閉じる
950  menu.addEventListener('mouseleave', () => {
951    closeAllMegaMenus();
952  });
953});
954
955// ===== スクロールでヘッダーを縮小 =====
956(function(){
957  const header = document.querySelector('.site-header');
958  const html   = document.documentElement;
959  const THRESHOLD = 10;
960  let ticking = false;
961
962  const isMegaOpen = () =>
963    html.classList.contains('mega-open') ||
964    header.classList.contains('mega-open');
965
966  function update(){
967    if (isMegaOpen()) { ticking = false; return; }
968    const compact = (window.pageYOffset || document.documentElement.scrollTop) > THRESHOLD;
969    header.classList.toggle('is-compact', compact);
970    ticking = false;
971  }
972
973  window.addEventListener('scroll', function(){
974    if (ticking) return;
975    requestAnimationFrame(update);
976    ticking = true;
977  }, {passive:true});
978
979  update();
980})();
981
982
983jQuery(function($){
984  let scrollPosition = 0;
985
986  // drawer開く時
987  $(document).on('click', '.nav-toggle, .drawer-open-btn', function(){
988    scrollPosition = $(window).scrollTop();
989    $('html').addClass('drawer-open');
990  });
991
992  // drawer閉じる時
993  $(document).on('click', '.drawer-close, .btn-close, .drawer .overlay', function(){
994    $('html').removeClass('drawer-open');
995    $(window).scrollTop(scrollPosition);
996  });
997});
998
999$(document).ready(function(){
1000$.ajax({
1001  url: 'https://casuca.jp/media-wp-header/?paged=media',
1002  type: 'GET',
1003  cache: false,
1004  success: function(res) {
1005    if(res.responseText){
1006        content = $(res.responseText);
1007    }else{
1008        content = $(res);
1009    }
1010    // 取得した内容を指定した箇所の中にHTMLで出力
1011    $(".js-includeWp--media--header").html(content);
1012  }
1013});
1014});
1015</script>
vendor: 1 bytes, line 1015
1015
1016<script>
1017jQuery(function($){
1018if ($('.fs-c-inputInformation__link').length && $('.fs-c-button--login').length) {
1019    $('.fs-c-inputInformation__link').insertAfter('.fs-c-button--login');
1020}
1021if ($('.fs-c-newUsers').length && $('.fs-c-inputInformation__button').length) {
1022    $('.fs-c-newUsers').insertAfter('.fs-c-inputInformation__button');
1023}
1024if ($('#fs-page-error-container').length && $('.fs-c-registeredUsers__title').length) {
1025    $('#fs-page-error-container').insertAfter('.fs-c-registeredUsers__title');
1026}
1027});
1028</script>
1028
1029</div>
1030
1031
1032
1033
1034
1035
1036<script src="/shop/js/webstore.js?t=20260910153739"></script>
1036
1037</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.