/* ================= 商品目录（按 ?p= 渲染，默认 t1） ================= Data source: backend-injected `window.__ALACO_DATA__.products` when present, otherwise the built-in demo catalog below. Keeps the renderer unchanged. */ var PRODUCTS = (typeof globalThis !== 'undefined' && globalThis.__ALACO_DATA__ && globalThis.__ALACO_DATA__.products) || { t1:{track:'Y',brand:'AI Products',cat:'AI プロダクト',name:'ポケット AI 通訳機 T1',subtitle:'40 言語をその場で。会議にも旅にも、ポケットに入る通訳。',price:39800,taxline:'DDP・関税／輸入消費税込 — お届け時の追加請求はありません',badges:['検品済み','プライバシー検証'], seller:{avatar:'S',name:'Shenzhen Linguatech Co., Ltd.（海外事業者）',note:'大地株式会社はプラットフォーム運営・収納代行・国内管理人（製品安全）として、深センでの検品・国内サポート・返品の仲介を担当します。'}, configs:[{n:'T1 標準',d:'本体のみ',p:39800},{n:'T1 Pro',d:'充電ケース付',p:49800}], colors:['#2b2b2e','#e9e6e0','#8b95a3'],stock:12, gallery:[['dark','本体',false,'/alaco/img/products/t1-1.jpg'],['','同梱物',false,'/alaco/img/products/t1-2.jpg'],['warm','使用シーン',false,'/alaco/img/products/t1-3.jpg'],['dark','動画',true]], features:[{eyebrow:'40 LANGUAGES',c:'c-blue',icon:'chat',t:'主要 40 言語を双方向で。方言モデルも順次追加します。'},{eyebrow:'0.5 SEC',c:'c-green',icon:'bolt',t:'会話のテンポを崩さない、0.5 秒の応答速度。'},{eyebrow:'OFFLINE',c:'c-purple',icon:'wifi',t:'主要 8 言語は通信なしでも。機内や地下でも使えます。'},{eyebrow:'36 HOURS',c:'c-wine',icon:'battery',t:'出張の往復でも充電いらずの 36 時間バッテリー。'}], featTitle:'言葉の壁を、ポケットに仕舞う', bundle:[['dark','T1 本体','/alaco/img/products/t1-1.jpg'],['','USB-C ケーブル'],['','クイックガイド（日本語）'],['warm','検品カード']], specs:[['対応言語','40 言語（オフライン 8 言語）'],['応答速度','平均 0.5 秒'],['通信','Wi-Fi / Bluetooth 5.3 / eSIM'],['バッテリー','連続 36 時間 / USB-C 急速充電'],['重量','58 g'],['認証','技適・PSE・CE ／輸入者：大地株式会社']], desc:'ポケットに入る 58g の AI 通訳機。主要 40 言語を平均 0.5 秒で双方向翻訳し、オフラインでも 8 言語が使えます。会議・出張・旅行はもちろん、店頭での接客にも。eSIM 内蔵でグローバルにそのまま使え、36 時間バッテリーで出張の往復でも充電いらず。深センの検品センターで一点ずつ動作確認のうえ、検品写真つきでお届けします。', certInfo:'技適番号：R-2026-XXXXX　／　PSE：適合　／　輸入者：大地株式会社（大阪市）　／　検品ロット：SZ-2607-018'}, ring:{track:'X',brand:'Designers',cat:'デザイナーズプロダクト',name:'シルバーリング「月の輪」',subtitle:'三日月のカーブを指先に。シルバー 925 の一点もの。',price:28600,taxline:'税込（国内配送）',badges:['直営'], seller:{avatar:'大',name:'大地株式会社（直営）',note:'大阪の店舗より国内配送でお届けします。'}, ringSizes:['7','9','11','13','15','17'],soldOutSizes:['11','15'],stock:1, gallery:[['warm','本体',false,'/alaco/img/products/ring-2.jpg'],['','ディテール',false,'/alaco/img/products/ring-1.jpg'],['warm','着用イメージ',false,'/alaco/img/products/ring-3.jpg'],['dark','動画',true]], features:[{eyebrow:'HANDCRAFTED',c:'c-wine',icon:'gem',t:'作家の工房で一点ずつ手仕上げ。刻印入り。'},{eyebrow:'SILVER 925',c:'c-blue',icon:'shield',t:'刻印済みシルバー 925。素材証明カード付き。'}], featTitle:'月の満ち欠けを、指先に', bundle:[['warm','リング本体','/alaco/img/products/ring-2.jpg'],['','素材証明カード'],['','専用ボックス']], specs:[['素材','シルバー 925'],['サイズ展開','7〜17 号'],['仕上げ','鏡面／マット'],['付属','証明カード・専用ボックス']], desc:'三日月のカーブをそのまま指輪にした、作家一点ものの「月の輪」。シルバー 925 を工房で手仕上げし、内側に刻印を入れています。鏡面とマットの切り替えが月の満ち欠けを思わせる仕上がり。素材証明カードと専用ボックス付きで、ギフトにもおすすめです。'}, necklace:{track:'X',brand:'Designers',cat:'デザイナーズプロダクト',name:'シルバーネックレス「白露」',subtitle:'朝露の一滴を、鎖骨元に。',price:42900,taxline:'税込（国内配送）',badges:['直営'], seller:{avatar:'大',name:'大地株式会社（直営）',note:'大阪の店舗より国内配送でお届けします。'}, stock:3, gallery:[['warm','本体',false,'/alaco/img/products/necklace-1.jpg'],['','ディテール'],['warm','着用イメージ',false,'/alaco/img/products/necklace-2.jpg'],['dark','動画',true]], features:[{eyebrow:'ONE DROP',c:'c-wine',icon:'drop',t:'雫モチーフの一点デザイン。チェーン 45cm。'},{eyebrow:'SILVER 925',c:'c-blue',icon:'shield',t:'刻印済みシルバー 925。素材証明カード付き。'}], featTitle:'朝露のきらめきを、鎖骨元に', bundle:[['warm','ネックレス本体','/alaco/img/products/necklace-1.jpg'],['','素材証明カード'],['','専用ボックス']], specs:[['素材','シルバー 925'],['チェーン','45cm（アジャスター 5cm）'],['付属','証明カード・専用ボックス']], desc:'朝露の一滴を鎖骨元にとどめる「白露」。光の角度できらめきが変わる雫モチーフを、シルバー 925 で仕上げました。チェーンは 45cm（アジャスター 5cm 付き）で、首元に自然に馴染む長さ。素材証明カードと専用ボックス付きです。'}, light:{track:'Y',brand:'AI Products',cat:'AI プロダクト',name:'AI スマートライト Lumo',subtitle:'生活リズムに合わせて光が変わる、AI 照明。',price:18400,taxline:'DDP・関税／輸入消費税込 — お届け時の追加請求はありません',badges:['検品済み','プライバシー検証'], seller:{avatar:'L',name:'Lumo Tech Co., Ltd.（海外事業者）',note:'大地株式会社はプラットフォーム運営・収納代行・国内管理人（製品安全）として、深センでの検品・国内サポート・返品の仲介を担当します。'}, colors:['#f4f1ea','#2b2b2e'],stock:8, gallery:[['dark','本体',false,'/alaco/img/products/lamp-1.jpg'],['','同梱物',false,'/alaco/img/products/lamp-2.jpg'],['warm','使用シーン',false,'/alaco/img/products/lamp-3.jpg'],['dark','動画',true]], features:[{eyebrow:'ADAPTIVE',c:'c-blue',icon:'sun',t:'時間帯と行動に合わせて色温度を自動調整。'},{eyebrow:'PRIVACY',c:'c-purple',icon:'lock',t:'カメラ非搭載。センサーデータは端末内処理。'}], featTitle:'暮らしのリズムに、光を合わせる', bundle:[['dark','Lumo 本体','/alaco/img/products/lamp-1.jpg'],['','電源アダプタ'],['','クイックガイド'],['warm','検品カード']], specs:[['光源','LED（2700–6500K）'],['接続','Wi-Fi / Matter'],['認証','技適・PSE ／輸入者：大地株式会社']], desc:'時間帯と行動に合わせて、色温度と明るさを自動で調整する AI 照明。朝は目覚めを促す白い光、夜はくつろぎの暖色へ。カメラ非搭載でセンサーデータは端末内処理のため、プライバシーの心配もありません。Wi-Fi / Matter 対応でスマートホームにそのまま組み込めます。'} }; var ICONS = { chat:'', bolt:'', wifi:'', battery:'', gem:'', shield:'', drop:'', sun:'', lock:'' }; function icon(name,cls){return ''} function yen(n){return '¥'+n.toLocaleString('ja-JP')} /* ================= 渲染 ================= */ var key=new URLSearchParams(location.search).get('p'); var P=PRODUCTS[key]||PRODUCTS.t1; var price=P.price, gIdx=0; document.title=P.name+' — ala&co'; (document.querySelector('.alaco')||document.body).setAttribute('data-ai-context',P.name); document.getElementById('crumbs').innerHTML='ホーム›'+P.cat+'›'+P.name; document.getElementById('sAv').textContent=P.seller.avatar; document.getElementById('sName').textContent=P.seller.name; document.getElementById('pName').textContent=P.name; document.getElementById('pSub').textContent=P.subtitle; document.getElementById('pPrice').textContent=yen(price); document.getElementById('pTax').textContent=P.taxline; document.getElementById('mbName').textContent=P.name; document.getElementById('mbPrice').textContent=yen(price); if(P.stock<=3)document.getElementById('stockSlot').innerHTML='残り '+P.stock+' 点'; /* 图库 */ var thumbs=document.getElementById('thumbs'); P.gallery.forEach((g,i)=>{ const t=document.createElement('div'); t.className='thumb'+(i===0?' on':''); t.innerHTML='

'+(g[3]?'

':'')+g[1]+'

'+(g[2]?'▶':''); t.addEventListener('click',()=>setImg(i)); thumbs.appendChild(t); }); var curPh=null; function setImg(i,dir){ const nIdx=(i+P.gallery.length)%P.gallery.length; if(nIdx===gIdx&&curPh)return; if(dir===undefined)dir=nIdx>gIdx?1:-1; gIdx=nIdx; const g=P.gallery[gIdx]; const wrap=document.getElementById('mainImg'); /* 平移滑动：新图从一侧滑入、旧图同步滑出（0.45s） */ const np=document.createElement('div'); np.className='ph '+g[0]; if(g[3]){np.innerHTML=' '+g[1]+'

';} else{np.textContent=(g[2]?'動画プレースホルダー — ':'実写差し替え — ')+g[1];} np.style.transform='translateX('+(dir>0?100:-100)+'%)'; wrap.appendChild(np); void np.offsetWidth; const old=curPh; np.style.transition='transform .45s cubic-bezier(.3,0,.2,1)'; np.style.transform='translateX(0)'; if(old){ old.style.transition='transform .45s cubic-bezier(.3,0,.2,1)'; old.style.transform='translateX('+(dir>0?-100:100)+'%)'; setTimeout(()=>old.remove(),500); } curPh=np; const lb=document.getElementById('lbPh'); lb.className='ph '+g[0]; if(g[3]){lb.innerHTML=' '+g[1]+'

';}else{lb.textContent='実写差し替え — '+g[1];} document.querySelectorAll('.thumb').forEach((x,j)=>x.classList.toggle('on',j===gIdx)); } function galNav(d){setImg(gIdx+d,d)} (function(){const g=P.gallery[0];const ph=document.getElementById('mainPh');ph.className='ph '+g[0];const lb=document.getElementById('lbPh');lb.className='ph '+g[0]; if(g[3]){ph.innerHTML=' '+g[1]+'

';lb.innerHTML=' '+g[1]+'

';} else{ph.textContent='実写差し替え — '+g[1];lb.textContent='実写差し替え — '+g[1];} curPh=ph;})(); /* 選択肢（有则显示） */ if(P.configs){ document.getElementById('configBlock').style.display=''; const c=document.getElementById('configs'); P.configs.forEach((cf,i)=>{ const d=document.createElement('div'); d.className='config'+(i===0?' on':''); d.innerHTML='

'+cf.n+'

'+cf.d+'　'+yen(cf.p)+'

'; d.addEventListener('click',()=>{ document.querySelectorAll('.config').forEach(x=>x.classList.remove('on')); d.classList.add('on');price=cf.p;optImg(i); document.getElementById('pPrice').textContent=yen(price); document.getElementById('mbPrice').textContent=yen(price); }); c.appendChild(d); }); } /* 选项→图库联动：有实拍图的图库条目按序对应颜色/尺寸（原型演示用） */ var IMG_IDXS=P.gallery.map((g,i)=>g[3]?i:-1).filter(i=>i>=0); function optImg(i){if(IMG_IDXS.length)setImg(IMG_IDXS[i%IMG_IDXS.length]);} if(P.colors){ document.getElementById('colorBlock').style.display=''; const c=document.getElementById('colors'); P.colors.forEach((col,i)=>{ const d=document.createElement('div'); d.className='color'+(i===0?' on':'');d.style.background=col; d.addEventListener('click',()=>{document.querySelectorAll('.color').forEach(x=>x.classList.remove('on'));d.classList.add('on');optImg(i);}); c.appendChild(d); }); } if(P.ringSizes){ document.getElementById('sizeBlock').style.display=''; const c=document.getElementById('sizes'); P.ringSizes.forEach((sz,i)=>{ const so=(P.soldOutSizes||[]).indexOf(sz)!==-1; const d=document.createElement('button'); d.className='sizeopt'+(so?' soldout':'');d.textContent=sz; if(!so)d.addEventListener('click',()=>{document.querySelectorAll('.sizeopt').forEach(x=>x.classList.remove('on'));d.classList.add('on');optImg(i);}); c.appendChild(d); }); const first=c.querySelector('.sizeopt:not(.soldout)');if(first)first.classList.add('on'); } /* 商品描述 */ document.getElementById('descText').textContent=P.desc||P.subtitle; function toggleDesc(){ const t=document.getElementById('descText'); const b=document.getElementById('descMore'); t.classList.toggle('clamp'); b.textContent=t.classList.contains('clamp')?'もっと見る':'閉じる'; } /* 卖家披露（按商品轨道，无切换 UI） */ document.getElementById('sellerBox').innerHTML='販売者：'+P.seller.name+'
'+P.seller.note+'
特定商取引法に基づく表記 ↗'; /* 信任 3 点 */ var TP={ Y:[['truck','国際直送　7–10 日でお届け','深セン検品センターから追跡番号付きでお届けします。'], ['shield','技適・PSE 対応','日本の電波法・電気用品安全法に適合した製品のみ扱います。'], ['lock','プライバシー検証済み','通信先・データ保存の挙動を検証したうえで販売しています。']], X:[['truck','国内配送　2–4 日でお届け','大阪の店舗より追跡番号付きでお届けします。'], ['gem','一点もの・ギフト対応','専用ボックス入り。ギフト包装を無料で承ります。'], ['shield','素材証明つき','素材証明カードを同梱。返品特約もご利用いただけます。']] }; var tpIcons={truck:'',shield:ICONS.shield,lock:ICONS.lock,gem:ICONS.gem}; document.getElementById('tpoints').innerHTML=TP[P.track].map(t=>'

'+t[1]+'

'+t[2]+'

').join(''); /* 微标签（含徽章，统一打勾样式） */ document.getElementById('microtags').innerHTML=P.badges.concat(P.track==='Y' ?['検品写真つき','追跡番号あり','返品特約あり'] :['ギフト包装可','追跡番号あり','返品特約あり']).map(t=>''+t+'').join(''); /* 卖点大白卡 */ document.getElementById('featTitle').textContent=P.featTitle; document.getElementById('featRow').innerHTML=P.features.map(f=> '

'+f.eyebrow+''+icon(f.icon,f.c)+'

'+f.t+'

').join(''); /* 同梱物大白卡（眉标 IN THE BOX 01…） */ document.getElementById('bundleRow').innerHTML=P.bundle.map((b,i)=> '

IN THE BOX '+String(i+1).padStart(2,'0')+'

'+(b[2]?'

':'')+'実写差し替え

'+b[1]+'

').join(''); /* 仕様表 */ document.getElementById('specTable').innerHTML=P.specs.map(r=>''+r[0]+''+r[1]+'').join(''); /* 検品・認証 */ var CERTS={ Y:[['Inspection','深セン検品センターで一点検品','外装・動作・付属品を一点ずつ確認し、検品写真を記録します。'], ['Privacy','通信・データの挙動を検証','送信先と保存ポリシーを実機で検証済みです。'], ['Radio / Safety','技適・PSE 適合','日本国内で合法に使える認証取得済み製品のみ販売します。'], ['Importer','輸入者責任の明示','PL 法上の責任主体と国内管理人を明示しています。']], X:[['Quality','出荷前に一点ずつ品質確認','大阪の店舗で状態を確認してからお届けします。'], ['Returns','返品特約','未使用・未開封は到着後 8 日以内。国内検品センターへの返送です。']] }; document.getElementById('certs').innerHTML=CERTS[P.track].map(c=>'

'+c[0]+'

'+c[1]+'

'+c[2]+'

').join(''); if(P.certInfo)document.getElementById('certInfo').innerHTML='

'+P.certInfo+'

'; /* 関連商品：其余商品互链（4 栏 = 与首页「新着」同尺寸），第 4 格＝查看全部 */ var rel=Object.keys(PRODUCTS).filter(k=>PRODUCTS[k]!==P); document.getElementById('related').innerHTML=rel.map(k=>{ const r=PRODUCTS[k]; const tone=r.gallery[0][0]; return '' +'

'+(r.track==='X'?'直営':'検品済')+'

実写差し替え

' +'

'+r.brand+'

'+r.name+'

' +'

'+yen(r.price)+' '+(r.track==='X'?'税込':'DDP・輸入諸税込')+'

'; }).join('') +'' +'

→すべての商品を見る

'; /* 配送・返品抽屉内容（按直営 X / 直送 Y 分别撰写） */ var POLICIES={ return:{ Y:{title:'返品ポリシー',body:'

本商品は海外事業者の販売（ala&co が国内管理人）です。返品条件は以下のとおりです。

' +'

初期不良・破損・誤配送の場合

商品到着後 30 日以内にご連絡ください。出荷前の検品記録・検品写真と照合のうえ、送料当店負担で交換または返金いたします。海外への返送が必要な場合は当店が調整します（お時間をいただく場合があります）。

' +'

お客様都合による返品

未開封・未使用に限り、商品到着後 8 日以内にマイページからお申し出ください（返送料お客様負担）。返送先が発送元（海外）となるため、返送料が高額になる場合があります。返送手順は申請後にご案内します。

' +'

返金方法

ご利用の決済手段（クレジットカード／PayPay／Alipay／WeChat Pay）を通じて返金します。DDP で前受けした輸入諸税（デポジット）の取扱いは、確定次第記載します。

' +'

販売者：海外事業者　／　国内管理人・輸入者：大地株式会社
ご不明点はサポート窓口へ。

' +'

返品特約の全文を見る →

'}, X:{title:'返品ポリシー',body:'

本商品は大地株式会社の直営販売です。返品条件は以下のとおりです。

' +'

初期不良・破損・誤配送の場合

商品到着後 30 日以内にご連絡ください。送料当店負担で交換または返金いたします。

' +'

お客様都合による返品

未開封・未使用に限り、商品到着後 8 日以内にマイページからお申し出ください（返送料お客様負担）。返送先は国内の検品センター（大阪）です。

' +'

一点ものについて

オーダーメイド品・一点物等は、お客様都合による返品の対象外の場合があります（各商品ページに明示します）。

' +'

返金方法

ご利用の決済手段を通じて返金します。到着確認後、通常 5 営業日以内に手続きします。

' +'

販売者：大地株式会社（適格請求書発行事業者）
ご不明点はサポート窓口へ。

' +'

返品特約の全文を見る →

'}}, shipping:{ Y:{title:'配送ポリシー',body:'

本商品は深セン検品センター経由の国際直送です。

' +'

お届けまで

ご注文確定 → 深センで一点検品（検品写真を記録）→ 国際便 → 通関 → お届け。約 7〜10 日です。

' +'

送料と税

送料は無料。関税・輸入消費税は表示価格に含まれています（DDP）。玄関先での追加請求はありません。

' +'

追跡

出庫後に追跡番号をお知らせします。マイページで 6 段階の配送状況と検品写真をご確認いただけます。

' +'

天候・通関状況によりお届けが前後する場合があります。

'}, X:{title:'配送ポリシー',body:'

本商品は大阪の店舗から国内配送です。

' +'

お届けまで

ご注文確定後、2〜4 日でお届けします（追跡番号つき）。

' +'

送料

送料は無料です。表示価格は消費税込みです。

' +'

ギフト対応

専用ボックス入り。ギフト包装・メッセージカードを無料で承ります。

' +'

お届け日時のご指定は結帳画面でお選びいただけます。

'}} }; function openDrawer(type){ const c=POLICIES[type][P.track]; document.getElementById('dwTitle').textContent=c.title; document.getElementById('dwBody').innerHTML=c.body; document.getElementById('drawer').classList.add('open'); document.getElementById('drawerScrim').classList.add('show'); sc.style.overflow='hidden'; } function closeDrawer(){ document.getElementById('drawer').classList.remove('open'); document.getElementById('drawerScrim').classList.remove('show'); sc.style.overflow=''; } /* ================= 交互 ================= */ function qty(d){const i=document.getElementById('qtyVal');i.value=Math.max(1,parseInt(i.value)+d)} function addCart(){ const qty=parseInt(document.getElementById('qtyVal').value)||1; /* 选中规格文案（配置/サイズ） */ let spec=''; const cfgOn=document.querySelector('.config.on .cn'); const szOn=document.querySelector('.sizeopt.on'); if(cfgOn)spec=cfgOn.textContent.trim(); else if(szOn)spec='サイズ '+szOn.textContent.trim()+' 号'; else if(P.specs&&P.specs[0])spec=P.specs[0][1]; const id=key||'t1'; let cart=[]; try{cart=JSON.parse(localStorage.getItem('ala_cart')||'[]')}catch(e){} if(!Array.isArray(cart))cart=[]; const hit=cart.filter(function(it){return it.id===id&&it.spec===spec})[0]; if(hit){hit.qty+=qty;hit.checked=true;} else cart.push({id:id,name:P.name,spec:spec,price:price,qty:qty,track:P.track,checked:true}); localStorage.setItem('ala_cart',JSON.stringify(cart)); /* 徽章＝实际件数 */ const b=document.getElementById('cartCount'); if(b)b.textContent=cart.reduce(function(s,it){return s+it.qty},0); /* 按钮反馈 */ document.querySelectorAll('button.btn').forEach(function(btn){ if(btn.textContent.indexOf('カートに入れる')!==-1){ var t=btn.textContent;btn.textContent='カートに追加しました ✓'; setTimeout(function(){btn.textContent=t},1600); } }); } function toggleSave(){const b=document.getElementById('saveBtn');b.classList.toggle('saved');b.innerHTML=b.classList.contains('saved')?'♥ 保存済み':'♡ 保存する'} /* minibar：滚动挂 main.page；左右与内容区对齐 */ var sc=document.querySelector('main.page'); sc.addEventListener('scroll',()=>{document.getElementById('minibar').classList.toggle('show',sc.scrollTop>640)}); function alignMinibar(){ const ph=document.querySelector('.phero'); const mb=document.getElementById('minibar'); if(!ph||!mb)return; const r=ph.getBoundingClientRect(); mb.style.left=Math.round(r.left+40)+'px'; mb.style.right=Math.round(window.innerWidth-r.right+40)+'px'; } alignMinibar(); window.addEventListener('resize',alignMinibar); /* 放大视图：一次点击打开（白底），再点图片二次放大，缩放原点跟随点击位置 */ function openLb(){document.getElementById('lightbox').classList.add('open');lbReset();sc.style.overflow='hidden'} function closeLb(){document.getElementById('lightbox').classList.remove('open');lbReset();sc.style.overflow=''} function lbReset(){ document.getElementById('lbViewport').classList.remove('zoomed'); document.getElementById('lbHint').textContent='クリックで拡大'; } function lbZoom(e){ const vp=document.getElementById('lbViewport'); const img=document.getElementById('lbImg'); if(!vp.classList.contains('zoomed')){ const r=vp.getBoundingClientRect(); img.style.transformOrigin=((e.clientX-r.left)/r.width*100)+'% '+((e.clientY-r.top)/r.height*100)+'%'; vp.classList.add('zoomed'); document.getElementById('lbHint').textContent='マウスを動かして各部を確認・クリックで縮小'; }else{ lbReset(); } } /* 放大状态下：鼠标移动/触屏拖动平移查看各个部位 */ (function(){ const vp=document.getElementById('lbViewport'); const img=document.getElementById('lbImg'); if(!vp||!img)return; function panTo(cx,cy){ const r=vp.getBoundingClientRect(); const x=Math.max(0,Math.min(100,(cx-r.left)/r.width*100)); const y=Math.max(0,Math.min(100,(cy-r.top)/r.height*100)); img.style.transformOrigin=x+'% '+y+'%'; } vp.addEventListener('mousemove',function(e){ if(vp.classList.contains('zoomed'))panTo(e.clientX,e.clientY); }); vp.addEventListener('touchmove',function(e){ if(vp.classList.contains('zoomed')){e.preventDefault();panTo(e.touches[0].clientX,e.touches[0].clientY);} },{passive:false}); })(); document.addEventListener('keydown',e=>{ if(e.key==='Escape'){closeLb();closeDrawer();} if(document.getElementById('lightbox').classList.contains('open')){ if(e.key==='ArrowRight'){lbReset();galNav(1);} if(e.key==='ArrowLeft'){lbReset();galNav(-1);} } }); /* 横滑箭头（卖点/同梱物）：内容装得下就不显示箭头；滚到尽头隐藏对应方向 */ document.querySelectorAll('.car-wrap').forEach(wrap=>{ const car=wrap.querySelector('.carousel'); const prev=wrap.querySelector('.car-btn.prev'); const next=wrap.querySelector('.car-btn.next'); if(!car||!next)return; function refresh(){ const overflow=car.scrollWidth>car.clientWidth+24; prev.style.display=(overflow&&car.scrollLeft>20)?'flex':'none'; next.style.display=(overflow&&car.scrollLeftcar.scrollBy({left:car.clientWidth*0.9,behavior:'smooth'})); prev.addEventListener('click',()=>car.scrollBy({left:-car.clientWidth*0.9,behavior:'smooth'})); car.addEventListener('scroll',refresh); window.addEventListener('resize',refresh); refresh();setTimeout(refresh,300); });

特長

同梱物

仕様

安心へのこだわり

あわせて選ばれています