{"title":"年末大感謝セール 2026","description":"\n\u003cdiv id=\"ye26\"\u003e\n  \u003c!-- PC・スマホ共通バナーエリア --\u003e\n  \u003cdiv class=\"ye-hero\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width:749px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/9712\/4483\/files\/ea44b321d955179a1b631db031735f46.png?v=1794297018\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/9712\/4483\/files\/7af5e3b555de73937e8702255a9127ee.png?v=1794212758\" alt=\"年末大感謝セール2026 最大30%OFF\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 年末年始の発送案内 --\u003e\n  \u003cdiv class=\"ye-shipping\"\u003e\n    \u003cstrong\u003e年末年始の発送について\u003c\/strong\u003e\n    \u003cp\u003e\n      12月25日（金）までのご注文が年内発送の対象です。\u003cbr\u003e\n      12月26日（土）以降のご注文は、\n      2027年1月5日（火）より順次発送いたします。\n    \u003c\/p\u003e\n    \u003csmall\u003e\n      ※12月25日までのご注文でも、お届け日を保証するものではありません。\u003cbr\u003e\n      ※配送地域・天候・交通状況などにより、お届けが年明けになる場合がございます。\n    \u003c\/small\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 週替わり目玉商品 --\u003e\n  \u003csection class=\"ye-feature\" aria-label=\"週替わり目玉商品\"\u003e\n    \u003cp class=\"ye-eyebrow\"\u003eWEEKLY SPECIAL SELECTION\u003c\/p\u003e\n    \u003ch2\u003e5つの扉の先に、今週だけの特別なワイン\u003c\/h2\u003e\n    \u003cp id=\"ye-week-label\" class=\"ye-week-label\"\u003e\n      対象商品を読み込み中…\n    \u003c\/p\u003e\n    \u003cp class=\"ye-intro\"\u003e\n      扉をクリックして、週替わりの目玉商品をチェック\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ye-door-grid\" id=\"ye-door-grid\"\u003e\n      \u003cdiv class=\"ye-loading\"\u003e商品を準備しています…\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"ye-footnote\"\u003e\n      ※表示価格は商品ページの現在価格です。\n      30%OFFの適用条件・実際のお支払い金額は\n      カートでご確認ください。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n#ye26 {\n  width:100%;\n  margin:0 auto;\n  color:#17362b;\n  font-family:inherit;\n}\n#ye26 * {\n  box-sizing:border-box;\n}\n#ye26 .ye-hero {\n  padding:0;\n  margin:0;\n  background:none;\n}\n#ye26 .ye-hero picture,\n#ye26 .ye-hero img {\n  display:block;\n  width:100%;\n}\n#ye26 .ye-hero img {\n  height:auto;\n}\n\n\/* 発送案内 *\/\n#ye26 .ye-shipping {\n  background:#f7f3e9;\n  padding:16px 18px 18px;\n  text-align:center;\n  color:#34443b;\n  font-size:12px;\n  line-height:1.9;\n}\n#ye26 .ye-shipping strong {\n  display:block;\n  font-size:14px;\n  margin-bottom:5px;\n}\n#ye26 .ye-shipping p {\n  margin:0 0 6px;\n}\n#ye26 .ye-shipping small {\n  display:block;\n  font-size:11px;\n  color:#68746c;\n}\n\n\/* 週替わりセクション *\/\n#ye26 .ye-feature {\n  padding:32px 18px 42px;\n  background:#f7f3e9;\n  text-align:center;\n}\n#ye26 .ye-eyebrow {\n  font-family:Georgia,serif;\n  letter-spacing:.22em;\n  font-size:11px;\n  color:#9c7841;\n  margin:0 0 8px;\n}\n#ye26 .ye-feature h2 {\n  font-size:clamp(18px,2.5vw,27px);\n  font-weight:600;\n  letter-spacing:.05em;\n  margin:0 0 12px;\n  color:#17362b;\n}\n#ye26 .ye-week-label {\n  display:inline-block;\n  margin:0;\n  padding:6px 18px;\n  border-top:1px solid #b59a65;\n  border-bottom:1px solid #b59a65;\n  font-size:13px;\n  color:#785c32;\n}\n#ye26 .ye-intro {\n  margin:14px 0 25px;\n  font-size:13px;\n  color:#4d6258;\n}\n#ye26 .ye-door-grid {\n  display:grid;\n  grid-template-columns:repeat(5,minmax(0,1fr));\n  gap:12px;\n  max-width:1120px;\n  margin:0 auto;\n  align-items:start;\n}\n#ye26 .ye-door-unit {\n  min-width:0;\n}\n#ye26 .ye-door-stage {\n  position:relative;\n  width:100%;\n  aspect-ratio:.63;\n  perspective:900px;\n  isolation:isolate;\n  overflow:hidden;\n  border-radius:47% 47% 2px 2px \/ 19% 19% 2px 2px;\n  background:#173c2b;\n  box-shadow:0 6px 13px rgba(20,30,22,.16);\n}\n#ye26 .ye-door-inside {\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  padding:12px 8px;\n  background:linear-gradient(135deg,#f8f3e8,#e9dfc8);\n  z-index:0;\n}\n#ye26 .ye-door-inside img {\n  display:block;\n  width:100%;\n  height:63%;\n  object-fit:contain;\n  mix-blend-mode:multiply;\n}\n#ye26 .ye-door-inside .ye-product-name {\n  font-size:11px;\n  line-height:1.45;\n  margin:5px 0 0;\n  max-height:3em;\n  overflow:hidden;\n  color:#19392d;\n}\n#ye26 .ye-door-inside .ye-product-price {\n  font-size:13px;\n  font-weight:700;\n  margin:5px 0 0;\n  color:#8a2436;\n}\n#ye26 .ye-door-inside .ye-off {\n  font-size:10px;\n  color:#9a2438;\n  font-weight:700;\n  margin-top:3px;\n}\n#ye26 .ye-panel {\n  position:absolute;\n  top:0;\n  bottom:0;\n  width:50%;\n  z-index:2;\n  background-repeat:no-repeat;\n  background-size:100% 100%;\n  backface-visibility:hidden;\n  transition:transform 1.2s cubic-bezier(.25,.65,.2,1);\n  pointer-events:none;\n}\n#ye26 .ye-panel-left {\n  left:0;\n  transform-origin:left center;\n  background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/9712\/4483\/files\/door_01_left.png?v=1794294547');\n}\n#ye26 .ye-panel-right {\n  right:0;\n  transform-origin:right center;\n  background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/9712\/4483\/files\/door_01_right.png?v=1794294547');\n}\n#ye26 .ye-door-unit.is-open .ye-panel-left {\n  transform:rotateY(-110deg);\n}\n#ye26 .ye-door-unit.is-open .ye-panel-right {\n  transform:rotateY(110deg);\n}\n#ye26 .ye-door-toggle {\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  z-index:3;\n  cursor:pointer;\n  border:0;\n  background:transparent;\n  color:transparent;\n  font-size:0;\n}\n#ye26 .ye-door-unit.is-open .ye-door-toggle {\n  pointer-events:none;\n}\n#ye26 .ye-door-number {\n  font-family:Georgia,serif;\n  display:block;\n  margin:10px 0 5px;\n  color:#8c6c3c;\n  font-size:14px;\n  letter-spacing:.12em;\n}\n#ye26 .ye-door-link {\n  display:inline-block;\n  margin-top:5px;\n  font-size:12px;\n  color:#173c2b;\n  text-decoration:underline;\n  text-underline-offset:3px;\n}\n#ye26 .ye-door-link[aria-disabled=\"true\"] {\n  color:#888;\n  text-decoration:none;\n  pointer-events:none;\n}\n#ye26 .ye-footnote {\n  font-size:11px;\n  color:#6c756f;\n  margin:24px auto 0;\n  line-height:1.7;\n}\n#ye26 .ye-loading {\n  grid-column:1\/-1;\n  padding:32px;\n}\n\n@media(max-width:750px) {\n  #ye26 .ye-shipping {\n    padding:13px 12px 16px;\n    font-size:11px;\n  }\n  #ye26 .ye-shipping strong {\n    font-size:13px;\n  }\n  #ye26 .ye-feature {\n    padding:26px 10px 32px;\n  }\n  #ye26 .ye-door-grid {\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:18px 12px;\n    max-width:480px;\n  }\n  #ye26 .ye-door-unit:last-child {\n    grid-column:1\/-1;\n    width:calc(50% - 6px);\n    justify-self:center;\n  }\n  #ye26 .ye-door-stage {\n    aspect-ratio:.7;\n  }\n  #ye26 .ye-feature h2 {\n    font-size:18px;\n  }\n  #ye26 .ye-door-inside .ye-product-name {\n    font-size:11px;\n  }\n}\n@media(prefers-reduced-motion:reduce) {\n  #ye26 .ye-panel {\n    transition:none;\n  }\n}\n\n  \n\/* PCでは追加の発送案内を非表示 *\/\n@media (min-width:750px) {\n  #ye26 .ye-shipping {\n    display:none;\n  }\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function(){\n  var root=document.getElementById('ye26');\n  if(!root || root.dataset.initialized==='1') return;\n  root.dataset.initialized='1';\n\n  var weeks=[\n    {\n      start:'2026-12-01T00:00:00+09:00',\n      end:'2026-12-07T00:00:00+09:00',\n      label:'第1週｜12月1日〜12月6日',\n      products:['901102','901185','900934','900881','900796']\n    },\n    {\n      start:'2026-12-07T00:00:00+09:00',\n      end:'2026-12-14T00:00:00+09:00',\n      label:'第2週｜12月7日〜12月13日',\n      products:['900659','901212','900771','901160','901239']\n    },\n    {\n      start:'2026-12-14T00:00:00+09:00',\n      end:'2026-12-21T00:00:00+09:00',\n      label:'第3週｜12月14日〜12月20日',\n      products:['901254','901076','901198','900766','901072']\n    },\n    {\n      start:'2026-12-21T00:00:00+09:00',\n      end:'2027-01-01T00:00:00+09:00',\n      label:'第4週｜12月21日〜12月31日',\n      products:['901090','901212','901151','901136','901221']\n    }\n  ];\n\n  var params=new URLSearchParams(window.location.search);\n  var preview=Number(params.get('preview_week'));\n  var now=Date.now();\n\n  var idx=(\n    preview\u003e=1 \u0026\u0026\n    preview\u003c=4 \u0026\u0026\n    Number.isInteger(preview)\n  )\n    ? preview-1\n    : weeks.findIndex(function(w){\n        return now\u003e=Date.parse(w.start) \u0026\u0026\n               now\u003cDate.parse(w.end);\n      });\n\n  var grid=root.querySelector('#ye-door-grid');\n  var label=root.querySelector('#ye-week-label');\n\n  if(idx\u003c0){\n    label.textContent=\n      now\u003cDate.parse(weeks[0].start)\n        ? '12月1日からスタート！'\n        : '今年のセールは終了しました';\n    grid.innerHTML='';\n    return;\n  }\n\n  var week=weeks[idx];\n  label.textContent=week.label+'｜目玉商品5点';\n  grid.innerHTML='';\n\n  function el(tag,cls,content){\n    var node=document.createElement(tag);\n    if(cls) node.className=cls;\n    if(content!==undefined) node.textContent=content;\n    return node;\n  }\n\n  week.products.forEach(function(handle,i){\n    var unit=el('div','ye-door-unit');\n    var stage=el('div','ye-door-stage');\n    var inside=el('div','ye-door-inside');\n\n    var photo=el('img');\n    photo.alt='';\n    photo.loading='lazy';\n    photo.style.display='none';\n\n    var name=el('p','ye-product-name','商品を読み込み中…');\n    var price=el('p','ye-product-price','');\n    var off=el('p','ye-off','週替わり目玉 30%OFF');\n\n    inside.append(photo,name,price,off);\n\n    var left=el('div','ye-panel ye-panel-left');\n    var right=el('div','ye-panel ye-panel-right');\n\n    var toggle=el('button','ye-door-toggle');\n    toggle.type='button';\n    toggle.setAttribute('aria-label','扉 '+(i+1)+' を開く');\n    toggle.setAttribute('aria-expanded','false');\n\n    toggle.addEventListener('click',function(){\n      unit.classList.add('is-open');\n      toggle.setAttribute('aria-expanded','true');\n    });\n\n    stage.append(inside,left,right,toggle);\n\n    var number=el(\n      'span',\n      'ye-door-number',\n      'DOOR '+String(i+1).padStart(2,'0')\n    );\n\n    var link=el('a','ye-door-link','商品を見る');\n    link.href='\/products\/'+encodeURIComponent(handle);\n    link.setAttribute('aria-disabled','true');\n\n    unit.append(stage,number,link);\n    grid.appendChild(unit);\n\n    fetch(\n      '\/products\/'+encodeURIComponent(handle)+'.js',\n      {credentials:'same-origin'}\n    )\n      .then(function(r){\n        if(!r.ok) throw Error('商品が見つかりません');\n        return r.json();\n      })\n      .then(function(product){\n        name.textContent=product.title||'商品名未設定';\n\n        if(product.featured_image){\n          photo.src=product.featured_image;\n          photo.style.display='block';\n        }\n\n        \/\/ Shopifyの商品価格は100で割って円表示\n        if(typeof product.price==='number'){\n          price.textContent=\n            '税込 '+\n            Math.round(product.price\/100).toLocaleString('ja-JP')+\n            '円';\n        }\n\n        link.href=\n          product.url||\n          ('\/products\/'+encodeURIComponent(handle));\n\n        link.removeAttribute('aria-disabled');\n      })\n      .catch(function(){\n        name.textContent='商品情報を取得できません';\n        price.textContent='';\n        off.textContent='';\n        link.textContent='商品情報を確認中';\n      });\n  });\n})();\n\u003c\/script\u003e\n","products":[],"url":"https:\/\/www.sake-ya.jp\/collections\/year-end-sale-2026.oembed","provider":"柴田屋酒店 online","version":"1.0","type":"link"}