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 & 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 & 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 & 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=l&w=ODAw&t=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">¥</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="{"fs-begin_checkout-price":155100,"id":"adonis-p_k18yg","fs-remove_from_cart-price":155100,"list_name":"ããããã¼ã¸","quantity":1,"name":"adonis ãã¢ã¹ -K18-","fs-add_to_cart-price":155100,"category":"Motif/adonis","fs-select_content-price":155100,"price":155100}" data-ga4="{"items":[{"fs-begin_checkout-price":155100,"item_name":"adonis ãã¢ã¹ -K18-","fs-remove_from_cart-price":155100,"fs-select_item-price":155100,"fs-select_content-price":155100,"currency":"JPY","item_list_id":"product","price":155100,"quantity":1,"item_category":"Motif","fs-view_item-price":155100,"item_category2":"adonis","item_id":"adonis-p_k18yg","fs-add_to_cart-price":155100,"fs-add_payment_info-price":155100,"item_list_name":"ãããã"}],"value":155100,"item_list_id":"product","currency":"JPY","item_list_name":"ãããã"}" data-category-eec="{"adonis-p_k18yg":{"type":"1"}}" data-category-ga4="{"adonis-p_k18yg":{"type":"1"}}"></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=l&w=ODAw&t=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">¥</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="{"fs-begin_checkout-price":55000,"id":"ellisse-etmo_pierce","fs-remove_from_cart-price":55000,"list_name":"ããããã¼ã¸","quantity":1,"name":"ellisse ãã¢ã¹ -K10-","fs-add_to_cart-price":55000,"category":"Brand/C A S U /ellisse","fs-select_content-price":55000,"price":55000}" data-ga4="{"items":[{"fs-begin_checkout-price":55000,"fs-add_to_cart-price":55000,"fs-view_item-price":55000,"item_list_id":"product","item_category":"Brand","item_category3":"ellisse","fs-remove_from_cart-price":55000,"item_id":"ellisse-etmo_pierce","item_category2":"C A S U C A et mo","price":55000,"quantity":1,"currency":"JPY","fs-add_payment_info-price":55000,"item_list_name":"ãããã","item_name":"ellisse ãã¢ã¹ -K10-","fs-select_item-price":55000,"fs-select_content-price":55000}],"value":55000,"item_list_id":"product","currency":"JPY","item_list_name":"ãããã"}" data-category-eec="{"ellisse-etmo_pierce":{"type":"1"}}" data-category-ga4="{"ellisse-etmo_pierce":{"type":"1"}}"></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=l&w=ODAw&t=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">¥</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="{"fs-begin_checkout-price":52800,"id":"ellisse-etmo_necklace","fs-remove_from_cart-price":52800,"list_name":"ããããã¼ã¸","quantity":1,"name":"ellisse ããã¯ã¬ã¹ -K10-","fs-add_to_cart-price":52800,"category":"Brand/C A S U /ellisse","fs-select_content-price":52800,"price":52800}" data-ga4="{"items":[{"fs-begin_checkout-price":52800,"fs-add_to_cart-price":52800,"fs-view_item-price":52800,"item_list_id":"product","item_category":"Brand","item_category3":"ellisse","fs-remove_from_cart-price":52800,"item_id":"ellisse-etmo_necklace","item_category2":"C A S U C A et mo","price":52800,"quantity":1,"currency":"JPY","fs-add_payment_info-price":52800,"item_list_name":"ãããã","item_name":"ellisse ããã¯ã¬ã¹ -K10-","fs-select_item-price":52800,"fs-select_content-price":52800}],"value":52800,"item_list_id":"product","currency":"JPY","item_list_name":"ãããã"}" data-category-eec="{"ellisse-etmo_necklace":{"type":"1"}}" data-category-ga4="{"ellisse-etmo_necklace":{"type":"1"}}"></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=l&w=ODAw&t=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">¥</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="{"fs-begin_checkout-price":93500,"id":"bazil-k10yg_pierce","fs-remove_from_cart-price":93500,"list_name":"ããããã¼ã¸","quantity":1,"name":"bazil ãã§ã¼ã³ããã¯ãã¢ã¹ -K10-","fs-add_to_cart-price":93500,"category":"Motif/bazil","fs-select_content-price":93500,"price":93500}" data-ga4="{"items":[{"fs-begin_checkout-price":93500,"item_name":"bazil ãã§ã¼ã³ããã¯ãã¢ã¹ -K10-","fs-remove_from_cart-price":93500,"fs-select_item-price":93500,"fs-select_content-price":93500,"currency":"JPY","item_list_id":"product","price":93500,"quantity":1,"item_category":"Motif","fs-view_item-price":93500,"item_category2":"bazil","item_id":"bazil-k10yg_pierce","fs-add_to_cart-price":93500,"fs-add_payment_info-price":93500,"item_list_name":"ãããã"}],"value":93500,"item_list_id":"product","currency":"JPY","item_list_name":"ãããã"}" data-category-eec="{"bazil-k10yg_pierce":{"type":"1"}}" data-category-ga4="{"bazil-k10yg_pierce":{"type":"1"}}"></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=l&w=ODAw&t=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">¥</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">¥</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">¥</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="{"fs-begin_checkout-price":159500,"id":"tovera-narrow-half_necklace","fs-remove_from_cart-price":159500,"list_name":"ããããã¼ã¸","quantity":1,"name":"tovera narrow half ããã¯ã¬ã¹ -K18ÃPt-","fs-add_to_cart-price":159500,"category":"Motif/tovera","fs-select_content-price":159500,"price":159500}" data-ga4="{"items":[{"fs-begin_checkout-price":159500,"item_name":"tovera narrow half ããã¯ã¬ã¹ -K18ÃPt-","fs-remove_from_cart-price":159500,"fs-select_item-price":159500,"fs-select_content-price":159500,"currency":"JPY","item_list_id":"product","price":159500,"quantity":1,"item_category":"Motif","fs-view_item-price":159500,"item_category2":"tovera","item_id":"tovera-narrow-half_necklace","fs-add_to_cart-price":159500,"fs-add_payment_info-price":159500,"item_list_name":"ãããã"}],"value":159500,"item_list_id":"product","currency":"JPY","item_list_name":"ãããã"}" data-category-eec="{"tovera-narrow-half_necklace":{"type":"1"}}" data-category-ga4="{"tovera-narrow-half_necklace":{"type":"1"}}"></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 & 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.