R25-010

deux larmes Verified independent store

→

/* ========================= 商品説明アコーディオン ========================= */ /* 全体 */ .product-accordion { margin-top: 28px; font-family: inherit; color: inherit; } /* 1行（details） */ .pro duct-accordion details { border-bottom: 1px solid rgba(0,0,0,0.28); } /* 見出し（summary） */ .product-accordion summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; font-size: 14px; letter-spacing: 0.06em; line-height: 1.2; user-select: none; } .product-accordion summary::-webkit-details-marker { display: none; } .product-accordion summary::after { content: ""; width: 9px; height: 9px; border-right: 1px solid #111; border-bottom: 1px solid #111; transform: rotate(45deg); transition: transform 0.28s ease; margin-left: 14px; flex: 0 0 auto; } .product-accordion details[open] summary::after { transform: rotate(-135deg); } .product-accordion .accordion-content { padding: 0 0 18px 0; font-size: 13px; line-height: 1.9; letter-spacing: 0.02em; } .product-accordion .accordion-content p { margin: 0 0 10px 0; } .product-accordion .accordion-content p:last-child { margin-bottom: 0; } .product-accordion .accordion-content ul { margin: 0 0 10px 18px; padding: 0; } .product-accordion .accordion-content li { margin: 0 0 6px 0; } .product-accordion summary:focus { outline: none; } .product-accordion summary:focus-visible { outline: 1px solid rgba(0,0,0,0.35); outline-offset: 6px; } /* --- SIZE GUIDE ボタン（テーマのbutton干渉を避ける） --- */ .size-guide-trigger { background: none !important; border: none !important; padding: 8px 0 !important; cursor: pointer; font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-decoration: underline; color: inherit; appearance: none; -webkit-appearance: none; } /* --- モーダル（全画面固定）--- */ .size-guide-modal { display: none; /* JSでflexに */ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0,0,0,0.6); justify-content: center; align-items: center; z-index: 999999; padding: 14px; box-sizing: border-box; } .size-guide-dialog { background: #fff; padding: 30px 20px; border-radius: 8px; width: min(900px, 92vw); max-height: 80vh; overflow: auto; position: relative; font-family: inherit; box-shadow: 0 4px 15px rgba(0,0,0,0.12); -webkit-overflow-scrolling: touch; } .size-guide-close { position: absolute; top: 10px; right: 15px; background: none !important; border: none !important; font-size: 26px; font-weight: 700; color: #333; cursor: pointer; line-height: 1; } .size-guide-title { text-align: center; letter-spacing: 0.08em; margin: 0 0 8px 0; font-size: 18px; } .size-guide-sub { text-align: center; color: #555; font-size: 14px; margin: 0 0 10px 0; } /* --- テーブル（PC） --- */ .size-guide-table-wrap{ width: 100%; overflow: hidden; /* ← 横スクロールはさせない（スマホも含む） */ } /* 縮小フィット用ラッパー（追加） */ .size-guide-table-fit{ width: 100%; } .size-guide-table{ width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 14px; } .size-guide-table thead tr { border-bottom: 1px solid #ccc; } .size-guide-table th, .size-guide-table td { padding: 10px 10px; border-bottom: 1px solid #eee; white-space: nowrap; text-align: center; /* ★中央揃え */ } /* ===== モーダル表示中のスクロール固定 ===== */ html.sizeguide-lock, html.sizeguide-lock body{ overflow: hidden !important; height: 100%; touch-action: none; } /* ========================= スマホ：表を縮小して全部見せる ========================= */ @media (max-width: 749px) { .product-accordion summary { padding: 16px 0; font-size: 13px; } .product-accordion .accordion-content { font-size: 13px; } .size-guide-dialog{ padding: 22px 14px; width: min(900px, 94vw); max-height: 85vh; } /* 表自体をコンパクト化 */ .size-guide-table{ font-size: 10px; } .size-guide-table th, .size-guide-table td{ padding: 6px 4px; } /* さらに縮小して “横スライド無しで全部表示” */ .size-guide-table-fit{ transform-origin: top left; transform: scale(0.82); /* ← 0.78〜0.90で微調整可 */ width: calc(100% / 0.82); /* ← scaleと同じ値にする */ } } Product Details 古いリングを彷彿とさせ、思い出を表現したフォルム。 華美になりすぎず、そこにあって確かな存在感を放ち、どれだけシンプルな装いにも自然に馴染みます。リングの一部にあしらわれた極小のルビーは、控えめでありながらも凛とした赤を宿すアクセント。職人による手彫りのモノグラム刻印を施すことが可能です。 ご希望の方はモノグラムより文字数をお選びください。 ご購入時に備考欄へご希望の刻印内容をご記入ください。 Size サイズ：縦約7mm(テーブル面) SIZE GUIDE × SIZE GUIDE All rings are made-to-order in Japanese sizes.Please refer to the size guide for regional size conversions. Inside Diameter (mm) Inside Circumference (mm) JAPAN US FRENCH 13.0 40.8 1 2 41 13.4 41.9 2 2.5 42 13.7 42.9 3 2.5 43 14.0 44.0 4 3 44 14.4 45.0 5 3.5 45 14.7 46.1 6 4 46 15.0 47.1 7 4.5 47 15.4 48.2 8 5 48 15.7 49.2 9 5.5 49 16.0 50.3 10 5.5 50 16.4 51.3 11 6 51 16.7 52.4 12 6.5 52 17.0 53.4 13 7 53 17.4 54.5 14 7 54 17.7 55.5 15 7.5 55 18.0 56.6 16 8 56 18.4 57.6 17 8.5 57 18.7 58.6 18 9 58 19.0 59.7 19 9.5 59 19.4 60.7 20 10 60 19.7 61.8 21 10.5 61 20.0 62.8 22 11 62 20.4 63.9 23 11.5 63 20.7 64.9 24 11.5 64 21.0 66.0 25 12 65 21.4 67.0 26 12 66 21.7 68.0 27 12.5 67 22.0 69.0 28 12.5 68 Delivery＆Care 繊細な作りとなっております。大きな負荷(激しいスポーツや力仕事等)が掛かると変形の原因となりますのでご注意ください。 お手入れの際は研磨剤は控え、乾いた柔らかい布をご利用ください。 ご購入日より3ヶ月は、破損に関しては無料修理をお約束致します。但し、事故やお客様の不注意により本作品が損傷した場合は有料での修理になりますのでご了承ください。 すべてのオーダーは、ラッピングを施した状態でお届けいたします。ギフトとしてお選びいただいた場合にも、そのままお渡しいただける仕様となっております。 こちらの作品はご注文後の制作となりますため、発送まで1〜2ヶ月ほどお時間を頂戴しております。 .dl-made2order{ margin-top: 12px; font-size: 10px; line-height: 1.8; letter-spacing: 0.02em; color: rgba(0,0,0,.78); } document.addEventListener('DOMContentLoaded', function () { const note = document.querySelector('[data-dl-made2order]'); if (!note) return; // 購入フォームを探す（Dawn系含め幅広く対応） const form = document.querySelector('product-form form') || document.querySelector('form[action^="/cart/add"]'); // 「選んだ」判定：オプション入力が1つでも確定してる（radio/select） function hasPickedAnyOption(root){ if (!root) return false; const checked = root.querySelector('input[type="radio"]:checked, input[type="checkbox"]:checked'); if (checked) return true; const selects = root.querySelectorAll('select'); for (const s of selects){ const v = (s.value || '').trim(); if (v && v !== 'Default Title') return true; } return false; } function showAndPlace(){ note.hidden = false; // できれば購入ボタン直下に移動 if (!form) return; const btn = form.querySelector('[type="submit"][name="add"]') || form.querySelector('button[type="submit"]'); if (btn && btn.parentNode){ btn.parentNode.insertBefore(note, btn.nextSibling); } else { form.appendChild(note); } } function hideNote(){ note.hidden = true; } // 初期状態：既に選択済み（URLにvariant付き等）なら表示 if (hasPickedAnyOption(form || document)) { showAndPlace(); } else { hideNote(); } // 「サイズ/素材を選んだ後」＝オプションの change で表示 const listenRoot = form || document; listenRoot.addEventListener('change', function(e){ const t = e.target; if (!t) return; // 変化が起きたのが option系入力なら表示 if (t.matches('input[type="radio"], input[type="checkbox"], select')) { showAndPlace(); } }, true); }); Show more