海外を身近に感じられたい方に・・


<!DOCTYPE html>
<html lang=”ja-JP”>
<head>
<!–
Environment    : pr
Cluster ID     : 3
Release number : 24.2
Render time    : 2024-03-18T13:41:08
–>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<script type=”text/javascript”>
    /*<![CDATA[*/
    var ACC = {
        config: {
            contextPath:        “”,
            encodedContextPath: “”,
            commonResourcePath: “/_ui/responsive/common”,
            themeResourcePath:  “/_ui/responsive/theme-hbw”,
            siteResourcePath:   “/_ui/responsive/site-hbwJPSite”,
            rootPath:           “/_ui/responsive”,
        },
        urls: {
            notepad:            “/notepad”,
            notepadCSRF:        “/notepad/csrf”,
            page404:            “/404”,
            partnerCard:        “/sf”,
            partnerContact:     “/sf/partnercontact”,
            productComparison:  “/productcomparison”,
            root:               “/”,
            link2shoplist:      “/link2shoplistshops”,
            leadForm:           “/leadform?cmsPageUid=p-bath-category-showers”
        },
        state: {
            isSmartEdit: false,
        },
        hashs: {
            image:    “#image”,
            accessToBrands:    “#brands”,
            quickview:    “#quickview”,
            pressfilter:    “#pressfilter”,
            productComparison:    “#product-comparison”,
            prospectOrderForm:    “#prospect-order-form”,
            notepad:    “#notepad”,
            mediaCart:    “#mediacart”,
            furtherMediaComponent:    “#further-media”,
            pressMedia:    “#pressmedia”,
            video:    “#video”,
            link2shopLightList:    “#shop-page”,
            copytextimage:    “#copytextimage”,
            languageSwitch:    “#language-switch”,
            link2shopList:    “#shop-list”,
            mediaGallery:    “#media-gallery”,
            partnerFinder:    “#partner-finder”,
            leadForm:    “#interest-form”,
            searchbox:    “#searchbox”,
            changecompany:    “#”,
        },
        lightboxes: {
            image:    “image”,
            accessToBrands:    “brands”,
            quickview:    “quickview”,
            pressfilter:    “pressfilter”,
            productComparison:    “product-comparison”,
            prospectOrderForm:    “prospect-order-form”,
            notepad:    “notepad”,
            mediaCart:    “mediacart”,
            furtherMediaComponent:    “further-media”,
            pressMedia:    “pressmedia”,
            video:    “video”,
            link2shopLightList:    “shop-page”,
            copytextimage:    “copytextimage”,
            languageSwitch:    “language-switch”,
            link2shopList:    “shop-list”,
            mediaGallery:    “media-gallery”,
            partnerFinder:    “partner-finder”,
            leadForm:    “interest-form”,
            searchbox:    “searchbox”,
            changecompany:    “”,
        },
        params: {
            sendNotepad:        “?sendNotepad=true”,
            shareNotepad:       “?share=notepad”
        },
        data: {
            currencyCode: “JPY”,
            externCustomNumbersEnabled: false
        },
        breadcrumb: [
                “バスルーム”,
                “シャワー”,
        ],
        translations: {
            pagination: {
                prev: “戻る”,
                next: “次”,
            }
        },
        augmentedReality: {
            notSupported: !!window.MSInputMethodContext,
            environmentImage: ‘https:\/\/assets.hansgrohe.com\/celum\/web\/ax-hg-environment-image.jpg’,
   displayFailureInfo: ‘Could not be loaded’,
   missingSupportInfo: ‘Not Supported’,
},
    };
    /*]]>*/
</script>
<script>
    ACC.finder = {
        mapType:    “YELLOWMAP”,
        ymApiUrl:   “//www.yellowmap.de/api_rst/api/loader?apiKey=E%2BgAbK3QkVX0JNTYPoQd89Qp%2B3m6kANhgpqLVjgh678%3D&libraries=enterprise-3”,
        ymAuth:     “Basic SGFuc2dyb2hlOmFEQzlBeDB1dmoxa1FyclprWjAxY3c9PQ==”,
        yellowMapAPIVersion:     “v2”,
        bathFilterId:           “HGFFBA”,
        branches:               “HGFFJ”,
        countryCode:            “JP”,
        installationFilterId:   “HGxH430”,
        kitchenFilterId:        “HGFFKI”,
        locale:                 “ja-JP”,
        prefilter:              “HGFFBA”,
        premiumFilterId:        “HGxP19999”,
        useFilterIsOpen:        true,
        usePremiumFilter:       false,
        hidePrimaryFilter:      false,
        hideProductLineFilter:  false,
        filterVisibilityBrand:  “Hansgrohe”, // Hansgrohe or Axor (TODO should be configurable once AXOR is implemented => First Character needs to be Uppercase)
        allFiltersPath:     “api_hansgrohe/v1/filters/AllFilters”,
        productsPath:       “api_hansgrohe/v1/products/AllProducts”,
        radiusPath:         “api_hansgrohe/v1/GeoSearches/Radius”,
        rectanglePath:      “api_hansgrohe/v1/GeoSearches/Rectangle”,
        rectangleTilesPath: “api_hansgrohe/v1/GeoSearchesTiles/RectangleTiles”,
        routePlannerUrl:    “https://www.google.com/maps/dir/?api=1”,
        filterKeywordsBath:     “bad|duschen|dusche”,
        filterKeywordsKitchen:  “küche|kueche|kochen”,
        requestAttempts:    3,
        zoomIncreaseSteps:      1,
        minZoomLevel:           4,
        initialZoomLevel:       12,
        clusterZoomLevel:       12,
        visibleMarkerAtStart:   5,
        maxEntriesWidget:       3,
        radiusWidget:           100000,
        timeout:                60000,
        usePageLocale:          true,
        useCustomCountryForFilter: false,
        hgLocales:              {“AL”: “en-ZA”, “AI”: “es-MX”, “AG”: “es-MX”, “AR”: “es-MX”, “AW”: “es-MX”, “AU”: “en-AU”, “AT”: “de-AT”, “BB”: “es-MX”, “BY”: “ru-RU”, “BE”: “fr-BE”, “BZ”: “es-MX”, “BO”: “es-MX”, “BA”: “en-ZA”, “BW”: “xh-ZA”, “BR”: “pt-BR”, “CA”: “en-US”, “CL”: “es-MX”, “CN”: “zh-CN”, “CO”: “es-MX”, “CR”: “es-MX”, “CY”: “tr-TR”, “CZ”: “cs-CZ”, “DK”: “da-DK”, “DM”: “es-MX”, “DO”: “es-MX”, “EC”: “es-MX”, “SV”: “es-MX”, “FI”: “fi-FI”, “FR”: “fr-FR”, “GF”: “fr-FR”, “PF”: “fr-FR”, “TF”: “fr-FR”, “GE”: “ru-RU”, “DE”: “de-DE”, “GH”: “xh-ZA”, “GD”: “es-MX”, “GT”: “es-MX”, “HT”: “es-MX”, “HN”: “es-MX”, “HK”: “en-SG”, “HU”: “hu-HU”, “IS”: “da-DK”, “IN”: “en-IN”, “ID”: “en-SG”, “IE”: “en-GB”, “IT”: “it-IT”, “JM”: “es-MX”, “JP”: “ja-JP”, “KE”: “xh-ZA”, “KR”: “en-SG”, “LI”: “de-Ch”, “LU”: “fr-BE”, “MG”: “xh-ZA”, “MU”: “xh-ZA”, “MX”: “es-MX”, “ME”: “en-ZA”, “NA”: “xh-ZA”, “NL”: “nl-NL”, “NZ”: “en-AU”, “NI”: “es-MX”, “NG”: “xh-ZA”, “NO”: “da-DK”, “PA”: “es-MX”, “PY”: “es-MX”, “PE”: “es-MX”, “PH”: “en-SG”, “PL”: “pl-PL”, “PT”: “PT-pt”, “PR”: “en-US”, “RU”: “ru-RU”, “BL”: “es-MX”, “SH”: “es-MX”, “KN”: “es-MX”, “LC”: “es-MX”, “MF”: “es-MX”, “PM”: “es-MX”, “VC”: “es-MX”, “RS”: “en-ZA”, “SC”: “xh-ZA”, “SG”: “en-SG”, “SX”: “nl-NL”, “SK”: “cs-CZ”, “SI”: “en-ZA”, “ZA”: “xh-ZA”, “GS”: “ru-RU”, “ES”: “es-ES”, “SR”: “es-MX”, “SE”: “sv-SE”, “CH”: “de-Ch”, “TW”: “zh-TW”, “TJ”: “ru-RU”, “TH”: “en-SG”, “TT”: “es-MX”, “TR”: “tr-TR”, “UA”: “uk-UA”, “GB”: “en-GB”, “US”: “en-US”, “UM”: “en-US”, “UY”: “es-MX”, “VE”: “es-MX”, “VG”: “en-GB”, “VI”: “en-US”, “ZM”: “xh-ZA”, “ZW”: “xh-ZA”, “EE”: “et-EE”},
        search: {
            searchBGImage:          “https://assets.hansgrohe.com/celum/web/map-default.jpg”,
            searchRegionInfoText:   “”,
        },
        urls: {
            partnerCardUrl:             “/sf”,
            partnerContactUrl:          “/sf/partnercontact”,
        },
        translations: {
            search: {
                inputPlaceholder: “お近くのショールーム(都道府県、郵便番号)”,
                restartSearch:              “このエリアで検索する”,
            },
            filter: {
                premium: “Premium partner”,
                bath: “バスルーム”,
                kitchen: “キッチン”,
                isopen: “営業中”,
                productlineDropdown: “プロダクトレンジ”,
                productlineDefault: “記入ください”,
                categoryHeadline: “お探しの条件を選択する”,
                productlineHeadline: “ライン:”,
                promotionsHeadline: “アクションを選択:”,
                partnersHeadline: “パートナーシップを選択:”,
                iconText:               “結果”,
            },
            list: {
                clustering:             “エリアを選択”,
                loading:                “データをロード中。”,
                empty:                  “検索いただいたエリア内にはショールームがございません。別エリアを検索ください。”,
            },
            listDetails: {
                notepadLinkText:        “ノートパッドを送る”,
                openedText:        “営業中”,
                closedText:        “閉店”,
                openingDaysText:        “営業時間”,
                distanceUnit:           “km”,
                detailsText:            “詳細”,
                contactRequestText:     “コンタクトリクエスト”,
                contactRequestTextDetail: “コンタクトリクエスト”,
                inputPlaceholder:       “お近くのショールーム(都道府県、郵便番号)”,
                detailsBack:            “戻る”,
                premium:                “プレミアムパートナー”
            },
            load: {
                strong:                 “ハンスグローエ”,
                text:                   “ショールームデータをロード中”,
            },
            share: {
                noSelectionText:        “取扱店を選択”,
                selectionText:          “取扱店„{1}“を選択しました。”,
                button:                 “取扱店へ送る”,
            },
            error: {
                default:                “エラーが発生しました。ページを再読み込みしてください。”,
                retry:                  “Something went wrong. Please retry.”,
                geo:                    “位置情報が読み込めません – 設定をご確認ください。”,
                timeout:                “コネクションエラー – ページを再読み込みしてください。”,
            },
            widget: {
                listEmpty:              “検索いただいたエリア内にはショールームがございません。別エリアを検索ください。”,
                openLightboxLink:       “取扱店検索”,
            },
            days: {
                mon:                “月曜日”,
                tue:                “火曜日”,
                wed:                “水曜日”,
                thu:                “木曜日”,
                fri:                “金曜日”,
                sat:                “土曜日”,
                sun:                “日曜日”,
            }
        },
        mapStylingGoogle: [
            {
                “featureType”: “all”,
                “elementType”: “labels.text.fill”,
                “stylers”: [
                    { “saturation”: 36 },
                    { “color”: “#333333” },
                    { “lightness”: 40 }
                ]
            },
            {
                “featureType”: “all”,
                “elementType”: “labels.text.stroke”,
                “stylers”: [
                    { “visibility”: “on” },
                    { “color”: “#ffffff” },
                    { “lightness”: 16 }
                ]
            },
            {
                “featureType”: “all”,
                “elementType”: “labels.icon”,
                “stylers”: [
                    { “visibility”: “off” }
                ]
            },
            {
                “featureType”: “administrative”,
                “elementType”: “geometry.fill”,
                “stylers”: [
                    { “color”: “#fefefe” },
                    { “lightness”: 20 }
                ]
            },
            {
                “featureType”: “administrative”,
                “elementType”: “geometry.stroke”,
                “stylers”: [
                    { “color”: “#fefefe” },
                    { “lightness”: 17 },
                    { “weight”: 1.2 }
                ]
            },
            {
                “featureType”: “administrative.locality”,
                “elementType”: “labels”,
                “stylers”: [
                    { “visibility”: “simplified” }
                ]
            },
            {
                “featureType”: “administrative.locality”,
                “elementType”: “labels.icon”,
                “stylers”: [
                    { “visibility”: “simplified” },
                    { “gamma”: “0.00” },
                    { “lightness”: “100” },
                    { “saturation”: “-100” },
                    { “weight”: “0.01” },
                    { “hue”: “#ff0000” }
                ]
            },
            {
                “featureType”: “administrative.country”,
                “elementType”: “geometry.stroke”,
                “stylers”: [
                    {
                        “color”: “#26a792”
                    }
                ]
            },
            {
                “featureType”: “landscape”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#f5f5f5” },
                    { “lightness”: 20 }
                ]
            },
            {
                “featureType”: “poi”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#f5f5f5” },
                    { “lightness”: 21 }
                ]
            },
            {
                “featureType”: “poi.park”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#dedede” },
                    { “lightness”: 21 }
                ]
            },
            {
                “featureType”: “road.highway”,
                “elementType”: “geometry.fill”,
                “stylers”: [
                    { “color”: “#ffffff” },
                    { “lightness”: 17 }
                ]
            },
            {
                “featureType”: “road.highway”,
                “elementType”: “geometry.stroke”,
                “stylers”: [
                    { “color”: “#ffffff” },
                    { “lightness”: 29 },
                    { “weight”: 0.2 }
                ]
            },
            {
                “featureType”: “road.arterial”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#ffffff” },
                    { “lightness”: 18 }
                ]
            },
            {
                “featureType”: “road.local”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#ffffff” },
                    { “lightness”: 16 }
                ]
            },
            {
                “featureType”: “transit”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#f2f2f2” },
                    { “lightness”: 19 }
                ]
            },
            {
                “featureType”: “water”,
                “elementType”: “geometry”,
                “stylers”: [
                    { “color”: “#e9e9e9” },
                    { “lightness”: 17 }
                ]
            }
        ]
    };
</script><script>
    ACC.link2shop = {
        payments: {
            READY4SHIPPING: “船積の準備が完了しました”,
            PAYPAL:         “Paypal”,
            CREDITCARD:     “クレジットカード”,
            PREPAYMENT:     “前払い”,
            COD:            “代金引換”,
            PICKUP:         “受け取り”
        }
    };
</script><!–  ConsentTemplates –>
<script>
    ACC.consent = {
        mode: ‘NONE’,
        lifetimeFull: 0, // in month
        lifetimePartial: 0, // in month
        states: {
            given: ‘GIVEN’,
            withdrawn: ‘WITHDRAWN’,
            notset: null,
        },
        containers: {
                ‘BASIC_FUNCTION_COOKIES_JP’: [
                        ‘JSESSIONID’,
                        ‘ROUTEID’,
                        ‘SERVERID’,
                        ‘XSRF-TOKEN’,
                        ‘cb-enabled’,
                        ‘anonymus-consent’,
                        ‘hansgrohe-seen’,
                        ‘partner-finder’,
                        ‘inspiration-tool-like’,
                        ‘notepad’,
                        ‘product-comparison’,
                ],
                ‘CUSTOMER_EXPERIENCE_COOKIES_JP’: [
                        ‘new-relic’,
                        ‘google-analytics’,
                        ‘SurveyMonkey’,
                ],
                ‘MARKETING_COOKIES_JP’: [
                        ‘Youtube’,
                        ‘retargeting’,
                ],
        },
        cookies: {
                    ‘JSESSIONID’: [
                            ‘JSESSIONID’,
                    ],
                    ‘ROUTEID’: [
                            ‘ROUTEID’,
                    ],
                    ‘SERVERID’: [
                            ‘SERVERID’,
                    ],
                    ‘XSRF-TOKEN’: [
                            ‘XSRF-TOKEN’,
                    ],
                    ‘cb-enabled’: [
                            ‘cb-enabled’,
                    ],
                    ‘anonymus-consent’: [
                            ‘anonymus-consent’,
                    ],
                    ‘hansgrohe-seen’: [
                            ‘hansgrohe-cookie-seen’,
                            ‘hansgrohe-consents-seen’,
                    ],
                    ‘partner-finder’: [
                            ‘MY_ADDRESS_PAGES_YellowMapDE’,
                            ‘SEARCH_FORM_YellowMapDE’,
                            ‘ASP.NET_SessionId’,
                    ],
                    ‘inspiration-tool-like’: [
                            ‘inspiration-tool-like’,
                    ],
                    ‘notepad’: [
                            ‘notepad’,
                    ],
                    ‘product-comparison’: [
                            ‘productComparison’,
                    ],
                    ‘new-relic’: [
                            ‘New Relic’,
                    ],
                    ‘google-analytics’: [
                            ‘_ga’,
                            ‘_gali’,
                            ‘_gid’,
                    ],
                    ‘SurveyMonkey’: [
                            ‘SurveyMonkey’,
                    ],
                    ‘Youtube’: [
                            ‘Youtube’,
                    ],
                    ‘retargeting’: [
                            ‘retargeting’,
                    ],
        },
        lightboxes: {
            notepad:            “notepad”,
            productComparison:  “product-comparison”,
            partnerFinder:      “partner-finder”,
        },
        templates: [
                {
                    ‘id’: ‘BASIC_FUNCTION_COOKIES_JP’,
                    ‘defaultValue’: ‘PRESELECTED’,
                    ‘version’: 1,
                    ‘cookies’: [
                            {
                                ‘cookieKey’: ‘JSESSIONID’,
                                ‘cookieCodes’: ‘[JSESSIONID]’
                            },
                            {
                                ‘cookieKey’: ‘ROUTEID’,
                                ‘cookieCodes’: ‘[ROUTEID]’
                            },
                            {
                                ‘cookieKey’: ‘SERVERID’,
                                ‘cookieCodes’: ‘[SERVERID]’
                            },
                            {
                                ‘cookieKey’: ‘XSRF-TOKEN’,
                                ‘cookieCodes’: ‘[XSRF-TOKEN]’
                            },
                            {
                                ‘cookieKey’: ‘cb-enabled’,
                                ‘cookieCodes’: ‘[cb-enabled]’
                            },
                            {
                                ‘cookieKey’: ‘anonymus-consent’,
                                ‘cookieCodes’: ‘[anonymus-consent]’
                            },
                            {
                                ‘cookieKey’: ‘hansgrohe-seen’,
                                ‘cookieCodes’: ‘[hansgrohe-cookie-seen, hansgrohe-consents-seen]’
                            },
                            {
                                ‘cookieKey’: ‘partner-finder’,
                                ‘cookieCodes’: ‘[MY_ADDRESS_PAGES_YellowMapDE, SEARCH_FORM_YellowMapDE, ASP.NET_SessionId]’
                            },
                            {
                                ‘cookieKey’: ‘inspiration-tool-like’,
                                ‘cookieCodes’: ‘[inspiration-tool-like]’
                            },
                            {
                                ‘cookieKey’: ‘notepad’,
                                ‘cookieCodes’: ‘[notepad]’
                            },
                            {
                                ‘cookieKey’: ‘product-comparison’,
                                ‘cookieCodes’: ‘[productComparison]’
                            },
                    ],
                },
                {
                    ‘id’: ‘CUSTOMER_EXPERIENCE_COOKIES_JP’,
                    ‘defaultValue’: ‘UNSELECTED’,
                    ‘version’: 1,
                    ‘cookies’: [
                            {
                                ‘cookieKey’: ‘new-relic’,
                                ‘cookieCodes’: ‘[New Relic]’
                            },
                            {
                                ‘cookieKey’: ‘google-analytics’,
                                ‘cookieCodes’: ‘[_ga, _gali, _gid]’
                            },
                            {
                                ‘cookieKey’: ‘SurveyMonkey’,
                                ‘cookieCodes’: ‘[SurveyMonkey]’
                            },
                    ],
                },
                {
                    ‘id’: ‘MARKETING_COOKIES_JP’,
                    ‘defaultValue’: ‘UNSELECTED’,
                    ‘version’: 1,
                    ‘cookies’: [
                            {
                                ‘cookieKey’: ‘Youtube’,
                                ‘cookieCodes’: ‘[Youtube]’
                            },
                            {
                                ‘cookieKey’: ‘retargeting’,
                                ‘cookieCodes’: ‘[retargeting]’
                            },
                    ],
                },
        ]
    };
</script>
<script>
!function(e){var n=!1;if(“function”==typeof define&&define.amd&&(define(e),n=!0),”object”==typeof exports&&(module.exports=e(),n=!0),!n){var o=window.Cookies,t=window.Cookies=e();t.noConflict=function(){return window.Cookies=o,t}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var o=arguments[e];for(var t in o)n[t]=o[t]}return n}return function n(o){function t(n,r,i){var c;if(“undefined”!=typeof document){if(arguments.length>1){if(“number”==typeof(i=e({path:”/”},t.defaults,i)).expires){var a=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*i.expires),i.expires=a}i.expires=i.expires?i.expires.toUTCString():””;try{c=JSON.stringify(r),/^[\{\[]/.test(c)&&(r=c)}catch(e){}r=o.write?o.write(r,n):encodeURIComponent(String(r)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=(n=(n=encodeURIComponent(String(n))).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent)).replace(/[\(\)]/g,escape);var f=””;for(var s in i)i[s]&&(f+=”; “+s,!0!==i[s]&&(f+=”=”+i[s]));return document.cookie=n+”=”+r+f}n||(c={});for(var p=document.cookie?document.cookie.split(“; “):[],d=/(%[0-9A-Z]{2})+/g,u=0;u<p.length;u++){var l=p[u].split(“=”),C=l.slice(1).join(“=”);'”‘===C.charAt(0)&&(C=C.slice(1,-1));try{var g=l[0].replace(d,decodeURIComponent);if(C=o.read?o.read(C,g):o(C,g)||C.replace(d,decodeURIComponent),this.json)try{C=JSON.parse(C)}catch(e){}if(n===g){c=C;break}n||(c[g]=C)}catch(e){}}return c}}return t.set=t,t.get=function(e){return t.call(t,e)},t.getJSON=function(){return t.apply({json:!0},[].slice.call(arguments))},t.defaults={},t.remove=function(n,o){t(n,””,e(o,{expires:-1}))},t.withConverter=n,t}(function(){})});
window.Cookies = Cookies;
</script>
<script>
String.prototype.hashCode=function(){var t=0;if(0==this.length)return t;for(var r=0;r<this.length;r++){t=(t<<5)-t+this.charCodeAt(r),t&=t}return t};
</script>
<script>
/**
 * Default ConsentManager
 * Accepts all Cookies
 */
window.ConsentManager = {
    domain: location.hostname, // make domain for cookie settings available
    cookieSeenName: “”,
    init: function() {},
    checkConsentState: function() {},
    update: function(data) {},
    call: function(id, callback) { callback(); return true; },
    isConsentGivenForKey: function(id) { return true; },
    isConsentGivenForCookie: function(cookieKey) { return true; },
    isConsentGivenForContainer: function(container) { return true; },
    getConsentFormData: function() {},
    _getConsentCookie: function() {},
    _getInitialConsentCookie: function() {},
    _saveCookie: function(consents, acceptAll, cookieSeen) {},
    _removeWithdrawnCookies: function() {},
    _handleSpecialCases: function(cookieKey) {},
    _getVersion: function() {
        return ” + JSON.stringify(ACC.consent.templates).hashCode();
    },
    _isSmarteditActive: function() {
        return false;
    },
    showDisableLayer: function() {
        ConsentManager._trigger(‘cookieLayer.show.DISABLED_MESSAGE’); // show disabled message info
    },
    _trigger: function(eventName, data) {
        data = data || {};
        if (typeof window.CustomEvent === “function”) {
            var event = new CustomEvent(eventName, {detail: {some: data}});
        } else {
            var event = document.createEvent(‘CustomEvent’);
            event.initCustomEvent(eventName, true, true, {some: data});
        }
        document.dispatchEvent(event);
    }
};
/**
 * GDPRConsentManager arranges the Cookie handling for the whole page.
 *
 * Backend data used in here are set in: hghbwstorefront/web/webroot/WEB-INF/tags/responsive/cookie/data.tag
 */
GDPRConsentManager = {
    cookieName: “anonymous-consents”,
    cookieSeenName: “hansgrohe-consents-seen”,
     // flag if we are in advanced cookie layer mode
     isAdvancedMode: ACC.consent.mode === ‘ADVANCED’,
     // wether to set cp-perf value to 0/1
     noAdditional: false,
    cookieDefaultConfig: { expires: ACC.consent.lifetimePartial, domain: location.hostname },
    /**
     * ensure cookie is set and probably
     */
    init: function() {
        ConsentManager._getConsentCookie(); // ensure consentCookies are set
        ConsentManager._removeWithdrawnCookies(); // remove withdrawn cookies if already set
        ConsentManager.trackIfNotTracked(); // track user without interaction
    },
    /**
     * Checks if the user has already set his settings / accepted the cookies.
     * If not, the initial cookie layer should be shown
     *
     * Will be called first on each page call.
     */
    checkConsentState: function() {
        var consentSeenVersion = Cookies.get(ConsentManager.cookieSeenName);
        if ((!consentSeenVersion || consentSeenVersion !== ConsentManager._getVersion()) && !ConsentManager._isSmarteditActive()) { // ignore while smartedit
            ConsentManager._saveCookie(ConsentManager._getInitialConsentCookie()); // override cookie settings if already exist
            ConsentManager._removeWithdrawnCookies();
            ConsentManager._trigger(‘consentForm.update’);
            ConsentManager._trigger(“cookieLayer.show.” + ACC.consent.mode); // show cookie layer
        }
    },
    /**
     * Updates the given consent settings
     * @param {Object} data {templateCode: consentState (true/false)} or ‘all’ to accept all
     */
    update: function(data) {
        data = data || {all: true};
        var acceptAll = Object.keys(data).every(function(key) {
            return data[key];
        });
        var oldConsents = ConsentManager._getConsentCookie();
        var consents = ConsentManager._getConsentCookie().map(function (c) {
            c.consentState = acceptAll || data[c.templateCode] ? ACC.consent.states.given : ACC.consent.states.withdrawn;
            return c;
        });
        var hasNewWithdrawns = !consents.every(function(c, i) {
            return (c.consentState === ACC.consent.states.given || oldConsents[i].consentState === c.consentState) || oldConsents[i].consentState === ACC.consent.states.notset;
        });
        if (ConsentManager.isAdvancedMode) {
            Object.keys(data).map(function(c) {
                var isAdditionalTemplate = c.indexOf(‘CUSTOMER’) !== -1;
                var isConsentGiven = data[c] === true;
                if (isAdditionalTemplate) {
                    if (!isConsentGiven) {
                        // if user didn’t opted out, but didn’t check ‘ADDITIONAL COOKIES’
                        // we set cp-perf value to 0 below
                        ConsentManager.noAdditional = true;
                    }
                    // set cp-log to 0 if user accepted only required cookies
                    ConsentManager.noPerformanceTracking(isConsentGiven);
                }
            });
        }
        ConsentManager._saveCookie(consents, acceptAll, true);
        ConsentManager._removeWithdrawnCookies();
        // if there are new withdraws compared to previous cookie acceptance reload the page
        if (hasNewWithdrawns) {
            location.reload();
        } else {
            ConsentManager._trigger(‘consent.update’);
            ConsentManager._trigger(‘cookieLayer.hide’);  // only needed if not page reload is triggered
            ConsentManager._trigger(‘consentForm.update’);  // only needed if not page reload is triggered
        }
    },
    /**
     * Checks cookie settings and executes callback if cookie is accepted.
     *
     * Note: For HashRouter Functions: hash/id needs to be the same as the cookieKey (see HGHBWCookieDescriptionPopulator.java)
     *
     * Will be called from the different modules which use/set cookies.
     * @param {string} cookieKey
     * @param {Function} callback
     */
    call: function(cookieKey, callback) {
        var given = ConsentManager.isConsentGivenForKey(cookieKey);
        if (given) {
            callback();
        } else {
            ConsentManager.showDisableLayer();
        }
        return given;
    },
    /**
     * returns prepared consent data
     *
     * used for consent form preselection
     */
    getConsentFormData: function() {
        var consents = Cookies.getJSON(ConsentManager.cookieName);
        return consents ? consents.reduce(function (prev, cur) {
            prev[cur.templateCode] = cur.consentState === ACC.consent.states.given;
            return prev;
        }, {}) : null;
    },
    /**
     * Checks the current consent settings of the user.
     * @param {string} cookieKey
     */
    isConsentGivenForKey: function(cookieKey) {
        var container = Object.keys(ACC.consent.containers).filter(function (key) {
                return ACC.consent.containers[key].indexOf(cookieKey) > -1;
            })[0];
        return ConsentManager.isConsentGivenForContainer(container);
    },
    /**
     * Checks if the current consent settings of the user allows the given cookie.
     * @param {string} cookieCode
     */
    isConsentGivenForCookie: function(cookieCode) {
        var container = Object.keys(ACC.consent.containers).filter(function (containerName) {
            return ACC.consent.containers[containerName].filter(function(key) {
                    return ACC.consent.cookies[key].indexOf(cookieCode) > -1;
                })[0];
            })[0];
        return ConsentManager.isConsentGivenForContainer(container);
    },
    /**
     * Checks if the current consent settings of the user is allowed for the given container.
     * @param {string} container
     */
    isConsentGivenForContainer: function(container) {
        var consent = ConsentManager._getConsentCookie().filter(function (obj) {
                return obj.templateCode === container;
            })[0];
        return !container || consent && consent.consentState === ACC.consent.states.given; // when not found or consent is given
    },
    /**
     * only set cookie for first time users
    */
    trackIfNotTracked: function() {
        var isTrackingCookieSet = Cookies.get(‘cp-log’);
        if (!isTrackingCookieSet && ConsentManager.isAdvancedMode) {
            Cookies.set(‘cp-log’, 1, ConsentManager.cookieDefaultConfig);
        }
    },
     /**
     * no performance tracking opted-out
     */
    noPerformanceTracking: function(isConsentGiven) {
        Cookies.set(‘cp-log’, Number(isConsentGiven), ConsentManager.cookieDefaultConfig);
    },
    /**
     * returns consent cookie
     * if not available yet it will be created and saved in the cookie
     *
     * see https://help.hybris.com/6.6.0/hcd/a9f387f70d484c19971aca001dc71bc5.html
     */
    _getConsentCookie: function() {
        var consents = void 0;
        if (Cookies.get(ConsentManager.cookieName)) {
            consents = Cookies.getJSON(ConsentManager.cookieName);
        } else {
            consents = ConsentManager._getInitialConsentCookie();
            ConsentManager._saveCookie(consents);
        }
        return consents;
    },
    /**
     * returns a clean up the cookie if not available yet
     */
    _getInitialConsentCookie: function() {
        return ACC.consent.templates.map(function (c) {
            return {
                templateCode: c.id,
                consentState: c.defaultValue === ‘UNSELECTED’ ? ACC.consent.states.notset : ACC.consent.states.given,
                templateVersion: c.version
            };
        });
    },
    /**
     * returns a clean up the cookie if not available yet
     *
     * @param {Object} consents
     * @param {Boolean} acceptAll
     * @param {Boolean} cookieSeen
     */
    _saveCookie: function(consents, acceptAll, setCookieSeen) {
        var config = {
            expires: acceptAll ? ACC.consent.lifetimeFull : ACC.consent.lifetimePartial,
            domain: location.hostname
        };
        Cookies.set(ConsentManager.cookieName, consents, config);
        if (setCookieSeen) {
            Cookies.set(ConsentManager.cookieSeenName, ConsentManager._getVersion(), config);
        }
    },
    /**
     * removes cookies based on the user settings
     */
    _removeWithdrawnCookies: function() {
        if (Cookies.getJSON(ConsentManager.cookieName)) {
            Cookies.getJSON(ConsentManager.cookieName).forEach(function (consent) {
                var containerWithdrawn = consent.consentState !== ACC.consent.states.given && ACC.consent.containers[consent.templateCode];
                ACC.consent.containers[consent.templateCode].forEach(function (cookieKey) {
                    if (containerWithdrawn) {
                        ACC.consent.cookies[cookieKey].forEach(function (cookieCode) {
                            Cookies.remove(cookieCode, {domain: ConsentManager.domain});
                        });
                    }
                    ConsentManager._handleSpecialCases(cookieKey, containerWithdrawn);
                });
            });
        }
    },
    /**
     * handle special cases to remove third party cookies properly
     */
    _handleSpecialCases: function(cookieKey, withdrawn) {
        // if user chose no additional cookies, or he withdrawn, set cp-perf to 0
        var falseCpPerf = ConsentManager.noAdditional || withdrawn;
        switch (cookieKey) {
            case ‘notepad’:
                if(withdrawn) {
                    var request = new XMLHttpRequest();
                    request.open(‘DELETE’, ACC.urls.notepad + ‘/cookie’, true);
                    request.setRequestHeader(‘CSRFToken’, Cookies.get(‘XSRF-TOKEN’));
                    request.setRequestHeader(‘Accept’, ‘application/json; charset=UTF-8’);
                    request.setRequestHeader(‘Content-Type’, ‘application/json; charset=UTF-8’);
                    request.send();
                }
                break;
            case ‘google-analytics’:
                Cookies.set(‘cp-perf’, falseCpPerf ? 0 : 1, ConsentManager.cookieDefaultConfig);
                break;
            case ‘live-chat’:
                Cookies.set(‘cp-chat’, withdrawn ? 0 : 1, ConsentManager.cookieDefaultConfig);
                break;
            case ‘retargeting’:
                Cookies.set(‘cp-ret’, withdrawn ? 0 : 1, ConsentManager.cookieDefaultConfig);
                break;
        }
    },
};
// if light, strict or advanced version use GDPRConsentManager
if(ACC.consent.mode === ‘LIGHT’ || ACC.consent.mode === ‘STRICT’ || ACC.consent.mode === ‘ADVANCED’) {
    for (var attr in GDPRConsentManager) {
        ConsentManager[attr] = GDPRConsentManager[attr];
    }
}
ConsentManager.init();
</script>
<script type=”text/javascript”>
    if(ConsentManager.isConsentGivenForKey(‘new-relic’)) {
        window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||e)},o,o.exports)}return e[n].exports}if(“function”==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e,n){function r(t){try{c.console&&console.log(t)}catch(e){}}var o,i=t(“ee”),a=t(20),c={};try{o=localStorage.getItem(“__nr_flags”).split(“,”),console&&”function”==typeof console.log&&(c.console=!0,o.indexOf(“dev”)!==-1&&(c.dev=!0),o.indexOf(“nr_dev”)!==-1&&(c.nrDev=!0))}catch(s){}c.nrDev&&i.on(“internal-error”,function(t){r(t.stack)}),c.dev&&i.on(“fn-err”,function(t,e,n){r(n.stack)}),c.dev&&(r(“NR AGENT IN DEVELOPMENT MODE”),r(“flags: “+a(c,function(t,e){return t}).join(“, “)))},{}],2:[function(t,e,n){function r(t,e,n,r,c){try{h?h-=1:o(c||new UncaughtException(t,e,n),!0)}catch(f){try{i(“ierr”,[f,s.now(),!0])}catch(d){}}return”function”==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||”Uncaught error with no additional information”,this.sourceURL=e,this.line=n}function o(t,e){var n=e?null:s.now();i(“err”,[t,n])}var i=t(“handle”),a=t(21),c=t(“ee”),s=t(“loader”),f=t(“gos”),u=window.onerror,d=!1,p=”nr@seenError”,h=0;s.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(l){“stack”in l&&(t(13),t(12),”addEventListener”in window&&t(6),s.xhrWrappable&&t(14),d=!0)}c.on(“fn-start”,function(t,e,n){d&&(h+=1)}),c.on(“fn-err”,function(t,e,n){d&&!n[p]&&(f(n,p,function(){return!0}),this.thrown=!0,o(n))}),c.on(“fn-end”,function(){d&&!this.thrown&&h>0&&(h-=1)}),c.on(“internal-error”,function(t){i(“ierr”,[t,s.now(),!0])})},{}],3:[function(t,e,n){t(“loader”).features.ins=!0},{}],4:[function(t,e,n){function r(){M++,S=y.hash,this[u]=b.now()}function o(){M–,y.hash!==S&&i(0,!0);var t=b.now();this[l]=~~this[l]+t-this[u],this[d]=t}function i(t,e){E.emit(“newURL”,[“”+y,e])}function a(t,e){t.on(e,function(){this[e]=b.now()})}var c=”-start”,s=”-end”,f=”-body”,u=”fn”+c,d=”fn”+s,p=”cb”+c,h=”cb”+s,l=”jsTime”,m=”fetch”,v=”addEventListener”,w=window,y=w.location,b=t(“loader”);if(w[v]&&b.xhrWrappable){var g=t(10),x=t(11),E=t(8),P=t(6),O=t(13),R=t(7),T=t(14),L=t(9),j=t(“ee”),N=j.get(“tracer”);t(15),b.features.spa=!0;var S,M=0;j.on(u,r),j.on(p,r),j.on(d,o),j.on(h,o),j.buffer([u,d,”xhr-done”,”xhr-resolved”]),P.buffer([u]),O.buffer([“setTimeout”+s,”clearTimeout”+c,u]),T.buffer([u,”new-xhr”,”send-xhr”+c]),R.buffer([m+c,m+”-done”,m+f+c,m+f+s]),E.buffer([“newURL”]),g.buffer([u]),x.buffer([“propagate”,p,h,”executor-err”,”resolve”+c]),N.buffer([u,”no-“+u]),L.buffer([“new-jsonp”,”cb-start”,”jsonp-error”,”jsonp-end”]),a(T,”send-xhr”+c),a(j,”xhr-resolved”),a(j,”xhr-done”),a(R,m+c),a(R,m+”-done”),a(L,”new-jsonp”),a(L,”jsonp-end”),a(L,”cb-start”),E.on(“pushState-end”,i),E.on(“replaceState-end”,i),w[v](“hashchange”,i,!0),w[v](“load”,i,!0),w[v](“popstate”,function(){i(0,M>1)},!0)}},{}],5:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t(“ee”),i=t(“handle”),a=t(13),c=t(12),s=”learResourceTimings”,f=”addEventListener”,u=”resourcetimingbufferfull”,d=”bstResource”,p=”resource”,h=”-start”,l=”-end”,m=”fn”+h,v=”fn”+l,w=”bstTimer”,y=”pushState”,b=t(“loader”);b.features.stn=!0,t(8);var g=NREUM.o.EV;o.on(m,function(t,e){var n=t[0];n instanceof g&&(this.bstStart=b.now())}),o.on(v,function(t,e){var n=t[0];n instanceof g&&i(“bst”,[n,e,this.bstStart,b.now()])}),a.on(m,function(t,e,n){this.bstStart=b.now(),this.bstType=n}),a.on(v,function(t,e){i(w,[e,this.bstStart,b.now(),this.bstType])}),c.on(m,function(){this.bstStart=b.now()}),c.on(v,function(t,e){i(w,[e,this.bstStart,b.now(),”requestAnimationFrame”])}),o.on(y+h,function(t){this.time=b.now(),this.startPath=location.pathname+location.hash}),o.on(y+l,function(t){i(“bstHist”,[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance[“c”+s]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(p)]),window.performance[“c”+s]()},!1):window.performance[f](“webkit”+u,function(t){i(d,[window.performance.getEntriesByType(p)]),window.performance[“webkitC”+s]()},!1)),document[f](“scroll”,r,{passive:!0}),document[f](“keypress”,r,!1),document[f](“click”,r,!1)}},{}],6:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&o(e)}function o(t){c.inPlace(t,[u,d],”-“,i)}function i(t,e){return t[1]}var a=t(“ee”).get(“events”),c=t(23)(a,!0),s=t(“gos”),f=XMLHttpRequest,u=”addEventListener”,d=”removeEventListener”;e.exports=a,”getPrototypeOf”in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+”-start”,function(t,e){var n=t[1],r=s(n,”nr@wrapped”,function(){function t(){if(“function”==typeof n.handleEvent)return n.handleEvent.apply(n,arguments)}var e={object:t,”function”:n}[typeof n];return e?c(e,”fn-“,null,e.name||”anonymous”):n});this.wrapped=t[1]=r}),a.on(d+”-start”,function(t){t[1]=this.wrapped||t[1]})},{}],7:[function(t,e,n){function r(t,e,n){var r=t[e];”function”==typeof r&&(t[e]=function(){var t=r.apply(this,arguments);return o.emit(n+”start”,arguments,t),t.then(function(e){return o.emit(n+”end”,[null,e],t),e},function(e){throw o.emit(n+”end”,[e],t),e})})}var o=t(“ee”).get(“fetch”),i=t(20);e.exports=o;var a=window,c=”fetch-“,s=c+”body-“,f=[“arrayBuffer”,”blob”,”json”,”text”,”formData”],u=a.Request,d=a.Response,p=a.fetch,h=”prototype”;u&&d&&p&&(i(f,function(t,e){r(u[h],e,s),r(d[h],e,s)}),r(a,”fetch”,c),o.on(c+”end”,function(t,e){var n=this;e?e.clone().arrayBuffer().then(function(t){n.rxSize=t.byteLength,o.emit(c+”done”,[null,e],n)}):o.emit(c+”done”,[t],n)}))},{}],8:[function(t,e,n){var r=t(“ee”).get(“history”),o=t(23)(r);e.exports=r,o.inPlace(window.history,[“pushState”,”replaceState”],”-“)},{}],9:[function(t,e,n){function r(t){function e(){s.emit(“jsonp-end”,[],p),t.removeEventListener(“load”,e,!1),t.removeEventListener(“error”,n,!1)}function n(){s.emit(“jsonp-error”,[],p),s.emit(“jsonp-end”,[],p),t.removeEventListener(“load”,e,!1),t.removeEventListener(“error”,n,!1)}var r=t&&”string”==typeof t.nodeName&&”script”===t.nodeName.toLowerCase();if(r){var o=”function”==typeof t.addEventListener;if(o){var a=i(t.src);if(a){var u=c(a),d=”function”==typeof u.parent[u.key];if(d){var p={};f.inPlace(u.parent,[u.key],”cb-“,p),t.addEventListener(“load”,e,!1),t.addEventListener(“error”,n,!1),s.emit(“new-jsonp”,[t.src],p)}}}}}function o(){return”addEventListener”in window}function i(t){var e=t.match(u);return e?e[1]:null}function a(t,e){var n=t.match(p),r=n[1],o=n[3];return o?a(o,e[r]):e[r]}function c(t){var e=t.match(d);return e&&e.length>=3?{key:e[2],parent:a(e[1],window)}:{key:t,parent:window}}var s=t(“ee”).get(“jsonp”),f=t(23)(s);if(e.exports=s,o()){var u=/[?&](?:callback|cb)=([^&#]+)/,d=/(.*)\.([^.]+)/,p=/^(\w+)(\.|$)(.*)$/,h=[“appendChild”,”insertBefore”,”replaceChild”];f.inPlace(HTMLElement.prototype,h,”dom-“),f.inPlace(HTMLHeadElement.prototype,h,”dom-“),f.inPlace(HTMLBodyElement.prototype,h,”dom-“),s.on(“dom-start”,function(t){r(t[0])})}},{}],10:[function(t,e,n){var r=t(“ee”).get(“mutation”),o=t(23)(r),i=NREUM.o.MO;e.exports=r,i&&(window.MutationObserver=function(t){return this instanceof i?new i(o(t,”fn-“)):i.apply(this,arguments)},MutationObserver.prototype=i.prototype)},{}],11:[function(t,e,n){function r(t){var e=a.context(),n=c(t,”executor-“,e),r=new f(n);return a.context(r).getCtx=function(){return e},a.emit(“new-promise”,[r,e],e),r}function o(t,e){return e}var i=t(23),a=t(“ee”).get(“promise”),c=i(a),s=t(20),f=NREUM.o.PR;e.exports=a,f&&(window.Promise=r,[“all”,”race”].forEach(function(t){var e=f[t];f[t]=function(n){function r(t){return function(){a.emit(“propagate”,[null,!o],i),o=o||!t}}var o=!1;s(n,function(e,n){Promise.resolve(n).then(r(“all”===t),r(!1))});var i=e.apply(f,arguments),c=f.resolve(i);return c}}),[“resolve”,”reject”].forEach(function(t){var e=f[t];f[t]=function(t){var n=e.apply(f,arguments);return t!==n&&a.emit(“propagate”,[t,!0],n),n}}),f.prototype[“catch”]=function(t){return this.then(null,t)},f.prototype=Object.create(f.prototype,{constructor:{value:r}}),s(Object.getOwnPropertyNames(f),function(t,e){try{r[e]=f[e]}catch(n){}}),a.on(“executor-start”,function(t){t[0]=c(t[0],”resolve-“,this),t[1]=c(t[1],”resolve-“,this)}),a.on(“executor-err”,function(t,e,n){t[1](n)}),c.inPlace(f.prototype,[“then”],”then-“,o),a.on(“then-start”,function(t,e){this.promise=e,t[0]=c(t[0],”cb-“,this),t[1]=c(t[1],”cb-“,this)}),a.on(“then-end”,function(t,e,n){this.nextPromise=n;var r=this.promise;a.emit(“propagate”,[r,!0],n)}),a.on(“cb-end”,function(t,e,n){a.emit(“propagate”,[n,!0],this.nextPromise)}),a.on(“propagate”,function(t,e,n){this.getCtx&&!e||(this.getCtx=function(){if(t instanceof Promise)var e=a.context(t);return e&&e.getCtx?e.getCtx():this})}),r.toString=function(){return””+f})},{}],12:[function(t,e,n){var r=t(“ee”).get(“raf”),o=t(23)(r),i=”equestAnimationFrame”;e.exports=r,o.inPlace(window,[“r”+i,”mozR”+i,”webkitR”+i,”msR”+i],”raf-“),r.on(“raf-start”,function(t){t[0]=o(t[0],”fn-“)})},{}],13:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],”fn-“,null,n)}function o(t,e,n){this.method=n,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],”fn-“,this,n)}var i=t(“ee”).get(“timer”),a=t(23)(i),c=”setTimeout”,s=”setInterval”,f=”clearTimeout”,u=”-start”,d=”-“;e.exports=i,a.inPlace(window,[c,”setImmediate”],c+d),a.inPlace(window,[s],s+d),a.inPlace(window,[f,”clearImmediate”],f+d),i.on(s+u,r),i.on(c+u,o)},{}],14:[function(t,e,n){function r(t,e){d.inPlace(e,[“onreadystatechange”],”fn-“,c)}function o(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit(“xhr-resolved”,[],t)),d.inPlace(t,y,”fn-“,c)}function i(t){b.push(t),l&&(x?x.then(a):v?v(a):(E=-E,P.data=E))}function a(){for(var t=0;t<b.length;t++)r([],b[t]);b.length&&(b=[])}function c(t,e){return e}function s(t,e){for(var n in t)e[n]=t[n];return e}t(6);var f=t(“ee”),u=f.get(“xhr”),d=t(23)(u),p=NREUM.o,h=p.XHR,l=p.MO,m=p.PR,v=p.SI,w=”readystatechange”,y=[“onload”,”onerror”,”onabort”,”onloadstart”,”onloadend”,”onprogress”,”ontimeout”],b=[];e.exports=u;var g=window.XMLHttpRequest=function(t){var e=new h(t);try{u.emit(“new-xhr”,[e],e),e.addEventListener(w,o,!1)}catch(n){try{u.emit(“internal-error”,[n])}catch(r){}}return e};if(s(h,g),g.prototype=h.prototype,d.inPlace(g.prototype,[“open”,”send”],”-xhr-“,c),u.on(“send-xhr-start”,function(t,e){r(t,e),i(e)}),u.on(“open-xhr-start”,r),l){var x=m&&m.resolve();if(!v&&!m){var E=1,P=document.createTextNode(E);new l(a).observe(P,{characterData:!0})}}else f.on(“fn-end”,function(t){t[0]&&t[0].type===w||a()})},{}],15:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!e.aborted){if(n.duration=a.now()-this.startTime,4===t.readyState){e.status=t.status;var i=o(t,this.lastSize);if(i&&(n.rxSize=i),this.sameOrigin){var s=t.getResponseHeader(“X-NewRelic-App-Data”);s&&(e.cat=s.split(“, “).pop())}}else e.status=0;n.cbTime=this.cbTime,f.emit(“xhr-done”,[t],t),c(“xhr”,[e,n,this.startTime])}}}function o(t,e){var n=t.responseType;if(“json”===n&&null!==e)return e;var r=”arraybuffer”===n||”blob”===n||”json”===n?t.response:t.responseText;return l(r)}function i(t,e){var n=s(e),r=t.params;r.host=n.hostname+”:”+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}var a=t(“loader”);if(a.xhrWrappable){var c=t(“handle”),s=t(16),f=t(“ee”),u=[“load”,”error”,”abort”,”timeout”],d=u.length,p=t(“id”),h=t(19),l=t(18),m=window.XMLHttpRequest;a.features.xhr=!0,t(14),f.on(“new-xhr”,function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,h&&(h>34||h<10)||window.opera||t.addEventListener(“progress”,function(t){e.lastSize=t.loaded},!1)}),f.on(“open-xhr-start”,function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on(“open-xhr-end”,function(t,e){“loader_config”in NREUM&&”xpid”in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader(“X-NewRelic-ID”,NREUM.loader_config.xpid)}),f.on(“send-xhr-start”,function(t,e){var n=this.metrics,r=t[0],o=this;if(n&&r){var i=l(r);i&&(n.txSize=i)}this.startTime=a.now(),this.listener=function(t){try{“abort”===t.type&&(o.params.aborted=!0),(“load”!==t.type||o.called===o.totalCbs&&(o.onloadCalled||”function”!=typeof e.onload))&&o.end(e)}catch(n){try{f.emit(“internal-error”,[n])}catch(r){}}};for(var c=0;c<d;c++)e.addEventListener(u[c],this.listener,!1)}),f.on(“xhr-cb-time”,function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&”function”==typeof n.onload||this.end(n)}),f.on(“xhr-load-added”,function(t,e){var n=””+p(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),f.on(“xhr-load-removed”,function(t,e){var n=””+p(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),f.on(“addEventListener-end”,function(t,e){e instanceof m&&”load”===t[0]&&f.emit(“xhr-load-added”,[t[1],t[2]],e)}),f.on(“removeEventListener-end”,function(t,e){e instanceof m&&”load”===t[0]&&f.emit(“xhr-load-removed”,[t[1],t[2]],e)}),f.on(“fn-start”,function(t,e,n){e instanceof m&&(“onload”===n&&(this.onload=!0),(“load”===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),f.on(“fn-end”,function(t,e){this.xhrCbStart&&f.emit(“xhr-cb-time”,[a.now()-this.xhrCbStart,this.onload,e],e)})}},{}],16:[function(t,e,n){e.exports=function(t){var e=document.createElement(“a”),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split(“://”);!r.port&&o[1]&&(r.port=o[1].split(“/”)[0].split(“@”).pop().split(“:”)[1]),r.port&&”0″!==r.port||(r.port=”https”===o[0]?”443″:”80″),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,r.protocol=o[0],”/”!==r.pathname.charAt(0)&&(r.pathname=”/”+r.pathname);var i=!e.protocol||”:”===e.protocol||e.protocol===n.protocol,a=e.hostname===document.domain&&e.port===n.port;return r.sameOrigin=i&&(!e.hostname||a),r}},{}],17:[function(t,e,n){function r(){}function o(t,e,n){return function(){return i(t,[f.now()].concat(c(arguments)),e?null:this,n),e?void 0:this}}var i=t(“handle”),a=t(20),c=t(21),s=t(“ee”).get(“tracer”),f=t(“loader”),u=NREUM;”undefined”==typeof window.newrelic&&(newrelic=u);var d=[“setPageViewName”,”setCustomAttribute”,”setErrorHandler”,”finished”,”addToTrace”,”inlineHit”,”addRelease”],p=”api-“,h=p+”ixn-“;a(d,function(t,e){u[e]=o(p+e,!0,”api”)}),u.addPageAction=o(p+”addPageAction”,!0),u.setCurrentRouteName=o(p+”routeName”,!0),e.exports=newrelic,u.interaction=function(){return(new r).get()};var l=r.prototype={createTracer:function(t,e){var n={},r=this,o=”function”==typeof e;return i(h+”tracer”,[f.now(),t,n],r),function(){if(s.emit((o?””:”no-“)+”fn-start”,[f.now(),r,o],n),o)try{return e.apply(this,arguments)}catch(t){throw s.emit(“fn-err”,[arguments,this,t],n),t}finally{s.emit(“fn-end”,[f.now()],n)}}}};a(“setName,setAttribute,save,ignore,onEnd,getContext,end,get”.split(“,”),function(t,e){l[e]=o(h+e)}),newrelic.noticeError=function(t){“string”==typeof t&&(t=new Error(t)),i(“err”,[t,f.now()])}},{}],18:[function(t,e,n){e.exports=function(t){if(“string”==typeof t&&t.length)return t.length;if(“object”==typeof t){if(“undefined”!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if(“undefined”!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!(“undefined”!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],19:[function(t,e,n){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),e.exports=r},{}],20:[function(t,e,n){function r(t,e){var n=[],r=””,i=0;for(r in t)o.call(t,r)&&(n[i]=e(r,t[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],21:[function(t,e,n){function r(t,e,n){e||(e=0),”undefined”==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(o<0?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=r},{}],22:[function(t,e,n){e.exports={exists:”undefined”!=typeof window.performance&&window.performance.timing&&”undefined”!=typeof window.performance.timing.navigationStart}},{}],23:[function(t,e,n){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t(“ee”),i=t(21),a=”nr@original”,c=Object.prototype.hasOwnProperty,s=!1;e.exports=function(t,e){function n(t,e,n,o){function nrWrapper(){var r,a,c,s;try{a=this,r=i(arguments),c=”function”==typeof n?n(r,a):n||{}}catch(f){p([f,””,[r,a,o],c])}u(e+”start”,[r,a,o],c);try{return s=t.apply(a,r)}catch(d){throw u(e+”err”,[r,a,d],c),d}finally{u(e+”end”,[r,a,s],c)}}return r(t)?t:(e||(e=””),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,e,o,i){o||(o=””);var a,c,s,f=”-“===o.charAt(0);for(s=0;s<e.length;s++)c=e[s],a=t[c],r(a)||(t[c]=n(a,f?c+o:o,i,c))}function u(n,r,o){if(!s||e){var i=s;s=!0;try{t.emit(n,r,o,e)}catch(a){p([a,n,r,o])}s=i}}function d(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){p([r])}for(var o in t)c.call(t,o)&&(e[o]=t[o]);return e}function p(e){try{t.emit(“internal-error”,e)}catch(n){}}return t||(t=o),n.inPlace=f,n.flag=a,n}},{}],ee:[function(t,e,n){function r(){}function o(t){function e(t){return t&&t instanceof r?t:t?s(t,c,i):i()}function n(n,r,o,i){if(!p.aborted||i){t&&t(n,r,o);for(var a=e(o),c=l(n),s=c.length,f=0;f<s;f++)c[f].apply(a,r);var d=u[y[n]];return d&&d.push([b,n,r,a]),a}}function h(t,e){w[t]=l(t).concat(e)}function l(t){return w[t]||[]}function m(t){return d[t]=d[t]||o(n)}function v(t,e){f(t,function(t,n){e=e||”feature”,y[n]=e,e in u||(u[e]=[])})}var w={},y={},b={on:h,emit:n,get:m,listeners:l,context:e,buffer:v,abort:a,aborted:!1};return b}function i(){return new r}function a(){(u.api||u.feature)&&(p.aborted=!0,u=p.backlog={})}var c=”nr@context”,s=t(“gos”),f=t(20),u={},d={},p=e.exports=o();p.backlog=u},{}],gos:[function(t,e,n){function r(t,e,n){if(o.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[e]=r,r}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){o.buffer([t],r),o.emit(t,e,n)}var o=t(“ee”).get(“handle”);e.exports=r,r.ee=o},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||”object”!==e&&”function”!==e?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i=”nr@id”,a=t(“gos”);e.exports=r},{}],loader:[function(t,e,n){function r(){if(!x++){var t=g.info=NREUM.info,e=p.getElementsByTagName(“script”)[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return u.abort();f(y,function(e,n){t[e]||(t[e]=n)}),s(“mark”,[“onload”,a()+g.offset],null,”api”);var n=p.createElement(“script”);n.src=”https://”+t.agent,e.parentNode.insertBefore(n,e)}}function o(){“complete”===p.readyState&&i()}function i(){s(“mark”,[“domContent”,a()+g.offset],null,”api”)}function a(){return E.exists&&performance.now?Math.round(performance.now()):(c=Math.max((new Date).getTime(),c))-g.offset}var c=(new Date).getTime(),s=t(“handle”),f=t(20),u=t(“ee”),d=window,p=d.document,h=”addEventListener”,l=”attachEvent”,m=d.XMLHttpRequest,v=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var w=””+location,y={beacon:”bam.nr-data.net”,errorBeacon:”bam.nr-data.net”,agent:”js-agent.newrelic.com/nr-spa-1071.min.js”},b=m&&v&&v[h]&&!/CriOS/.test(navigator.userAgent),g=e.exports={offset:c,now:a,origin:w,features:{},xhrWrappable:b};t(17),p[h]?(p[h](“DOMContentLoaded”,i,!1),d[h](“load”,r,!1)):(p[l](“onreadystatechange”,o),d[l](“onload”,r)),s(“mark”,[“firstbyte”,c],null,”api”);var x=0,E=t(22)},{}]},{},[“loader”,2,15,5,3,4]);
        ;NREUM.info={beacon:”bam.nr-data.net”,errorBeacon:”bam.nr-data.net”,licenseKey:”ba99b52bbf”,applicationID:”50236615″,sa:1}
    }
</script>
<!– Google Tag Manager –>
<script type=”text/javascript”>
    window.hgInitGTM = function () {
        if(ConsentManager.isConsentGivenForKey(‘google-tag-manager’)) {
                window.dataLayer = window.dataLayer || [];
                dataLayer.push({
                    ‘pageName’: ‘\/bath\/products\/showers-old (p-bath-category-showers-old)’,
                    ‘pageCategory1’: ‘P03-ProductOverviewPageTemplate’,
                    ‘pageType’: ‘P03-ProductOverviewPageTemplate’,
                    ‘eid’: ‘pr’,
                    ‘pageArea’: ‘web’,
                    ‘pageLanguage’: ‘ja’,
                    ‘pageScope’: ‘b2c’,
                    ‘pageCountry’: ‘jp’,
                    ‘pagePool’: ‘hansgrohe’,
                });
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
            new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
            ‘//www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,’script’,’dataLayer’,’GTM-K8BS7V6′);
            // remove event listener once that gtm has been initialized
            document.removeEventListener(‘consent.update’, window.hgInitGTM);
        } else {
            document.addEventListener(‘consent.update’, window.hgInitGTM);
        }
    }
    window.hgInitGTM();
</script>
<!– Piwik –>
<script type=”text/javascript”>
    window.hgInitPiwik = function () {
        if(ConsentManager.isConsentGivenForKey(‘piwik’)) {
            (function(window, document, dataLayerName, id) {
            window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:”stg.start”});var scripts=document.getElementsByTagName(‘script’)[0],tags=document.createElement(‘script’);
            function stgCreateCookie(a,b,c){var d=””;if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d=”; expires=”+e.toUTCString();f=”; SameSite=Strict”}document.cookie=a+”=”+b+d+f+”; path=/”}
            var isStgDebug=(window.location.href.match(“stg_debug”)||document.cookie.match(“stg_debug”))&&!window.location.href.match(“stg_disable_debug”);stgCreateCookie(“stg_debug”,isStgDebug?1:””,isStgDebug?14:-1);
            var qP=[];dataLayerName!==”dataLayer”&&qP.push(“data_layer_name=”+dataLayerName),isStgDebug&&qP.push(“stg_debug”);var qPString=qP.length>0?(“?”+qP.join(“&”)):””;
            tags.async=!0,tags.src=”https://hansgrohe.containers.piwik.pro/”+id+”.js”+qPString,scripts.parentNode.insertBefore(tags,scripts);
            !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);”string”==typeof a[0]&&window[dataLayerName].push({event:n+”.”+i+”:”+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,”ppms”,[“tm”,”cm”]);
            })(window, document, ‘dataLayer’, ‘81984542-0ab4-4a06-859c-09ab170f10f5’);
            // remove event listener once that gtm has been initialized
            document.removeEventListener(‘consent.update’, window.hgInitPiwik);
        } else {
            document.addEventListener(‘consent.update’, window.hgInitPiwik);
        }
    }
    window.hgInitPiwik();
</script>
<script type=”text/javascript”>
</script>
<meta name=”description” content=”&#12495;&#12531;&#12473;&#12464;&#12525;&#12540;&#12456;&#12391;&#12399;&#12289;&#12495;&#12531;&#12489;&#12471;&#12515;&#12527;&#12540;&#12289;&#12458;&#12540;&#12496;&#12540;&#12504;&#12483;&#12489;&#12471;&#12515;&#12527;&#12540;&#12363;&#12425;&#12471;&#12515;&#12527;&#12540;&#12475;&#12483;&#12488;&#19968;&#24335;&#12414;&#12391;&#12289;&#12471;&#12515;&#12527;&#12540;&#31354;&#38291;&#12364;&#12473;&#12497;&#12395;&#22793;&#36523;&#12377;&#12427;&#35069;&#21697;&#12434;&#25539;&#12360;&#12390;&#12356;&#12414;&#12377;&#12290;&#12380;&#12402;&#12289;&#12362;&#27671;&#12395;&#20837;&#12426;&#12434;&#35211;&#12388;&#12369;&#12390;&#12367;&#12384;&#12373;&#12356;&#12290;”>
<meta property=”og:image” content=”https://www.hansgrohe.co.jp/medias/croma-select-5-years-fuss-branding-4×3.jpg?context=bWFzdGVyfGltYWdlc3w0MDQzODl8aW1hZ2UvanBlZ3xpbWFnZXMvaDQzL2g5OS84ODYwNDgwMjA4OTI2LmpwZ3xlYTRkMmU5OWEyN2VlYmM1NTE1YjAxOGY3NmRkYjZjMDY3ZDc4NWZiNGJkZGI5ZDgyN2MyM2I0YTJjZjFjZWU0″>
<meta name=”robots” content=”index,follow”>
<title>&#22810;&#24425;&#12394;&#12491;&#12540;&#12474;&#12395;&#24540;&#12360;&#12427;&#12471;&#12515;&#12527;&#12540;</title>
<script type=”text/javascript”>(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:[“stg.api.bazaarvoice.com/data/statistics.json”]}};(window.NREUM||(NREUM={})).loader_config={xpid:”UA8GWVRTGwYAVlJUAQAC”,licenseKey:”ba99b52bbf”,applicationID:”50236615″};;/*! For license information please see nr-loader-spa-1.253.0.min.js.LICENSE.txt */
(()=>{var e,t,r={234:(e,t,r)=>{“use strict”;r.d(t,{P_:()=>m,Mt:()=>b,C5:()=>s,DL:()=>x,OP:()=>N,lF:()=>C,Yu:()=>w,Dg:()=>v,CX:()=>c,GE:()=>E,sU:()=>O});var n=r(8632),o=r(9567);const i={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error(“All info objects require an agent identifier!”);if(!a[e])throw new Error(“Info for “.concat(e,” was never set”));return a[e]}function c(e,t){if(!e)throw new Error(“All info objects require an agent identifier!”);a[e]=(0,o.D)(t,i);const r=(0,n.ek)(e);r&&(r.info=a[e])}const d=e=>{if(!e||”string”!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(7056),l=r(50);const f=”[data-nr-mask]”,h=()=>{const e={mask_selector:”*”,block_selector:”[data-nr-block]”,mask_input_options:{color:!1,date:!1,”datetime-local”:!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{domain:void 0,expiresMs:u.oD,inactiveMs:u.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector=””.concat(t,”,”).concat(f):””===t||null===t?e.mask_selector=f:(0,l.Z)(“An invalid session_replay.mask_selector was provided. ‘*’ will be used.”,t)},get block_class(){return”nr-block”},get ignore_class(){return”nr-ignore”},get mask_text_class(){return”nr-mask”},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=”,”.concat(t):””!==t&&(0,l.Z)(“An invalid session_replay.block_selector was provided and will not be used”,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&”object”==typeof t?e.mask_input_options={…t,password:!0}:(0,l.Z)(“An invalid session_replay.mask_input_option was provided and will not be used”,t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},g=”All configuration objects require an agent identifier!”;function m(e){if(!e)throw new Error(g);if(!p[e])throw new Error(“Configuration for “.concat(e,” was never set”));return p[e]}function v(e,t){if(!e)throw new Error(g);p[e]=(0,o.D)(t,h());const r=(0,n.ek)(e);r&&(r.init=p[e])}function b(e,t){if(!e)throw new Error(g);var r=m(e);if(r){for(var n=t.split(“.”),o=0;o<n.length-1;o++)if(“object”!=typeof(r=r[n[o]]))return;r=r[n[n.length-1]]}return r}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A={};function x(e){if(!e)throw new Error(“All loader-config objects require an agent identifier!”);if(!A[e])throw new Error(“LoaderConfig for “.concat(e,” was never set”));return A[e]}function E(e,t){if(!e)throw new Error(“All loader-config objects require an agent identifier!”);A[e]=(0,o.D)(t,y);const r=(0,n.ek)(e);r&&(r.loader_config=A[e])}const w=(0,n.mF)().o;var _=r(385),S=r(6818);const T={buildEnv:S.Re,customTransaction:void 0,disabled:!1,distMethod:S.gF,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(_._A?.performance?.timeOrigin||_._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:””+_._A.location,ptid:void 0,releaseIds:{},session:void 0,xhrWrappable:”function”==typeof _._A.XMLHttpRequest?.prototype?.addEventListener,version:S.q4,denyList:void 0},R={};function N(e){if(!e)throw new Error(“All runtime objects require an agent identifier!”);if(!R[e])throw new Error(“Runtime for “.concat(e,” was never set”));return R[e]}function O(e,t){if(!e)throw new Error(“All runtime objects require an agent identifier!”);R[e]=(0,o.D)(t,T);const r=(0,n.ek)(e);r&&(r.runtime=R[e])}function C(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{“use strict”;r.d(t,{D:()=>o});var n=r(50);function o(e,t){try{if(!e||”object”!=typeof e)return(0,n.Z)(“Setting a Configurable requires an object as input”);if(!t||”object”!=typeof t)return(0,n.Z)(“Setting a Configurable requires a model to set its initial properties”);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),i=0===Object.keys(r).length?e:r;for(let a in i)if(void 0!==e[a])try{Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([…e[a],…t[a]])):”object”==typeof e[a]&&”object”==typeof t[a]?r[a]=o(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.Z)(“An error occurred while setting a property of a Configurable”,e)}return r}catch(e){(0,n.Z)(“An error occured while setting a Configurable”,e)}}},6818:(e,t,r)=>{“use strict”;r.d(t,{Re:()=>o,gF:()=>i,lF:()=>a,q4:()=>n});const n=”1.253.0″,o=”PROD”,i=”CDN”,a=”2.0.0-alpha.11″},385:(e,t,r)=>{“use strict”;r.d(t,{FN:()=>c,IF:()=>l,LW:()=>a,Nk:()=>h,Tt:()=>d,_A:()=>i,cv:()=>p,iS:()=>s,il:()=>n,ux:()=>u,v6:()=>o,w1:()=>f});const n=”undefined”!=typeof window&&!!window.document,o=”undefined”!=typeof WorkerGlobalScope&&(“undefined”!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||”undefined”!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),i=n?window:”undefined”!=typeof WorkerGlobalScope&&(“undefined”!=typeof self&&self instanceof WorkerGlobalScope&&self||”undefined”!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=”complete”===i?.document?.readyState,s=Boolean(“hidden”===i?.document?.visibilityState),c=””+i?.location,d=/iPad|iPhone|iPod/.test(i.navigator?.userAgent),u=d&&”undefined”==typeof SharedWorker,l=(()=>{const e=i.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Boolean(n&&window.document.documentMode),h=!!i.navigator?.sendBeacon,p=Math.floor(i?.performance?.timeOrigin||i?.performance?.timing?.navigationStart||Date.now())},9907:(e,t,r)=>{“use strict”;r.d(t,{A:()=>n});class n{constructor(e){this.contextId=e}}},4938:(e,t,r)=>{“use strict”;r.d(t,{v:()=>a});var n=r(8632),o=r(3117),i=r(9907);class a{static contextId=”nr@context:”.concat(o.a);static contextOriginalId=”nr@original:”.concat(o.a);static contextWrappedId=”nr@wrapped:”.concat(a.contextId);static getObservationContextByAgentIdentifier(e){const t=(0,n.fP)();return Object.keys(t?.initializedAgents||{}).indexOf(e)>-1?t.initializedAgents[e].observationContext:void 0}#e=new WeakMap;getCreateContext(e){return this.#e.has(e)||this.#e.set(e,new i.A),this.#e.get(e)}setContext(e,t){return this.#e.set(e,t),this.#e.get(e)}}},1117:(e,t,r)=>{“use strict”;r.d(t,{w:()=>i});var n=r(50);const o={agentIdentifier:””,ee:void 0};class i{constructor(e){try{if(“object”!=typeof e)return(0,n.Z)(“shared context requires an object as input”);this.sharedContext={},Object.assign(this.sharedContext,o),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(o).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)(“An error occured while setting SharedContext”,e)}}}},8e3:(e,t,r)=>{“use strict”;r.d(t,{L:()=>u,R:()=>c});var n=r(2177),o=r(1284),i=r(4322),a=r(3325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function d(e){e&&(s[e]||(s[e]=new Map))}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:””,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:”feature”,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(d(e),!e||!s[e].get(t)||r)return c(t);s[e].get(t).staged=!0;const a=[…s[e]];function c(t){const r=e?n.ee.get(e):n.ee,a=i.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var d=0;s&&d<s.length;++d)l(s[d],c);(0,o.D)(c,(function(e,t){(0,o.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}delete a[t],r.backlog[t]=null,r.emit(“drain-“+t,[])}}a.every((e=>{let[t,r]=e;return r.staged}))&&(a.sort(((e,t)=>e[1].priority-t[1].priority)),a.forEach((t=>{let[r]=t;s[e].delete(r),c(r)})))}function l(e,t){var r=e[1];(0,o.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var o=r[1],i=e[3],a=e[2];o.apply(i,a)}}))}},2177:(e,t,r)=>{“use strict”;r.d(t,{ee:()=>c});var n=r(8632),o=r(2210),i=r(234),a=r(9907),s=r(4938);const c=function e(t,r){var n={},d={},l={},f=!1;try{f=16===r.length&&(0,i.OP)(r).isolatedBacklog}catch(e){}var h={on:g,addEventListener:g,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var o=0;o<r.length;o++)r[o]===t&&r.splice(o,1)},emit:function(e,r,n,o,i){!1!==i&&(i=!0);if(c.aborted&&!o)return;t&&i&&t.emit(e,r,n);for(var a=p(n),s=m(e),u=s.length,l=0;l<u;l++)s[l].apply(a,r);var f=b()[d[e]];f&&f.push([h,e,r,a]);return a},get:v,listeners:m,context:p,buffer:function(e,t){const r=b();if(t=t||”feature”,h.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,o]=e;d[o]=t,t in r||(r[t]=[])}))},abort:u,aborted:!1,isBuffering:function(e){return!!b()[d[e]]},debugId:r,backlog:f?{}:t&&”object”==typeof t.backlog?t.backlog:{},observationContextManager:null};return h;function p(e){return e&&e instanceof a.A?e:e?(0,o.X)(e,s.v.contextId,(()=>h.observationContextManager?h.observationContextManager.getCreateContext(e):new a.A(s.v.contextId))):h.observationContextManager?h.observationContextManager.getCreateContext({}):new a.A(s.v.contextId)}function g(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function v(t){const r=l[t]=l[t]||e(h,t);return!r.observationContextManager&&h.observationContextManager&&(r.observationContextManager=h.observationContextManager),r}function b(){return h.backlog}}(void 0,”globalEE”),d=(0,n.fP)();function u(){c.aborted=!0,Object.keys(c.backlog).forEach((e=>{delete c.backlog[e]}))}d.ee||(d.ee=c)},5546:(e,t,r)=>{“use strict”;r.d(t,{E:()=>n,p:()=>o});var n=r(2177).ee.get(“handle”);function o(e,t,r,o,i){i?(i.buffer([e],o),i.emit(e,t,r)):(n.buffer([e],o),n.emit(e,t,r))}},4322:(e,t,r)=>{“use strict”;r.d(t,{X:()=>i});var n=r(5546);i.on=a;var o=i.handlers={};function i(e,t,r,i){a(i||n.E,o,e,t,r)}function a(e,t,r,o,i){i||(i=”feature”),e||(e=n.E);var a=t[i]=t[i]||{};(a[r]=a[r]||[]).push([e,o])}},3239:(e,t,r)=>{“use strict”;r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(385);let o=!1,i=!1;try{const e={get passive(){return o=!0,!1},get signal(){return i=!0,!1}};n._A.addEventListener(“test”,null,e),n._A.removeEventListener(“test”,null,e)}catch(e){}function a(e,t){return o||i?{capture:!!e,passive:o,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(r,n))}},3117:(e,t,r)=>{“use strict”;r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{“use strict”;r.d(t,{Ht:()=>d,M:()=>c,Rl:()=>a,ky:()=>s});var n=r(385);const o=”xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx”;function i(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),o.split(“”).map((e=>”x”===e?i(t,r++).toString(16):”y”===e?(3&i()|8).toString(16):e)).join(“”)}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,o=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(i(r,o++).toString(16));return a.join(“”)}function c(){return s(16)}function d(){return s(32)}},7056:(e,t,r)=>{“use strict”;r.d(t,{Bq:()=>n,Hb:()=>a,IK:()=>d,K4:()=>o,oD:()=>i,uT:()=>c,wO:()=>s});const n=”NRBA”,o=”SESSION”,i=144e5,a=18e5,s={PAUSE:”session-pause”,RESET:”session-reset”,RESUME:”session-resume”,UPDATE:”session-update”},c={SAME_TAB:”same-tab”,CROSS_TAB:”cross-tab”},d={OFF:0,FULL:1,ERROR:2}},7894:(e,t,r)=>{“use strict”;function n(){return Math.floor(performance.now())}r.d(t,{z:()=>n})},7243:(e,t,r)=>{“use strict”;r.d(t,{e:()=>o});var n=r(385);function o(e){if(0===(e||””).indexOf(“data:”))return{protocol:”data”};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(“:”)),sameOrigin:t.protocol===n._A?.location?.protocol&&t.host===n._A?.location?.host};return r.port&&””!==r.port||(“http:”===t.protocol&&(r.port=”80″),”https:”===t.protocol&&(r.port=”443″)),r.pathname&&””!==r.pathname?r.pathname.startsWith(“/”)||(r.pathname=”/”.concat(r.pathname)):r.pathname=”/”,r}catch(e){return{}}}},50:(e,t,r)=>{“use strict”;function n(e,t){“function”==typeof console.warn&&(console.warn(“New Relic: “.concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{“use strict”;r.d(t,{N:()=>u,T:()=>l});var n=r(2177),o=r(5546),i=r(3325),a=r(385);const s=”newrelic”;const c={stn:[i.D.sessionTrace],err:[i.D.jserrors,i.D.metrics],ins:[i.D.pageAction],spa:[i.D.spa,i.D.softNav],sr:[i.D.sessionReplay,i.D.sessionTrace]},d=new Set;function u(e,t){const r=n.ee.get(t);e&&”object”==typeof e&&(d.has(t)||(Object.entries(e).forEach((e=>{let[t,n]=e;c[t]?c[t].forEach((e=>{n?(0,o.p)(“feat-“+t,[],void 0,e,r):(0,o.p)(“block-“+t,[],void 0,e,r),(0,o.p)(“rumresp-“+t,[Boolean(n)],void 0,e,r)})):n&&(0,o.p)(“feat-“+t,[],void 0,void 0,r),l[t]=Boolean(n)})),Object.keys(c).forEach((e=>{void 0===l[e]&&(c[e]?.forEach((t=>(0,o.p)(“rumresp-“+e,[!1],void 0,t,r))),l[e]=!1)})),d.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{a._A.dispatchEvent(new CustomEvent(s,{detail:e}))}catch(e){}}({loaded:!0})))}const l={}},2210:(e,t,r)=>{“use strict”;r.d(t,{X:()=>o});var n=Object.prototype.hasOwnProperty;function o(e,t,r){if(n.call(e,t))return e[t];var o=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:o,writable:!0,enumerable:!1}),o}catch(e){}return e[t]=o,o}},7872:(e,t,r)=>{“use strict”;function n(e){var t=this;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const o=n?.leading||!1;let i;return function(){for(var n=arguments.length,a=new Array(n),s=0;s<n;s++)a[s]=arguments[s];o&&void 0===i&&(e.apply(t,a),i=setTimeout((()=>{i=clearTimeout(i)}),r)),o||(clearTimeout(i),i=setTimeout((()=>{e.apply(t,a)}),r))}}function o(e){var t=this;let r=!1;return function(){if(!r){r=!0;for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];e.apply(t,o)}}}r.d(t,{D:()=>n,Z:()=>o})},1284:(e,t,r)=>{“use strict”;r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{“use strict”;r.d(t,{P:()=>i});var n=r(2177);const o=()=>{const e=new WeakSet;return(t,r)=>{if(“object”==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function i(e){try{return JSON.stringify(e,o())}catch(e){try{n.ee.emit(“internal-error”,[e])}catch(e){}}}},3960:(e,t,r)=>{“use strict”;r.d(t,{KB:()=>a,b2:()=>i});var n=r(3239);function o(){return”undefined”==typeof document||”complete”===document.readyState}function i(e,t){if(o())return e();(0,n.bP)(“load”,e,t)}function a(e){if(o())return e();(0,n.iz)(“DOMContentLoaded”,e)}},8632:(e,t,r)=>{“use strict”;r.d(t,{EZ:()=>u,ce:()=>i,ek:()=>d,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(7894),o=r(385);const i={beacon:”bam.nr-data.net”,errorBeacon:”bam.nr-data.net”};function a(){return o._A.NREUM||(o._A.NREUM={}),void 0===o._A.newrelic&&(o._A.newrelic=o._A.NREUM),o._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:o._A.setTimeout,SI:o._A.setImmediate,CT:o._A.clearTimeout,XHR:o._A.XMLHttpRequest,REQ:o._A.Request,EV:o._A.Event,PR:o._A.Promise,MO:o._A.MutationObserver,FETCH:o._A.fetch}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,n.z)(),date:new Date},r.initializedAgents[e]=t}function d(e){let t=a();return t.initializedAgents?.[e]}function u(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:i.beacon,errorBeacon:i.errorBeacon,…t}}(),function(){let e=a();const t=e.init||{};e.init={…t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={…t}}(),a()}},7956:(e,t,r)=>{“use strict”;r.d(t,{N:()=>o});var n=r(3239);function o(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;(0,n.iz)(“visibilitychange”,(function(){if(t)return void(“hidden”===document.visibilityState&&e());e(document.visibilityState)}),r,o)}},7806:(e,t,r)=>{“use strict”;r.d(t,{em:()=>m,u5:()=>S,QU:()=>N,_L:()=>I,Gm:()=>j,Lg:()=>M,BV:()=>V,Kf:()=>K});var n=r(2177),o=r(4938),i=Object.prototype.hasOwnProperty,a=!1;function s(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,o,i){n||(n=””);const a=”-“===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,o,c,i))}},r.flag=o.v.contextOriginalId,r;function r(t,r,n,a,u){return d(t)?t:(r||(r=””),nrWrapper[o.v.contextOriginalId]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){c([e],r)}for(var n in e)i.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,i,d,l;try{i=this,o=[…arguments],d=”function”==typeof n?n(o,i):n||{}}catch(t){c([t,””,[o,i,a],d],e)}s(r+”start”,[o,i,a],d,u);try{return l=t.apply(i,o)}catch(e){throw s(r+”err”,[o,i,e],d,u),e}finally{s(r+”end”,[o,i,l],d,u)}}}function s(r,n,o,i){if(!a||t){var s=a;a=!0;try{e.emit(r,n,o,t,i)}catch(t){c([t,r,n,o],e)}a=s}}}function c(e,t){t||(t=n.ee);try{t.emit(“internal-error”,e)}catch(e){}}function d(e){return!(e&&”function”==typeof e&&e.apply&&!e[o.v.contextOriginalId])}var u=r(2210),l=r(385);const f={},h=l._A.XMLHttpRequest,p=”addEventListener”,g=”removeEventListener”;function m(e){var t=function(e){return(e||n.ee).get(“events”)}(e);if(f[t.debugId]++)return t;f[t.debugId]=1;var r=s(t,!0);function i(e){r.inPlace(e,[p,g],”-“,a)}function a(e,t){return e[1]}return”getPrototypeOf”in Object&&(l.il&&v(document,i),v(l._A,i),v(h.prototype,i)),t.on(p+”-start”,(function(e,t){var n=e[1];if(null!==n&&(“function”==typeof n||”object”==typeof n)){var i=(0,u.X)(n,o.v.contextWrappedId,(function(){var e={object:function(){if(“function”!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,”fn-“,null,e.name||”anonymous”):n}));this.wrapped=e[1]=i}})),t.on(g+”-start”,(function(e){e[1]=this.wrapped||e[1]})),t}function v(e,t){let r=e;for(;”object”==typeof r&&!Object.prototype.hasOwnProperty.call(r,p);)r=Object.getPrototypeOf(r);for(var n=arguments.length,o=new Array(n>2?n-2:0),i=2;i<n;i++)o[i-2]=arguments[i];r&&t(r,…o)}var b=”fetch-“,y=b+”body-“,A=[“arrayBuffer”,”blob”,”json”,”text”,”formData”],x=l._A.Request,E=l._A.Response,w=”prototype”;const _={};function S(e){const t=function(e){return(e||n.ee).get(“fetch”)}(e);if(!(x&&E&&l._A.fetch))return t;if(_[t.debugId]++)return t;function r(e,r,n){var i=e[r];”function”==typeof i&&(e[r]=function(){var e,r=[…arguments],a={};t.emit(n+”before-start”,[r],a),a[o.v.contextId]&&a[o.v.contextId].dt&&(e=a[o.v.contextId].dt);var s=i.apply(this,r);return t.emit(n+”start”,[r,e],s),s.then((function(e){return t.emit(n+”end”,[null,e],s),e}),(function(e){throw t.emit(n+”end”,[e],s),e}))})}return _[t.debugId]=1,A.forEach((e=>{r(x[w],e,y),r(E[w],e,y)})),r(l._A,”fetch”,b),t.on(b+”end”,(function(e,r){var n=this;if(r){var o=r.headers.get(“content-length”);null!==o&&(n.rxSize=o),t.emit(b+”done”,[null,r],n)}else t.emit(b+”done”,[e],n)})),t}const T={},R=[“pushState”,”replaceState”];function N(e){const t=function(e){return(e||n.ee).get(“history”)}(e);return!l.il||T[t.debugId]++||(T[t.debugId]=1,s(t).inPlace(window.history,R,”-“)),t}var O=r(3239);const C={},D=[“appendChild”,”insertBefore”,”replaceChild”];function I(e){const t=function(e){return(e||n.ee).get(“jsonp”)}(e);if(!l.il||C[t.debugId])return t;C[t.debugId]=!0;var r=s(t),o=/[?&](?:callback|cb)=([^&#]+)/,i=/(.*)\.([^.]+)/,a=/^(\w+)(\.|$)(.*)$/;function c(e,t){if(!e)return t;const r=e.match(a),n=r[1];return c(r[3],t[n])}return r.inPlace(Node.prototype,D,”dom-“),t.on(“dom-start”,(function(e){!function(e){if(!e||”string”!=typeof e.nodeName||”script”!==e.nodeName.toLowerCase())return;if(“function”!=typeof e.addEventListener)return;var n=(a=e.src,s=a.match(o),s?s[1]:null);var a,s;if(!n)return;var d=function(e){var t=e.match(i);if(t&&t.length>=3)return{key:t[2],parent:c(t[1],window)};return{key:e,parent:window}}(n);if(“function”!=typeof d.parent[d.key])return;var u={};function l(){t.emit(“jsonp-end”,[],u),e.removeEventListener(“load”,l,(0,O.m$)(!1)),e.removeEventListener(“error”,f,(0,O.m$)(!1))}function f(){t.emit(“jsonp-error”,[],u),t.emit(“jsonp-end”,[],u),e.removeEventListener(“load”,l,(0,O.m$)(!1)),e.removeEventListener(“error”,f,(0,O.m$)(!1))}r.inPlace(d.parent,[d.key],”cb-“,u),e.addEventListener(“load”,l,(0,O.m$)(!1)),e.addEventListener(“error”,f,(0,O.m$)(!1)),t.emit(“new-jsonp”,[e.src],u)}(e[0])})),t}const P={};function j(e){const t=function(e){return(e||n.ee).get(“mutation”)}(e);if(!l.il||P[t.debugId])return t;P[t.debugId]=!0;var r=s(t),o=l._A.MutationObserver;return o&&(window.MutationObserver=function(e){return this instanceof o?new o(r(e,”fn-“)):o.apply(this,arguments)},MutationObserver.prototype=o.prototype),t}const k={};function M(e){const t=function(e){return(e||n.ee).get(“promise”)}(e);if(k[t.debugId])return t;k[t.debugId]=!0;var r=t.context,i=s(t),a=l._A.Promise;return a&&function(){function e(r){var n=t.context(),o=i(r,”executor-“,n,null,!1);const s=Reflect.construct(a,[o],e);return t.context(s).getCtx=function(){return n},s}l._A.Promise=e,Object.defineProperty(e,”name”,{value:”Promise”}),e.toString=function(){return a.toString()},Object.setPrototypeOf(e,a),[“all”,”race”].forEach((function(r){const n=a[r];e[r]=function(e){let o=!1;[…e||[]].forEach((e=>{this.resolve(e).then(a(“all”===r),a(!1))}));const i=n.apply(this,arguments);return i;function a(e){return function(){t.emit(“propagate”,[null,!o],i,!1,!1),o=o||!e}}}})),[“resolve”,”reject”].forEach((function(r){const n=a[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit(“propagate”,[e,!0],r,!1,!1),r}})),e.prototype=a.prototype;const n=a.prototype.then;a.prototype.then=function(){var e=this,o=r(e);o.promise=e;for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];s[0]=i(s[0],”cb-“,o,null,!1),s[1]=i(s[1],”cb-“,o,null,!1);const d=n.apply(this,s);return o.nextPromise=d,t.emit(“propagate”,[e,!0],d,!1,!1),d},a.prototype.then[o.v.contextOriginalId]=n,t.on(“executor-start”,(function(e){e[0]=i(e[0],”resolve-“,this,null,!1),e[1]=i(e[1],”resolve-“,this,null,!1)})),t.on(“executor-err”,(function(e,t,r){e[1](r)})),t.on(“cb-end”,(function(e,r,n){t.emit(“propagate”,[n,!0],this.nextPromise,!1,!1)})),t.on(“propagate”,(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const H={},L=”setTimeout”,z=”setInterval”,U=”clearTimeout”,F=”-start”,B=”-“,q=[L,”setImmediate”,z,U,”clearImmediate”];function V(e){const t=function(e){return(e||n.ee).get(“timer”)}(e);if(H[t.debugId]++)return t;H[t.debugId]=1;var r=s(t);return r.inPlace(l._A,q.slice(0,2),L+B),r.inPlace(l._A,q.slice(2,3),z+B),r.inPlace(l._A,q.slice(3),U+B),t.on(z+F,(function(e,t,n){e[0]=r(e[0],”fn-“,null,n)})),t.on(L+F,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],”fn-“,this,n)})),t}var G=r(50);const Z={},W=[“open”,”send”];function K(e){var t=e||n.ee;const r=function(e){return(e||n.ee).get(“xhr”)}(t);if(Z[r.debugId]++)return r;Z[r.debugId]=1,m(t);var o=s(r),i=l._A.XMLHttpRequest,a=l._A.MutationObserver,c=l._A.Promise,d=l._A.setInterval,u=”readystatechange”,f=[“onload”,”onerror”,”onabort”,”onloadstart”,”onloadend”,”onprogress”,”ontimeout”],h=[],p=l._A.XMLHttpRequest=function(e){const t=new i(e),n=r.context(t);try{r.emit(“new-xhr”,[t],n),t.addEventListener(u,(a=n,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,r.emit(“xhr-resolved”,[],e)),o.inPlace(e,f,”fn-“,x)}),(0,O.m$)(!1))}catch(e){(0,G.Z)(“An error occurred while intercepting XHR”,e);try{r.emit(“internal-error”,[e])}catch(e){}}var a;return t};function g(e,t){o.inPlace(t,[“onreadystatechange”],”fn-“,x)}if(function(e,t){for(var r in e)t[r]=e[r]}(i,p),p.prototype=i.prototype,o.inPlace(p.prototype,W,”-xhr-“,x),r.on(“send-xhr-start”,(function(e,t){g(e,t),function(e){h.push(e),a&&(v?v.then(A):d?d(A):(b=-b,y.data=b))}(t)})),r.on(“open-xhr-start”,g),a){var v=c&&c.resolve();if(!d&&!c){var b=1,y=document.createTextNode(b);new a(A).observe(y,{characterData:!0})}}else t.on(“fn-end”,(function(e){e[0]&&e[0].type===u||A()}));function A(){for(var e=0;e<h.length;e++)g(0,h[e]);h.length&&(h=[])}function x(e,t){return t}return r}},7825:(e,t,r)=>{“use strict”;r.d(t,{t:()=>n});const n=r(3325).D.ajax},6660:(e,t,r)=>{“use strict”;r.d(t,{t:()=>n});const n=r(3325).D.jserrors},3081:(e,t,r)=>{“use strict”;r.d(t,{gF:()=>i,mY:()=>o,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(3325).D.metrics,o=”sm”,i=”cm”,a=”storeSupportabilityMetrics”,s=”storeEventMetrics”},4649:(e,t,r)=>{“use strict”;r.d(t,{t:()=>n});const n=r(3325).D.pageAction},7633:(e,t,r)=>{“use strict”;r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{“use strict”;r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},7144:(e,t,r)=>{“use strict”;r.d(t,{Ef:()=>i,J0:()=>f,Mi:()=>l,Vb:()=>a,Ye:()=>c,fm:()=>d,i9:()=>s,t9:()=>o,u0:()=>u});var n=r(7056);const o=r(3325).D.sessionReplay,i={RECORD:”recordReplay”,PAUSE:”pauseReplay”},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c=1e6,d=64e3,u={[n.IK.ERROR]:15e3,[n.IK.FULL]:3e5,[n.IK.OFF]:0},l={RESET:{message:”Session was reset”,sm:”Reset”},IMPORT:{message:”Recorder failed to import”,sm:”Import”},TOO_MANY:{message:”429: Too Many Requests”,sm:”Too-Many”},TOO_BIG:{message:”Payload was too large”,sm:”Too-Big”},CROSS_TAB:{message:”Session Entity was set to OFF on another tab”,sm:”Cross-Tab”},ENTITLEMENTS:{message:”Session Replay is not allowed and will not be started”,sm:”Entitlement”}},f=5e3},3614:(e,t,r)=>{“use strict”;r.d(t,{BST_RESOURCE:()=>o,END:()=>s,FEATURE_NAME:()=>n,FN_END:()=>d,FN_START:()=>c,PUSH_STATE:()=>u,RESOURCE:()=>i,START:()=>a});const n=r(3325).D.sessionTrace,o=”bstResource”,i=”resource”,a=”-start”,s=”-end”,c=”fn”+a,d=”fn”+s,u=”pushState”},6216:(e,t,r)=>{“use strict”;r.d(t,{K8:()=>s,QZ:()=>c,cS:()=>i,sE:()=>o,t9:()=>a,vh:()=>d});var n=r(3325);const o=[“click”,”keydown”,”submit”],i=”api”,a=n.D.softNav,s={INITIAL_PAGE_LOAD:””,ROUTE_CHANGE:1,UNSPECIFIED:2},c={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},d={IP:”in progress”,FIN:”finished”,CAN:”cancelled”}},7836:(e,t,r)=>{“use strict”;r.d(t,{BODY:()=>E,CB_END:()=>w,CB_START:()=>d,END:()=>x,FEATURE_NAME:()=>o,FETCH:()=>S,FETCH_BODY:()=>v,FETCH_DONE:()=>m,FETCH_START:()=>g,FN_END:()=>c,FN_START:()=>s,INTERACTION:()=>f,INTERACTION_API:()=>u,INTERACTION_EVENTS:()=>i,JSONP_END:()=>b,JSONP_NODE:()=>p,JS_TIME:()=>_,MAX_TIMER_BUDGET:()=>a,REMAINING:()=>l,SPA_NODE:()=>h,START:()=>A,originalSetTimeout:()=>y});var n=r(234);const o=r(3325).D.spa,i=[“click”,”submit”,”keypress”,”keydown”,”keyup”,”change”],a=999,s=”fn-start”,c=”fn-end”,d=”cb-start”,u=”api-ixn-“,l=”remaining”,f=”interaction”,h=”spaNode”,p=”jsonpNode”,g=”fetch-start”,m=”fetch-done”,v=”fetch-body-“,b=”jsonp-end”,y=n.Yu.ST,A=”-start”,x=”-end”,E=”-body”,w=”cb”+x,_=”jsTime”,S=”fetch”},5938:(e,t,r)=>{“use strict”;r.d(t,{W:()=>o});var n=r(2177);class o{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},8862:(e,t,r)=>{“use strict”;r.d(t,{j:()=>x});var n=r(3325),o=r(234),i=r(5546),a=r(2177),s=r(7894),c=r(8e3),d=r(3960),u=r(385),l=r(50),f=r(3081),h=r(8632),p=r(7144);const g=[“setErrorHandler”,”finished”,”addToTrace”,”addRelease”,”addPageAction”,”setCurrentRouteName”,”setPageViewName”,”setCustomAttribute”,”interaction”,”noticeError”,”setUserId”,”setApplicationVersion”,”start”,”recordReplay”,”pauseReplay”,p.Ef.RECORD,p.Ef.PAUSE],m=[“setErrorHandler”,”finished”,”addToTrace”,”addRelease”];function v(){const e=(0,h.gG)();g.forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];let i=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&i.push(e.api[t](…n))})),i.length>1?i:i[0]}(t,…n)}}))}var b=r(2825);const y=e=>{const t=e.startsWith(“http”);e+=”/”,r.p=t?e:”https://”+e};let A=!1;function x(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},g=arguments.length>2?arguments[2]:void 0,x=arguments.length>3?arguments[3]:void 0,{init:E,info:w,loader_config:_,runtime:S={loaderType:g},exposed:T=!0}=t;const R=(0,h.gG)();w||(E=R.init,w=R.info,_=R.loader_config),(0,o.Dg)(e.agentIdentifier,E||{}),(0,o.GE)(e.agentIdentifier,_||{}),w.jsAttributes??={},u.v6&&(w.jsAttributes.isWorker=!0),(0,o.CX)(e.agentIdentifier,w);const N=(0,o.P_)(e.agentIdentifier),O=[w.beacon,w.errorBeacon];A||(N.proxy.assets&&(y(N.proxy.assets),O.push(N.proxy.assets)),N.proxy.beacon&&O.push(N.proxy.beacon),v(),(0,h.EZ)(“activatedFeatures”,b.T),e.runSoftNavOverSpa&&=!0===N.soft_navigations.enabled&&N.feature_flags.includes(“soft_nav”)),S.denyList=[…N.ajax.deny_list||[],…N.ajax.block_internal?O:[]],(0,o.sU)(e.agentIdentifier,S),void 0===e.api&&(e.api=function(e,t){let h=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t||(0,c.R)(e,”api”);const g={};var v=a.ee.get(e),b=v.get(“tracer”),y=”api-“,A=y+”ixn-“;function x(t,r,n,i){const a=(0,o.C5)(e);return null===r?delete a.jsAttributes[t]:(0,o.CX)(e,{…a,jsAttributes:{…a.jsAttributes,[t]:r}}),_(y,n,!0,i||null===r?”session”:void 0)(t,r)}function E(){}m.forEach((e=>{g[e]=_(y,e,!0,”api”)})),g.addPageAction=_(y,”addPageAction”,!0,n.D.pageAction),g.setPageViewName=function(t,r){if(“string”==typeof t)return”/”!==t.charAt(0)&&(t=”/”+t),(0,o.OP)(e).customTransaction=(r||”http://custom.transaction”)+t,_(y,”setPageViewName”,!0)()},g.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(“string”==typeof e){if([“string”,”number”,”boolean”].includes(typeof t)||null===t)return x(e,t,”setCustomAttribute”,r);(0,l.Z)(“Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <“.concat(typeof t,”> was provided.”))}else(0,l.Z)(“Failed to execute setCustomAttribute.\nName must be a string type, but a type of <“.concat(typeof e,”> was provided.”))},g.setUserId=function(e){if(“string”==typeof e||null===e)return x(“enduser.id”,e,”setUserId”,!0);(0,l.Z)(“Failed to execute setUserId.\nNon-null value must be a string type, but a type of <“.concat(typeof e,”> was provided.”))},g.setApplicationVersion=function(e){if(“string”==typeof e||null===e)return x(“application.version”,e,”setApplicationVersion”,!1);(0,l.Z)(“Failed to execute setApplicationVersion. Expected <String | null>, but got <“.concat(typeof e,”>.”))},g.start=e=>{try{const t=e?”defined”:”undefined”;(0,i.p)(f.xS,[“API/start/”.concat(t,”/called”)],void 0,n.D.metrics,v);const r=Object.values(n.D);if(void 0===e)e=r;else{if((e=Array.isArray(e)&&e.length?e:[e]).some((e=>!r.includes(e))))return(0,l.Z)(“Invalid feature name supplied. Acceptable feature names are: “.concat(r));e.includes(n.D.pageViewEvent)||e.push(n.D.pageViewEvent)}e.forEach((e=>{v.emit(“”.concat(e,”-opt-in”))}))}catch(e){(0,l.Z)(“An unexpected issue occurred”,e)}},g[p.Ef.RECORD]=function(){(0,i.p)(f.xS,[“API/recordReplay/called”],void 0,n.D.metrics,v),(0,i.p)(p.Ef.RECORD,[],void 0,n.D.sessionReplay,v)},g[p.Ef.PAUSE]=function(){(0,i.p)(f.xS,[“API/pauseReplay/called”],void 0,n.D.metrics,v),(0,i.p)(p.Ef.PAUSE,[],void 0,n.D.sessionReplay,v)},g.interaction=function(e){return(new E).get(“object”==typeof e?e:{})};const w=E.prototype={createTracer:function(e,t){var r={},o=this,a=”function”==typeof t;return(0,i.p)(f.xS,[“API/createTracer/called”],void 0,n.D.metrics,v),h||(0,i.p)(A+”tracer”,[(0,s.z)(),e,r],o,n.D.spa,v),function(){if(b.emit((a?””:”no-“)+”fn-start”,[(0,s.z)(),o,a],r),a)try{return t.apply(this,arguments)}catch(e){throw b.emit(“fn-err”,[arguments,this,e],r),e}finally{b.emit(“fn-end”,[(0,s.z)()],r)}}}};function _(e,t,r,o){return function(){return(0,i.p)(f.xS,[“API/”+t+”/called”],void 0,n.D.metrics,v),o&&(0,i.p)(e+t,[(0,s.z)(),…arguments],r?null:this,o,v),r?void 0:this}}function S(){r.e(111).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,c.L)(e,”api”)})).catch((()=>{(0,l.Z)(“Downloading runtime APIs failed…”),(0,c.L)(e,”api”,!0)}))}return[“actionText”,”setName”,”setAttribute”,”save”,”ignore”,”onEnd”,”getContext”,”end”,”get”].forEach((e=>{w[e]=_(A,e,void 0,h?n.D.softNav:n.D.spa)})),g.setCurrentRouteName=h?_(A,”routeName”,void 0,n.D.softNav):_(y,”routeName”,!0,n.D.spa),g.noticeError=function(e,t){“string”==typeof e&&(e=new Error(e)),(0,i.p)(f.xS,[“API/noticeError/called”],void 0,n.D.metrics,v),(0,i.p)(“err”,[e,(0,s.z)(),!1,t],void 0,n.D.jserrors,v)},u.il?(0,d.b2)((()=>S()),!0):S(),g}(e.agentIdentifier,x,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=T),A=!0}},1926:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return””})()},3325:(e,t,r)=>{“use strict”;r.d(t,{D:()=>n,p:()=>o});const n={ajax:”ajax”,jserrors:”jserrors”,metrics:”metrics”,pageAction:”page_action”,pageViewEvent:”page_view_event”,pageViewTiming:”page_view_timing”,sessionReplay:”session_replay”,sessionTrace:”session_trace”,softNav:”soft_navigations”,spa:”spa”},o={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.softNav]:9,[n.sessionReplay]:10}}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.m=r,o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((t,r)=>(o.f[r](e,t),t)),[])),o.u=e=>({111:”nr-spa”,164:”nr-spa-compressor”,433:”nr-spa-recorder”}[e]+”-1.253.0.min.js”),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t=”NRBA-1.253.0.PROD:”,o.l=(r,n,i,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==i)for(var d=document.getElementsByTagName(“script”),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute(“src”)==r||l.getAttribute(“data-webpack”)==t+i){s=l;break}}if(!s){c=!0;var f={111:”sha512-9q9mF25YixUzOl0h6A+kYg30MKv1nk2a0Fx09kyCfgOxt8ksjOW/9w2tJczXB75fpHty83UGhg16QZYqH5xGUA==”,433:”sha512-XC5+mpqQ2tnT7qrjy10Au+hbjKZi4K7pKsvdzhKOe/fgoYKm7g9W52e22ufe22D4Fsb1Cq7JOEOPkUh+b8tcHA==”,164:”sha512-nLe65dhs+GlSH+tKGdqn9vp9IbVkpOl4OifRjps2BSizmhkjfLxjYISHdBIgnzzk0wNwOFpTdheU8TRIq4FPXA==”};(s=document.createElement(“script”)).charset=”utf-8″,s.timeout=120,o.nc&&s.setAttribute(“nonce”,o.nc),s.setAttribute(“data-webpack”,t+i),s.src=r,0!==s.src.indexOf(window.location.origin+”/”)&&(s.crossOrigin=”anonymous”),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:”timeout”,target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},o.r=e=>{“undefined”!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:”Module”}),Object.defineProperty(e,”__esModule”,{value:!0})},o.p=”https://js-agent.newrelic.com/”,(()=>{var e={801:0,92:0};o.f.j=(t,r)=>{var n=o.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var i=new Promise(((r,o)=>n=e[t]=[r,o]));r.push(n[2]=i);var a=o.p+o.u(t),s=new Error;o.l(a,(r=>{if(o.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=r&&(“load”===r.type?”missing”:r.type),a=r&&r.target&&r.target.src;s.message=”Loading chunk “+t+” failed.\n(“+i+”: “+a+”)”,s.name=”ChunkLoadError”,s.type=i,s.request=a,n[1](s)}}),”chunk-“+t,t)}};var t=(t,r)=>{var n,i,[a,s,c]=r,d=0;if(a.some((t=>0!==e[t]))){for(n in s)o.o(s,n)&&(o.m[n]=s[n]);if(c)c(o)}for(t&&t(r);d<a.length;d++)i=a[d],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0},r=self[“webpackChunk:NRBA-1.253.0.PROD”]=self[“webpackChunk:NRBA-1.253.0.PROD”]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{“use strict”;o(1926);var e=o(50),t=o(7144),r=o(4938),n=o(4402),i=o(2177);class a{agentIdentifier;observationContext=new r.v;constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,n.ky)(16);this.agentIdentifier=e;i.ee.get(e).observationContext=this.observationContext}#t(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];if(“function”==typeof this.api?.[t])return this.api[t](…n);(0,e.Z)(“Call to agent api “.concat(t,” failed. The API is not currently initialized.”))}addPageAction(e,t){return this.#t(“addPageAction”,e,t)}setPageViewName(e,t){return this.#t(“setPageViewName”,e,t)}setCustomAttribute(e,t,r){return this.#t(“setCustomAttribute”,e,t,r)}noticeError(e,t){return this.#t(“noticeError”,e,t)}setUserId(e){return this.#t(“setUserId”,e)}setApplicationVersion(e){return this.#t(“setApplicationVersion”,e)}setErrorHandler(e){return this.#t(“setErrorHandler”,e)}finished(e){return this.#t(“finished”,e)}addRelease(e,t){return this.#t(“addRelease”,e,t)}start(e){return this.#t(“start”,e)}recordReplay(){return this.#t(t.Ef.RECORD)}pauseReplay(){return this.#t(t.Ef.PAUSE)}addToTrace(e){return this.#t(“addToTrace”,e)}setCurrentRouteName(e){return this.#t(“setCurrentRouteName”,e)}interaction(){return this.#t(“interaction”)}}var s=o(3325),c=o(234);const d=Object.values(s.D);function u(e){const t={};return d.forEach((r=>{t[r]=function(e,t){return!0===(0,c.Mt)(t,””.concat(e,”.enabled”))}(r,e)})),t}var l=o(8862);var f=o(8e3),h=o(5938),p=o(3960),g=o(385);const m=e=>g.il&&!0===(0,c.Mt)(e,”privacy.cookies_enabled”);function v(e){return c.Yu.MO&&m&&!0===(0,c.Mt)(e,”session_trace.enabled”)}function b(e){return!0===(0,c.Mt)(e,”session_replay.preload”)&&v(e)}class y extends h.W{constructor(e,t,r){let n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=n,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,c.Mt)(this.agentIdentifier,””.concat(this.featureName,”.autoStart”))&&(this.auto=!1),this.auto&&(0,f.R)(e,r)}importAggregator(){let t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate)return;if(!this.auto)return void this.ee.on(“”.concat(this.featureName,”-opt-in”),(()=>{(0,f.R)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()}));this.onAggregateImported=new Promise((e=>{t=e}));const n=async()=>{let n;try{if(m(this.agentIdentifier)){const{setupAgentSession:e}=await o.e(111).then(o.bind(o,1656));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)(“A problem occurred when starting up session manager. This page will not start or extend any session.”,t),this.featureName===s.D.sessionReplay&&this.abortHandler?.()}try{if(!this.#r(this.featureName,n))return(0,f.L)(this.agentIdentifier,this.featureName),void t(!1);const{lazyFeatureLoader:e}=await o.e(111).then(o.bind(o,8582)),{Aggregate:i}=await e(this.featureName,”aggregate”);this.featAggregate=new i(this.agentIdentifier,this.aggregator,r),t(!0)}catch(r){(0,e.Z)(“Downloading and initializing “.concat(this.featureName,” failed…”),r),this.abortHandler?.(),(0,f.L)(this.agentIdentifier,this.featureName,!0),t(!1)}};g.il?(0,p.b2)((()=>n()),!0):n()}#r(e,t){return e!==s.D.sessionReplay||(r=this.agentIdentifier,n=t,!(!v(r)||!n?.isNew&&!n?.state.sessionReplayMode));var r,n}}var A=o(7633);class x extends y{static featureName=A.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,A.t,r),this.importAggregator()}}var E=o(1117),w=o(1284);class _ extends E.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,o){var i=this.getBucket(e,t,r,o);return i.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,w.D)(e,(function(e,r){t[e]=S(r,t[e])})),t}(n,i.metrics),i}merge(e,t,r,n,o){var i=this.getBucket(e,t,n,o);if(i.metrics){var a=i.metrics;a.count+=r.count,(0,w.D)(r,(function(e,t){if(“count”!==e){var n=a[e],o=r[e];o&&!o.c?a[e]=S(o.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=T(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(o,a[e])}}))}else i.metrics=r}storeMetric(e,t,r,n){var o=this.getBucket(e,t,r);return o.stats=S(n,o.stats),o}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var o=this.aggregatedData[e][t];return o||(o=this.aggregatedData[e][t]={params:r||{}},n&&(o.custom=n)),o}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r=””,n=!1,o=0;o<e.length;o++)t[r=e[o]]=Object.values(this.aggregatedData[r]||{}),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function S(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=T(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function T(e){return{t:e,min:e,max:e,sos:e*e,c:1}}var R=o(8632),N=o(4351);var O=o(5546),C=o(7956),D=o(3239),I=o(7894),P=o(9251);class j extends y{static featureName=P.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,P.t,r),g.il&&((0,C.N)((()=>(0,O.p)(“docHidden”,[(0,I.z)()],void 0,P.t,this.ee)),!0),(0,D.bP)(“pagehide”,(()=>(0,O.p)(“winPagehide”,[(0,I.z)()],void 0,P.t,this.ee))),this.importAggregator())}}var k=o(3081);class M extends y{static featureName=k.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,k.t9,r),this.importAggregator()}}var H=o(6660);class L{constructor(e,t,r,n){this.name=”UncaughtError”,this.message=e,this.sourceURL=t,this.line=r,this.column=n}}class z extends y{static featureName=H.t;#n=new Set;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,H.t,r);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on(“fn-err”,((e,t,r)=>{this.abortHandler&&!this.#n.has(r)&&(this.#n.add(r),(0,O.p)(“err”,[this.#o(r),(0,I.z)()],void 0,s.D.jserrors,this.ee))})),this.ee.on(“internal-error”,(e=>{this.abortHandler&&(0,O.p)(“ierr”,[this.#o(e),(0,I.z)(),!0],void 0,s.D.jserrors,this.ee)})),g._A.addEventListener(“unhandledrejection”,(e=>{this.abortHandler&&(0,O.p)(“err”,[this.#i(e),(0,I.z)(),!1,{unhandledPromiseRejection:1}],void 0,s.D.jserrors,this.ee)}),(0,D.m$)(!1,this.removeOnAbort?.signal)),g._A.addEventListener(“error”,(e=>{this.abortHandler&&(this.#n.has(e.error)?this.#n.delete(e.error):(0,O.p)(“err”,[this.#a(e),(0,I.z)()],void 0,s.D.jserrors,this.ee))}),(0,D.m$)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#s,this.importAggregator()}#s(){this.removeOnAbort?.abort(),this.#n.clear(),this.abortHandler=void 0}#o(e){return e instanceof Error?e:void 0!==e?.message?new L(e.message,e.filename||e.sourceURL,e.lineno||e.line,e.colno||e.col):new L(“string”==typeof e?e:(0,N.P)(e))}#i(e){let t=”Unhandled Promise Rejection: “;if(e?.reason instanceof Error)try{return e.reason.message=t+e.reason.message,e.reason}catch(t){return e.reason}if(void 0===e.reason)return new L(t);const r=this.#o(e.reason);return r.message=t+r.message,r}#a(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new L(e.message,e.filename,e.lineno,e.colno);return t.name=SyntaxError.name,t}return e.error instanceof Error?e.error:new L(e.message,e.filename,e.lineno,e.colno)}}var U=o(2210);let F=1;const B=”nr@id”;function q(e){const t=typeof e;return!e||”object”!==t&&”function”!==t?-1:e===g._A?0:(0,U.X)(e,B,(function(){return F++}))}function V(e){if(“string”==typeof e&&e.length)return e.length;if(“object”==typeof e){if(“undefined”!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if(“undefined”!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!(“undefined”!=typeof FormData&&e instanceof FormData))try{return(0,N.P)(e).length}catch(e){return}}}var G=o(7806),Z=o(7243);class W{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,c.DL)(this.agentIdentifier);if(!t)return null;var r=(t.accountID||””).toString()||null,o=(t.agentID||””).toString()||null,i=(t.trustKey||””).toString()||null;if(!r||!o)return null;var a=(0,n.M)(),s=(0,n.Ht)(),d=Date.now(),u={spanId:a,traceId:s,timestamp:d};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,d,r,o,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,d,r,o,i)),u}generateTraceContextParentHeader(e,t){return”00-“+t+”-“+e+”-01″}generateTraceContextStateHeader(e,t,r,n,o){return o+”@nr=0-1-“+r+”-“+n+”-“+e+”—-“+t}generateTraceHeader(e,t,r,n,o,i){if(!(“function”==typeof g._A?.btoa))return null;var a={v:[0,1],d:{ty:”Browser”,ac:n,ap:o,id:e,tr:t,ti:r}};return i&&n!==i&&(a.d.tk=i),btoa((0,N.P)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,c.Mt)(this.agentIdentifier,”distributed_tracing”)&&(r=(0,c.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var o=(0,Z.e)(r.allowed_origins[n]);if(e.hostname===o.hostname&&e.protocol===o.protocol&&e.port===o.port){t=!0;break}}return t}isDtEnabled(){var e=(0,c.Mt)(this.agentIdentifier,”distributed_tracing”);return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,c.Mt)(this.agentIdentifier,”distributed_tracing”);return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,c.Mt)(this.agentIdentifier,”distributed_tracing”);return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,c.Mt)(this.agentIdentifier,”distributed_tracing”);return!!e&&!!e.cors_use_tracecontext_headers}}var K=o(7825),X=[“load”,”error”,”abort”,”timeout”],Y=X.length,J=c.Yu.REQ,Q=c.Yu.XHR;class ee extends y{static featureName=K.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,K.t,r),(0,c.OP)(e).xhrWrappable){this.dt=new W(e),this.handler=(e,t,r,n)=>(0,O.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:”xhr”,fetch:”fetch”,beacon:”beacon”};g._A?.performance?.getEntriesByType(“resource”).forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};te(r,t.name),this.handler(“xhr”,[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,s.D.ajax)}}))}catch(e){}(0,G.u5)(this.ee),(0,G.Kf)(this.ee),function(e,t,r,n){function o(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=E,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener(“load”,(function(r){w(t,e)}),(0,D.m$)(!1)),g.IF||e.addEventListener(“progress”,(function(e){t.lastSize=e.loaded}),(0,D.m$)(!1))}function i(e){this.params={method:e[0]},te(this,e[1]),this.metrics={}}function a(t,r){var o=(0,c.DL)(e);o.xpid&&this.sameOrigin&&r.setRequestHeader(“X-NewRelic-ID”,o.xpid);var i=n.generateTracePayload(this.parsedOrigin);if(i){var a=!1;i.newrelicHeader&&(r.setRequestHeader(“newrelic”,i.newrelicHeader),a=!0),i.traceContextParentHeader&&(r.setRequestHeader(“traceparent”,i.traceContextParentHeader),i.traceContextStateHeader&&r.setRequestHeader(“tracestate”,i.traceContextStateHeader),a=!0),a&&(this.dt=i)}}function d(e,r){var n=this.metrics,o=e[0],i=this;if(n&&o){var a=V(o);a&&(n.txSize=a)}this.startTime=(0,I.z)(),this.body=o,this.listener=function(e){try{“abort”!==e.type||i.loadCaptureCalled||(i.params.aborted=!0),(“load”!==e.type||i.called===i.totalCbs&&(i.onloadCalled||”function”!=typeof r.onload)&&”function”==typeof i.end)&&i.end(r)}catch(e){try{t.emit(“internal-error”,[e])}catch(e){}}};for(var s=0;s<Y;s++)r.addEventListener(X[s],this.listener,(0,D.m$)(!1))}function u(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&”function”==typeof r.onload||”function”!=typeof this.end||this.end(r)}function l(e,t){var r=””+q(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function f(e,t){var r=””+q(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function h(){this.endTime=(0,I.z)()}function p(e,r){r instanceof Q&&”load”===e[0]&&t.emit(“xhr-load-added”,[e[1],e[2]],r)}function m(e,r){r instanceof Q&&”load”===e[0]&&t.emit(“xhr-load-removed”,[e[1],e[2]],r)}function v(e,t,r){t instanceof Q&&(“onload”===r&&(this.onload=!0),(“load”===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,I.z)()))}function b(e,r){this.xhrCbStart&&t.emit(“xhr-cb-time”,[(0,I.z)()-this.xhrCbStart,this.onload,r],r)}function y(e){var t,r=e[1]||{};if(“string”==typeof e[0]?0===(t=e[0]).length&&g.il&&(t=””+g._A.location.href):e[0]&&e[0].url?t=e[0].url:g._A?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:”function”==typeof e[0].toString&&(t=e[0].toString()),”string”==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Z.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var o=n.generateTracePayload(this.parsedOrigin);if(o&&(o.newrelicHeader||o.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,o)&&(this.dt=o);else{var i={};for(var a in r)i[a]=r[a];i.headers=new Headers(r.headers||{}),s(i.headers,o)&&(this.dt=o),e.length>1?e[1]=i:e.push(i)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set(“newrelic”,t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set(“traceparent”,t.traceContextParentHeader),t.traceContextStateHeader&&e.set(“tracestate”,t.traceContextStateHeader),r=!0),r}}function A(e,t){this.params={},this.metrics={},this.startTime=(0,I.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},o=this.target;”string”==typeof o?r=o:”object”==typeof o&&o instanceof J?r=o.url:g._A?.URL&&”object”==typeof o&&o instanceof URL&&(r=o.href),te(this,r);var i=(“”+(o&&o instanceof J&&o.method||n.method||”GET”)).toUpperCase();this.params.method=i,this.body=n.body,this.txSize=V(n.body)||0}function x(e,t){var n;this.endTime=(0,I.z)(),this.params||(this.params={}),this.params.status=t?t.status:0,”string”==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);var o={txSize:this.txSize,rxSize:n,duration:(0,I.z)()-this.startTime};r(“xhr”,[this.params,o,this.startTime,this.endTime,”fetch”],this,s.D.ajax)}function E(e){var t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var o=0;o<Y;o++)e.removeEventListener(X[o],this.listener,!1);t.aborted||(n.duration=(0,I.z)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):w(this,e),n.cbTime=this.cbTime,r(“xhr”,[t,n,this.startTime,this.endTime,”xhr”],this,s.D.ajax))}}function w(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return”json”===r&&null!==t?t:”arraybuffer”===r||”blob”===r||”json”===r?V(e.response):”text”===r||””===r||void 0===r?V(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var o=r.getResponseHeader(“X-NewRelic-App-Data”);o&&((0,O.p)(k.mY,[“Ajax/CrossApplicationTracing/Header/Seen”],void 0,s.D.metrics,t),e.params.cat=o.split(“, “).pop())}e.loadCaptureCalled=!0}t.on(“new-xhr”,o),t.on(“open-xhr-start”,i),t.on(“open-xhr-end”,a),t.on(“send-xhr-start”,d),t.on(“xhr-cb-time”,u),t.on(“xhr-load-added”,l),t.on(“xhr-load-removed”,f),t.on(“xhr-resolved”,h),t.on(“addEventListener-end”,p),t.on(“removeEventListener-end”,m),t.on(“fn-end”,b),t.on(“fetch-before-start”,y),t.on(“fetch-start”,A),t.on(“fn-start”,v),t.on(“fetch-done”,x)}(e,this.ee,this.handler,this.dt),this.importAggregator()}}}function te(e,t){var r=(0,Z.e)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+”:”+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var re=o(3614);const{BST_RESOURCE:ne,RESOURCE:oe,START:ie,END:ae,FEATURE_NAME:se,FN_END:ce,FN_START:de,PUSH_STATE:ue}=re;var le=o(7056);class fe extends y{static featureName=t.t9;constructor(e,r){let n,o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,t.t9,o);try{n=JSON.parse(localStorage.getItem(“”.concat(le.Bq,”_”).concat(le.K4)))}catch(e){}this.#c(n)?this.#d(n?.sessionReplayMode):this.importAggregator()}#c(e){return e&&(e.sessionReplayMode===le.IK.FULL||e.sessionReplayMode===le.IK.ERROR)||b(this.agentIdentifier)}async#d(e){const{Recorder:t}=await Promise.all([o.e(111),o.e(433)]).then(o.bind(o,4136));this.recorder=new t({mode:e,agentIdentifier:this.agentIdentifier}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording,this.importAggregator({recorder:this.recorder})}}var he=o(7872),pe=o(6216);class ge extends y{static featureName=pe.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,pe.t9,r),!g.il||!c.Yu.MO)return;const n=(0,G.QU)(this.ee),o=(0,G.em)(this.ee),i=()=>(0,O.p)(“newURL”,[(0,I.z)(),””+window.location],void 0,this.featureName,this.ee);n.on(“pushState-end”,i),n.on(“replaceState-end”,i);try{this.removeOnAbort=new AbortController}catch(e){}(0,D.bP)(“popstate”,(e=>(0,O.p)(“newURL”,[e.timeStamp,””+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let a=!1;const s=new c.Yu.MO(((e,t)=>{a||(a=!0,requestAnimationFrame((()=>{(0,O.p)(“newDom”,[(0,I.z)()],void 0,this.featureName,this.ee),a=!1})))})),d=(0,he.D)((e=>{(0,O.p)(“newUIEvent”,[e],void 0,this.featureName,this.ee),s.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}),100,{leading:!0});o.on(“fn-start”,(e=>{let[t]=e;pe.sE.includes(t?.type)&&d(t)}));for(let e of pe.sE)document.addEventListener(e,(()=>{}));this.abortHandler=function(){this.removeOnAbort?.abort(),s.disconnect(),this.abortHandler=void 0},this.importAggregator({domObserver:s})}}var me=o(7836);const{FEATURE_NAME:ve,START:be,END:ye,BODY:Ae,CB_END:xe,JS_TIME:Ee,FETCH:we,FN_START:_e,CB_START:Se,FN_END:Te}=me;var Re=o(4649);class Ne extends y{static featureName=Re.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,Re.t,r),this.importAggregator()}}new class extends a{constructor(t,r){super(r),g._A?(this.sharedAggregator=new _({agentIdentifier:this.agentIdentifier}),this.features={},(0,R.h5)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(x),this.runSoftNavOverSpa=[…this.desiredFeatures].some((e=>e.featureName===s.D.softNav)),(0,l.j)(this,t,t.loaderType||”agent”),this.run()):(0,e.Z)(“Failed to initial the agent. Could not determine the runtime environment.”)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[…this.desiredFeatures];r.sort(((e,t)=>s.p[e.featureName]-s.p[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==s.D.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===s.D.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===s.D.softNav)return;const n=function(e){switch(e){case s.D.ajax:return[s.D.jserrors];case s.D.sessionTrace:return[s.D.ajax,s.D.pageViewEvent];case s.D.sessionReplay:return[s.D.sessionTrace];case s.D.pageViewTiming:return[s.D.pageViewEvent];default:return[]}}(r.featureName);n.every((e=>e in this.features))||(0,e.Z)(“”.concat(r.featureName,” is enabled but one or more dependent features has not been initialized (“).concat((0,N.P)(n),”). This may cause unintended consequences or missing data…”)),this.features[r.featureName]=new r(this.agentIdentifier,this.sharedAggregator)}))}catch(t){(0,e.Z)(“Failed to initialize all enabled instrument classes (agent aborted) -“,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,R.fP)();return delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator,r.ee?.abort(),delete r.ee?.get(this.agentIdentifier),!1}}}({features:[ee,x,j,class extends y{static featureName=se;constructor(e,t){if(super(e,t,se,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),!g.il)return;const r=this.ee;let n;(0,G.QU)(r),this.eventsEE=(0,G.em)(r),this.eventsEE.on(de,(function(e,t){this.bstStart=(0,I.z)()})),this.eventsEE.on(ce,(function(e,t){(0,O.p)(“bst”,[e[0],t,this.bstStart,(0,I.z)()],void 0,s.D.sessionTrace,r)})),r.on(ue+ie,(function(e){this.time=(0,I.z)(),this.startPath=location.pathname+location.hash})),r.on(ue+ae,(function(e){(0,O.p)(“bstHist”,[location.pathname+location.hash,this.startPath,this.time],void 0,s.D.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,O.p)(ne,[t],void 0,s.D.sessionTrace,r)})),n.observe({type:oe,buffered:!0})}catch(e){}this.importAggregator({resourceObserver:n})}},fe,M,Ne,z,ge,class extends y{static featureName=ve;constructor(e,t){if(super(e,t,ve,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),!g.il)return;if(!(0,c.OP)(e).xhrWrappable)return;try{this.removeOnAbort=new AbortController}catch(e){}let r,n=0;const o=this.ee.get(“tracer”),i=(0,G._L)(this.ee),a=(0,G.Lg)(this.ee),s=(0,G.BV)(this.ee),d=(0,G.Kf)(this.ee),u=this.ee.get(“events”),l=(0,G.u5)(this.ee),f=(0,G.QU)(this.ee),h=(0,G.Gm)(this.ee);function p(e,t){f.emit(“newURL”,[“”+window.location,t])}function m(){n++,r=window.location.hash,this[_e]=(0,I.z)()}function v(){n–,window.location.hash!==r&&p(0,!0);var e=(0,I.z)();this[Ee]=~~this[Ee]+e-this[_e],this[Te]=e}function b(e,t){e.on(t,(function(){this[t]=(0,I.z)()}))}this.ee.on(_e,m),a.on(Se,m),i.on(Se,m),this.ee.on(Te,v),a.on(xe,v),i.on(xe,v),this.ee.buffer([_e,Te,”xhr-resolved”],this.featureName),u.buffer([_e],this.featureName),s.buffer([“setTimeout”+ye,”clearTimeout”+be,_e],this.featureName),d.buffer([_e,”new-xhr”,”send-xhr”+be],this.featureName),l.buffer([we+be,we+”-done”,we+Ae+be,we+Ae+ye],this.featureName),f.buffer([“newURL”],this.featureName),h.buffer([_e],this.featureName),a.buffer([“propagate”,Se,xe,”executor-err”,”resolve”+be],this.featureName),o.buffer([_e,”no-“+_e],this.featureName),i.buffer([“new-jsonp”,”cb-start”,”jsonp-error”,”jsonp-end”],this.featureName),b(l,we+be),b(l,we+”-done”),b(i,”new-jsonp”),b(i,”jsonp-end”),b(i,”cb-start”),f.on(“pushState-end”,p),f.on(“replaceState-end”,p),window.addEventListener(“hashchange”,p,(0,D.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener(“load”,p,(0,D.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener(“popstate”,(function(){p(0,n>1)}),(0,D.m$)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#s,this.importAggregator()}#s(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}],loaderType:”spa”})})()})();</script><link rel=”shortcut icon” type=”image/x-icon” media=”all” href=”/_ui/responsive/theme-hbw/images/favicon.ico”>
<link rel=”apple-touch-icon-precomposed” href=”/_ui/responsive/theme-hbw/images/favicon-152.png”>
<meta name=”msapplication-TileColor” content=”#26a792″>
<meta name=”msapplication-TileImage” content=”/_ui/responsive/theme-hbw/images/favicon-144.png”>
<link rel=”canonical” href=”https://www.hansgrohe.co.jp/bath/products/showers-old”>
<link rel=”alternate” href=”https://www.hansgrohe.de/bad/produkte/duschen-old” hreflang=”de-DE”>
<link rel=”alternate” href=”https://www.hansgrohe.com.cn/bath/products/showers-old” hreflang=”zh-CN”>
<link rel=”alternate” href=”https://www.hansgrohe.fr/salle-de-bain/produits/douches-old” hreflang=”fr-FR”>
<link rel=”alternate” href=”https://www.hansgrohe.it/bagno/prodotti/docce-old” hreflang=”it-IT”>
<link rel=”alternate” href=”https://www.hansgrohe.nl/badkamer/producten/douches” hreflang=”nl-NL”>
<link rel=”alternate” href=”https://www.hansgrohe.pl/lazienka/produkty/prysznice-old” hreflang=”pl-PL”>
<link rel=”alternate” href=”https://www.hansgrohe.ru/bath/products/showers” hreflang=”ru-RU”>
<link rel=”alternate” href=”https://www.hansgrohe.com.sg/bath/products/showers” hreflang=”en-SG”>
<link rel=”alternate” href=”https://www.hansgrohe.com.tr/banyo/urunler/duslar-old” hreflang=”tr-TR”>
<link rel=”alternate” href=”https://www.hansgrohe.co.uk/bathroom/products/showers-old” hreflang=”en-GB”>
<link rel=”alternate” href=”https://www.hansgrohe-usa.com/bathroom/products/showers” hreflang=”en-US”>
<link rel=”alternate” href=”https://www.hansgrohe.co.za/bath/products/showers” hreflang=”en-ZA”>
<link rel=”alternate” href=”https://www.hansgrohe.com.au/bath/products/showers” hreflang=”en-AU”>
<link rel=”alternate” href=”https://www.hansgrohe.cz/koupelna/vyrobky/sprchy” hreflang=”cs-CZ”>
<link rel=”alternate” href=”https://www.hansgrohe.fi/kylpyhuone/tuotteet/suihkut” hreflang=”fi-FI”>
<link rel=”alternate” href=”https://www.hansgrohe.hr/kupaonica/proizvodi/tusevi-old” hreflang=”hr-HR”>
<link rel=”alternate” href=”https://www.hansgrohe.co.jp/bath/products/showers-old” hreflang=”ja-JP”>
<link rel=”alternate” href=”https://www.hansgrohe-la.com/bano/productos/duchas-old” hreflang=”es-MX”>
<link rel=”alternate” href=”https://www.hansgrohe.no/bad/produkter/dusjer-old” hreflang=”no-NO”>
<link rel=”alternate” href=”https://www.hansgrohe.se/badrum/produkter/duschar-old” hreflang=”sv-SE”>
<link rel=”alternate” href=”https://www.hansgrohe-asia.com/ko/bath/products/showers” hreflang=”ko-KR”>
<link rel=”alternate” href=”https://www.hansgrohe-asia.com/vi/bath/products/showers” hreflang=”vi-VN”>
<link rel=”alternate” href=”https://www.hansgrohe-asia.com/zh/bath/products/showers” hreflang=”zh-HK”>
<link rel=”alternate” href=”https://www.hansgrohe-asia.com/en/bath/products/showers-old” hreflang=”en-HK”>
<link rel=”alternate” href=”https://www.hansgrohe.hu/furdo/termekek/zuhanyok-old” hreflang=”hu-HU”>
<link rel=”alternate” href=”https://www.hansgrohe.ca/en/bath/products/showers” hreflang=”en-CA”>
<link rel=”alternate” href=”https://www.hansgrohe.ca/fr/salle-de-bain/produits/douches” hreflang=”fr-CA”>
<link rel=”alternate” href=”https://www.hansgrohe.sk/kupelna/vyrobky/sprchy” hreflang=”sk-SK”>
<link rel=”alternate” href=”https://www.hansgrohe.in/bath/products/showers-old” hreflang=”en-IN”>
<link rel=”preload” href=”/_ui/responsive/theme-hbw/fonts/Futura-Light.woff2″ as=”font” type=”font/woff2″ crossorigin=”anonymous”>
<link rel=”preload” href=”/_ui/responsive/theme-hbw/fonts/Futura-Medium.woff2″ as=”font” type=”font/woff2″ crossorigin=”anonymous”>
<link rel=”preload” href=”/_ui/responsive/theme-hbw/fonts/icomoon.woff” as=”font” type=”font/woff” crossorigin=”anonymous”>
<link rel=”stylesheet” type=”text/css” media=”all” href=”/_ui/responsive/theme-hbw/css/style-71396291b20a614b1ac80a13c4a82844b9ad19ae.min.css”
 data-href=”/_ui/responsive/theme-hbw/css/style.min.css”/>
</head>
<body class=”page-p-bath-category-showers pageType-HGHBWContentCategoryPage template-pages-category-productOverviewPage  smartedit-page-uid-p-bath-category-showers smartedit-page-uuid-eyJpdGVtSWQiOiJwLWJhdGgtY2F0ZWdvcnktc2hvd2VycyIsImNhdGFsb2dJZCI6Imhid0pQTWFzdGVyQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9 smartedit-catalog-version-uuid-hbwJPMasterContentCatalog/Online  language-ja-JP” data-t-name=”Layout”>
<script>
ACC.locationbar = {
text: “You might want to change to {site} to get the most of your experience.”,
closeLabel: “No, thanks”,
acceptLabel: “Go to {site} Site”,
outPath: “/_ui/responsive/theme-hbw”,
showLocationBar: “false”
};
</script>
<div data-v-name=”LocationBar”></div>
<header id=”header” class=”” data-header-scroll-offset=”100″>
<div class=”main-navigation-wrapper”>
<div class=”row-wrapper full-width meta-navigation-wrapper js-meta-nav”>
<nav class=”meta-navigation meta-navigation–header”>
<div class=”yCmsComponent meta-navigation__entry”>
<ul class=”meta-navigation__list”>
<li class=”meta-navigation__list-item”>
    <a href=”/contact” title=”ご質問・お問合せ” >
        <span>ご質問・お問合せ</span>
    </a>
</li>
</ul>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniWishlistComponent (Render time: 2024-03-17T15:48:34) –>
<a href=”#notepad”
   class=”meta-navigation__link–notepad meta-navigation__link meta-navigation__link–icon icon-heart js-notepad-indicator”
   data-track-directclick='{“eventCategory”:”Notepad”,”eventAction”:”open”,”eventLabel”:”notepad-page-id”}’>
    <span>ノートパッド</span>
</a>
<!– End cached component: HGHBWMiniWishlistComponent –>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniProductComparisonComponent (Render time: 2024-03-18T10:22:04) –>
<a href=”#product-comparison”
   class=”meta-navigation__link–comparison meta-navigation__link meta-navigation__link–icon icon-compare js-comparison-indicator”>
    <span>製品を比較</span>
</a>
<!– End cached component: HGHBWMiniProductComparisonComponent –>
</div><div class=”meta-navigation__entry”>
<a href=”#partner-finder” class=”header-navigation__link header-navigation__link–icon header-navigation__link–textual header-navigation__partner-finder icon-maps-search”>
<span class=”header-navigation__link-description”>
取扱店を検索</span>
</a>
</div>
</nav></div>
<div class=”row-wrapper full-width primary-navigation-wrapper js-primary-nav”>
<div class=”row”>
<div id=”logo” class=”yCmsContentSlot”>
<!– Start cached component: SimpleBannerComponent (Render time: 2024-03-18T13:40:42) –>
<div class=”banner__component banner”>
<a  href=”/”><img title=”hansgrohe logo”
  alt=”hansgrohe logo” src=”/medias/Hansgrohe-Logo-2.svg?context=bWFzdGVyfGltYWdlc3wyNjI2fGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2gwZS9oMjAvOTA5NzgxOTM1NzIxNC5zdmd8MTYzYTUyYTg2OTY2MDczMjU0MGJkZGNjZmExOTVhMGM3ZjYxNWJmODQxZDY1MTFiMjEyNjEwZTVmZjQ4YTRmZQ”></a>
</div>
<!– End cached component: SimpleBannerComponent –>
</div><div class=”yCmsContentSlot header-navigation”>
<nav class=”navigation” data-reload-url=”/navigation/primary” data-t-name=”Navigation” data-t-decorator=”HBWNavigation”>
        <!– MAIN NAVIGATION MENU –>
        <div class=”navigation__category header-navigation__link header-navigation__link–burger js-burger js-nav-open”>
            <ul>
                <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”BathNavNode”>
                            <span>バスルーム</span>
                    </li>
                <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”KitchenNavNode”>
                            <span>キッチン</span>
                    </li>
                <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_0000ENUT”>
                            <span>インスピレーション&アドバイス</span>
                    </li>
                <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_00000R0H”>
                            <span>サービス</span>
                    </li>
                <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_0000ENUH”>
                            <span>ハンスグローエについて</span>
                    </li>
                </ul>
        </div>
        <div class=”flyout js-nav-flyout”>
            <div class=”js-nav-overlay navigation__overlay”></div>
            <div class=”navigation__close js-navigation__close”>
                <i class=”icon-cross”></i>
            </div>
            <div class=”flyout__content-wrapper”>
                <ul class=”navigation__quickaccess js-quick-nav”>
                    <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”BathNavNode”>
                            <span class=”navigation__quickaccess-item-text”>バスルーム</span>
                        </li>
                    <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”KitchenNavNode”>
                            <span class=”navigation__quickaccess-item-text”>キッチン</span>
                        </li>
                    <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_0000ENUT”>
                            <span class=”navigation__quickaccess-item-text”>インスピレーション&アドバイス</span>
                        </li>
                    <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_00000R0H”>
                            <span class=”navigation__quickaccess-item-text”>サービス</span>
                        </li>
                    <li class=”navigation__quickaccess-item header-navigation__link header-navigation__link–textual js-quick-nav-item” data-level=”0″ data-trigger-node=”navigationNode_0000ENUH”>
                            <span class=”navigation__quickaccess-item-text”>ハンスグローエについて</span>
                        </li>
                    </ul>
                <div class=”flyout__main-col js-main-col”>
                    <div class=”navigation__bar”>
                        <i class=”icon-cross js-nav-close”></i>
                    </div>
                    <div class=”flyout__scroll-container”>
                        <div class=”flyout__list-wrapper js-list-wrapper”>
                            <ul class=”flyout__list js-list”>
                                <li class=”flyout__item js-nav-item js-is-parent js-is-active” data-level=”0″ data-target-node=”BathNavNode”>
                                        <a class=”navigation__leaf” href=”#” title=”バスルーム”>
バスルーム</a>
<div class=”flyout__column flyout__column–products”>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath” title=”バスルーム”>
バスルーム<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–has-image flyout__item–level-1″ data-level=”1″ data-mh=”navigation-1″>
                    <a class=”navigation__leaf” href=”/bath/products/showers-old” title=”シャワー”>
<img data-src=”/medias/showers-icon.svg?context=bWFzdGVyfGltYWdlc3w0ODIxfGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2gzMi9oYzQvOTYwNTgzNDYzNzM0Mi5zdmd8YjgzMjJmMmE2MGVjYWNlMTAzZTVjZjdiZGFjNzA1MDk4NmE5NTIyYmUzYTQ3NzA4NjNhZDg4NWNjYjUxNjc2OQ” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”シャワー” class=”lazyload navigation__producticon”>
シャワー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/showers-old” title=”シャワー”>
シャワー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=”0″>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–has-image flyout__item–level-1″ data-level=”1″ data-mh=”navigation-1″>
                    <a class=”navigation__leaf” href=”/bath/products/taps” title=”混合水栓”>
<img data-src=”/medias/mixers-icon.svg?context=bWFzdGVyfGltYWdlc3w0MDAxfGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2gzMi9oZTQvOTYwNTgzMTcyMDk5MC5zdmd8MmVjNzZiODBlYzM2ODlmZTcwZDY4YjNiMDI5Y2ZjNWY4NTFhNmM1NGNjZjg2MjEzODdjMWFhYjdiMDc5MzRmMQ” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”混合水栓” class=”lazyload navigation__producticon”>
混合水栓</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/taps” title=”混合水栓”>
混合水栓<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=”1″>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–has-image flyout__item–level-1″ data-level=”1″ data-mh=”navigation-1″>
                    <a class=”navigation__leaf” href=”/bath/products/thermostat” title=”バス水栓”>
<img data-src=”/medias/thermostats-icon.svg?context=bWFzdGVyfGltYWdlc3w1MzAyfGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2hiMi9oYjkvOTYwNTgzNzU1MzY5NC5zdmd8MmZjNDcyMjdhNjAzZmM4YmRiYTJkODdhN2RmNmQ1YzIzZTk0YThhNzRmNmNkNTE3MGYxYjFiZDA2NTU0MzRlOA” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”バス水栓” class=”lazyload navigation__producticon”>
バス水栓</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/thermostat” title=”バス水栓”>
バス水栓<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=”2″>
                        </div>
                <div class=”flyout__item-spacer”></div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/bath/products/waste-systems” title=”排水金具”>
排水金具</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/waste-systems” title=”排水金具”>
排水金具<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/bath/products/bath-accessoires” title=”アクセサリー”>
アクセサリー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/bath-accessoires” title=”アクセサリー”>
アクセサリー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”新製品”>
新製品</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath?filters=BathNewsNavNode” title=”新製品”>
新製品<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/pulsify” title=”Pulsify”>
Pulsify</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/pulsify” title=”Pulsify”>
Pulsify<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/vivenis” title=”Vivenis”>
Vivenis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/vivenis” title=”Vivenis”>
Vivenis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/finoris” title=”Finoris”>
Finoris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/finoris” title=”Finoris”>
Finoris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/vernis” title=”Vernis”>
Vernis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/vernis” title=”Vernis”>
Vernis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/wallstoris” title=”WallStoris”>
WallStoris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/wallstoris” title=”WallStoris”>
WallStoris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/addstoris” title=”AddStoris”>
AddStoris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/addstoris” title=”AddStoris”>
AddStoris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>身近な「水」との、最高のひととき。</h3>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/pulsify-s-mattblack-woman-showering-ambience_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”身近な「水」との、最高のひととき。” data-srcset=”https://assets.hansgrohe.com/celum/web/pulsify-s-mattblack-woman-showering-ambience_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/pulsify-s-mattblack-woman-showering-ambience_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/pulsify-s-mattblack-woman-showering-ambience_4x3.jpg?format=HBW7 1200w” title=”身近な「水」との、最高のひととき。” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”製品ライン”>
製品ライン</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-lines” title=”製品ライン”>
製品ライン<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/croma” title=”Croma”>
Croma</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/croma” title=”Croma”>
Croma<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bad/produkte/linien/crometta” title=”Crometta”>
Crometta</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bad/produkte/linien/crometta” title=”Crometta”>
Crometta<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”https://www.hansgrohe.co.jp/shower/dogshowerjp” title=”DogShower”>
DogShower</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”https://www.hansgrohe.co.jp/shower/dogshowerjp” title=”DogShower”>
DogShower<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/ecostat” title=”Ecostat”>
Ecostat</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/ecostat” title=”Ecostat”>
Ecostat<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/products/lines/finoris” title=”Finoris”>
Finoris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/products/lines/finoris” title=”Finoris”>
Finoris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/focus” title=”Focus”>
Focus</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/focus” title=”Focus”>
Focus<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/logis” title=”Logis”>
Logis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/logis” title=”Logis”>
Logis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/metris” title=”Metris”>
Metris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/metris” title=”Metris”>
Metris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/metropol” title=”Metropol”>
Metropol</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/metropol” title=”Metropol”>
Metropol<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/product/line/pulsify” title=”Pulsify”>
Pulsify</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/product/line/pulsify” title=”Pulsify”>
Pulsify<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/raindance” title=”Raindance”>
Raindance</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/raindance” title=”Raindance”>
Raindance<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/showerselect” title=”ShowerSelect”>
ShowerSelect</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/showerselect” title=”ShowerSelect”>
ShowerSelect<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/showertablet” title=”ShowerTablet”>
ShowerTablet</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/showertablet” title=”ShowerTablet”>
ShowerTablet<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/talis” title=”Talis”>
Talis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/talis” title=”Talis”>
Talis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/products/product-line/unica” title=”Unica”>
Unica</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/product-line/unica” title=”Unica”>
Unica<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/products/lines/vernis” title=”Vernis”>
Vernis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/products/lines/vernis” title=”Vernis”>
Vernis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/products/lines/vivenis” title=”Vivenis”>
Vivenis</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/products/lines/vivenis” title=”Vivenis”>
Vivenis<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/products/lines/wallstoris” title=”Wallstoris”>
Wallstoris</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/products/lines/wallstoris” title=”Wallstoris”>
Wallstoris<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>ハンスグローエ バスルーム製品ライン 一覧</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/bath/products/product-lines”>
                                        今すぐチェック</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/raindance-select-s_shower_ambience_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエ バスルーム製品ライン 一覧” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-select-s_shower_ambience_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/raindance-select-s_shower_ambience_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/raindance-select-s_shower_ambience_4x3.jpg?format=HBW7 1200w” title=”ハンスグローエ バスルーム製品ライン 一覧” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/bath/products/installation-technology” title=”埋込部について”>
埋込部について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/products/installation-technology” title=”埋込部について”>
埋込部について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/service/savingwater” title=” 節水計算ツール”>
節水計算ツール</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/savingwater” title=” 節水計算ツール”>
節水計算ツール<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                </ul>
</div></li>
                                <li class=”flyout__item js-nav-item js-is-parent ” data-level=”0″ data-target-node=”KitchenNavNode”>
                                        <a class=”navigation__leaf” href=”#” title=”キッチン”>
キッチン</a>
<div class=”flyout__column flyout__column–products”>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen” title=”キッチン”>
キッチン<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–has-image flyout__item–level-1″ data-level=”1″ data-mh=”navigation-1″>
                    <a class=”navigation__leaf” href=”/kitchen/products/kitchen-taps” title=”キッチン混合水栓”>
<img data-src=”/medias/kitchenmixers-icon.svg?context=bWFzdGVyfGltYWdlc3w0NjUwfGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2hjYy9oMjIvOTYwNTgyNTgyMjc1MC5zdmd8NjIzY2JkNzE4NTI2Y2I0MzNlZTQzZDRhMDY3ZWFjOGFiMDNmOGNlZjg1ZDE0MDY2MjQ1YzE0NThiNDljMmYwZg” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”キッチン混合水栓” class=”lazyload navigation__producticon”>
キッチン混合水栓</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/kitchen-taps” title=”キッチン混合水栓”>
キッチン混合水栓<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=”0″>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–has-image flyout__item–level-1″ data-level=”1″ data-mh=”navigation-1″>
                    <a class=”navigation__leaf” href=”/kitchen/products/kitchen-sinks” title=”キッチンシンク”>
<img data-src=”/medias/kitchensinks-icon.svg?context=bWFzdGVyfGltYWdlc3wxNTk3fGltYWdlL3N2Zyt4bWx8aW1hZ2VzL2hkZC9oN2UvOTYwNTgyODgwNDYzOC5zdmd8MGVhYWUyNmViN2Q1MGQ1MTZkYjMzNDJmYWU1N2NhMGJjZDA5OGY3ZWJmZGNlN2QyN2ZlYTRhNDNmNzVmZmZkYg” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”キッチンシンク” class=”lazyload navigation__producticon”>
キッチンシンク</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/kitchen-sinks” title=”キッチンシンク”>
キッチンシンク<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=”1″>
                        </div>
                <div class=”flyout__item-spacer”></div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/kitchen/accessories” title=”キッチンアクセサリー”>
キッチンアクセサリー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/accessories” title=”キッチンアクセサリー”>
キッチンアクセサリー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”キッチンコーディネートのアイデア”>
キッチンコーディネートのアイデア</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/new-products” title=”キッチンコーディネートのアイデア”>
キッチンコーディネートのアイデア<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/new-products/kitchen” title=”キッチン空間をトータルコーディネート”>
キッチン空間をトータルコーディネート</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/new-products/kitchen” title=”キッチン空間をトータルコーディネート”>
キッチン空間をトータルコーディネート<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>キッチン作業が楽になる、革新的なキッチン製品</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/kitchen/new-products”>
                                        新製品をチェック</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/zesis-m33_woman-berries-mixer_ambience-smaller_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”キッチン作業が楽になる、革新的なキッチン製品” data-srcset=”https://assets.hansgrohe.com/celum/web/zesis-m33_woman-berries-mixer_ambience-smaller_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/zesis-m33_woman-berries-mixer_ambience-smaller_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/zesis-m33_woman-berries-mixer_ambience-smaller_4x3.jpg?format=HBW7 1200w” title=”キッチン作業が楽になる、革新的なキッチン製品” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”製品ライン”>
製品ライン</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines” title=”製品ライン”>
製品ライン<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/logis” title=”Logis M31″>
Logis M31</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/logis” title=”Logis M31″>
Logis M31<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/focus-m41″ title=”Focus M41″>
Focus M41</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/focus-m41″ title=”Focus M41″>
Focus M41<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/talis-m51″ title=”Talis M51″>
Talis M51</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/talis-m51″ title=”Talis M51″>
Talis M51<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/talis-m54″ title=”Talis M54″>
Talis M54</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/talis-m54″ title=”Talis M54″>
Talis M54<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/metris-m71″ title=”Metris M71″>
Metris M71</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/metris-m71″ title=”Metris M71″>
Metris M71<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/products/product-lines/aquno-select-m81″ title=”Aquno Select M81″>
Aquno Select M81</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/products/product-lines/aquno-select-m81″ title=”Aquno Select M81″>
Aquno Select M81<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>ハンスグローエ キッチン製品ライン 一覧</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/kitchen/products”>
                                        製品を探す</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/aqittura-m91_filtersystem-woman-water-bottle_ambience_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエ キッチン製品ライン 一覧” data-srcset=”https://assets.hansgrohe.com/celum/web/aqittura-m91_filtersystem-woman-water-bottle_ambience_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/aqittura-m91_filtersystem-woman-water-bottle_ambience_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/aqittura-m91_filtersystem-woman-water-bottle_ambience_4x3.jpg?format=HBW7 1200w” title=”ハンスグローエ キッチン製品ライン 一覧” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/kitchen/newarticlenumber/download” title=”日本限定モデル(マットブラック・クロム)”>
日本限定モデル(マットブラック・クロム)</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/newarticlenumber/download” title=”日本限定モデル(マットブラック・クロム)”>
日本限定モデル(マットブラック・クロム)<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                </ul>
</div></li>
                                <li class=”flyout__item js-nav-item js-is-parent ” data-level=”0″ data-target-node=”navigationNode_0000ENUT”>
                                        <a class=”navigation__leaf” href=”#” title=”インスピレーション&アドバイス”>
インスピレーション&アドバイス</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/inspiration-ratgeber” title=”インスピレーション&アドバイス”>
インスピレーション&アドバイス<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”インスピレーション”>
インスピレーション</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/inspiration” title=”インスピレーション”>
インスピレーション<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/inspiration/dream-bathrooms” title=”理想のバスルーム”>
理想のバスルーム</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/inspiration/dream-bathrooms” title=”理想のバスルーム”>
理想のバスルーム<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/reference/local” title=”国内施工事例”>
国内施工事例</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/reference/local” title=”国内施工事例”>
国内施工事例<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>バスルームのトレンドとクリエイティブなデザインをキャッチ</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/bath/inspiration”>
                                        スタイリッシュな生活へ</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/croma_showerselect-s_bathroom-blue-wood-white_ambience_4x3-smaller.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”バスルームのトレンドとクリエイティブなデザインをキャッチ” data-srcset=”https://assets.hansgrohe.com/celum/web/croma_showerselect-s_bathroom-blue-wood-white_ambience_4x3-smaller.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/croma_showerselect-s_bathroom-blue-wood-white_ambience_4x3-smaller.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/croma_showerselect-s_bathroom-blue-wood-white_ambience_4x3-smaller.jpg?format=HBW7 1200w” title=”バスルームのトレンドとクリエイティブなデザインをキャッチ” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”ガイド”>
ガイド</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide” title=”ガイド”>
ガイド<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/guide?filters=bath-planning” title=”バスルームプランニングガイド”>
バスルームプランニングガイド</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide?filters=bath-planning” title=”バスルームプランニングガイド”>
バスルームプランニングガイド<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/guide?filters=bath-installation” title=”バスルームを簡単に一新”>
バスルームを簡単に一新</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide?filters=bath-installation” title=”バスルームを簡単に一新”>
バスルームを簡単に一新<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/guide?filters=bath-maintenance” title=”メンテナンスと清掃について”>
メンテナンスと清掃について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide?filters=bath-maintenance” title=”メンテナンスと清掃について”>
メンテナンスと清掃について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/guide?filters=bath-technology” title=”テクノロジー”>
テクノロジー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide?filters=bath-technology” title=”テクノロジー”>
テクノロジー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/bath/guide?filters=bath-consultation” title=”バス製品の組合わせについて”>
バス製品の組合わせについて</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/bath/guide?filters=bath-consultation” title=”バス製品の組合わせについて”>
バス製品の組合わせについて<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>バスルームに関するアドバイス</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/bath/guide”>
                                        アドバイスへ </a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/rebris-e_woman-washing-face-mattblack_ambience_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”バスルームに関するアドバイス” data-srcset=”https://assets.hansgrohe.com/celum/web/rebris-e_woman-washing-face-mattblack_ambience_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/rebris-e_woman-washing-face-mattblack_ambience_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/rebris-e_woman-washing-face-mattblack_ambience_4x3.jpg?format=HBW7 1200w” title=”バスルームに関するアドバイス” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”キッチンガイド”>
キッチンガイド</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/guide” title=”キッチンガイド”>
キッチンガイド<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-planning” title=”キッチンプランナー”>
キッチンプランナー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-planning” title=”キッチンプランナー”>
キッチンプランナー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-installation” title=”施工”>
施工</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-installation” title=”施工”>
施工<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-maintenance” title=”メンテナンスと清掃について”>
メンテナンスと清掃について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-maintenance” title=”メンテナンスと清掃について”>
メンテナンスと清掃について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-technology” title=”テクノロジー”>
テクノロジー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/kitchen/guide?filters=kitchen-technology” title=”テクノロジー”>
テクノロジー<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>水栓の選び方から最新テクノロジーまで</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/kitchen/guide”>
                                        キッチンガイドへ</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/aqittura-m91-sodaystem_changing-cartridge_woman_ambiance_4x3_jpg.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”水栓の選び方から最新テクノロジーまで” data-srcset=”https://assets.hansgrohe.com/celum/web/aqittura-m91-sodaystem_changing-cartridge_woman_ambiance_4x3_jpg.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/aqittura-m91-sodaystem_changing-cartridge_woman_ambiance_4x3_jpg.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/aqittura-m91-sodaystem_changing-cartridge_woman_ambiance_4x3_jpg.jpg?format=HBW7 1200w” title=”水栓の選び方から最新テクノロジーまで” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                </ul>
</div></li>
                                <li class=”flyout__item js-nav-item js-is-parent ” data-level=”0″ data-target-node=”navigationNode_00000R0H”>
                                        <a class=”navigation__leaf” href=”#” title=”サービス”>
サービス</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service” title=”サービス”>
サービス<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/service/spare-parts” title=”スペアパーツ”>
スペアパーツ</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/spare-parts” title=”スペアパーツ”>
スペアパーツ<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/service/brochures-and-prospects” title=”カタログ請求・ダウンロード”>
カタログ請求・ダウンロード</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/brochures-and-prospects” title=”カタログ請求・ダウンロード”>
カタログ請求・ダウンロード<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”FAQ”>
FAQ</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq” title=”FAQ”>
FAQ<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/accessoires” title=”アクセサリーについて “>
アクセサリーについて </a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/accessoires” title=”アクセサリーについて “>
アクセサリーについて <i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/bathroom-mixer” title=”バス/洗面水栓について”>
バス/洗面水栓について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/bathroom-mixer” title=”バス/洗面水栓について”>
バス/洗面水栓について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/cleaning” title=”お手入れについて”>
お手入れについて</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/cleaning” title=”お手入れについて”>
お手入れについて<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/guarantee” title=”保証について”>
保証について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/guarantee” title=”保証について”>
保証について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/general” title=”一般的なご質問”>
一般的なご質問</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/general” title=”一般的なご質問”>
一般的なご質問<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/kitchen-mixer” title=”キッチン水栓について”>
キッチン水栓について</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/kitchen-mixer” title=”キッチン水栓について”>
キッチン水栓について<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/shower” title=”シャワーについて “>
シャワーについて </a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/shower” title=”シャワーについて “>
シャワーについて <i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/spare-parts-repairs” title=”スペアパーツとメンテナンスについて”>
スペアパーツとメンテナンスについて</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/spare-parts-repairs” title=”スペアパーツとメンテナンスについて”>
スペアパーツとメンテナンスについて<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/service/faq/thermostate-ventile” title=”サーモスタット&バルブについて “>
サーモスタット&バルブについて </a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/faq/thermostate-ventile” title=”サーモスタット&バルブについて “>
サーモスタット&バルブについて <i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>よくお寄せいただく質問に、お答えいたします</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/service/faq”>
                                        FAQへ</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/hansgrohe-accessories_xtra-storis_part-amabiance_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”よくお寄せいただく質問に、お答えいたします” data-srcset=”https://assets.hansgrohe.com/celum/web/hansgrohe-accessories_xtra-storis_part-amabiance_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/hansgrohe-accessories_xtra-storis_part-amabiance_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/hansgrohe-accessories_xtra-storis_part-amabiance_4x3.jpg?format=HBW7 1200w” title=”よくお寄せいただく質問に、お答えいたします” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/service/producer-guarantee” title=”保証”>
保証</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/service/producer-guarantee” title=”保証”>
保証<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/showroom-tokyo” title=”東京ショールーム”>
東京ショールーム</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/showroom-tokyo” title=”東京ショールーム”>
東京ショールーム<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/showroom-osaka” title=”大阪ショールーム”>
大阪ショールーム</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/showroom-osaka” title=”大阪ショールーム”>
大阪ショールーム<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/two-brands-one-company” title=”ハンスグローエが擁する、もう1つのブランド”>
ハンスグローエが擁する、もう1つのブランド</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/two-brands-one-company” title=”ハンスグローエが擁する、もう1つのブランド”>
ハンスグローエが擁する、もう1つのブランド<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                </ul>
</div></li>
                                <li class=”flyout__item js-nav-item js-is-parent ” data-level=”0″ data-target-node=”navigationNode_0000ENUH”>
                                        <a class=”navigation__leaf” href=”#” title=”ハンスグローエについて”>
ハンスグローエについて</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us” title=”ハンスグローエについて”>
ハンスグローエについて<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  js-is-parent flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”#” title=”バリュー”>
バリュー</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/ueber-uns/werte” title=”バリュー”>
バリュー<i class=”icon-arrow-right”></i>
</a>
</li>
        <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/sustainability/hansgrohegroup” title=”責任”>
責任</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/sustainability/hansgrohegroup” title=”責任”>
責任<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/about-us/values/tradition-and-innovation” title=”伝統&イノベーション”>
伝統&イノベーション</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us/values/tradition-and-innovation” title=”伝統&イノベーション”>
伝統&イノベーション<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/about-us/values/quality” title=”品質”>
品質</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us/values/quality” title=”品質”>
品質<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <li class=”flyout__item js-nav-item  flyout__item–level-2″ data-level=”2″>
                    <a class=”navigation__leaf” href=”/about-us/values/design” title=”デザイン”>
デザイン</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us/values/design” title=”デザイン”>
デザイン<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                </ul>
</div><div class=”arrow-wrapper”>
                            <i class=”flyout__item-arrow icon-chevron-right”></i>
                        </div>
                    </li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        <div class=”navigation__teaser-wrapper-content”>
                                <h3>信頼できる品質</h3>
                                <a
                                    class=”btn btn–toggle btn–tertiary btn–bright js-nav-teaser-cta”
                                    href=”/ueber-uns/werte”>
                                        ハンスグローエの価値観</a>
                                </div>
                            <div class=”navigation__teaser-wrapper-image”>
                                <img data-src=”https://assets.hansgrohe.com/celum/web/hansgrohe-sustainability_ambience_4x3.jpg?format=HBW7″ src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”信頼できる品質” data-srcset=”https://assets.hansgrohe.com/celum/web/hansgrohe-sustainability_ambience_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/hansgrohe-sustainability_ambience_4x3.jpg?format=HBW24 880w,https://assets.hansgrohe.com/celum/web/hansgrohe-sustainability_ambience_4x3.jpg?format=HBW7 1200w” title=”信頼できる品質” loading=”lazy” class=”lazyload”>
</div>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/about-us/sports-ponsoringship” title=”スポーツスポンサリング”>
スポーツスポンサリング</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us/sports-ponsoringship” title=”スポーツスポンサリング”>
スポーツスポンサリング<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/about-us/current-news-and-press” title=”最新ニュース/プレスリリース”>
最新ニュース/プレスリリース</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/about-us/current-news-and-press” title=”最新ニュース/プレスリリース”>
最新ニュース/プレスリリース<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                <li class=”flyout__item js-nav-item  flyout__item–level-1″ data-level=”1″>
                    <a class=”navigation__leaf” href=”/ueber-uns/hansgrohe-group” title=”ハンスグローエグループ”>
ハンスグローエグループ</a>
<div class=”flyout__column “>
    <ul class=”flyout__list js-list”>
        <li class=”navigation__column-title navigation__back-link js-back-link”>
            <i class=”icon-arrow-left”></i>
            <i class=”icon-cross js-nav-close”></i>
        </li>
        <li class=”navigation__column-title js-nav-item”>
            <a class=”navigation__leaf” href=”/ueber-uns/hansgrohe-group” title=”ハンスグローエグループ”>
ハンスグローエグループ<i class=”icon-arrow-right”></i>
</a>
</li>
        </ul>
</div></li>
                <div class=”navigation__teaser-wrapper js-navigation__teaser” data-teaser-id=””>
                        </div>
                </ul>
</div></li>
                                </ul>
                        </div>
                        <nav class=”meta-navigation meta-navigation–flyout”>
<div class=”yCmsComponent meta-navigation__entry”>
<ul class=”meta-navigation__list”>
<li class=”meta-navigation__list-item”>
    <a href=”/contact” title=”ご質問・お問合せ” >
        <span>ご質問・お問合せ</span>
    </a>
</li>
</ul>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniWishlistComponent (Render time: 2024-03-17T15:48:34) –>
<a href=”#notepad”
   class=”meta-navigation__link–notepad meta-navigation__link meta-navigation__link–icon icon-heart js-notepad-indicator”
   data-track-directclick='{“eventCategory”:”Notepad”,”eventAction”:”open”,”eventLabel”:”notepad-page-id”}’>
    <span>ノートパッド</span>
</a>
<!– End cached component: HGHBWMiniWishlistComponent –>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniProductComparisonComponent (Render time: 2024-03-18T10:22:04) –>
<a href=”#product-comparison”
   class=”meta-navigation__link–comparison meta-navigation__link meta-navigation__link–icon icon-compare js-comparison-indicator”>
    <span>製品を比較</span>
</a>
<!– End cached component: HGHBWMiniProductComparisonComponent –>
</div></nav></div>
                </div>
            </div>
            <div class=”flyout__fixed-bottom-container”>
                <nav class=”meta-navigation meta-navigation–bottom”>
<div class=”yCmsComponent meta-navigation__entry”>
<ul class=”meta-navigation__list”>
<li class=”meta-navigation__list-item”>
    <a href=”/contact” title=”ご質問・お問合せ” >
        <span>ご質問・お問合せ</span>
    </a>
</li>
</ul>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniWishlistComponent (Render time: 2024-03-17T15:48:34) –>
<a href=”#notepad”
   class=”meta-navigation__link–notepad meta-navigation__link meta-navigation__link–icon icon-heart js-notepad-indicator”
   data-track-directclick='{“eventCategory”:”Notepad”,”eventAction”:”open”,”eventLabel”:”notepad-page-id”}’>
    <span>ノートパッド</span>
</a>
<!– End cached component: HGHBWMiniWishlistComponent –>
</div><div class=”yCmsComponent meta-navigation__entry”>
<!– Start cached component: HGHBWMiniProductComparisonComponent (Render time: 2024-03-18T10:22:04) –>
<a href=”#product-comparison”
   class=”meta-navigation__link–comparison meta-navigation__link meta-navigation__link–icon icon-compare js-comparison-indicator”>
    <span>製品を比較</span>
</a>
<!– End cached component: HGHBWMiniProductComparisonComponent –>
</div></nav></div>
        </div>
    </nav>
<!– Start cached component: HGHBWMiniPartnerFinderComponent (Render time: 2024-03-18T10:08:05) –>
<a href=”#partner-finder” class=”header-navigation__link header-navigation__link–icon header-navigation__link–textual header-navigation__partner-finder icon-maps-search”>
    <span class=”header-navigation__link-description”>
        取扱店を検索</span>
</a>
<!– End cached component: HGHBWMiniPartnerFinderComponent –>
<!– isSearchPage: false –>
<script type=”text/javascript”>
    var searchbarMinCharacters = 3;
</script>
<div class=”lightbox js-lightbox “
    data-id=”searchbox”
>
    <div class=”lightbox__preview”>
            <div class=”lightbox__preview-item”>
    <a href=”#”
                class=”header-navigation__link header-navigation__link–icon header-navigation__link–textual icon-search”
                title=”検索”>
                <span class=”header-navigation__link-description”>
                    検索</span>
            </a>
        </div>
</div>
    <div class=”lightbox__content state-fullwidth state-overflow-scroll”
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div class=”search-overlay” id=”search-overlay–183827033″>
            <div class=”search-field-wrapper”>
                <div class=”search-field-box”>
                    <div class=”row-wrapper”>
                        <div class=”row”>
                            <form name=”search_form_” class=”search-field”
data-t-name=”SearchBar”
data-searchbar-lightbox=”true”
method=”get” action=”/search/”
    data-searchbar-min-character=”3″
data-searchbar-min-wait-time=”500″
data-searchbar-suggestion-context=”search-overlay–183827033″
data-searchbar-url=”/search/”
>
    <div class=”search-field-input”>
        <input type=”text” autocomplete=”off” class=”js-searchbar-input” name=”text” value=”” />
        <i class=”icon-cross js-searchbar-delete”></i>
    </div>
    <button
    class=”btn btn–dark search-field__btn”
    type=”submit”>
    <span>検索</span>
        <i class=”icon-search”></i>
    </button></form></div>
                    </div>
                </div>
            </div>
            <div class=”row-wrapper”>
                <div class=”row”>
                    <div class=”search-suggestion hidden js-searchbar-suggestion-container”>
    <div class=”search-suggestion-product js-searchbar-products”>
        <div class=”search-suggestion-product__wrapper js-searchbar-wrapper”>
            </div>
        <script class=”js-searchbar-tpl” type=”text/template”>
            {{ data.forEach(function(product) { }}
                <a href=”{{= product.url }}” class=”search-suggestion-product__item”>
                    <figure class=”search-suggestion-product__image”>
{{
    var src = product.imageUrl,
        prefix = src + ((src.indexOf(“?”) > 1) ? “&” : “?”) + “format=”,
        srcset = “HBW15 65w,HBW16 100w,HBW18 200w”.split(“,”)
    ;
    srcset.forEach(function(el, i, arr) {
        arr[i] = prefix + el;
    });
}}
<img alt=”{{= product.imageAlt }}”
     src=”{{= srcset[srcset.length – 1].split(” “)[0] }}” srcset=”{{= srcset.join(“,”) }}”
    sizes=”(max-width: 599px) 65px, (max-width: 899px) 98px, (min-width: 900px) 168px”
></figure>
                    <div class=”search-suggestion-product__container”>
                        <span>{{= product.line }}</span>
                        <div class=”search-suggestion-product__item-wrapper”>
                            <h5><span>{{= product.title }}</span></h5>
                        </div>
                    </div>
                </a>
            {{ }); }}
        </script>
        <a href=”” class=”search-suggestion__link js-searchbar-show-all” data-searchbar-show-all-id=”productSearch”>
            <span>全ての製品を表示</span>
        </a>
    </div>
     <div class=”search-suggestion-content js-searchbar-content”>
        <ul class=”search-suggestion-content__list no-list js-searchbar-wrapper”>
            </ul>
        <script class=”js-searchbar-tpl” type=”text/template”>
            {{ data.forEach(function(item) { }}
                <li><a href=”{{= item.url }}”>{{= item.title }}</a></li>
            {{ }); }}
        </script>
        <a href=”” class=”search-suggestion__link js-searchbar-show-all” data-searchbar-show-all-id=”contentSearch”>
            <span>全てを表示</span>
        </a>
    </div>
</div></div>
            </div>
        </div></div>
</div></div></div>
</div>
</div>
</header>
<main>
<script>
ACC.pop = {
baselink: “/”,
mainCategory: {
name: “シャワー”,
code: “bath-showers”,
},
catalogId: “HBWJPB2C”
// the following ‘categories’ object is no longer used (T.Module.PopNavigation.js) CMP-22334
// when removing PopNavigation from source, consider also removing this object.
                // categories: [
                //
// ]
};
</script>
        <div id=”sub-home-page-stage” class=”yCmsContentSlot”>
<div class=”stage stage–reduced”>
<figure>
<img data-src=”https://assets.hansgrohe.com/celum/web/stage_raindance-showerpipe_happy-woman_3840x800.jpg?format=HBW20″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-srcset=”https://assets.hansgrohe.com/celum/web/stage_raindance-showerpipe_happy-woman_3840x800.jpg?format=HBW21 1440w,https://assets.hansgrohe.com/celum/web/stage_raindance-showerpipe_happy-woman_3840x800.jpg?format=HBW20 1920w” class=”lazyload stage__image stage__image–reduced”>
</figure>
</div></div><div class=”row-wrapper pop-header”>
<h1>シャワー</h1>
<div class=”row row–xxl pop-header__intro”>
<div class=”pop-anchor”>
<a class=”pop-anchor__link js-scrollto”
  href=’#page-content’><span>詳しくはこちら シャワー</span></a>
</div>
</div>
</div>
<div data-t-name=”Pop” data-selected-category=”bath-showers” class=”yCmsContentSlot row-wrapper pop”>
<div class=”yCmsComponent row row–xxl”>
<div class=”pop__refinements” id=”product-grid”>
    <div class=”pop__refinements-filter”>
        <div class=”lightbox js-lightbox lightbox–left”
>
    <div class=”lightbox__preview”>
            <div class=”lightbox__preview-item”>
    <span class=”pop__icon pop__icon–filter js-pop__icon–filter icon-filter”></span><strong class=”pop__refinements-label”>フィルター結果</strong>
                </div>
</div>
    <div class=”lightbox__content  pop-filter__lightbox”
                data-terrific-module=”PopFilter”
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div class=”row-wrapper”>
                    <div class=”row”>
                        <h2
        class=”page-title”
    >フィルターセレクション</h2></div>
                </div>
                <div data-v-name=”PopFilter” data-backend-data='{
    &#034;showDescriptionLabel&#034;: &#034;Show description&#034;,
    &#034;showMoreLabel&#034;: &#034;もっと見る&#034;,
    &#034;showLessLabel&#034;: &#034;戻す&#034;,
&#034;totalNumberOfResults&#034;: 59,
    &#034;url&#034;: &#034;/c/bath-showers/facets&#034;,
    &#034;resultsQueryUrl&#034;: &#034;?q=&amp;#x3a;relevance&#034;,
&#034;categories&#034;: [
{
            &#034;code&#034;: &#034;uspsSustainability&#034;,
            &#034;name&#034;: &#034;サスティナビリティ&#034;,
            &#034;multiselect&#034;: true,
            &#034;visible&#034;: true,
            &#034;values&#034;: [
                {
                    &#034;name&#034;: &#034;EcoSmart&#034;,
                    &#034;code&#034;: &#034;EcoSmart_Showers&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsSustainability:EcoSmart_Showers&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_EcoSmart_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_EcoSmart_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;節水をお考えですか? 喜んでお手伝いします!&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;EcoSmart+&#034;,
                    &#034;code&#034;: &#034;EcoSmartPlus_Showers&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsSustainability:EcoSmartPlus_Showers&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_EcoSmartPLUS_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_EcoSmartPLUS_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;エコスマート+: 節水だけではなく、エコにも貢献&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;Water flow control&#034;,
                    &#034;code&#034;: &#034;Water flow control&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsSustainability:Water+flow+control&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Water_Flow_Control_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Water_Flow_Control_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;Water Flow Control:環境を意識した節水を実現&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                }
            ]
},{
            &#034;code&#034;: &#034;vc_surface_all&#034;,
            &#034;name&#034;: &#034;表面&#034;,
            &#034;multiselect&#034;: true,
            &#034;visible&#034;: true,
            &#034;values&#034;: [
                {
                    &#034;name&#034;: &#034;クロム&#034;,
                    &#034;code&#034;: &#034;00&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:vc_surface_all:00&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_chrom_png.png&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_chrom_png.png&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;ホワイト/ クロム&#034;,
                    &#034;code&#034;: &#034;40&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:vc_surface_all:40&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_weiss_chrom_png.png&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_weiss_chrom_png.png&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;マットブラック&#034;,
                    &#034;code&#034;: &#034;144&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:vc_surface_all:144&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_matt_black_png.png&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__hbw_colour_matt_black_png.png&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                }
            ]
},{
            &#034;code&#034;: &#034;uspsTechnology&#034;,
            &#034;name&#034;: &#034;Technology&#034;,
            &#034;multiselect&#034;: true,
            &#034;visible&#034;: true,
            &#034;values&#034;: [
                {
                    &#034;name&#034;: &#034;Adjustable Shower Head&#034;,
                    &#034;code&#034;: &#034;Adjustable Shower Head&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:Adjustable+Shower+Head&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Adjustable_ShowerHead_S_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Adjustable_ShowerHead_S_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;Adjustable Shower Head:角度を調整できるオーバーヘッドシャワー&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;AirPower&#034;,
                    &#034;code&#034;: &#034;AirPower_Showers&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:AirPower_Showers&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_AirPower_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_AirPower_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;もっと楽しく、もっと効率的に&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;CoolContact&#034;,
                    &#034;code&#034;: &#034;CoolContact&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:CoolContact&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_CoolContact_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_CoolContact_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;クールコンタクト: 安心してシャワーを楽しむために&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;Fast Drain&#034;,
                    &#034;code&#034;: &#034;Fast Drain&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:Fast+Drain&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Fast_Drain_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Fast_Drain_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;FastDrain:残留水の滴下を最小限に&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;QuickClean&#034;,
                    &#034;code&#034;: &#034;QuickClean_Showers&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:QuickClean_Showers&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_QuickClean_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_QuickClean_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;クイッククリーン:カルキがなくなり、嬉しさは倍増&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;Rotatable Bath Spout&#034;,
                    &#034;code&#034;: &#034;Rotatable Bath Spout&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:Rotatable+Bath+Spout&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Rotatable_Bath_Spout_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Rotatable_Bath_Spout_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;Rotatable Bath Spout:折畳式バススパウトですっきりと&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;Select&#034;,
                    &#034;code&#034;: &#034;Select&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:Select&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Select_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_Select_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;直観的な操作でシャワーモードを切替え&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;XXL Performance&#034;,
                    &#034;code&#034;: &#034;XXL Performance&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:uspsTechnology:XXL+Performance&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_XXL_Performance_E_transparant_steel8_svg.svg&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;https://assets.hansgrohe.com/mam/celum/celum_assets/16__USP_XXL_Performance_E_transparant_steel8_svg.svg&#034;,
                    &#034;descriptionText&#034;: &#034;XXLパフォーマンス&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                }
            ]
},{
            &#034;code&#034;: &#034;shape&#034;,
            &#034;name&#034;: &#034;形状&#034;,
            &#034;multiselect&#034;: true,
            &#034;visible&#034;: true,
            &#034;values&#034;: [
                {
                    &#034;name&#034;: &#034;スクエア型&#034;,
                    &#034;code&#034;: &#034;スクエア型&#034;,
                    &#034;shape&#034;: &#034;スクエア型&#034;,
                    &#034;value&#034;: &#034;:relevance:shape:%E3%82%B9%E3%82%AF%E3%82%A8%E3%82%A2%E5%9E%8B&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;ラウンド&#034;,
                    &#034;code&#034;: &#034;ラウンド&#034;,
                    &#034;shape&#034;: &#034;ラウンド&#034;,
                    &#034;value&#034;: &#034;:relevance:shape:%E3%83%A9%E3%82%A6%E3%83%B3%E3%83%89&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                }
            ]
},{
            &#034;code&#034;: &#034;line&#034;,
            &#034;name&#034;: &#034;製品ライン&#034;,
            &#034;multiselect&#034;: true,
            &#034;visible&#034;: true,
            &#034;values&#034;: [
                {
                    &#034;name&#034;: &#034;クロマ&#034;,
                    &#034;code&#034;: &#034;bath-croma&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-croma&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;クロメッタ&#034;,
                    &#034;code&#034;: &#034;bath-crometta&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-crometta&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;パルシファイ&#034;,
                    &#034;code&#034;: &#034;bath-pulsify&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-pulsify&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;ベルニス&#034;,
                    &#034;code&#034;: &#034;bath-vernis&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-vernis&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;ユニカ&#034;,
                    &#034;code&#034;: &#034;bath-unica&#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-unica&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                },{
                    &#034;name&#034;: &#034;レインダンス&#034;,
                    &#034;code&#034;: &#034;bath-raindance &#034;,
                    &#034;shape&#034;: &#034;&#034;,
                    &#034;value&#034;: &#034;:relevance:line:bath-raindance+&#034;,
                    &#034;selected&#034;: false,
                    &#034;imageUrl&#034;: &#034;&#034;,
                    &#034;disabled&#034;: false,
                    &#034;descriptionImage&#034;: &#034;&#034;,
                    &#034;descriptionText&#034;: &#034;&#034;,
                    &#034;disclaimer&#034;: &#034;現在の選定ではご利用いただけません&#034;
                }
            ]
}
]
}’>
                    <div class=”pop-filter js-pop-filter” ref=”pop-filter”>
    <div class=”row-wrapper”>
        <div class=”row”>
            <form class=”js-accordeon accordeon pop-filter__facets” action=”/c/bath-showers/facets” method=”GET” data-accordeon-mobileonly=”true” data-accordeon-toggleclass=””>
    <template v-for=”(category, index) in categories”>
        <div class=”js-accordeon-item”>
            <div class=”js-accordeon-title pop-filter__accordeon-title”>
                <h4
    >{{ category.name }}</h4></div>
            <div class=”js-accordeon-content pop-filter__accordeon-content”>
                <select-button-group :key=”index” :required=”category.required” :multiselect=”category.multiselect” :values=”category.values” :shape=”category.code” :show-description-label=”showDescriptionLabel” :show-more-label=”showMoreLabel” :show-less-label=”showLessLabel” @change=”applyChanges($event, category)” />
            </div>
        </div>
    </template>
</form></div>
    </div>
    <div class=”pop-filter__btn” ref=”pop-filter-actions”>
        <a class=”pop-filter-reset” target=”_self” @click=”resetResults”>フィルター設定をリセット</a>
        <a :href=”resultsQueryUrl” class=”btn btn–bright js-render-results” @click=”renderResults”>
            {{totalNumberOfResults}}  検索結果</a>
    </div>
</div></div></div>
</div></div>
    <div class=”pop__refinements-sort”>
        <span>Sort by</span>
        <form id=”sortForm” name=”sortForm”>
        <div class=”selectbox js-selectbox-no-search”>
            <select id=”sortOptions” name=”sort” class=”selectbox__box js-selectbox js-pop-select”>
                <option value=”relevance” selected=”selected”>
                        関連性</option>
                <option value=”newest” >
                        最新の商品</option>
                <option value=”searchScore” >
                        </option>
                </select>
            <span class=”pop__icon pop__icon–sort icon-sortby”></span>
        </div>
        <input class=”js-query-input” type=”hidden” name=”q” value=”&#x3a;relevance”/>
        </form>
</div>
</div>
<div class=”pop__result-count”>
    <div style=”display: inline”>
        <strong>
            <span class=”h2 pop__result-count-heading js-result-count”>
                59</span>&nbsp;
            結果</strong>
    </div>
</div></div><div class=”yCmsComponent row row–xxl”>
<div class=”product-grid” data-grid-item=”.product-grid__item”>
                <div class=”product-grid__inner” data-result-count=”59″ data-refinement-applied=”false”>
                    <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;ハンドシャワー 130 3ジェット&#034;,&#034;id&#034;:&#034;26864000&#034;,&#034;price&#034;:29480,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:1}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;ハンドシャワー 130 3ジェット&#034;,&#034;id&#034;:&#034;26864000&#034;,&#034;price&#034;:29480,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:1}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;ハンドシャワー 130 3ジェット&#034;,&#034;sku&#034;:&#034;26864000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:29480,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@47a6b540&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26864000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26864000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット エア (化粧部)&#034;,&#034;id&#034;:&#034;26472000&#034;,&#034;price&#034;:136180,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインダンス&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:2}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット エア (化粧部)&#034;,&#034;id&#034;:&#034;26472000&#034;,&#034;price&#034;:136180,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインダンス&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:2}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット エア (化粧部)&#034;,&#034;sku&#034;:&#034;26472000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:136180,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@4be95178&#034;,&#034;productLine&#034;:&#034;レインダンス&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26472000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26472000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;バトンハンドシャワー 100 1ジェット&#034;,&#034;id&#034;:&#034;26866000&#034;,&#034;price&#034;:23980,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:3}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;バトンハンドシャワー 100 1ジェット&#034;,&#034;id&#034;:&#034;26866000&#034;,&#034;price&#034;:23980,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:3}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;バトンハンドシャワー 100 1ジェット&#034;,&#034;sku&#034;:&#034;26866000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:23980,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@cf8b448&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26866000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26866000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 壁付式 360 1ジェット&#034;,&#034;id&#034;:&#034;26230000&#034;,&#034;price&#034;:250250,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:4}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 壁付式 360 1ジェット&#034;,&#034;id&#034;:&#034;26230000&#034;,&#034;price&#034;:250250,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:4}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 壁付式 360 1ジェット&#034;,&#034;sku&#034;:&#034;26230000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:250250,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@9431902&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26230000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26230000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <!– Start cached component: HGHBWMarketingTeaserComponent (Render time: 2024-03-18T02:32:55) –>
<div class=”product-grid__item product-grid__item–big”>
    <div class=”teaser teaser–background-copy-text”>
        <div class=”teaser__body”>
            <div class=”headline-group “>
            <div class=”headline-lead”>ハンスグローエ セレクト技術</div>
            <h2
    >楽しさが増す、ボタン操作</h2></div>
    <p>直観的なボタン操作というコンセプト:水流タイプの選択も、別のシャワーへの切り替えも、水を出すのも止めるのも、ボタンを押すだけでOK 。</p>
            </div>
        <figure>
            <img data-src=”https://assets.hansgrohe.com/celum/web/shower-tablet-select_with-hand_branding_4x3.jpg?format=HBW13″ sizes=”(max-width: 899px) 100vw, (max-width: 1279px) 66.66vw, (min-width: 1280px) 50vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-srcset=”https://assets.hansgrohe.com/celum/web/shower-tablet-select_with-hand_branding_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/shower-tablet-select_with-hand_branding_4x3.jpg?format=HBW13 900w” loading=”lazy” class=”lazyload teaser__image”>
</figure>
    </div>
</div>
<!– End cached component: HGHBWMarketingTeaserComponent –>
<div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 天付式 360 1ジェット&#034;,&#034;id&#034;:&#034;26231000&#034;,&#034;price&#034;:215270,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:5}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 天付式 360 1ジェット&#034;,&#034;id&#034;:&#034;26231000&#034;,&#034;price&#034;:215270,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:5}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 天付式 360 1ジェット&#034;,&#034;sku&#034;:&#034;26231000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:215270,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@7b3db1df&#034;,&#034;productLine&#034;:&#034;レインフィニティ&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26231000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26231000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シーリングコネクター100付&#034;,&#034;id&#034;:&#034;26250000&#034;,&#034;price&#034;:173800,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:6}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シーリングコネクター100付&#034;,&#034;id&#034;:&#034;26250000&#034;,&#034;price&#034;:173800,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:6}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シーリングコネクター100付&#034;,&#034;sku&#034;:&#034;26250000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:173800,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@7a5e5d51&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26250000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26250000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シャワーアーム付&#034;,&#034;id&#034;:&#034;26238000&#034;,&#034;price&#034;:186450,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:7}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シャワーアーム付&#034;,&#034;id&#034;:&#034;26238000&#034;,&#034;price&#034;:186450,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:7}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 300 1ジェット エア シャワーアーム付&#034;,&#034;sku&#034;:&#034;26238000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:186450,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@33cdeca6&#034;,&#034;productLine&#034;:&#034;Raindance E&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26238000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26238000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーホース 1600mm&#034;,&#034;id&#034;:&#034;28276000&#034;,&#034;price&#034;:12430,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;イシフレックス&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:8}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーホース 1600mm&#034;,&#034;id&#034;:&#034;28276000&#034;,&#034;price&#034;:12430,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;イシフレックス&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:8}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーホース 1600mm&#034;,&#034;sku&#034;:&#034;28276000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:12430,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@22d768d4&#034;,&#034;productLine&#034;:&#034;イシフレックス&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”28276000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”28276000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–big”>
    <div class=”teaser teaser–background-copy-text”>
        <div class=”teaser__body”>
            <div class=”headline-group “>
            <div class=”headline-lead”>ハンスグローエのデザインパートナー</div>
            <h2
    >フェニックス – 世界にその名を知られた、クリエイティブチーム</h2></div>
    <p>フェニックスデザインは30年以上にわたってハンスグローエの「顔」となってくれており、シャワーと水栓の製品ライン全体でプレミアムブランドのデザインを手掛けてくれています。</p>
            </div>
        <figure>
            <img data-src=”https://assets.hansgrohe.com/celum/web/phoenix_hansgrohe-design-partner_4x3.jpg?format=HBW13″ sizes=”(max-width: 899px) 100vw, (max-width: 1279px) 66.66vw, (min-width: 1280px) 50vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-srcset=”https://assets.hansgrohe.com/celum/web/phoenix_hansgrohe-design-partner_4x3.jpg?format=HBW25 580w,https://assets.hansgrohe.com/celum/web/phoenix_hansgrohe-design-partner_4x3.jpg?format=HBW13 900w” loading=”lazy” class=”lazyload teaser__image”>
</figure>
    </div>
</div>
    <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーパイプ 280 1ジェット&#034;,&#034;id&#034;:&#034;26890670&#034;,&#034;price&#034;:357610,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;クロマ セレクトS&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:9}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーパイプ 280 1ジェット&#034;,&#034;id&#034;:&#034;26890670&#034;,&#034;price&#034;:357610,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;クロマ セレクトS&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:9}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーパイプ 280 1ジェット&#034;,&#034;sku&#034;:&#034;26890670&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:357610,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@31e15a3d&#034;,&#034;productLine&#034;:&#034;クロマ セレクトS&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26890670″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26890670″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーパイプ 240 1ジェット&#034;,&#034;id&#034;:&#034;27267000&#034;,&#034;price&#034;:191730,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;クロメッタS&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:10}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーパイプ 240 1ジェット&#034;,&#034;id&#034;:&#034;27267000&#034;,&#034;price&#034;:191730,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;クロメッタS&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:10}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーパイプ 240 1ジェット&#034;,&#034;sku&#034;:&#034;27267000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:191730,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@7edd4365&#034;,&#034;productLine&#034;:&#034;クロメッタS&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”27267000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”27267000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワー取出口 S( 逆止弁付)&#034;,&#034;id&#034;:&#034;26453000&#034;,&#034;price&#034;:15400,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;FixFit&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:11}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワー取出口 S( 逆止弁付)&#034;,&#034;id&#034;:&#034;26453000&#034;,&#034;price&#034;:15400,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;FixFit&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:11}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワー取出口 S( 逆止弁付)&#034;,&#034;sku&#034;:&#034;26453000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:15400,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@4958def4&#034;,&#034;productLine&#034;:&#034;FixFit&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”26453000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”26453000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターS&#034;,&#034;id&#034;:&#034;28331000&#034;,&#034;price&#034;:9460,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:12}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターS&#034;,&#034;id&#034;:&#034;28331000&#034;,&#034;price&#034;:9460,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:12}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターS&#034;,&#034;sku&#034;:&#034;28331000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:9460,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@75bd3c20&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”28331000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”28331000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターE&#034;,&#034;id&#034;:&#034;28387000&#034;,&#034;price&#034;:16170,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:13}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターE&#034;,&#034;id&#034;:&#034;28387000&#034;,&#034;price&#034;:16170,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:13}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーホルダー ポルターE&#034;,&#034;sku&#034;:&#034;28387000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:16170,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@4e36b018&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”28387000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”28387000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーアーム 389mm&#034;,&#034;id&#034;:&#034;27413000&#034;,&#034;price&#034;:33440,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:14}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーアーム 389mm&#034;,&#034;id&#034;:&#034;27413000&#034;,&#034;price&#034;:33440,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:14}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーアーム 389mm&#034;,&#034;sku&#034;:&#034;27413000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:33440,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@5ae404d0&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”27413000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”27413000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260用壁取付金具&#034;,&#034;id&#034;:&#034;24149000&#034;,&#034;price&#034;:23870,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:15}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260用壁取付金具&#034;,&#034;id&#034;:&#034;24149000&#034;,&#034;price&#034;:23870,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:15}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260用壁取付金具&#034;,&#034;sku&#034;:&#034;24149000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:23870,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@5544ce06&#034;,&#034;productLine&#034;:&#034;Pulsify&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”24149000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”24149000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シーリングコネクター S10&#034;,&#034;id&#034;:&#034;27393000&#034;,&#034;price&#034;:17490,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:16}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シーリングコネクター S10&#034;,&#034;id&#034;:&#034;27393000&#034;,&#034;price&#034;:17490,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:16}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シーリングコネクター S10&#034;,&#034;sku&#034;:&#034;27393000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:17490,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@4984b4b2&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”27393000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”27393000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 3ジェット リラクゼーション&#034;,&#034;id&#034;:&#034;24110000&#034;,&#034;price&#034;:11550,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:17}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 3ジェット リラクゼーション&#034;,&#034;id&#034;:&#034;24110000&#034;,&#034;price&#034;:11550,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:17}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 3ジェット リラクゼーション&#034;,&#034;sku&#034;:&#034;24110000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:11550,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@32497bea&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”24110000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”24110000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 1ジェット&#034;,&#034;id&#034;:&#034;24120000&#034;,&#034;price&#034;:8690,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:18}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 1ジェット&#034;,&#034;id&#034;:&#034;24120000&#034;,&#034;price&#034;:8690,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:18}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;セレクト ハンドシャワー 105 1ジェット&#034;,&#034;sku&#034;:&#034;24120000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:8690,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@48713bf7&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”24120000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”24120000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット&#034;,&#034;id&#034;:&#034;24140000&#034;,&#034;price&#034;:76890,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:19}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット&#034;,&#034;id&#034;:&#034;24140000&#034;,&#034;price&#034;:76890,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:19}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;オーバーヘッドシャワー 260 1ジェット&#034;,&#034;sku&#034;:&#034;24140000&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:76890,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@3bb6e801&#034;,&#034;productLine&#034;:&#034;Pulsify S&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”24140000″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”24140000″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        <div class=”product-grid__item product-grid__item–small”>
                                <div class=”product-mini” data-v-id=”PopTile”
     data-track='{
        “productImpression”: {
            “ecommerce”: {
                “impressions”: [{&#034;name&#034;:&#034;シャワーセット 105 3ジェット 900mm&#034;,&#034;id&#034;:&#034;24170670&#034;,&#034;price&#034;:46640,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:20}]
            }
        },
        “productClick-productoverview”: {
            “ecommerce”: {
                “click”: {
                    “products”: [{&#034;name&#034;:&#034;シャワーセット 105 3ジェット 900mm&#034;,&#034;id&#034;:&#034;24170670&#034;,&#034;price&#034;:46640,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;/bath/bath-showers&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;,&#034;list&#034;:&#034;productoverview&#034;,&#034;position&#034;:20}]
                }
            }
        },
        “setEcommerceView”: {
            “event”: “setEcommerceView”,
            “products”: [{&#034;name&#034;:&#034;シャワーセット 105 3ジェット 900mm&#034;,&#034;sku&#034;:&#034;24170670&#034;,&#034;page_type&#034;:&#034;productoverview&#034;,&#034;available&#034;:false,&#034;quantity&#034;:1,&#034;price&#034;:46640,&#034;currency&#034;:&#034;JPY&#034;,&#034;brand&#034;:&#034;hansgrohe&#034;,&#034;category&#034;:&#034;java.util.stream.ReferencePipeline$3@57fbeae1&#034;,&#034;productLine&#034;:&#034;Pulsify Select S&#034;}]
        }
      }’
     data-track-click=”productClick-productoverview” data-track-vp=”productImpression”
     data-track-vp-piwik=”setEcommerceView”
>
    <loading-spinner :is-loading=”!dataLoaded”></loading-spinner>
    <span class=”notepad-toggle”>
        <div class=”tooltip-link js-tooltip time-scheduled js-notepad-add” ref=”notepadAdd”
            :data-track=”notepadTrackingData”
            :data-track-click=”isInNotepad ? ‘removeFromNotepad’ : ‘addToNotepad'”
        >
        <div class=”js-tooltip-link text-switch” :data-id=”product.code” :data-task=”isInNotepad ? ‘delete’ : ‘add'” data-toggle=”true” data-show-tooltip=”true”>
                <span :class=”‘link-icon icon-heart icon-heart icon-heart icon-heart’ + (isInNotepad ? ‘-filled’ : ”)”></span>
            </div>
            <span class=”tooltip js-tooltip-error state-error”>
                <div class=”tooltip-inner”>
                    製品が追加できませんでした。<br>再度お試しください。</div>
            </span>
        </div>
    </span>
    <a class=”product-mini__link” :style=”{ opacity: dataLoaded ? 1 : 0 }” ref=”productLinkElement” :href=”product.url” :title=”product.name” data-product-code=”24170670″>
        <div class=”product-mini__labels”>
            <span v-if=”product.comingSoonLabel”>
                COMING SOON</span>
            <span v-if=”product.newLabel”>
                NEW</span>
        </div>
        <div class=”product-mini__image”>
            <resized-image
                :url=”product.imageUrl”
                :alt=”product.imageAlt”
                :title=”product.imageTitle”
                formats=”HBW18 200w,HBW1 530w”
                sizes=”(min-width: 1600px) 281px, (min-width: 1280px) calc(31vw – 109px), (min-width: 900px) calc(30.83vw – 70px), (min-width: 600px) calc(46.43vw – 70px), calc(92.86vw – 74px)”
            />
            </div>
        <div>
            <div v-if=”hasSurfaces” class=”product-mini__surfaces”>
                <div v-for=”(variant, idx) in variantMatrix”>
                    <template v-if=”idx < 6″>
                        <div class=”product-surface__item” :class=”{‘product-surface__item–active’ : product.url === variantMatrix[idx].variantOption.url}”>
                            <div class=”product-surface__item-inner” @click.prevent.stop=”clickSurface(idx)” :data-surface-code=”variantMatrix[idx].variantOption.code”
                                :style=”‘background-image:url(‘ + variantMatrix[idx].variantValueCategory.swatch.mediaMap.format16.url + ‘?format=HBW17)'”>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class=”product-mini__title”>
            <strong>{{ product.line }}</strong> <span>{{ product.name }}</span>
        </div>
        <div class=”product-mini__lower-wrapper”>
            <div class=”product-mini__price”>
                <strong v-if=”product.price && product.hgShowPrice”>{{ product.price }}</strong>
            </div>
            <div data-bv-show=”inline_rating” data-bv-product-id=”24170670″ class=”bazaarvoice-pop”></div>
            </div>
    </a>
</div>
</div>
                        </div>
            </div>
            <div data-v-name=”PopOverview” class=”pop-overview” :data-current-page=”currentPage”>
                <pagination @change=”scrollToTop” :pagination=”pagination” :limit=”5″ />
            </div>
    </div></div><div class=”row-wrapper”>
<div class=”row”>
<div id=”page-content” class=”yCmsContentSlot”>
<div class=”yCmsComponent”>
<div class=”decoration-text”>
    <div class=”decoration-text__inner”>
        <div class=”headline-group “>
            <div class=”headline-lead”>理想のシャワーに出会うために</div>
            <h2
    >ハンスグローエの製品で、自宅のシャワーがスパに変身</h2></div>
    <div class=”decoration-text__content”>
            <p><strong>ハンスグローエのシャワー</strong>は、使う人のニーズに合わせてバリエーションもさまざま。ハンドシャワー、オーバーヘッドシャワーから、好みに合わせてお選びください。受賞歴を持つデザイン、革新的なテクノロジー、そしてハンスグローエならではのシャワーモードを備えた製品が、豊富に揃っています。ちょっとしたシャワーエリアの模様替えにも、新設のシャワーエリアにも、予算が限られたプランにも対応可能です。 </p>
<h3>コストを減らして、シャワーの楽しさをアップ</h3>
<div>バスルームのグレードアップは、必ずしも多額のコストを伴うわけではありません。<strong>ハンドシャワー</strong>など、その一部を変えるだけでもはっきりとした違いが生まれます。たっぷりと降りそそぎ、清潔で新鮮な、心身の力を蘇らせてくれるようなハンドシャワーは、設置に厳しい条件がなく、取付けも至って簡単です。使っていたハンドシャワーを外し、新しいハンドシャワーを付ければ、作業は完了です。</div>
<h3>オーバーヘッドシャワー</h3>
<div>大規模なシャワーをお望みの方には、オーバーヘッドシャワーまたはシャワーパイプを推奨しています。シャワーパイプはオーバーヘッドシャワーとハンドシャワーで構成され、お互いを1本のバーでつなげています。また、サーモスタット水栓も搭載したモデルもご用意しています。大きなオーバーヘッドシャワーは、まるで毎日のシャワーをスパに変えてくれます。取付けは既存の壁面接続部に設置するだけで、至って簡単です。</div>
<div></div>
<div>バスルームを新設する方には、あらゆる希望のイメージに対応いたします。例えば、<strong>オーバーヘッドシャワー</strong>は、デザインもサイズも豊富に揃います。また、シャワーアームを使った壁面取付けや、上から吊るす、天井に埋め込むなど、取付け方もさまざまです。</div>
<div></div>
<div>他にもシャワーホースや便利なシェルフ、ハンドルなどすべての製品に合わせてアクセサリーをご用意しています。<a href=”/bath/products/bath-accessoires”>ハンスグローエのアクセサリー</a>で、一つ上の快適さを。</div>
<h3>持続可能で快適なシャワーと、格別の使いやすさ</h3>
<div>ハンスグローエのシャワーは見た目の美しさだけではなく、洗練されたテクノロジーも込められています。例えばエコスマートなら、1分あたりの水使用量を最大6リットルに抑えます。ハンスグローエのエアパワーは、(水に空気を含ませることで) ボリュームのあるソフトなシャワーを楽しめます。そしてシャワーモードをボタン操作一つで楽に切り替えられる、セレクトテクノロジー。ハンスグローエの<a href=”/bath/guide?filters=bath-technology”>革新的技術</a>は、新たなスタンダードを打ち立てます。</div>
</div>
    </div>
</div>
</div><div class=”yCmsComponent”>
<div class=”media-gallery media-gallery–layout2″
        id=”gallery-comp_0000147E”
        data-t-name=”MediaGallery”>
        <div class=”lightbox js-lightbox “
    data-id=”media-gallery:gallery-comp_0000147E”
>
    <div class=”lightbox__preview”>
            <div class=”media-gallery__first-two-items”>
                    <div class=”lightbox__preview-item”>
    <div class=”media-gallery__preview-item” data-item-index=”0″>
    <figure class=”image-thumb “>
<img data-src=”https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW37″ sizes=”(max-width: 599px) 100vw, (min-width: 600px) 50vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエの新製品 レインフィニティハンドシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW39 580w,https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW38 420w,https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW37 640w” title=”ハンスグローエの新製品 レインフィニティハンドシャワー” loading=”lazy” class=”lazyload image-thumb__thumb “>
</figure></div>
</div>
<div class=”lightbox__preview-item”>
    <div class=”media-gallery__preview-item” data-item-index=”1″>
    <figure class=”image-thumb “>
<img data-src=”https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW37″ sizes=”(max-width: 599px) 100vw, (min-width: 600px) 50vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” data-srcset=”https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW39 580w,https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW38 420w,https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW37 640w” title=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” loading=”lazy” class=”lazyload image-thumb__thumb “>
</figure></div>
</div>
</div>
                <div class=”media-gallery__rest-of-items”>
                    <div class=”lightbox__preview-item”>
    <div class=”media-gallery__preview-item” data-item-index=”2″>
    <figure class=”image-thumb “>
<img data-src=”https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW39″ sizes=”(max-width: 599px) 100vw, (min-width: 600px) 33.33vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”美しく安全な、子どものためのハンスグローエシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW39 580w,https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW40 280w,https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW38 420w” title=”美しく安全な、子どものためのハンスグローエシャワー” loading=”lazy” class=”lazyload image-thumb__thumb “>
</figure></div>
</div>
<div class=”lightbox__preview-item”>
    <div class=”media-gallery__preview-item” data-item-index=”3″>
    <figure class=”image-thumb “>
<img data-src=”https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW39″ sizes=”(max-width: 599px) 100vw, (min-width: 600px) 33.33vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエシャワーセットの使用例” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW39 580w,https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW40 280w,https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW38 420w” title=”ハンスグローエシャワーセットの使用例” loading=”lazy” class=”lazyload image-thumb__thumb “>
</figure></div>
</div>
<div class=”lightbox__preview-item”>
    <div class=”media-gallery__more-items-teaser” data-item-index=”4″>
                                <div class=”media-gallery__how-many-items-more”>+5</div>
                                <div class=”media-gallery__more-items-teaser-caption”>もっと見る</div>
                            </div>
                        </div>
</div></div>
    <div class=”lightbox__content “
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div id=”gallery-comp_0000147E-slides” class=”lightbox-media”>
                    <div class=”swiper-container” ref=”swiperContainer”>
<div class=”swiper-wrapper “>
<div data-hash=”gallery-comp_0000147E;slide0″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエの新製品 レインフィニティハンドシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg?format=HBW7 1200w” title=”ハンスグローエの新製品 レインフィニティハンドシャワー” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>ハンスグローエのシャワーを例えるなら、それはまるで細かな雫がマントのように優しく体を包み込むような感触。当社のシャワーは、バスルームに美しいアクセントを加えます \\(写真:レインフィニティ\\)。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”ハンスグローエの新製品 レインフィニティハンドシャワー” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”ハンスグローエの新製品 レインフィニティハンドシャワー” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/rainfinity_hand-shower_powderrain_woman_ambience_4x3.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide1″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” data-srcset=”https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg?format=HBW7 1200w” title=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>肌に心地良い様々な水流タイプ、高級素材、受賞歴のあるデザインなど、まるでご褒美のようなシャワーを楽しんでください。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”3つの水流タイプを備えた、ハンスグローエのスパ風シャワー。” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/rainfinity_overhead-shower_nozzles_close-up_4x3.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide2″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”美しく安全な、子どものためのハンスグローエシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg?format=HBW7 1200w” title=”美しく安全な、子どものためのハンスグローエシャワー” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>バスルームを美しく飾り、家族全員が安心して使える:ハンスグローエのシャワー設備は快適なシャワータイムが過ごせるだけではなく、火傷防止などの安全機能で安心も備わっています (写真:クロマ E)。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”美しく安全な、子どものためのハンスグローエシャワー” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”美しく安全な、子どものためのハンスグローエシャワー” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/croma-e_overhad-shower-shower-set_childen-and-bath-tub_ambience_4x3.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide3″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエシャワーセットの使用例” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg?format=HBW7 1200w” title=”ハンスグローエシャワーセットの使用例” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>ハンスグローエ シャワーセットは、ハンドシャワーとウォールバーがセットになっています (写真:レインダンス セレクション S 120 ウニカコンフォート)。シェルフが一体となっているため、快適性に特に優れたシャワーユニットです。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”ハンスグローエシャワーセットの使用例” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”ハンスグローエシャワーセットの使用例” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/raindance-select-s-120-unica-comfort-shower-set_showering-woman-leg-handshower_ambience_3x4.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide4″ class=”yCmsComponent swiper-slide”>
<!– Start cached component: HGHBWMediaGalleryImageElementComponent (Render time: 2024-03-18T02:32:55) –>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/croma-select-280-showerpipe_showering-woman_ambience_3x4.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”高品質なハンスグローエ シャワー一式” data-srcset=”https://assets.hansgrohe.com/celum/web/croma-select-280-showerpipe_showering-woman_ambience_3x4.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/croma-select-280-showerpipe_showering-woman_ambience_3x4.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/croma-select-280-showerpipe_showering-woman_ambience_3x4.jpg?format=HBW7 1200w” title=”高品質なハンスグローエ シャワー一式” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>大型のオーバーヘッドシャワー、使いやすいハンドシャワー、これらを接続したサーモスタット:ハンスグローエシャワー設備は1つの製品で多彩な快適さを提供します (写真:エコスタットコンフォート搭載クロマ セレクト 280)。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”高品質なハンスグローエ シャワー一式” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”高品質なハンスグローエ シャワー一式” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/croma-select-280-showerpipe_showering-woman_ambience_3x4.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure>
<!– End cached component: HGHBWMediaGalleryImageElementComponent –>
</div><div data-hash=”gallery-comp_0000147E;slide5″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/raindance-select-hand-shower_jet-type-whirl_showering-woman_4x3.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”もっとシャワーが好きになる。ハンスグローエのシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-select-hand-shower_jet-type-whirl_showering-woman_4x3.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/raindance-select-hand-shower_jet-type-whirl_showering-woman_4x3.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/raindance-select-hand-shower_jet-type-whirl_showering-woman_4x3.jpg?format=HBW7 1200w” title=”もっとシャワーが好きになる。ハンスグローエのシャワー” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>ハンドシャワーを1つ変えるだけで、いつものシャワーがスパに変身。丸みを帯びたレインダンス セレクション セレクト S 120 には、3つの水流タイプと便利なセレクトボタンを搭載しています。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”もっとシャワーが好きになる。ハンスグローエのシャワー” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”もっとシャワーが好きになる。ハンスグローエのシャワー” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/raindance-select-hand-shower_jet-type-whirl_showering-woman_4x3.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide6″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/raindance-e-400-overhead-shower_woman-showering_ambience_3x4.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”出っ張りを作らない埋込式オーバーヘッドシャワーで、スパの雰囲気を演出” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-e-400-overhead-shower_woman-showering_ambience_3x4.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/raindance-e-400-overhead-shower_woman-showering_ambience_3x4.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/raindance-e-400-overhead-shower_woman-showering_ambience_3x4.jpg?format=HBW7 1200w” title=”出っ張りを作らない埋込式オーバーヘッドシャワーで、スパの雰囲気を演出” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>ハンスグローエのオーバーヘッドシャワーは、優しいレインシャワーが全身を包みます (写真:レインダンス E 400 エア)。中央はノズルが密集しており、シャンプーの洗い流しが楽です。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”出っ張りを作らない埋込式オーバーヘッドシャワーで、スパの雰囲気を演出” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”出っ張りを作らない埋込式オーバーヘッドシャワーで、スパの雰囲気を演出” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/raindance-e-400-overhead-shower_woman-showering_ambience_3x4.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div><div data-hash=”gallery-comp_0000147E;slide7″ class=”yCmsComponent swiper-slide”>
<!– Start cached component: HGHBWMediaGalleryImageElementComponent (Render time: 2024-03-18T02:32:55) –>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/raindance-e-300-showerpipe_ambience_3x4.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”快適さと最新技術を備えたシャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/raindance-e-300-showerpipe_ambience_3x4.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/raindance-e-300-showerpipe_ambience_3x4.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/raindance-e-300-showerpipe_ambience_3x4.jpg?format=HBW7 1200w” title=”快適さと最新技術を備えたシャワー” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>設置が簡単な最新のハンスグローエシャワー設備は、ウォールバー、オーバーヘッドシャワー、ハンドシャワーを美しいユニットにまとめ、より楽しめるシャワースペースを生み出します (写真:レインダンス E シャワーパイプ)。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”快適さと最新技術を備えたシャワー” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”快適さと最新技術を備えたシャワー” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/raindance-e-300-showerpipe_ambience_3x4.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure>
<!– End cached component: HGHBWMediaGalleryImageElementComponent –>
</div><div data-hash=”gallery-comp_0000147E;slide8″ class=”yCmsComponent swiper-slide”>
<figure class=”lightbox-media__wrap”>
<div class=”lightbox-media__content”>
<img data-src=”https://assets.hansgrohe.com/celum/web/rainmaker-select-460-overhead-shower_rainselect-thermostat_ambience_3x4.jpg?format=HBW7″ sizes=”(min-width: 1px) 100vw” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ alt=”ハンスグローエ XXLパフォーマンスの大型シャワー” data-srcset=”https://assets.hansgrohe.com/celum/web/rainmaker-select-460-overhead-shower_rainselect-thermostat_ambience_3x4.jpg?format=HBW9 600w,https://assets.hansgrohe.com/celum/web/rainmaker-select-460-overhead-shower_rainselect-thermostat_ambience_3x4.jpg?format=HBW8 800w,https://assets.hansgrohe.com/celum/web/rainmaker-select-460-overhead-shower_rainselect-thermostat_ambience_3x4.jpg?format=HBW7 1200w” title=”ハンスグローエ XXLパフォーマンスの大型シャワー” loading=”lazy” class=”lazyload”>
</div>
<div class=”lightbox-media__infos “>
<figcaption class=”lightbox-media__infos-caption”>ワイドタイプのハンスグローエ オーバーヘッドシャワーは、水が全身を優しく包むような感触です。XXL パフォーマンスで、これまでとは違うシャワー体験を。写真はレインメーカー セレクトオーバーヘッドシャワーの設置例です。</figcaption>
<div class=”social-tools social-tools__btn lightbox-media__infos-tools” data-t-name=”ElementSharing”>
    <div class=”social-tools__container social-tools__container–bright js-lightbox-share-container”>
            <a class=”social-tools__item” data-element-sharing-preset=”https://www.facebook.com/sharer/sharer.php?u={url}” target=”_blank” rel=”noopener”>
                <i class=”icon icon-facebook”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://twitter.com/intent/tweet?text={text}&url={url}” data-element-sharing-text=”ハンスグローエ XXLパフォーマンスの大型シャワー” target=”_blank” rel=”noopener”>
                <i class=”icon icon-twitter”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”https://pinterest.com/pin/create/button/?url={url}&media={img}&description={text}” data-element-sharing-text=”ハンスグローエ XXLパフォーマンスの大型シャワー” data-element-sharing-image=”https://assets.hansgrohe.com/celum/web/rainmaker-select-460-overhead-shower_rainselect-thermostat_ambience_3x4.jpg” target=”_blank” rel=”noopener”>
                <i class=”icon icon-pinterest”></i>
            </a>
            <a class=”social-tools__item” data-element-sharing-preset=”mailto:?subject=ハンスグローエ%20で%20検索&body={text}” data-element-sharing-text=”ハンスグローエ%20の%20ウェブサイト%20で%20この%20製品%20を%20チェック%3A%0D%0A%0D%0A{url}”>
                <i class=”icon icon-email”></i>
            </a>
            <a class=”social-tools__item social-tools__item–clipboard social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                <i class=”icon icon-link”></i>
                <div class=”social-tools-copy-link__active”>
                    <span>URLをコピーしました</span>
                    <i class=”icon icon-check”></i>
                </div>
            </a>
    </div>
    <div class=”social-tools__action js-lightbox-share”>
        <i class=”icon icon-share”></i>
        <i class=”icon icon-cross”></i>
    </div>
</div></div>
</figure></div></div>
</div><div class=”swiper-button-prev”></div>
                    <div class=”swiper-button-next”></div>
                </div></div>
</div></div>
</div></div></div>
</div>
<div class=”row-wrapper”>
<div class=”row”>
</div>
</div>
<div class=”yCmsContentSlot”>
<!– Start cached component: HGHBWPartnerFinderComponent (Render time: 2024-03-17T17:49:28) –>
<div class=”row-wrapper”>
    <div class=”row content-margin-large”>
        <h2
    >取扱店検索</h2></div>
</div>
<div data-v-name=”PartnerWidget”>
    </div>
<!– End cached component: HGHBWPartnerFinderComponent –>
</div><div class=”yCmsContentSlot”>
<!– Start cached component: HGHBWNotepadComponent (Render time: 2024-03-18T06:02:33) –>
<div class=”lightbox js-lightbox “
    data-anchor=”#notepad”
    data-id=”notepad”
    data-cookie-key=”notepad”
>
    <div class=”lightbox__content “
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div class=”notepad” data-t-name=”Notepad”>
    <div class=”row-wrapper js-header”>
        <div class=”row”>
            <h2
        class=”notepad__headline”
    >ノートパッド</h2></div>
    </div>
    <div class=”row-wrapper”>
        <div class=”notepad__result-area row js-result state-hidden”>
            <div class=”notepad__delete-all-container js-delete-all”>
                <button class=”icon-cross btn btn–tertiary notepad__delete-all js-notepad-interaction” data-task=”deleteall”>全て削除</button>
            </div>
            <div class=”notepad__container js-list-container”>
                </div>
            <div class=”notepad__share js-notepad-share”>
                <div class=”notepad__share–more”>
                    <ul class=”notepad__share-container notepad__share-container–footer”>
                        <li><a href=”” class=”icon-plus btn btn–bright js-toggle-footer ” data-show=”追加機能を表示する” data-hide=”追加機能を隠す”></a></li>
                    </ul>
                </div>
                <div class=”notepad__share–options state-hidden js-share-options”>
                    <ul class=”notepad__share-container notepad__share-container–footer”>
                        <li><a href=”” class=”icon-paper-plane btn btn–bright js-send-to-friend” data-action=”show”>共有する</a></li>
                        <li><a href=”” class=”icon-print btn btn–bright js-print-button”>PDFを作成</a></li>
                        <li><a href=”” class=”icon-profile-circle btn btn–bright js-send-to-dealer”>取扱店</a></li>
                    </ul>
                    <div class=”notepad__socialmedia”>
                        <a href=”#”><span class=”icon-chevron-right js-send-to-friend” data-action=”hide”></span></a>
                        <div class=”social-tools__container”>
                            <a class=”social-tools__item social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
                                <i class=”icon icon-link”></i>
                                <div class=”social-tools-copy-link__active”>
                                    <span>クリップボードにリンクが保管されました</span>
                                    <i class=”icon icon-check”></i>
                                </div>
                            </a>
                            <a class=”social-tools__item js-replace-link” href=”mailto:?subject=hansgrohe%20-%20Shared%20Wish%20List&amp;body=%0d%0aTo%20hansgrohe%20Wish%20List:%20{url}”><i class=”icon icon-email”></i></a>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class=”row-wrapper”>
        <div class=”row”>
            <div class=”notepad__no-result-area js-no-result state-hidden highlight-text”>
                現在製品は保存されていません。 “このリストに製品を保存することによって、お気に入りの製品をすぐにご確認いただけます。 製品をリストに保存するには、各製品ページに掲載されている「ノートプロダクト」アイコンをお使いください。”<div class=”notepad__button-container”>
                    <a href=”/kitchen/products” class=”btn btn–secondary”>キッチン製品へ</a>
                    <a href=”/bath/products” class=”btn btn–secondary”>バス製品へ</a>
                    </div>
            </div>
        </div>
    </div>
    <div class=”notepad__error-reslt-area row-wrapper js-error state-hidden”>
        </div>
    <script class=”js-notepad-template” type=”text/template”>
        {{ products.forEach(function(product, index) { }}
            <div class=”product-list product-list–notepad js-notepad-entry” data-product-id=”{{=product.code }}”>
                <figure class=”product-list__image{{ if(product.longImages){ }} product-list__image–pipe{{ } }}”>
                    {{ if (product.images.length) { }}
                        {{ if (product.longImages) { }}
{{
    var src = product.images[0].url,
        prefix = src + ((src.indexOf(“?”) > 1) ? “&” : “?”) + “format=”,
        srcset = “HBW15 65w,HBW18 200w”.split(“,”)
    ;
    srcset.forEach(function(el, i, arr) {
        arr[i] = prefix + el;
    });
}}
<img alt=”{{= product.images[0].altText }}”
     src=”{{= srcset[srcset.length – 1].split(” “)[0] }}” srcset=”{{= srcset.join(“,”) }}”
    sizes=”(max-width: 599px) 65px, (min-width: 600px) 200px”
>
                        {{ } else{ }}
{{
    var src = product.images[0].url,
        prefix = src + ((src.indexOf(“?”) > 1) ? “&” : “?”) + “format=”,
        srcset = “HBW15 65w,HBW16 100w,HBW18 200w”.split(“,”)
    ;
    srcset.forEach(function(el, i, arr) {
        arr[i] = prefix + el;
    });
}}
<img alt=”{{= product.images[0].altText }}”
     src=”{{= srcset[srcset.length – 1].split(” “)[0] }}” srcset=”{{= srcset.join(“,”) }}”
    sizes=”(max-width: 599px) 65px, (max-width: 899px) 98px, (min-width: 900px) 168px”
>
                        {{ } }}
                    {{ } }}
                </figure>
                <div class=”product-list__content-and-info”>
                    <div class=”product-list__content”>
                        {{ var trackingData = trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, “notepad”, index + 1)); }}
                        {{ var trackingDataPiwik = trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProductPiwik(product, “notepad”, null)); }}
                        <a class=”product-list__artname”
                            href=”{{=product.url }}”
                            data-track='{
                                “productClick-notepad”: {
                                    “ecommerce”: {
                                        “click”: {
                                            “products”: [{{= trackingData }}]
                                        }
                                    }
                                },
                                “productImpression”: {
                                    “ecommerce”: {
                                        “impressions”: [{{= trackingData }}]
                                    }
                                },
                                “setEcommerceView”: {
                                    “event”: “setEcommerceView”,
                                    “products”: [{{= trackingDataPiwik }}]
                                }
                            }’
                            data-track-click=”productClick-notepad”
                            data-track-vp=”productImpression”
                           data-track-vp-piwik=”setEcommerceView”
                        >
                            <span class=”product-list__artname-line”>
                                {{=product.line }}
                            </span> {{=product.name }}
                        </a>
                        <div class=”product-list__content-details”>
                            <div class=”product-list__artnr”>
                                <div class=”product-articlenumbers”>
                                    <span>品番:&nbsp;{{=product.code }}</span>
                                    {{ if(ACC.data.externCustomNumbersEnabled && product.externCustomNumbers) { }}
                                        {{ Object.keys(product.externCustomNumbers).forEach(function(key) { }}
                                            <span>{{=key}}&nbsp;{{= product.externCustomNumbers[key] }}</span>
                                        {{ }); }}
                                    {{ } }}
                                </div>
                            </div>
                            {{ if(product.baseOptions.length > 0 && product.surfaceObj) { }}
                                <div class=”product-list__surface”>
                                    {{ if(product.surfaceObj.image) { }}
                                        <div class=”product-surface-image” style=”background-image: url({{= product.surfaceObj.image.url}}?format=HBW17);”></div>
                                    {{ } }}
                                    <span>{{= product.surfaceObj.value}}</span>
                                </div>
                            {{ } }}
                            {{ if(product.productIntroDate && product.productIntroDate.introDateVisible) { }}
                                <div class=”product-list__availability”>
                                    <div class=”product-availability”>
                                        <p>{{=product.productIntroDate.introDateFormatted}}</p>
                                    </div>
   </div>
                            {{ } }}
                        </div>
                    </div>
                    <div class=”product-list__info”>
                        <div class=”product-list__interaction”>
                            <div class=”product-list__interaction-compare”>
                                <div class=”tooltip-link js-tooltip time-scheduled js-product-comparison-add state-no-text”
     data-track='{
    “addToComparison”: {
        “ecommerce”: {
            “add”: {
                “products”: [{{=trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“compare”: 1, “quantity”: 1}))}}]
            }
        },
        “event”: “eec.addToComparison”
    },
    “”: {
        “event”: “”,
        “products”: []
    }
}’
data-track-click=”addToComparison”
data-track-click-piwik=””
>
    <span class=” icon-compare tooltip-link__link js-tooltip-link  text-switch”
          data-id=”{{=product.code }}”
          data-task=””
          data-show-tooltip=”true”>
        <span class=”tooltip-link__indicator”></span>
        <span class=”tooltip-link__linktext”>製品を比較する</span>
        <span class=”tooltip-link__linktext tooltip-link__linktext–success”>製品が追加されました</span>
        </span>
    <span class=”tooltip js-tooltip-success”>
        選択された製品情報は30日間保管されます<a href=”#product-comparison”>製品を比較する</a>
                </span>
    <span class=”tooltip js-tooltip-error state-error”>
        製品が追加されませんでした。<br>再度お試しください。</span>
</div>
</div>
                            <div class=”js-notepad-interaction product-list__interaction-delete” data-task=”delete”
                                data-track='{
                                    “removeFromNotepad”: {
                                        “ecommerce”: {
                                            “remove”: {
                                               “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“notepad”: -1, “quantity”: 1})) }}]
                                            }
                                        }
                                    }
                                }’
                                data-track-click=”removeFromNotepad”>
                                <span class=”icon-cross”></span><span class=”notepad__hidden-text”>ノートパッドから削除する</span>
                            </div>
                        </div>
                        {{ if(product.formattedPrice && product.hgShowPrice) { }}
                            <div class=”product-list__price”>
                                <span class=”product-price__amount”>
                                    {{=product.formattedPrice}}
                                </span>
                                <br>
    <small>
        希望小売価格(税込)</small>
</div>
                        {{ } }}
{{ if(useLink2Shop) { }}
    <div class=”product-list__choose-shop”>
    {{ if(product.isExclusiveDealer) { }}
        <a target=”_blank” href=”{{=product.exclusiveDealerUrl}}” class=”btn btn–primary “
           data-track='{
                “link2ShopExclusiveOutbound”: {
                    “shop”: “{{= trackingUtil.getHostname(product.exclusiveDealerUrl) }}”,
                    “ecommerce”: {
                        “add”: {
                            “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“exclusive-outbound”: 1, “quantity”: 1})) }}]
                        }
                    }
                }
            }’
            data-track-click=”link2ShopExclusiveOutbound”>
            <span>ショップへ</span>
        </a>
    {{ } else { }}
        {{ var btnClass = (product.hasDealer) ? “” : “btn–disabled”; }}
        {{ if(link2ShopType === “BASIC”) { }}
            <a class=”btn btn–primary  {{=btnClass}}” href=”{{=product.url}}#shop-list”
   data-track='{
                    “link2ShopOverview”: {
                        “ecommerce”: {
                            “add”: {
                                “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“link2shop-overview”: 1, “quantity”: 1})) }}]
                            }
                        }
                    }
                }’
   data-track-click=”link2ShopOverview”>
                <span>ショップを選択</span>
            </a>
        {{ } else { }}
            <a class=”btn btn–primary ” href=”#shop-page”
  data-track='{
                    “link2ShopOverview”: {
                        “ecommerce”: {
                            “add”: {
                                “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“link2shop-overview”: 1, “quantity”: 1})) }}]
                            }
                        }
                    }
                }’
   data-track-click=”link2ShopOverview”>
                <span>ショップを選択</span>
            </a>
        {{ } }}
    {{ } }}
    </div>
{{ } }}</div>
                </div>
            </div>
        {{ }); }}
    </script>
</div>
</div>
</div>
<!– End cached component: HGHBWNotepadComponent –>
</div><div class=”yCmsContentSlot”>
<!– Start cached component: HGHBWProductComparisonComponent (Render time: 2024-03-18T13:35:46) –>
<div class=”lightbox js-lightbox “
    data-anchor=”#product-comparison”
    data-id=”product-comparison”
    data-cookie-key=”product-comparison”
>
    <div class=”lightbox__content “
                data-terrific-module=”ProductComparison”
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div class=”comparison”>
    <div class=”row-wrapper”>
        <div class=”row”>
            <h2
        class=”comparison__headline”
    >製品を比較する</h2></div>
    </div>
    <div class=”row-wrapper”>
        <div class=”row”>
            <div class=”highlight-text js-no-results state-hidden highlight-text– highlight-text–text-“>
    <p><b>現在製品は選択されていません。<b/><br>製品を比較するには、各製品ページに掲載されている「製品比較」アイコンをお使いください。</b></p>
    <div class=”highlight-text__btn-container”>
            <div class=”messages”>
                    <div class=”messages__button-container”>
                        <div class=”yCmsComponent messages__button”>
<a href=”/bath/products”  title=”バス製品へ”>バス製品へ</a></div><div class=”yCmsComponent messages__button”>
<a href=”/kitchen/products”  title=”キッチン製品へ”>キッチン製品へ</a></div></div>
                </div>
            </div>
    </div>
</div>
    </div>
    <div class=”row-wrapper js-results-container”>
        <div class=”row”>
            <p></p>
            <div class=”comparison__results”>
                <div class=”comparison__desc-toggle”>
                    <div data-mh=”g-details” class=”js-toggle-space-details”></div>
                    <div data-mh=”g-head” class=”js-toggle-space-head”></div>
                    <div class=”comparison__desc-toggle-icon js-desc-toggle icon-chevron-left”></div>
                </div>
                <div class=”comparison__results-table js-results”>
                    </div>
            </div>
        </div>
    </div>
    <script class=”js-template” type=”text/template”>
        <div class=”comparison__item comparison__desc js-pc-item js-pc-description”>
            <div data-mh=”g-details” class=”comparison__desc-space”></div>
            <div data-mh=”g-head” class=”comparison__desc-headline js-waypoint”>
                </div>
            {{ var templateHasPrice = false; }}
            {{ products.forEach(function(product, i) { }}
                {{ if(product.hgShowPrice) { }}
                    {{ templateHasPrice = true; }}
                    <div data-mh=”g-price”>product.comparison.overview.product.price</div>
                {{ } }}
            {{ }); }}
            <div data-mh=”g-code”>品番</div>
            {{ descriptions.externCustomNumbers.forEach(function(el, i) { }}
                <div data-mh=”g-code-{{=i}}”>{{=el}}</div>
            {{ }); }}
            <div data-mh=”g-line”>製品レンジ</div>
            <div data-mh=”g-surface”>仕上</div>
            {{ if(descriptions.usps.length) { }}
                <div data-mh=”g-usp-head” class=”comparison__desc-headline”></div>
            {{ } }}
            {{ descriptions.usps.forEach(function(el, i) { }}
                <div data-mh=”g-usp-{{=i}}”>{{=el}}</div>
            {{ }); }}
            {{ if(descriptions.features.length) { }}
                <div data-mh=”g-feature-head” class=”comparison__desc-headline”></div>
            {{ } }}
            {{ descriptions.features.forEach(function(el, i) { }}
                <div data-mh=”g-feature-{{=i}}”>{{=el}}</div>
            {{ }); }}
        </div>
        <div class=”swiper-container” ref=”swiperContainer”>
<div class=”swiper-wrapper comparison__products”>
            {{ products.forEach(function(product, i) { }}
                <div class=”comparison__item js-pc-item swiper-slide”>
                    {{ var trackingData = product.trackingData; }}
                    <a data-mh=”g-details” class=”comparison__item-details” href=”{{=product.url}}”
                       data-track='{
                           “productClick-comparison”: {
                            “ecommerce”: {
                                “click”: {
                                    “products”: [{{= trackingData }}]
                                }
                            }
                           },
                           “productImpression”: {
                               “ecommerce”: {
                                    “impressions”: [{{= trackingData }}]
                                }
                           },
                           “setEcommerceView”: {
                                “event”: “setEcommerceView”,
                                “products”: [{{= trackingData }}]
                            }
                           }
                       }’
                       data-track-click=”productClick-comparison” data-track-vp=”productImpression”
                       data-track-vp-piwik=”setEcommerceView”
                    >
{{
    var src = product.img,
        prefix = src + ((src.indexOf(“?”) > 1) ? “&” : “?”) + “format=”,
        srcset = “HBW1018 2x,HBW18 1x”.split(“,”)
    ;
    srcset.forEach(function(el, i, arr) {
        arr[i] = prefix + el;
    });
}}
<img alt=”{{= product.imgAlt }}”
     src=”{{= srcset[srcset.length – 1].split(” “)[0] }}” srcset=”{{= srcset.join(“,”) }}”
><span>{{=product.line}}</span> <strong>{{=product.name}}</strong>
                    </a>
                    <div data-mh=”g-head” class=”comparison__item-interactions”>
{{ if(useLink2Shop) { }}
    {{ if(product.isExclusiveDealer) { }}
        <a target=”_blank” href=”{{=product.exclusiveDealerUrl}}” class=”btn btn–primary icon-cart-star”
           data-track='{
                “link2ShopExclusiveOutbound”: {
                    “shop”: “{{= trackingUtil.getHostname(product.exclusiveDealerUrl) }}”,
                    “ecommerce”: {
                        “add”: {
                            “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“exclusive-outbound”: 1, “quantity”: 1})) }}]
                        }
                    }
                }
            }’
            data-track-click=”link2ShopExclusiveOutbound”>
            <span>ショップへ</span>
        </a>
    {{ } else { }}
        {{ var btnClass = (product.hasDealer) ? “” : “btn–disabled”; }}
        {{ if(link2ShopType === “BASIC”) { }}
            <a class=”btn btn–primary comparison__to-shop icon-cart {{=btnClass}}” href=”{{=product.url}}#shop-list”
   data-track='{
                    “link2ShopOverview”: {
                        “ecommerce”: {
                            “add”: {
                                “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“link2shop-overview”: 1, “quantity”: 1})) }}]
                            }
                        }
                    }
                }’
   data-track-click=”link2ShopOverview”>
                <span>ショップを選択</span>
            </a>
        {{ } else { }}
            <a class=”btn btn–primary comparison__to-shop icon-cart” href=”#shop-page”
  data-track='{
                    “link2ShopOverview”: {
                        “ecommerce”: {
                            “add”: {
                                “products”: [{{= trackingUtil.quoteHtmlAttr(trackingUtil.getTrackingDataForProduct(product, null, 0, {“link2shop-overview”: 1, “quantity”: 1})) }}]
                            }
                        }
                    }
                }’
   data-track-click=”link2ShopOverview”>
                <span>ショップを選択</span>
            </a>
        {{ } }}
    {{ } }}
{{ } }}<div class=”tooltip-link js-tooltip time-scheduled js-notepad-add state-no-text”
     data-track='{
    “addToNotepad”: {
        “ecommerce”: {
            “add”: {
                “products”: [{{=product.trackingDataAddToNotepad}}]
            }
        },
        “event”: “eec.addToNotepad”
    },
    “”: {
        “event”: “”,
        “products”: []
    }
}’
data-track-click=”addToNotepad”
data-track-click-piwik=””
>
    <span class=” icon-heart tooltip-link__link js-tooltip-link  text-switch”
          data-id=”{{=product.code}}”
          data-task=”add”
          data-show-tooltip=”true”>
        <span class=”tooltip-link__indicator”></span>
        <span class=”tooltip-link__linktext”>製品を保存</span>
        <span class=”tooltip-link__linktext tooltip-link__linktext–success”>製品が保存されました</span>
        </span>
    <span class=”tooltip js-tooltip-success”>
        製品は30日間のみ保管されます<a href=”#notepad”>ノートパッドを見る</a>
                </span>
    <span class=”tooltip js-tooltip-error state-error”>
        製品が追加できませんでした。<br>再度お試しください。</span>
</div>
<span class=”icon-cross js-pc-delete” data-code=”{{=product.code}}” data-index=”{{=i}}”
                            data-track='{
                                “removeFromComparison”: {
                                    “ecommerce”: {
                                        “remove”: {
                                            “products”: [{{= product.trackingDataRemoveFromComparison }}]
                                        }
                                    }
                                }
                            }’
                            data-track-click=”removeFromComparison”></span>
                    </div>
                    {{ if(templateHasPrice) { }}
                        <div data-mh=”g-price”>{{=product.price}}</div>
                    {{ } }}
                    <div data-mh=”g-code”>
                        {{=product.code}}
                    </div>
                    {{ product.externCustomNumbers.forEach(function(el, i) { }}
                        <div data-mh=”g-code-{{=i}}”>
                            {{=el.length ? el : “&ndash;”}}
                        </div>
                    {{ }); }}
                    <div data-mh=”g-line”>
                        {{= (product.line) ? product.line : “&ndash;” }}
                    </div>
                    <div class=”comparison__item-surface” data-mh=”g-surface”>
                        {{ if(product.surface) { }}
                            <div class=”product-surface-image” style=”background-image: url({{=product.surfaceImg}}?format=HBW17);”></div>
                            <span>{{=product.surface}}</span>
                        {{ } else { }}
                            &ndash;
                        {{ } }}
                    </div>
                    {{ if(descriptions.usps.length) { }}
                        <div data-mh=”g-usp-head” class=”comparison__item-headline”><span>革新的なテクノロジー</span></div>
                    {{ } }}
                    {{ descriptions.usps.forEach(function(el, i) { }}
                        {{ var icon = (product.usps[el]) ? “check” : “cross”; }}
                        <div data-mh=”g-usp-{{=i}}” class=”icon-{{=icon}}”></div>
                    {{ }); }}
                    {{ if(descriptions.features.length) { }}
                        <div data-mh=”g-feature-head” class=”comparison__item-headline”><span>特徴</span></div>
                    {{ } }}
                    {{ descriptions.features.forEach(function(el, i) { }}
                        <div data-mh=”g-feature-{{=i}}”>
                            {{ if(product.features[el] === true) { }}
                                <span class=”icon-check”></span>
                            {{ } else if(product.features[el] === false) { }}
                                <span class=”icon-cross”></span>
                            {{ } else if(product.features[el] === undefined) { }}
                                &ndash;
                            {{ } else { }}
                                {{=product.features[el]}}
                            {{ } }}
                        </div>
                    {{ }); }}
                </div>
            {{ }); }}
        </div>
<div class=”slider-bottom-wrapper”>
<div class=”swiper-button-prev swiper-button-black”></div>
<div class=”swiper-button-next swiper-button-black”></div>
</div>
</div></script>
</div>
</div>
</div>
<!– End cached component: HGHBWProductComparisonComponent –>
</div><div class=”yCmsContentSlot”>
</div></main>
<footer id=”page-footer”>
<div class=”row-wrapper”>
    <div class=”row row–nowrap”>
<div id=”breadcrumbs” class=”yCmsContentSlot”>
<nav data-t-name=”Breadcrumbs” class=”yCmsComponent breadcrumbs”>
<ol>
<li class=”breadcrumbs__home-link”>
<a href=”/”>トップページ</a>
<i class=”icon-chevron-right”></i>
<i class=”icon-ellipsis”></i>
</li>
<li class=”breadcrumbs__breadcrumb”>
<a href=”/bath”>バスルーム</a>
<i class=”icon-chevron-right”></i>
</li>
<li class=”active breadcrumbs__breadcrumb”><span>シャワー</span></li>
</ol>
</nav></div><div id=”page-tools” class=”yCmsContentSlot page-tools”>
<div class=”yCmsComponent social-tools”>
<!– Start cached component: HGHBWPageToolsSocialShareComponent (Render time: 2024-03-18T13:35:46) –>
<div class=”social-tools__action js-toggle-btn” data-toggle-target=”#socialToolsFooter” data-toggle-hidden=”true” data-toggle-class=”is-active”>
<i class=”icon icon-share”></i>
<i class=”icon icon-cross”></i>
</div>
<div class=”social-tools__action js-print-page”>
<i class=”icon icon-print”></i>
</div>
<!– End cached component: HGHBWPageToolsSocialShareComponent –>
</div></div></div>
</div>
<div id=”socialToolsFooter” class=”row-wrapper social-tools__wrapper”>
<div class=”row”>
<div class=”social-tools__container”>
    <a class=”social-tools__item social-tools__copy-link js-copy-to-clipboard” href=”javascript:;”>
            <i class=”icon icon-link”></i>
            <div class=”social-tools-copy-link__active”>
                <span>URLをコピーしました</span>
                <i class=”icon icon-check”></i>
            </div>
        </a>
    <a class=”social-tools__item” href=”mailto:?subject=%e3%83%8f%e3%83%b3%e3%82%b9%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%a8%e3%81%a7%e6%a4%9c%e7%b4%a2%ef%bc%9a&body=%e3%83%8f%e3%83%b3%e3%82%b9%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%a8%e3%81%ae%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a7%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%ef%bc%9a”><i class=”icon icon-email”></i></a>
    <a class=”social-tools__item” href=”https://twitter.com/intent/tweet?text=%e3%83%8f%e3%83%b3%e3%82%b9%e3%82%b0%e3%83%ad%e3%83%bc%e3%82%a8%e3%81%a7%e6%a4%9c%e7%b4%a2%ef%bc%9a&url=https%3a%2f%2fwww.hansgrohe.co.jp%2fbath%2fproducts%2fshowers-old” target=”_blank” rel=”noopener”><i class=”icon icon-twitter”></i></a>
    <a class=”social-tools__item” href=”https://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.hansgrohe.co.jp%2fbath%2fproducts%2fshowers-old&media=https%3a%2f%2fwww.hansgrohe.co.jp%2fmedias%2fcroma-select-5-years-fuss-branding-4×3.jpg%3fcontext%3dbWFzdGVyfGltYWdlc3w0MDQzODl8aW1hZ2UvanBlZ3xpbWFnZXMvaDQzL2g5OS84ODYwNDgwMjA4OTI2LmpwZ3xlYTRkMmU5OWEyN2VlYmM1NTE1YjAxOGY3NmRkYjZjMDY3ZDc4NWZiNGJkZGI5ZDgyN2MyM2I0YTJjZjFjZWU0&description=%e3%82%b7%e3%83%a3%e3%83%af%e3%83%bc” target=”_blank” rel=”noopener”><i class=”icon icon-pinterest”></i></a>
    <a class=”social-tools__item” href=”https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fwww.hansgrohe.co.jp%2fbath%2fproducts%2fshowers-old” target=”_blank” rel=”noopener”><i class=”icon icon-facebook”></i></a>
    </div>
</div>
</div>
<div class=”row-wrapper”>
<div class=”row”>
<div class=”yCmsContentSlot footer-social-media”>
<div class=”yCmsComponent footer-social-media__item”>
<!– Start cached component: HGHBWSocialMediaProfileComponent (Render time: 2024-03-18T13:35:46) –>
<a href=”https://www.facebook.com/Hansgrohejapan” title=”Facebook” target=”_blank” rel=”noopener” class=”footer-social-media__item-link”><i class=”icon icon-facebook”></i></a>
<!– End cached component: HGHBWSocialMediaProfileComponent –>
</div><div class=”yCmsComponent footer-social-media__item”>
<!– Start cached component: HGHBWSocialMediaProfileComponent (Render time: 2024-03-18T12:53:13) –>
<a href=”https://www.instagram.com/hansgrohe_jp/?hl=ja” title=”Instagram” target=”_blank” rel=”noopener” class=”footer-social-media__item-link”><i class=”icon icon-instagram”></i></a>
<!– End cached component: HGHBWSocialMediaProfileComponent –>
</div><div class=”yCmsComponent footer-social-media__item”>
<!– Start cached component: HGHBWSocialMediaProfileComponent (Render time: 2024-03-17T17:48:50) –>
<a href=”https://www.youtube.com/hansgrohe” title=”YouTube” target=”_blank” rel=”noopener” class=”footer-social-media__item-link”><i class=”icon icon-youtube”></i></a>
<!– End cached component: HGHBWSocialMediaProfileComponent –>
</div><div class=”yCmsComponent footer-social-media__item”>
<!– Start cached component: HGHBWSocialMediaProfileComponent (Render time: 2024-03-18T11:24) –>
<a href=”https://www.pinterest.com/hansgrohe/” title=”Pinterest” target=”_blank” rel=”noopener” class=”footer-social-media__item-link”><i class=”icon icon-pinterest”></i></a>
<!– End cached component: HGHBWSocialMediaProfileComponent –>
</div><div class=”yCmsComponent footer-social-media__item”>
<!– Start cached component: HGHBWSocialMediaProfileComponent (Render time: 2024-03-18T12:53:13) –>
<a href=”https://www.houzz.jp/pro/hansgrohe-jp” title=”Houzz” target=”_blank” rel=”noopener” class=”footer-social-media__item-link”><i class=”icon icon-houzz”></i></a>
<!– End cached component: HGHBWSocialMediaProfileComponent –>
</div></div><!– Start cached component: HGHBWNewsletterLinkComponent (Render time: 2024-03-18T07:02:13) –>
<div class=”newsletter-link”>
  <div class=”lightbox js-lightbox “
    data-anchor=”#interest-form”
    data-id=”interest-form-footer”
>
    <div class=”lightbox__preview”>
            <div class=”lightbox__preview-item”>
    <span class=”btn btn–tertiary btn–tertiary-bright”>
          ニュースレター</span>
      </div>
</div>
    <div class=”lightbox__content “
                data-terrific-module=”LeadFormLoader”
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        </div>
</div></div>
<!– End cached component: HGHBWNewsletterLinkComponent –>
</div>
</div>
<div class=”row-wrapper”>
<div class=”row”>
<!– Start cached component: HGHBWSeoFooterNavigationComponent (Render time: 2024-03-18T13:40:42) –>
<nav class=”footer-navigation”>
        <ul class=”js-accordeon” data-accordeon-mobileonly=”true” data-accordeon-toggleClass=”footer-navigation__item–active”>
            <li class=”js-accordeon-item footer-navigation__item”>
                    <h4 class=”js-accordeon-title footer-navigation__heading”>バスルーム</h4>
                    <ul class=”js-accordeon-content”>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/bath/products/taps” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>バス水栓</span>
                                    </h5>
                                </a>
                                <p>洗面混合水栓、シャワー水栓、バス水栓、ビデ</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/bath/products/showers-old” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>シャワー</span>
                                    </h5>
                                </a>
                                <p>シャワーシステム、オーバーヘッドシャワー、ハンドシャワー、シャワーパネル、シャワーセット、サーモスタット</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/bath/products/bath-accessoires” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>バスルーム アクセサリー</span>
                                    </h5>
                                </a>
                                <p>タオルラック、ロールホルダー、ソープディッシュ、ソープディスペンサー、タオルフック</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/bath/products/waste-systems” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>排水関連</span>
                                    </h5>
                                </a>
                                <p>ボトルトラップ、排水栓</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/bath/products/spare-parts” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>スペアパーツ(バスルーム)</span>
                                    </h5>
                                </a>
                                <p>セラミックカートリッジ、ハンドル等</p>
                                </li>
                        </ul>
                </li>
            <li class=”js-accordeon-item footer-navigation__item”>
                    <h4 class=”js-accordeon-title footer-navigation__heading”>キッチン</h4>
                    <ul class=”js-accordeon-content”>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/kitchen/products/kitchen-taps” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>キッチン水栓</span>
                                    </h5>
                                </a>
                                <p>キッチン水栓</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/kitchen/guide” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>キッチンガイド</span>
                                    </h5>
                                </a>
                                <p>キッチンのプランニング、sBoxについて</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/kitchen/products/spare-parts” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>スペアパーツ(キッチン)</span>
                                    </h5>
                                </a>
                                <p>カートリッジ、エアレーター等</p>
                                </li>
                        </ul>
                </li>
            <li class=”js-accordeon-item footer-navigation__item”>
                    <h4 class=”js-accordeon-title footer-navigation__heading”>サービス</h4>
                    <ul class=”js-accordeon-content”>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/service/brochures-and-prospects” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>カタログをダウンロード</span>
                                    </h5>
                                </a>
                                <p>ハンスグローエのカタログをダウンロード</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/service/producer-guarantee” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>保証</span>
                                    </h5>
                                </a>
                                <p>ハンスグローエの最長2年保証で、安心してお使いいただけます</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>FAQ</span>
                                    </h5>
                                </a>
                                <p>製品や施工に関する質問</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/contact” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>サービスリクエスト</span>
                                    </h5>
                                </a>
                                <p>サービスリクエスト</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/showroom-tokyo” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>ショールーム</span>
                                    </h5>
                                </a>
                                <p>ショールームでは水栓やシャワーを実際に体感いただけます</p>
                                </li>
                        </ul>
                </li>
            <li class=”js-accordeon-item footer-navigation__item”>
                    <h4 class=”js-accordeon-title footer-navigation__heading”>ハンスグローエについて</h4>
                    <ul class=”js-accordeon-content”>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/about-us/current-news-and-press” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>最新ニュース/プレスリリース</span>
                                    </h5>
                                </a>
                                <p>ハンスグローエに関する最新ニュースやイベント情報</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/ueber-uns/hansgrohe-group” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>ハンスグローエグループ</span>
                                    </h5>
                                </a>
                                <p>ハンスグローエ社の会社情報</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/about-us/sports-ponsoringship” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>スポーツスポンサリング</span>
                                    </h5>
                                </a>
                                <p>ハンスグローエ社がスポンサリングする、世界最高峰のスポーツについて</p>
                                </li>
                        <li class=”footer-navigation-item__container”>
                                <a href=”/ueber-uns/werte” >
                                    <h5 class=”footer-navigation__link-title”>
                                        <span>バリュー</span>
                                    </h5>
                                </a>
                                <p>1901年より続く、ハンスグローエ社が大切にしていること</p>
                                </li>
                        </ul>
                </li>
            </ul>
    </nav>
<!– End cached component: HGHBWSeoFooterNavigationComponent –>
<div class=”footer-infos”>
<div class=”footer-company”>
製品は在庫切れになることがあります。材料不足、サプライチェーンの途絶、その他不可抗力により在庫状況は変動する可能性があります。詳しくは当社までお問い合わせください。</div>
<div class=”yCmsContentSlot “>
</div></div></div>
</div>
<div class=”row-wrapper”>
<div class=”row”>
<!– Start cached component: FooterNavigationComponent (Render time: 2024-03-18T12:53:13) –>
<div class=”legal-footer “>
<div class=”copyright”>© Hansgrohe 2024</div>
<nav>
<ul>
<li class=””>
    <a href=”/imprint” title=”会社概要” >
        <span>会社概要</span>
    </a>
</li>
<li class=””>
    <a href=”/privacy” title=”プライバシーポリシー” >
        <span>プライバシーポリシー</span>
    </a>
</li>
<li class=””>
    <a href=”/legal-notices” title=”注意事項” >
        <span>注意事項</span>
    </a>
</li>
<li class=””>
    <a href=”/cookie-guidelines” title=”クッキーポリシー” >
        <span>クッキーポリシー</span>
    </a>
</li>
</ul>
</nav>
</div>
<!– End cached component: FooterNavigationComponent –>
</div>
</div>
</footer>
<div class=”fixed-footer”>
    <div class=”cookie-bottom-layer fixed-footer–clickable”
    data-t-name=”OrderProspectFooter”>
    <div class=”row-wrapper order-prospect-footer js-order-prospect hidden”>
        <div class=”row”>
            <div class=”order-prospect-footer__text”>
                <strong class=”order-prospect-footer__text–some”>
                    パンフレットを追加する/請求する</strong>
                <strong class=”order-prospect-footer__text–all”>
                    今だけ無料で購入する</strong>
            </div>
            <a class=”btn btn–tertiary js-open-form order-prospect-footer__button”
                href=”#prospect-order-form”>
                請求フォーム</a>
        </div>
    </div>
</div>
</div>
<div class=”lightbox js-lightbox “
    data-anchor=”#partner-finder”
    data-id=”partner-finder”
    data-cookie-key=”partner-finder”
>
    <div class=”lightbox__content state-fullwidth state-overflow-hidden pf__lightbox js-partner-finder”
        >
        <a class=”lightbox__closeBtn”><i class=”icon-cross”></i></a>
        <div class=”row-wrapper full-width pf__headline”>
            <div class=”row content-margin-large”>
                <h2
    >ハンスグローエ取扱店検索</h2></div>
        </div>
        <div data-v-name=”PartnerFinder”>
            </div></div>
</div><div class=”searchbar-overlay” id=”js-searchbar-overlay”>
<i class=”searchbar-overlay__close icon icon-cross js-searchbar-overlay-close”></i>
</div>
<div class=”lightbox-target-area”></div>
<div class=”lightbox-storage”></div>
<form name=”accessiblityForm”>
<input type=”hidden” id=”accesibility_refreshScreenReaderBufferField” name=”accesibility_refreshScreenReaderBufferField” value=””/>
</form>
<div id=”ariaStatusMsg” class=”skip” role=”status” aria-relevant=”text” aria-live=”polite”></div>
<script type=”text/javascript”>
    trackingTemplate = {
        “promotionClick”: {
            “event”: “eec.promotionClick”,
            “ecommerce”: {
                “promoClick”: {
                    “promotions”: []
                }
            }
        },
        “promotionView”: {
            “event”: “eec.promotionView”,
            “ecommerce”: {
                “promoView”: {
                    “promotions”: []
                }
            }
        },
        “productClick-productoverview”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “productoverview”
                    },
                    “products”: []
                }
            }
        },
        “productClick-searchresult”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “searchresult”
                    },
                    “products”: []
                }
            }
        },
        “productClick-quickview”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “quickview”
                    },
                    “products”: []
                }
            }
        },
        “productClick-notepad”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “notepad”
                    },
                    “products”: []
                }
            }
        },
        “productClick-comparison”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “comparison”
                    },
                    “products”: []
                }
            }
        },
        “productClick-altcategory”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “altcategory”
                    },
                    “products”: []
                }
            }
        },
        “productClick-altline”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “altline”
                    },
                    “products”: []
                }
            }
        },
        “productClick-mandatory”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “mandatory”
                    },
                    “products”: []
                }
            }
        },
        “productClick-optional”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “optional”
                    },
                    “products”: []
                }
            }
        },
        “productClick-carousel”: {
            “event”: “eec.productClick”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “click”: {
                    “actionField”: {
                        “list”: “carousel”
                    },
                    “products”: []
                }
            }
        },
        “productImpression”: {
            “event”: “eec.productImpression”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “impressions”: []
            }
        },
        “productDetailImpression”: {
            “event”: “eec.productDetailImpression”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “detail”: {
                    “products”: []
                }
            }
        },
        “addToNotepad”: {
            “event”: “eec.addToNotepad”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “add”: {
                    “products”: []
                }
            }
        },
        “removeFromNotepad”: {
            “event”: “eec.removeFromNotepad”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “remove”: {
                    “products”: []
                }
            }
        },
        “addToComparison”: {
            “event”: “eec.addToComparison”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “add”: {
                    “products”: []
                }
            }
        },
        “removeFromComparison”: {
            “event”: “eec.removeFromComparison”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “remove”: {
                    “products”: []
                }
            }
        },
        “link2ShopOverview”: {
            “event”: “eec.link2ShopOverview”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “add”: {
                    “products”: []
                }
            }
        },
        “link2ShopOutbound”: {
            “event”: “eec.link2ShopOutbound”,
            “shop”: “”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “add”: {
                    “products”: []
                }
            }
        },
        “link2ShopExclusiveOutbound”: {
            “event”: “eec.exclusiveOutbound”,
“shop”: “”,
            “ecommerce”: {
                “currencyCode”: “JPY”,
                “add”: {
                    “products”: []
                }
            }
        }
    };
</script>
<div id=”themeResourcePath” data-theme-path=”/_ui/responsive/theme-hbw/”></div>
<script type=”text/javascript” src=”/_ui/responsive/theme-hbw/js/bootstrap-71396291b20a614b1ac80a13c4a82844b9ad19ae.bundle.min.js”></script>
<script type=”text/javascript”>window.NREUM||(NREUM={});NREUM.info={“errorBeacon”:”bam.nr-data.net”,”licenseKey”:”ba99b52bbf”,”agent”:””,”beacon”:”bam.nr-data.net”,”applicationTime”:759,”applicationID”:”50236615″,”transactionName”:”MlIAZkQHV0EFVEcMXwsYMUJED1dVJ1hdEUIKWw5XRElaHR9UUhFVAlgQS3UJXVdeGRkYEE1wJ2Yf”,”queueTime”:0}</script></body>
</html>