内容をスキップ
TOP
CONCEPT
ITEM
VR SHOP
GUIDE
0
LINE UP
千夜一夜
海の約束
春のはじまり 梅編
春のおとずれ 桜編
夜空のらんたん
よくある質問
特定商取引法に基づく表記
プライバシーポリシー
利用規約
商品の初期不良に関するご連絡
修理・保証に関するお問い合わせ
0
マターポート
<iframe src="https://my.matterport.com/show?m=PUR3i4tmqfQ&play=1&title=0&tour=0&brand=0&f=0&hr=0&dh=0&gt=0&pin=0&portal=0&lang=ja&help=0&vr=0" frameborder="0" allowfullscreen allow="xr-spatial-tracking" id="showcase-iframe" referrerpolicy="origin"> <p class="wp-block-paragraph"></p> </div></div> </main> <aside class="wp-block-group l-shopLayout__side l-shopLayout__side--right is-layout-flow wp-block-group-is-layout-flow"> <div class="wp-block-group l-shopLayout__sticky p-shopVr is-layout-flow wp-block-group-is-layout-flow"> <div class="p-shopVr__media"> <video class="p-shopVr__video" autoplay muted loop playsinline preload="metadata" aria-label="雛人形が踊っている動画"> <source src="/wp-content/uploads/lineup/hina_dance.mp4" type="video/mp4"> </video> </div> <div class="p-shopVr__button"> <a class="p-shopVr__link" href="#"> <span class="p-shopVr__linkText"> バーチャルショップはこちら </span> <span class="p-shopVr__arrow" aria-hidden="true"></span> </a> </div> </div> </aside> </div> <dialog class="p-shopNotice" id="shop-notice-dialog" aria-labelledby="shop-notice-title"> <button class="p-shopNotice__close" type="button" data-shop-notice-close aria-label="注意事項を閉じる"> <span class="p-shopNotice__closeIcon" aria-hidden="true"></span> <span class="p-shopNotice__closeText">CLOSE</span> </button> <div class="p-shopNotice__inner"> <header class="p-shopNotice__header"> <span class="p-shopNotice__warning" aria-hidden="true"></span> <h2 class="p-shopNotice__title" id="shop-notice-title"> ご購入前に必ずお読みください </h2> </header> <div class="p-shopNotice__content"> <section class="p-shopNotice__section"> <h3 class="p-shopNotice__heading">手仕事について</h3> <p class="p-shopNotice__text"> すべて手作業のため、表情・色味・木目に個体差がございます。 </p> </section> <section class="p-shopNotice__section"> <h3 class="p-shopNotice__heading">石について</h3> <p class="p-shopNotice__text"> 天然石ですので色ムラや柄の入り方などの違いがございます。またサイズ差も多少ございます。 </p> </section> <section class="p-shopNotice__section"> <h3 class="p-shopNotice__heading">素材の特性について</h3> <p class="p-shopNotice__text"> 着物、装飾品など天然素材のため、色ムラ・節が出る場合がございます。 </p> </section> <section class="p-shopNotice__section"> <h3 class="p-shopNotice__heading">写真について</h3> <p class="p-shopNotice__text"> 撮影環境やご使用のモニター環境により色味が異なることがございます。 </p> </section> <section class="p-shopNotice__section"> <h3 class="p-shopNotice__heading">サイズ表記について</h3> <p class="p-shopNotice__text"> 手作りのため数mmの誤差が生じる場合がございます。 </p> </section> </div> </div> </dialog> <footer class="wp-block-template-part"><footer class="p-footer"> <div class="p-footer__inner"> <div class="p-footer__info"> <div class="p-footer__company"> <dl class="p-footer__list"> <div class="p-footer__item"> <dt>会社名</dt> <dd>株式会社ビーブレックス プロダクト事業部</dd> </div> <div class="p-footer__item"> <dt>住所</dt> <dd>〒385-0011 長野県佐久市猿久保245-4</dd> </div> <div class="p-footer__item"> <dt>お問合せ</dt> <dd>平日10:00〜16:00</dd> </div> <div class="p-footer__item"> <dt>TEL</dt> <dd><a href="tel:050-5448-8319">050-5448-8319</a></dd> </div> </dl> </div> <div class="p-footer__message"> <p class="p-footer__brand">GARA DOLL</p> <p> ご注文はオンラインにて24時間受け付けております。休日や営業時間外に頂きましたメールのご返信は、翌営業日以降となりますのでご了承ください。 <br><br> 軽井沢展示会場へのご来場は事前予約制となっておりますので、下記のご予約フォームよりお申し込みください。 </p> </div> </div> <div class="p-footer__buttonWrap"> <a class="c-button c-button--arrow p-footer__button" href="/contact"> <span>お問い合わせはこちら</span> </a> <a class="c-button c-button--arrow p-footer__button" href="/reserve"> <span>展示会場ご予約はこちら</span> </a> </div> <div class="p-footer__logos" aria-label="関連ロゴ"> <img class="p-footer__logo p-footer__logo--kiara" src="/wp-content/uploads/kiara-logo2.webp" alt="kiara Oshibina project" width="120" height="120" loading="lazy" decoding="async"> <div class="p-footer__subLogos"> <a href="https://www.b-breaks.com/" target="_blank"> <img class="p-footer__logo p-footer__logo--bb" src="/wp-content/uploads/bb_logo.webp" alt="B-BREAKS" width="120" height="40" loading="lazy" decoding="async"> </a> <img class="p-footer__logo p-footer__logo--gara" src="/wp-content/uploads/logo.webp" alt="GARA DOLL" width="120" height="40" loading="lazy" decoding="async"> </div> </div> <nav class="p-footer__nav" aria-label="フッターナビゲーション"> <a href="/faq">よくある質問</a> <a href="/scta">特定商取引法に基づく表記</a> <a href="/privacy-policy">プライバシーポリシー</a> <a href="/terms-of-service">利用規約</a> <a href="/manufacturing-defect">商品の初期不良に関するご連絡</a> <a href="/repair">修理・保証に関するお問い合わせ</a> </nav> </div> <p class="p-footer__copyright"> <small>Copyright ©2026 B-BREAKS All Rights Reserved.</small> </p> </footer></footer></div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/gararito/*","/wp-content/themes/pixtus/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type='text/javascript'> uscesL10n = { 'matterport_report_url': 'https://garadoll.com/index.php', 'bbmp_favorite_ajaxurl': 'https://garadoll.com/index.php', 'ajaxurl': "https://garadoll.com/wp-admin/admin-ajax.php", 'loaderurl': "https://garadoll.com/wp-content/plugins/usc-e-shop/images/loading.gif", 'post_id': "22", 'cart_number': "6", 'is_cart_row': false, 'opt_esse': new Array( ), 'opt_means': new Array( ), 'mes_opts': new Array( ), 'key_opts': new Array( ), 'previous_url': "https://garadoll.com", 'itemRestriction': "", 'itemOrderAcceptable': "0", 'uscespage': "", 'wc_nonce': "fe5e065f71" } </script> <script type='text/javascript' src='https://garadoll.com/wp-content/plugins/usc-e-shop/js/usces_cart.js'></script> <!-- Welcart version : v2.12.1.2608181 --> <script> document.addEventListener('DOMContentLoaded', function() { const form = document.querySelector('form.snow-monkey-form'); if (!form) return; const emailInput = form.querySelector('input[name="email"]'); const emailConfirmInput = form.querySelector('input[name="email_confirm"]'); if (!emailInput || !emailConfirmInput) return; // エラーメッセージ要素を生成・配置する関数 const getOrCreateErrorEl = function() { let errorEl = form.querySelector('.custom-email-mismatch-error'); if (!errorEl) { errorEl = document.createElement('div'); errorEl.className = 'custom-email-mismatch-error'; errorEl.style.color = '#e02424'; errorEl.style.fontSize = '0.85em'; errorEl.style.marginTop = '6px'; errorEl.style.fontWeight = 'bold'; errorEl.textContent = '入力されたメールアドレスが一致しません。'; // 確認用メールアドレスの親ラッパー末尾に挿入 const parent = emailConfirmInput.closest('.smf-item__controls') || emailConfirmInput.parentElement; parent.appendChild(errorEl); } return errorEl; }; const removeErrorEl = function() { const errorEl = form.querySelector( '.custom-email-mismatch-error' ); if (errorEl) { errorEl.remove(); } }; // 入力時のリアルタイム監視（一致したらエラーを即座に消す） const handleInput = function() { if (emailInput.value === emailConfirmInput.value) { removeErrorEl(); } }; emailInput.addEventListener( 'input', handleInput ); emailConfirmInput.addEventListener( 'input', handleInput ); // ボタンクリック／フォーム送信時にキャプチャフェーズ（最優先）で割り込み判定 const validateOnAction = function(event) { // 入力画面以外では何もしない if ( form.getAttribute('data-screen') !== 'input' ) { return; } const val1 = emailInput.value.trim(); const val2 = emailConfirmInput.value.trim(); // どちらか一方でも入力されており、値が一致しない場合 if ( val1 !== '' && val2 !== '' && val1 !== val2 ) { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); getOrCreateErrorEl(); emailConfirmInput.focus(); } }; // イベントリスナーの第3引数を true にして、 // Snow Monkey Forms 本体の処理よりも先に実行させる form.addEventListener( 'submit', validateOnAction, true ); form.addEventListener( 'click', function(e) { const btn = e.target.closest( 'button, input[type="submit"]' ); if (btn) { validateOnAction(e); } }, true ); }); </script> <script data-wp-router-options="{"loadOnClientNavigation":true}" fetchpriority="low" id="@wordpress/block-library/navigation/view-js-module" src="https://garadoll.com/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=1bf28ded04f9f188bdcb" type="module"></script> <script id="snow-monkey-forms-js-before"> var snowmonkeyforms = {"view_json_url":"https:\/\/garadoll.com\/wp-json\/snow-monkey-form\/v1\/view?ver=1792045852","nonce":"3453a869f4"} //# sourceURL=snow-monkey-forms-js-before </script> <script id="snow-monkey-forms-js" src="https://garadoll.com/wp-content/plugins/snow-monkey-forms/dist/js/app.js?ver=1790838927"></script> <script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=6LcnzuItAAAAALjoFW8IRkP2_WQXWLV2Sj20PKXq&ver=3.0"></script> <script id="wp-hooks-js" src="https://garadoll.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script> <script id="wp-i18n-js" src="https://garadoll.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="snow-monkey-forms@recaptcha-js" src="https://garadoll.com/wp-content/plugins/snow-monkey-forms/dist/js/recaptcha.js?ver=1790838927"></script> <script id="snow-monkey-forms@recaptcha-js-after"> var snowmonkeyforms_recaptcha = {"siteKey":"6LcnzuItAAAAALjoFW8IRkP2_WQXWLV2Sj20PKXq"} //# sourceURL=snow-monkey-forms%40recaptcha-js-after </script> <script id="gararito-shop-lineup-js" src="https://garadoll.com/wp-content/themes/gararito/assets/js/shop-lineup.js?ver=1790838928"></script> <script id="gararito-item-thumbnail-slider-js" src="https://garadoll.com/wp-content/themes/gararito/assets/js/item-thumbnail-slider.js?ver=1790838928"></script> <script id="base-script-js" src="https://garadoll.com/wp-content/themes/gararito/assets/js/index.js?ver=1790838928"></script> <script id="favorite-script-js" src="https://garadoll.com/wp-content/themes/gararito/assets/js/favorite.v2.js?ver=1790838928"></script> <script id="wp_slimstat-js-extra"> var SlimStatParams = {"ajaxurl":"https://garadoll.com/wp-admin/admin-ajax.php","baseurl":"/","dnt":"noslimstat,ab-item","ci":"YTo0OntzOjEyOiJjb250ZW50X3R5cGUiO3M6NDoicG9zdCI7czo4OiJjYXRlZ29yeSI7czoxOiIxIjtzOjEwOiJjb250ZW50X2lkIjtpOjIyO3M6NjoiYXV0aG9yIjtzOjc6ImJicmVha3MiO30-.ca85973f09fb2fb43826a875696e9d31"}; //# sourceURL=wp_slimstat-js-extra </script> <script defer id="wp_slimstat-js" src="https://garadoll.com/wp-content/plugins/wp-slimstat/wp-slimstat.min.js"></script> <script id="googlesitekit-events-provider-content-events-js-before"> window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.contentEvents = {"postID":22,"isSinglePost":true}; //# sourceURL=googlesitekit-events-provider-content-events-js-before </script> <script id="googlesitekit-events-provider-content-events-js" src="https://garadoll.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-33078016c5e1e9f07c35.js" defer></script> <script src='//garadoll.com/wp-content/uploads/custom-css-js/2005.js?v=1643'></script> <!-- start Simple Custom CSS and JS --> <script> (() => { const rankings = document.querySelectorAll(".p-ranking"); if (!rankings.length) { return; } const LIST_ACTIVE_DELAY = 800; const activate = (target) => { target.classList.add("is-active"); window.setTimeout(() => { target.classList.add("is-list-active"); }, LIST_ACTIVE_DELAY); }; rankings.forEach((ranking) => { ranking.classList.add("is-animation-ready"); }); if (!("IntersectionObserver" in window)) { rankings.forEach(activate); return; } const observer = new IntersectionObserver( (entries, currentObserver) => { entries.forEach((entry) => { if (!entry.isIntersecting) { return; } activate(entry.target); currentObserver.unobserve(entry.target); }); }, { root: null, rootMargin: "0px 0px -18% 0px", threshold: 0.18, } ); rankings.forEach((ranking) => { observer.observe(ranking); }); })(); (() => { const members = document.querySelectorAll(".p-member"); if (!members.length) { return; } const activate = (target) => { target.classList.add("is-cloud-active"); }; members.forEach((member) => { member.classList.add("is-cloud-animation-ready"); }); if (!("IntersectionObserver" in window)) { members.forEach(activate); return; } const observer = new IntersectionObserver( (entries, currentObserver) => { entries.forEach((entry) => { if (!entry.isIntersecting) { return; } activate(entry.target); currentObserver.unobserve(entry.target); }); }, { root: null, rootMargin: "0px 0px -20% 0px", threshold: 0.12, } ); members.forEach((member) => { observer.observe(member); }); })(); (() => { const TARGET_SELECTOR = ".p-mainVisual"; const LAYER_CLASS = "p-mainVisualPetals"; const ITEM_CLASS = "p-mainVisualPetals__item"; const REDUCE_MOTION_QUERY = "(prefers-reduced-motion: reduce)"; const START_DELAY = 1400; const motionQuery = window.matchMedia(REDUCE_MOTION_QUERY); const settingsByViewport = () => { const width = window.innerWidth; if (width <= 600) { return { mode: "sp", count: 10, largeLeftCount: 5, largeRightCount: 3, minSize: 7, maxSize: 12, largeMinSize: 18, largeMaxSize: 30, minDuration: 14, maxDuration: 24, largeMinDuration: 18, largeMaxDuration: 30, drift: 70, largeDrift: 110, }; } if (width <= 1024) { return { mode: "tablet", count: 16, largeLeftCount: 8, largeRightCount: 4, minSize: 8, maxSize: 15, largeMinSize: 24, largeMaxSize: 42, minDuration: 14, maxDuration: 25, largeMinDuration: 18, largeMaxDuration: 32, drift: 100, largeDrift: 150, }; } return { mode: "pc", count: 24, largeLeftCount: 12, largeRightCount: 6, minSize: 9, maxSize: 18, largeMinSize: 30, largeMaxSize: 58, minDuration: 15, maxDuration: 28, largeMinDuration: 20, largeMaxDuration: 36, drift: 140, largeDrift: 220, }; }; const random = (min, max) => Math.random() * (max - min) + min; const randomEdgeX = (side) => { if (side === "left") { return random(-12, 22); } return random(82, 110); }; const createPetal = (settings, type = "normal", side = null) => { const petal = document.createElement("span"); const isLarge = type === "large"; const size = isLarge ? random(settings.largeMinSize, settings.largeMaxSize) : random(settings.minSize, settings.maxSize); const duration = isLarge ? random(settings.largeMinDuration, settings.largeMaxDuration) : random(settings.minDuration, settings.maxDuration); const x = isLarge ? randomEdgeX(side) : random(-6, 102); const driftBase = isLarge ? settings.largeDrift : settings.drift; const driftDirection = x < 50 ? 1 : -1; const rotateDirection = Math.random() > 0.5 ? 1 : -1; const drift = random(driftBase * 0.35, driftBase) * driftDirection; const rotate = random(180, isLarge ? 460 : 620) * rotateDirection; petal.className = isLarge ? `${ITEM_CLASS} ${ITEM_CLASS}--large` : ITEM_CLASS; petal.style.setProperty("--petal-x", `${x.toFixed(2)}%`); petal.style.setProperty("--petal-size", `${size.toFixed(2)}px`); petal.style.setProperty("--petal-duration", `${duration.toFixed(2)}s`); petal.style.setProperty( "--petal-delay", `-${random(0, duration).toFixed(2)}s` ); petal.style.setProperty("--petal-drift", `${drift.toFixed(2)}px`); petal.style.setProperty("--petal-rotate", `${rotate.toFixed(2)}deg`); petal.style.setProperty( "--petal-opacity", isLarge ? random(0.28, 0.52).toFixed(2) : random(0.45, 0.88).toFixed(2) ); petal.style.setProperty( "--petal-alpha", isLarge ? random(0.34, 0.58).toFixed(2) : random(0.58, 0.86).toFixed(2) ); petal.style.setProperty( "--petal-blur", isLarge ? `${random(0.2, 0.8).toFixed(2)}px` : `${random(0, 0.45).toFixed(2)}px` ); return petal; }; const buildPetals = (mainVisual, settings) => { let layer = mainVisual.querySelector(`.${LAYER_CLASS}`); if (!layer) { layer = document.createElement("div"); layer.className = LAYER_CLASS; layer.setAttribute("aria-hidden", "true"); const content = mainVisual.querySelector(".p-mainVisual__content"); if (content) { mainVisual.insertBefore(layer, content); } else { mainVisual.appendChild(layer); } } if (layer.dataset.mode === settings.mode) { return; } layer.dataset.mode = settings.mode; layer.replaceChildren(); const fragment = document.createDocumentFragment(); for (let i = 0; i < settings.count; i += 1) { fragment.appendChild(createPetal(settings)); } for (let i = 0; i < settings.largeLeftCount; i += 1) { fragment.appendChild(createPetal(settings, "large", "left")); } for (let i = 0; i < settings.largeRightCount; i += 1) { fragment.appendChild(createPetal(settings, "large", "right")); } layer.appendChild(fragment); }; const destroyPetals = () => { document.querySelectorAll(`.${LAYER_CLASS}`).forEach((layer) => { layer.remove(); }); }; const initPetals = () => { if (motionQuery.matches) { destroyPetals(); return; } const settings = settingsByViewport(); document.querySelectorAll(TARGET_SELECTOR).forEach((mainVisual) => { buildPetals(mainVisual, settings); }); }; let resizeTimer = null; let startTimer = null; let hasStarted = false; const startPetals = () => { window.clearTimeout(startTimer); startTimer = window.setTimeout(() => { hasStarted = true; initPetals(); }, START_DELAY); }; const handleResize = () => { window.clearTimeout(resizeTimer); resizeTimer = window.setTimeout(() => { if (hasStarted) { initPetals(); return; } startPetals(); }, 180); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", startPetals); } else { startPetals(); } window.addEventListener("resize", handleResize, { passive: true }); if (typeof motionQuery.addEventListener === "function") { motionQuery.addEventListener("change", () => { if (hasStarted) { initPetals(); } }); } else if (typeof motionQuery.addListener === "function") { motionQuery.addListener(() => { if (hasStarted) { initPetals(); } }); } })(); (() => { const fadeElements = document.querySelectorAll(".u-fade-in"); if (!fadeElements.length) { return; } const show = (target) => { target.classList.add("is-visible"); }; if (!("IntersectionObserver" in window)) { fadeElements.forEach(show); return; } const observer = new IntersectionObserver( (entries, currentObserver) => { entries.forEach((entry) => { if (!entry.isIntersecting) { return; } show(entry.target); currentObserver.unobserve(entry.target); }); }, { root: null, rootMargin: "0px 0px -15% 0px", threshold: 0, } ); fadeElements.forEach((element) => { observer.observe(element); }); })(); (() => { const modals = document.querySelectorAll(".p-memberModal"); const openButtons = document.querySelectorAll(".js-member-modal-open"); if (!modals.length || !openButtons.length) { return; } const focusableSelector = [ "button:not([disabled])", "a[href]", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", "[tabindex]:not([tabindex='-1'])", ].join(","); let activeModal = null; let lastFocusedElement = null; const changeImage = (thumbnail, modal = thumbnail.closest(".p-memberModal")) => { if (!modal) { return; } const mainImage = modal.querySelector(".js-member-modal-main-image"); const thumbnails = modal.querySelectorAll(".js-member-modal-thumbnail"); if (!mainImage) { return; } const imagePath = thumbnail.dataset.image; const imageAlt = thumbnail.dataset.alt || ""; if (!imagePath) { return; } mainImage.src = imagePath; mainImage.alt = imageAlt; thumbnails.forEach((item) => { const isCurrent = item === thumbnail; item.classList.toggle("is-active", isCurrent); item.setAttribute("aria-pressed", String(isCurrent)); }); }; const getModal = (trigger) => { const modalId = trigger.dataset.modalTarget || trigger.getAttribute("aria-controls"); if (!modalId) { return null; } return document.getElementById(modalId); }; const resetGallery = (modal) => { const thumbnails = modal.querySelectorAll(".js-member-modal-thumbnail"); const firstThumbnail = thumbnails[0]; if (!firstThumbnail) { return; } changeImage(firstThumbnail, modal); }; const openModal = (trigger) => { const modal = getModal(trigger); if (!modal) { return; } activeModal = modal; lastFocusedElement = trigger; modal.hidden = false; document.body.classList.add("is-member-modal-open"); resetGallery(modal); window.requestAnimationFrame(() => { const closeButton = modal.querySelector(".p-memberModal__close"); closeButton?.focus(); }); }; const closeModal = () => { if (!activeModal) { return; } activeModal.hidden = true; activeModal = null; document.body.classList.remove("is-member-modal-open"); lastFocusedElement?.focus(); }; const trapFocus = (event) => { if (event.key !== "Tab" || !activeModal || activeModal.hidden) { return; } const focusableElements = [ ...activeModal.querySelectorAll(focusableSelector), ].filter((element) => !element.hasAttribute("hidden")); if (!focusableElements.length) { return; } const firstElement = focusableElements[0]; const lastElement = focusableElements[focusableElements.length - 1]; if (event.shiftKey && document.activeElement === firstElement) { event.preventDefault(); lastElement.focus(); return; } if (!event.shiftKey && document.activeElement === lastElement) { event.preventDefault(); firstElement.focus(); } }; openButtons.forEach((button) => { button.addEventListener("click", () => { openModal(button); }); }); modals.forEach((modal) => { const closeButtons = modal.querySelectorAll(".js-member-modal-close"); const thumbnails = modal.querySelectorAll(".js-member-modal-thumbnail"); closeButtons.forEach((button) => { button.addEventListener("click", closeModal); }); thumbnails.forEach((thumbnail) => { thumbnail.addEventListener("click", () => { changeImage(thumbnail, modal); }); }); }); document.addEventListener("keydown", (event) => { if (!activeModal || activeModal.hidden) { return; } if (event.key === "Escape") { closeModal(); return; } trapFocus(event); }); })(); (() => { const header = document.querySelector(".l-header"); if (!header) { return; } const toggleFixedClass = () => { header.classList.toggle("fixed", window.scrollY > 0); }; toggleFixedClass(); window.addEventListener("scroll", toggleFixedClass, { passive: true }); })(); document.addEventListener('DOMContentLoaded', () => { const targetLabel = document.querySelector( '.smf-placeholder[data-name="check_privacy_policy"] .smf-checkbox-control__label' ); if (targetLabel) { targetLabel.innerHTML = '<a href="/privacy-policy/" target="_blank" rel="noopener noreferrer">プライバシーポリシー</a>に同意して送信'; } }); document.querySelectorAll('.smf-item__label__text').forEach((label) => { const marker = '※'; if (!label.textContent.includes(marker)) { return; } Array.from(label.childNodes).forEach((node) => { if (node.nodeType !== Node.TEXT_NODE || !node.textContent.includes(marker)) { return; } const fragment = document.createDocumentFragment(); const parts = node.textContent.split(marker); parts.forEach((part, index) => { if (part) { fragment.appendChild(document.createTextNode(part)); } if (index < parts.length - 1) { const required = document.createElement('span'); required.className = 'smf-item__requiredMark'; required.textContent = marker; fragment.appendChild(required); } }); node.replaceWith(fragment); }); }); document.addEventListener('DOMContentLoaded', () => { const privacyField = document.querySelector( '[data-name="check_privacy_policy"]' ); if (!privacyField) { return; } const item = privacyField.closest('.smf-item'); if (!item) { return; } const updateErrorMessage = () => { const error = item.querySelector('.smf-error-messages'); if (!error) { return; } if (error.textContent.trim() === '入力してください。') { error.textContent = 'チェックを入れてください'; } }; const observer = new MutationObserver(updateErrorMessage); observer.observe(item, { childList: true, subtree: true, characterData: true, }); updateErrorMessage(); }); document.addEventListener('DOMContentLoaded', () => { const privacyField = document.querySelector( '[data-name="check_privacy_policy"]' ); if (!privacyField) { return; } const label = privacyField.querySelector( '.smf-checkbox-control__label' ); if (!label || label.querySelector('.p-privacyPolicyLink')) { return; } const text = 'プライバシーポリシー'; Array.from(label.childNodes).forEach((node) => { if ( node.nodeType !== Node.TEXT_NODE || !node.textContent.includes(text) ) { return; } const fragment = document.createDocumentFragment(); const parts = node.textContent.split(text); parts.forEach((part, index) => { if (part) { fragment.appendChild(document.createTextNode(part)); } if (index < parts.length - 1) { const link = document.createElement('a'); link.className = 'p-privacyPolicyLink'; link.href = '/privacy-policy/'; link.textContent = text; fragment.appendChild(link); } }); node.replaceWith(fragment); }); });</script> <!-- end Simple Custom CSS and JS --> </body> </html>
