ガーター – ページ2 – Tealecoco
:host { /* breakpoints: not-implemented / reference only */ /* --wrapped-breakpoint-xs: 320px; */ /* --wrapped-breakpoint-sm: 490px; */ /* --wrapped-breakpoint-md: 768px; */ /* --wrapped-breakpoint-lg: 1040px; */ /* --wrapped-breakpoint-xl: 1440px; */ --wrapped-thumbnail-position-start: "media gift-dialog-header" "media content" "media gift-block-actions"; --wrapped-thumbnail-position-end: "gift-dialog-header media" "content media" "gift-block-actions media"; --shadow-grid-template-areas: var(--wrapped-thumbnail-position-start); /* border radius */ --shadow-border-radius-scale: 6; --shadow-border-radius-xs: calc(var(--shadow-border-radius-scale, 65) / 100 * 1rem); --shadow-border-radius-sm: calc(var(--shadow-border-radius-scale, 65) / 100 * 1.5rem); --shadow-border-radius-base: calc(var(--shadow-border-radius-scale, 65) / 100 * 2.5rem); --shadow-block-border-surface: #000000; --shadow-border-width: 1px; --shadow-outline-width: calc(var(--shadow-border-width) + 0.5px); /* buttons */ --wrapped-hover-style-light: #ffffff; --wrapped-hover-style-dark: #000000; --shadow-hover-style: var(--wrapped-hover-style-light, --wrapped-hover-style-light); --shadow-primary-button-surface: #000000; --shadow-primary-button-surface--active: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 20%); --shadow-primary-button-surface--hover: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 16%); --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-text-color--active: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 20%); --shadow-primary-button-text-color--hover: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 16%); --shadow-primary-button-border-surface: rgba(0,0,0,0); --shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent; --shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-surface--active: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 20%); --shadow-secondary-button-surface--hover: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 16%); --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-text-color--active: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 20%); --shadow-secondary-button-text-color--hover: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 16%); --shadow-secondary-button-border-surface: rgba(0,0,0,0); --shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent; /* do not change the root text size */ --shadow-font-size: 16px; /* text and fonts */ --shadow-font-family: var(--wrapped-font-family, inherit); --shadow-font-scale: calc(100 / 100); --shadow-font-size-sm: clamp(12px, calc(14px * var(--shadow-font-scale)), 16px); --shadow-font-size-base: clamp(12px, calc(16px * var(--shadow-font-scale)), 20px); --shadow-font-size-lg: clamp(16px, calc(24px * var(--shadow-font-scale)), 28px); --shadow-font-weight-base: var(--wrapped-font-weight-base, 400); --shadow-font-weight-md: 500; --shadow-font-weight-lg: 600; --shadow-letter-spacing: var(--wrapped-letter-spacing, normal); --shadow-line-height-base: 1.5em; /* transitions */ --shadow-transition-duration: 0.1s; --shadow-spinner-duration: 0.7s; /* disabled */ --shadow-disabled-opacity-sm: 0.16; --shadow-disabled-opacity: 0.32; --shadow-disabled-opacity-md: 0.4; --shadow-disabled-opacity-lg: 0.64; /* precalculated percentages for color-mix */ --shadow-disabled-opacity-percent: 32%; --shadow-disabled-opacity-sm-percent: 16%; --shadow-disabled-opacity-md-percent: 40%; --shadow-disabled-opacity-lg-percent: 64%; --shadow-disabled-cursor: not-allowed; /* form elements */ --shadow-form-element-surface: #020202; --shadow-form-element-surface--disabled: color-mix(in srgb, var(--shadow-form-element-surface) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-border-color: #000000; --shadow-form-element-border-color--active: color-mix(in srgb, var(--shadow-form-element-border-color), white 83%); --shadow-form-element-border-color--disabled: color-mix(in srgb, var(--shadow-form-element-border-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-text-color: #333333; --shadow-form-element-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color), var(--shadow-secondary-text-color) 8%); --shadow-form-element-placeholder-text-color: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), transparent); --shadow-form-element-placeholder-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-selection-color: rgba(0,0,0,0); --shadow-form-element-selection-color--active: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 40%); --shadow-form-element-selection-color--hover: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 32%); /* primary colors */ --shadow-primary-surface: #020202; --shadow-primary-text-color: #ffffff; --shadow-primary-text-color--hover: color-mix(in srgb, var(--shadow-primary-text-color), var(--shadow-hover-style) 32%); /* secondary colors */ --shadow-secondary-surface: #020202; --shadow-secondary-text-color: #333333; --shadow-secondary-text-color--disabled: color-mix(in srgb, var(--shadow-secondary-text-color) var(--shadow-disabled-opacity-lg-percent), var(--shadow-secondary-text-color) 8%); /* Typography customizations */ --shadow-button-text-transform: var(--wrapped-button-text-transform, none); --shadow-button-letter-spacing: var(--wrapped-button-letter-spacing, var(--shadow-letter-spacing, normal)); --shadow-button-font-style: var(--wrapped-button-font-style, normal); /* spacing */ --wrapped-spacing-scale-base: 1; --wrapped-spacing-scale-less: 0.75; --wrapped-spacing-scale-more: 1.166; --shadow-spacing-scale: var(--wrapped-spacing-scale-base, 1); --shadow-spacing-fixed: 4px; --shadow-spacing-base: clamp(12px, calc(16px * var(--shadow-spacing-scale)), 24px); --shadow-spacing-lg: clamp(16px, calc(24px * var(--shadow-spacing-scale)), 28px); --shadow-spacing-sm: clamp(8px, calc(12px * var(--shadow-spacing-scale)), 14px); --shadow-spacing-xs: clamp(6px, calc(8px * var(--shadow-spacing-scale)), 10px); /* inline block */ --shadow-feature-max-height: 500px; --shadow-textarea-min-height: 80px; --shadow-thumbnail-size: clamp(40px, 40px, 200px); --shadow-block-margin-block-start: calc(1em * var(--shadow-spacing-scale)); --shadow-block-margin-block-end: calc(2em * var(--shadow-spacing-scale)); /* shadows */ --shadow-shadow-blur: 1.5rem; --shadow-shadow-color: rgba(0, 0, 0, 0.25); --shadow-shadow-offset: 0.75rem; /* default styles */ all: revert; box-sizing: border-box; cursor: default; display: block; font-family: var(--shadow-font-family); font-size: var(--shadow-font-size); line-height: var(--shadow-line-height-base); letter-spacing: var(--shadow-letter-spacing); margin-block-start: var(--wrapped-block-margin-start, var(--shadow-spacing-xs)); margin-block-end: var(--wrapped-block-margin-end, var(--shadow-spacing-xs)); text-align: start; width: -webkit-fill-available; white-space: normal; } *, *::before, *::after { box-sizing: border-box; } gift-block-launcher:not([variant="inline"]) { display: flex; flex-direction: column; gap: var(--shadow-spacing-xs); align-items: var(--wrapped-launcher-button-alignment, normal); & gift-block-visibility-notice { display: block; font-family: var(--shadow-font-family); font-size: smaller; font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); padding: 0 var(--shadow-spacing-sm); text-transform: var(--shadow-button-text-transform); width: 100%; } } .gift-block__launcher { background-color: var(--wrapped-launcher-button-surface, var(--shadow-primary-button-surface)); border-color: var(--wrapped-launcher-button-border-surface, var(--shadow-primary-button-border-surface)); border-width: var(--wrapped-launcher-button-border-width, var(--shadow-border-width)); border-radius: var(--wrapped-launcher-button-border-radius, var(--shadow-border-radius-sm)); border-style: solid; color: var(--shadow-primary-button-text-color); padding: var(--shadow-spacing-sm); font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base); font-weight: var(--wrapped-launcher-button-font-weight, var(--shadow-font-weight-base)); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); max-width: var(--wrapped-launcher-button-max-width, 500px); text-transform: var(--shadow-button-text-transform); width: 100%; &:hover { cursor: pointer; background-color: var(--shadow-primary-button-surface--hover); border-color: var(--shadow-primary-button-border-surface--hover); } &:active { background-color: var(--shadow-primary-button-surface--active); border-color: var(--shadow-primary-button-border-surface--active); } &:focus, &:focus-visible { outline: none; } &[with-checkmark] { position: relative; display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed); & .icon-wrapper { display: flex; flex-shrink: 0; } & .button-content { justify-content: var(--wrapped-launcher-button-content-justify-content, space-between); } &[with-gift-options] { .checkmark-icon { display: block; /* animation: unblur calc(var(--shadow-transition-duration) * 3) ease forwards; */ } } } &[variant="link"] { background: none; border: none; color: var(--shadow-primary-text-color); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); text-decoration: none; margin-inline-start: -0.25rem; padding: 0; width: auto; &:hover { cursor: pointer; color: var(--shadow-primary-text-color--hover); text-decoration: underline; } &[with-checkmark] { padding-left: 0; text-align: start; word-break: keep-all; } & .button-content { flex-direction: row; justify-content: flex-start; } } & .button-content { display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed); flex-direction: var(--wrapped-launcher-button-content-flex-direction, row-reverse); justify-content: var(--wrapped-launcher-button-content-justify-content, center); width: 100%; & .label { text-align: start; } } & .icon-wrapper { display: none; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; svg { fill: currentColor; height: 100%; width: 100%; } .checkmark-icon { display: none; } } } .gift-block__launcher:disabled, .gift-block__launcher[usage-limit-reached], .gift-block__launcher[region-unavailable] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity); pointer-events: none; &[with-checkmark] { .icon-wrapper { opacity: var(--shadow-disabled-opacity-md); } } } /* gift block modal */ .gift-block-modal { background-color: var(--shadow-primary-surface); border: none; border-radius: var(--shadow-border-radius-base); box-shadow: 0 var(--shadow-shadow-offset) var(--shadow-shadow-blur) var(--shadow-shadow-color); outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); padding: 0; } .gift-block-modal::backdrop { background-color: rgba(156, 163, 175, 0.75); } .gift-block-modal:focus, .gift-block-modal:focus-visible { outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); } @media (max-width: 768px) { .gift-block-modal { max-height: calc(100% - var(--shadow-spacing-sm)); max-width: calc(100% - var(--shadow-spacing-sm)); overscroll-behavior: contain; } } /* gift block modal layout */ .gift-block-modal-layout { display: grid; grid-template-areas: var(--shadow-grid-template-areas); grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr auto; max-height: 80dvh; max-width: 80dvw; overflow: hidden; } /* Collapse to 1-column layout if media is hidden */ .gift-block-modal-layout:has(section#media[hidden]), .gift-block-modal-layout:has(section#media.with-media-inline), .gift-block-modal-layout:not(:has(section#media)), .gift-block-modal-layout:not(:has(section#media img)) { grid-template-areas: "gift-dialog-header" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; section#media { display: none; } } gift-dialog-header { align-items: flex-start; background-color: var(--shadow-primary-surface); display: flex; flex-direction: row; gap: var(--shadow-spacing-fixed); grid-area: gift-dialog-header; justify-content: space-between; padding: var(--shadow-spacing-lg); position: sticky; top: 0; z-index: 1; & h1 { color: var(--shadow-primary-text-color); font-family: var(--wrapped-header-font-family, var(--shadow-font-family)); font-size: var(--shadow-font-size-lg); font-weight: var(--shadow-font-weight-md); line-height: 1.25em; margin: 0; } /* dismiss button styles */ & button { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 8%, transparent); color: var(--shadow-secondary-text-color); border-radius: var(--shadow-border-radius-xs); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-lg); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); width: 2.25em; height: 2.25em; min-width: 2.25em; min-height: 2.25em; outline: none; border: 0; cursor: pointer; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease; &:hover { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 6%, var(--shadow-hover-style) 12%); } &:active { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 16%, var(--shadow-hover-style) 16%); } &:disabled { pointer-events: none; opacity: var(--shadow-disabled-opacity); } } } .gift-block-modal-layout gift-block-actions { background-color: var(--shadow-primary-surface); bottom: 0; grid-area: gift-block-actions; overscroll-behavior: contain; position: sticky; z-index: 1; /* the buttons live in the component's own shadow; only its layout knobs are ours */ --wrapped-actions-gap: var(--shadow-spacing-sm); --wrapped-actions-padding: var(--shadow-spacing-lg); } gift-dialog-content { display: contents; } section#media { align-self: stretch; background-color: var(--shadow-secondary-surface); grid-area: media; grid-row: 1 / 4; height: 100%; padding: var(--shadow-spacing-lg); position: sticky; top: 0; transition: order var(--shadow-transition-duration) ease, width var(--shadow-transition-duration) ease; &.with-media-cover { & img { height: 100%; } } &.with-media-fill { padding: 0; & img { border-radius: 0; height: 100%; } } & shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } } } section#content { grid-area: content; background-color: var(--shadow-primary-surface); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; padding: var(--shadow-spacing-lg); padding-bottom: 0; padding-top: 0; position: relative; /* important to prevent content shifting when changing variants */ align-items: stretch; display: flex; flex-direction: column; justify-content: flex-start; gap: var(--shadow-spacing-lg); transition: order var(--shadow-transition-duration) ease; @media (max-width: 768px) { & > *:first-child:not(:only-child) { margin-top: unset; } } & gift-block-option-heading { display: block; & span[part="label"] { color: var(--shadow-primary-text-color); display: block; font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md, 500); line-height: 1.25em; } } & .gift-option-group { display: flex; flex-direction: column; gap: var(--shadow-spacing-lg); } /* gift product details */ & .gift-product { display: flex; flex-direction: column; gap: var(--shadow-spacing-base); } & .gift-product-header { --wrapped-thumbnail-position-start: row; --wrapped-thumbnail-position-end: row-reverse; align-items: center; display: flex; flex-direction: var(--wrapped-thumbnail-position-start); flex-wrap: wrap; row-gap: var(--shadow-spacing-base); column-gap: var(--shadow-spacing-sm); } & .gift-product-content { display: flex; flex: 1 1 50%; flex-direction: column; gap: var(--shadow-spacing-xs); } & .gift-product-media { display: flex; align-items: center; &:has(shopify-media) { --shadow-inline-media-max-size: 40px; --shadow-inline-media-size: clamp(40px, 40px, var(--shadow-inline-media-max-size)); border-radius: var(--shadow-border-radius-sm); height: var(--shadow-inline-media-size); width: var(--shadow-inline-media-size); overflow: hidden; margin-inline-start: auto; margin-inline-end: auto; } & shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } } } & .gift-product-title { color: var(--shadow-primary-text-color); display: var(--wrapped-gift-product-title-display, block); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md); margin: 0; } & .gift-product-pricing { display: flex; gap: var(--shadow-spacing-xs); margin: 0; font-weight: var(--shadow-font-weight-base); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1em; } & .gift-product-price { color: var(--shadow-secondary-text-color); } & .gift-product-price--compare { color: var(--shadow-secondary-text-color); text-decoration: line-through; opacity: var(--shadow-disabled-opacity); } & .gift-product-description { font-weight: var(--shadow-font-weight-base); color: var(--shadow-secondary-text-color); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1.5em; & shopify-data { & :first-child { margin-top: 0; } & :last-child { margin-bottom: 0; } & ul { padding-left: var(--shadow-spacing-lg); } } } /* gift messaging fields */ & gift-block-message { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--shadow-spacing-base); & wrapped-message-field { flex: 0 0 100%; } @media (min-width: 768px) { & wrapped-message-field[type="input"] { flex: 1 1 0%; } } } } :host(wrapped-gift-block) gift-block-option-heading label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); & input[type="checkbox"] { cursor: pointer; flex: 0 0 auto; height: var(--shadow-font-size-base); margin: 0; width: var(--shadow-font-size-base); } } :host(wrapped-gift-block[gift-option-optional]) section#content .gift-option-group { border-radius: var(--shadow-border-radius-sm); position: relative; } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group { pointer-events: none; } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group::after { background-color: color-mix(in srgb, var(--shadow-primary-surface) 62%, transparent); border-radius: inherit; content: ''; inset: calc(var(--shadow-spacing-sm) * -1); position: absolute; } /* shopify variant selector */ gift-variant-selector { font-size: var(--shadow-font-size-sm); width: 100%; } gift-variant-selector::part(form) { gap: var(--shadow-spacing-base); } gift-variant-selector::part(radio) { background-color: var(--shadow-form-element-surface); color: var(--shadow-form-element-text-color); border: none; border-radius: var(--shadow-border-radius-sm); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-base); outline: var(--shadow-border-width) solid var(--shadow-form-element-border-color); padding: calc(var(--shadow-spacing-sm) * 0.5) var(--shadow-spacing-base); transition: color var(--shadow-transition-duration) ease, outline-color var(--shadow-transition-duration) ease, outline-width var(--shadow-transition-duration) ease; } gift-variant-selector::part(radio):active { outline-color: var(--shadow-form-element-selection-color--active); outline-width: var(--shadow-outline-width); } gift-variant-selector::part(radio):hover { outline-color: var(--shadow-form-element-selection-color--hover); } gift-variant-selector::part(radio-disabled) { background-color: var(--shadow-form-element-surface--disabled); color: var(--shadow-form-element-text-color--disabled); opacity: var(--shadow-disabled-opacity); /* do not transition opacity - it causes a flash when changing variants */ outline-color: var(--shadow-form-element-border-color--disabled); pointer-events: none; } gift-variant-selector::part(radio-selected) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); pointer-events: none; } gift-variant-selector::part(select) { color: var(--shadow-form-element-text-color); border: none; border-radius: var(--shadow-border-radius-sm); font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-base); margin-top: var(--shadow-spacing-xs); width: 100%; max-width: 100%; padding: var(--shadow-spacing-sm); padding-right: calc(var(--shadow-spacing-sm) + 1.5rem); outline: var(--shadow-border-width) solid var(--shadow-form-element-border-color); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: var(--shadow-form-element-surface); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6.24 8.2a.75.75 0 0 1 1.06.04l2.7 2.908 2.7-2.908a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 0 1 .04-1.06Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 1em 1em; } gift-variant-selector::part(select):focus, gift-variant-selector::part(select):focus-visible { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); } gift-variant-selector::part(single) { color: var(--shadow-form-element-text-color); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-base); } gift-variant-selector::part(color-swatch) { border: none; outline: var(--shadow-border-width) solid rgba(0, 0, 0, .1); transition: color var(--shadow-transition-duration) ease, outline-color var(--shadow-transition-duration) ease, outline-width var(--shadow-transition-duration) ease; } gift-variant-selector::part(color-swatch):active { outline-color: var(--shadow-form-element-selection-color--active); outline-width: var(--shadow-outline-width); } gift-variant-selector::part(color-swatch):hover { outline-color: var(--shadow-form-element-selection-color--hover); } gift-variant-selector::part(color-swatch-selected) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); } gift-variant-selector::part(color-swatch-selected):after { content: unset; } gift-variant-selector::part(color-swatch-label) { color: var(--shadow-secondary-text-color); } gift-variant-selector::part(color-swatch-disabled) { opacity: var(--shadow-disabled-opacity); /* do not transition opacity - it causes a flash when changing variants */ pointer-events: none; } gift-variant-selector::part(label) { color: var(--shadow-secondary-text-color); display: inline-block; font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-base); line-height: 1em; margin-bottom: calc(var(--shadow-spacing-sm) - 6px); } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) gift-variant-selector::part(radio-selected) { outline-color: var(--shadow-form-element-border-color); outline-width: var(--shadow-border-width); } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) gift-variant-selector::part(color-swatch-selected) { outline-color: rgba(0, 0, 0, .1); outline-width: var(--shadow-border-width); } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) gift-variant-selector::part(select) { outline-color: var(--shadow-form-element-border-color); outline-width: var(--shadow-border-width); } wrapped-message-field { gap: var(--shadow-spacing-xs); & label { color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-base); line-height: 1em; } & :is(input, textarea) { background-color: var(--shadow-form-element-surface); border: none; border-radius: var(--shadow-border-radius-sm); color: var(--shadow-form-element-text-color); font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base); margin: 0; min-height: 42px; outline: var(--shadow-border-width) solid var(--shadow-form-element-border-color); padding: var(--shadow-spacing-sm); width: 100%; } & :is(input, textarea):is(:active, :focus, :focus-visible) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); } & :is(input, textarea)::placeholder { color: var(--shadow-form-element-placeholder-text-color); } & textarea { min-height: 100px; resize: vertical; } & span.counter { color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); line-height: normal; } } wrapped-message-field[disabled] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity-md); pointer-events: none; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease; & :is(input, textarea) { background-color: var(--shadow-form-element-surface--disabled); color: transparent; outline-color: var(--shadow-form-element-border-color--disabled); } } :host(wrapped-extension) { --wrapped-thumbnail-position-start: -1; --wrapped-thumbnail-position-end: 2; --shadow-thumbnail-order: var(--wrapped-thumbnail-position-start, -1); background-color: var(--shadow-primary-surface) !important; border: var(--shadow-border-width) solid var(--shadow-block-border-surface) !important; border-radius: var(--shadow-border-radius-sm) !important; color: var(--shadow-primary-text-color) !important; display: flex; flex-direction: column !important; font-size: var(--shadow-font-size-base) !important; height: fit-content !important; margin-block-start: var(--wrapped-block-margin-start, var(--shadow-block-margin-block-start)) !important; margin-block-end: var(--wrapped-block-margin-end, var(--shadow-block-margin-block-end)) !important; min-width: unset !important; max-width: 640px !important; overflow: hidden !important; padding: unset !important; width: unset !important; } :host(wrapped-extension[option-type="order"]) { margin-left: auto !important; margin-right: 0 !important; width: stretch !important; } :host(wrapped-extension[target-group="drawer"][option-type="order"]) { max-width: unset !important; margin-left: unset !important; margin-right: unset !important; margin-block-end: var(--wrapped-block-margin-end, calc(var(--shadow-block-margin-block-end) * 0.5)) !important; } wrapped-advanced-mode, wrapped-basic-mode { display: contents; } :host(wrapped-extension) [part="feature"], :host(wrapped-extension) gift-block-launcher { overflow: hidden !important; & [part="container"] { display: flex; flex-direction: column; row-gap: 0.25em; & label { align-items: center !important; column-gap: var(--shadow-spacing-sm) !important; cursor: pointer !important; display: flex; line-height: normal !important; margin: 0 !important; pointer-events: auto !important; text-align: left !important; text-transform: unset !important; } } } :host(wrapped-extension) [part="feature"] { background-color: var(--shadow-secondary-surface); } :host(wrapped-extension) [part="feature"][enabled="false"] { display: none; opacity: 0; visibility: hidden; } :host(wrapped-extension) [part="disclosure"] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.25s cubic-bezier(0.42, 0, 0.58, 1); } :host(wrapped-extension) [part="disclosure-content"] { display: flex; flex-direction: column; min-height: 0; opacity: 0; overflow: hidden; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } :host(wrapped-extension[expanded="true"]) gift-block-launcher:has(~ [part="disclosure"] [part="feature"][enabled="true"]:not([singular="true"])) { border-bottom: var(--shadow-border-width) solid var(--shadow-block-border-surface); } :host(wrapped-extension[expanded="true"]) [part="disclosure"], :host(wrapped-extension[hidden-checkbox="true"]) [part="disclosure"] { grid-template-rows: 1fr; } :host(wrapped-extension[expanded="true"]) [part="disclosure-content"], :host(wrapped-extension[hidden-checkbox="true"]) [part="disclosure-content"] { opacity: 1; visibility: visible; } :host(wrapped-extension[hidden-checkbox="true"]) gift-block-launcher { display: none; opacity: 0; visibility: hidden; } :host(wrapped-extension[limited="true"]), :host(wrapped-extension[region-unavailable="true"]) { cursor: none !important; pointer-events: none !important; opacity: 0.6 !important; & [part="container"] { & label { pointer-events: none !important; } } } :host(wrapped-extension[saving="true"]) { & [part="container"] { & label { pointer-events: none !important; & input[type="checkbox"], input[type="radio"], span { opacity: 0.7 !important; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } } & select { pointer-events: none !important; opacity: 0.7 !important; } & button { pointer-events: none; opacity: 0.7; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } } } :host(wrapped-extension) gift-block-launcher [part="container"] { padding: var(--shadow-spacing-sm); & label { padding: 0 !important; & input[type="checkbox"] { cursor: pointer; clip: unset !important; display: inline-block !important; flex-shrink: 0 !important; height: var(--shadow-font-size-base) !important; margin: 0 !important; min-height: revert !important; position: unset !important; top: unset !important; width: var(--shadow-font-size-base) !important; &::before { content: unset !important; } &::after { content: unset !important; } &:checked::before { content: unset !important; } &:checked::after { content: unset !important; } } & span { &[part="label"] { border: unset !important; flex-grow: 1; padding: unset !important; } &[part="pricing"] { align-content: center; font-size: var(--shadow-font-size-sm); white-space: nowrap; } &[part="thumbnail"] { background-color: var(--shadow-form-element-surface); background-size: cover; background-position: center; background-repeat: no-repeat; border: var(--shadow-border-width) solid #ddd; border-color: var(--shadow-form-element-border-color); border-radius: var(--shadow-border-radius-sm); min-height: var(--shadow-thumbnail-size); max-height: var(--shadow-thumbnail-size); min-width: var(--shadow-thumbnail-size); max-width: var(--shadow-thumbnail-size); height: 100%; width: 100%; display: inline-block; overflow: hidden; vertical-align: middle; order: var(--shadow-thumbnail-order); margin-right: 0.6em; } } } } :host(wrapped-extension) [feature="gift-option"] [part="container"] { padding: var(--shadow-spacing-sm); & label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); } & input[type="checkbox"] { cursor: pointer; flex: 0 0 auto; height: var(--shadow-font-size-base); margin: 0; width: var(--shadow-font-size-base); } & span[part="label"] { color: var(--shadow-primary-text-color); display: block; font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md, 500); line-height: 1.25em; } } :host(wrapped-extension) gift-block-launcher [part="container"] label input[type="checkbox"], :host(wrapped-extension) [feature="gift-option"] [part="container"] label input[type="checkbox"] { appearance: none; background-color: var(--shadow-form-element-surface); background-position: center; background-repeat: no-repeat; background-size: 82%; border: var(--shadow-border-width) solid var(--shadow-form-element-border-color); border-radius: min(4px, var(--shadow-border-radius-sm)); box-sizing: border-box; &:checked { background-color: var(--shadow-primary-text-color); border-color: var(--shadow-primary-text-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4l3 3 6-6'/%3E%3C/svg%3E"); } &:focus-visible { outline: var(--shadow-outline-width) solid var(--shadow-form-element-selection-color); outline-offset: var(--shadow-border-width); } } :host(wrapped-extension[hidden-checkbox="false"][gift-option-optional="false"]) [feature="variant"][enabled="true"][singular="true"] { display: none; } :host(wrapped-extension) [feature="variant"] [part="container"] { padding: var(--shadow-spacing-sm) var(--shadow-spacing-sm) 0; & fieldset { background-color: var(--shadow-form-element-surface) !important; border-color: var(--shadow-form-element-border-color) !important; border-radius: var(--shadow-border-radius-sm) !important; border-style: solid !important; border-width: var(--shadow-border-width) !important; color: var(--shadow-primary-text-color) !important; font-family: inherit; font-size: calc(var(--shadow-font-size-base) * 0.9) !important; margin-bottom: 0.5em !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden !important; overflow-y: var(--wrapped-variant-list-overflow, scroll) !important; overscroll-behavior: contain !important; /* stop the list from chaining its scroll to the page */ padding: 0 !important; max-height: calc(calc(var(--shadow-feature-max-height) * 0.5) - calc(var(--shadow-spacing-sm) * 4)) !important; min-width: 100% !important; max-width: 100% !important; width: 100% !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; & label { background-color: initial; container-type: inline-size; padding: var(--shadow-spacing-sm) calc(var(--shadow-spacing-sm) / 2); margin-bottom: 0 !important; transition: background-color 0.1s, box-shadow 0.1s ease-out; transition-delay: 0.1s; width: auto; & input[type="radio"] { appearance: var(--wrapped-radio-appearance, auto) !important; clip: unset !important; cursor: default; display: inline-block !important; height: var(--shadow-font-size-base) !important; margin: 0 !important; min-height: revert !important; position: unset !important; top: unset !important; vertical-align: top; width: var(--shadow-font-size-base) !important; } & div[part="wrapper"] { display: flex; flex-direction: row; flex-grow: 1; & span { border: unset !important; font-size: var(--shadow-font-size-sm); &[part="title"] { width: 100%; } &[part="pricing"] { padding-right: calc(var(--shadow-spacing-sm) / 2); white-space: nowrap; } } } @container (max-width: 400px) { div[part="wrapper"] { flex-direction: column; } } &[data-available="false"] { opacity: var(--shadow-disabled-opacity-md) !important; pointer-events: none !important; } &[data-filtered="true"] { opacity: var(--shadow-disabled-opacity-md) !important; pointer-events: none !important; } &:has(input:checked) { background-color: var(--shadow-secondary-surface); box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.029); } &:hover { background-color: var(--shadow-secondary-surface); box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.029); transition-delay: 0s; } } } & select { background-color: var(--shadow-form-element-surface) !important; background-image: none !important; border: none; border-radius: var(--shadow-border-radius-sm) !important; color: var(--shadow-form-element-text-color) !important; font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base) !important; height: auto; margin-bottom: 0.5em !important; min-height: 42px; outline: var(--shadow-border-width) solid var(--shadow-form-element-border-color); padding: var(--shadow-spacing-sm) !important; min-width: 100% !important; max-width: 100% !important; width: 100% !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; } & select:is(:active, :focus, :focus-visible) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); } } :host(wrapped-extension) [feature="variant"][selector-type="images"] [part="container"] { & fieldset { & label { flex-direction: row; & input[type="radio"] { appearance: none !important; background-color: var(--shadow-form-element-surface) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; border-color: lightgrey !important; border-width: 0.2em !important; border-style: solid !important; border-radius: 0.4em !important; box-sizing: border-box !important; flex: 0 0 auto !important; width: var(--shadow-thumbnail-size) !important; height: var(--shadow-thumbnail-size) !important; min-width: 40px !important; max-width: 200px !important; -webkit-appearance: none !important; &:checked { --wrapped-swatch-accent: var(--shadow-form-element-border-color); border-color: var(--wrapped-swatch-accent) !important; &::before { background-color: unset; } } } & div[part="wrapper"] { flex-direction: column; } } @media (max-width: 640px) { & label { flex-direction: column; & div[part="wrapper"] { padding-top: var(--shadow-spacing-sm); width: 100%; } } } } } :host(wrapped-extension) [feature="variant"][selector-type="images-modern"] [part="container"] { & fieldset { background: none !important; border: none !important; display: grid !important; gap: calc(var(--shadow-spacing-sm) * 0.8) !important; & label { opacity: 0.8 !important; margin: var(--shadow-border-width) !important; flex-direction: row !important; padding: 2px !important; padding-right: var(--shadow-spacing-sm) !important; box-sizing: border-box !important; box-shadow: 0 0 0 var(--shadow-border-width) transparent !important; background-color: var(--shadow-form-element-surface) !important; border-color: color-mix(in srgb, var(--shadow-form-element-border-color) 25%, transparent) !important; border-radius: var(--shadow-border-radius-sm) !important; border-style: solid !important; border-width: var(--shadow-border-width) !important; color: var(--shadow-primary-text-color) !important; transition: box-shadow 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1) !important; & input[type="radio"] { cursor: pointer; appearance: none !important; background-color: var(--shadow-form-element-surface) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; border: none !important; border-radius: max(0px, calc(var(--shadow-border-radius-sm) - 2px)) !important; box-sizing: border-box !important; flex: 0 0 auto !important; width: var(--shadow-thumbnail-size) !important; height: var(--shadow-thumbnail-size) !important; min-width: 40px !important; max-width: 200px !important; -webkit-appearance: none !important; &:checked { border-color: var(--shadow-form-element-border-color) !important; &::before { background-color: unset; } } } & div[part="wrapper"] { flex-direction: row; gap: var(--shadow-spacing-sm); } &:has(input:checked) { --wrapped-row-accent: var(--shadow-form-element-selection-color); border-color: var(--wrapped-row-accent) !important; border-width: var(--shadow-border-width) !important; box-shadow: 0 0 0 var(--shadow-border-width) var(--wrapped-row-ring, var(--wrapped-row-accent)) !important; opacity: var(--wrapped-row-opacity, 1) !important; pointer-events: none !important; } &:hover { opacity: 1 !important; } &[data-available="false"] { opacity: var(--shadow-disabled-opacity-md) !important; pointer-events: none !important; } &[data-filtered="true"] { opacity: var(--shadow-disabled-opacity-md) !important; pointer-events: none !important; } } } } :host(wrapped-extension[gift-option-optional="true"]) .gift-option-group { transition: opacity 0.25s cubic-bezier(0.42, 0, 0.58, 1); } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) .gift-option-group { opacity: 0.5; pointer-events: none; } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) [feature="variant"] [part="container"] fieldset label:has(input:checked) { --wrapped-row-accent: color-mix(in srgb, var(--shadow-form-element-border-color) 25%, transparent); --wrapped-row-ring: transparent; --wrapped-row-opacity: 0.8; background-color: initial; box-shadow: none; } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) [feature="variant"] [part="container"] fieldset label input[type="radio"]:checked { --wrapped-swatch-accent: lightgrey; } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) [feature="variant"]:not([selector-type="images"]):not([selector-type="images-modern"]) [part="container"] fieldset label input[type="radio"]:checked { --wrapped-radio-appearance: none; background-color: var(--shadow-form-element-surface); border: var(--shadow-border-width) solid var(--shadow-form-element-border-color); border-radius: 50%; box-sizing: border-box; } :host(wrapped-extension) [feature="variant"] [part="container"] fieldset label:has(input:focus-visible) { outline: var(--shadow-outline-width) solid var(--shadow-form-element-selection-color); outline-offset: calc(var(--shadow-outline-width) * -1); } :host(wrapped-extension) [feature="variant"] [part="container"] fieldset label input[type="radio"]:focus-visible { outline: none; } :host(wrapped-extension[gift-option-optional="true"]) [feature="variant"][singular="true"] [part="container"] fieldset { --wrapped-variant-list-overflow: auto; } :host(wrapped-extension) gift-block-message { display: flex; flex-wrap: wrap; gap: var(--shadow-spacing-sm); padding: var(--shadow-spacing-sm); & wrapped-message-field { flex: 1 1 40%; & label { color: var(--shadow-primary-text-color); } & textarea { min-height: var(--shadow-textarea-min-height); } & span.counter { align-self: flex-end; } } & wrapped-message-field:not([type="input"]) { flex: 0 0 100%; } } :host(wrapped-extension) gift-block-actions { --wrapped-actions-gap: var(--shadow-spacing-xs); --wrapped-actions-padding: var(--shadow-spacing-sm); } /* media queries */ /* md - and above */ @media (min-width: 768px) { :host { --shadow-section-max-width: 420px; } gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } } /* md - and below */ @media (max-width: 768px) { :host { --shadow-section-max-width: 390px; } gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header { padding: var(--shadow-spacing-base); } .gift-block-modal-layout gift-block-actions { --wrapped-actions-padding: var(--shadow-spacing-base); } .gift-block-modal-layout { grid-template-areas: "gift-dialog-header" "media" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; max-height: calc(100dvh - var(--shadow-spacing-base)); max-width: 100dvw; } gift-dialog-content { display: grid; grid-template-areas: "media" "content"; grid-template-columns: 1fr; grid-template-rows: auto 1fr; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } section#media { background: none; grid-row: auto; position: relative; padding: 0; & shopify-media { & img { border-radius: unset; min-height: var(--shadow-section-max-width); max-height: var(--shadow-section-max-width); } } } section#content { overflow-y: unset; padding: var(--shadow-spacing-base); &.with-media-inline { padding-top: 0; } & .gift-product-media { &:has(shopify-media) { --shadow-inline-media-max-size: 330px; } } } } /* sm - and below */ @media (max-width: 480px) { :host { --shadow-section-max-width: 100%; } section#media { & shopify-media { & img { border-radius: unset; min-height: 350px; max-height: 350px; } } } } @keyframes unblur { from { filter: blur(2px); } to { filter: blur(0px); } }
コンテンツにスキップ
メニューを閉じる
About
すべて購入
コレクション
正規価格
ギフトカード
アクセサリー
添付ファイル
ベルト
チョーカー
ガーター
手
カラーウェイ
すべて購入
Antique Gold
ブラッドバスレッド
キャンディピンク
クラシックブラック
ダスティピンク
フォレストグリーン
ラグジュアリーラベンダー
マリンティール
ロイヤルブルー
白雪姫
衣類
すべて購入
ミッドナイトクチュール
メッシュの基本
真夜中の基本
ユニセックスストリートウェア
製造中止
ハーネス
添付ファイル
フルボディハーネス
アームハーネス
バストハーネス
ウエストハーネス
レッグハーネス
Foot Harness
Gifts
セール
STOCKTAKE SALE 💥
100ドル以下
ハーネスセール
チョーカーセール
アクセサリーセール
アーカイブセール
Styling
ログイン
Instagram
Facebook
YouTube
Twitter
Pinterest
TikTok
カート
カートを閉じる
注文メモ
あなたのカートは現在空です。
スライドショーを一時停止する
スライドショーを再生する
定価アイテムが 30% オフ
チェックアウト時にコード「CYBERMONDAY2022」を使用
世界どこでも無料発送
海外で 100$aud + 500$aud を超えるご注文の場合
Instagram
Facebook
YouTube
Twitter
Pinterest
TikTok
言語
日本語
English
日本語
Deutsch
通貨
AUD $
AED د.إ
AFN ؋
ALL L
AMD դր.
ANG ƒ
AUD $
AWG ƒ
AZN ₼
BAM КМ
BBD $
BDT ৳
BIF Fr
BND $
BOB Bs.
BRL R$
BSD $
BWP P
BZD $
CAD $
CDF Fr
CHF CHF
CNY ¥
CRC ₡
CVE $
CZK Kč
DJF Fdj
DKK kr.
DOP $
DZD د.ج
EGP ج.م
ETB Br
EUR €
FJD $
FKP £
GBP £
GMD D
GNF Fr
GTQ Q
GYD $
HKD $
HNL L
HUF Ft
IDR Rp
ILS ₪
INR ₹
ISK kr
JMD $
JPY ¥
KES KSh
KGS som
KHR ៛
KMF Fr
KRW ₩
KYD $
KZT ₸
LAK ₭
LBP ل.ل
LKR ₨
MAD د.م.
MDL L
MKD ден
MMK K
MNT ₮
MOP P
MUR ₨
MVR MVR
MWK MK
MYR RM
NGN ₦
NIO C$
NPR Rs.
NZD $
PEN S/
PGK K
PHP ₱
PKR ₨
PLN zł
PYG ₲
QAR ر.ق
RON Lei
RSD РСД
RWF FRw
SAR ر.س
SBD $
SEK kr
SGD $
SHP £
SLL Le
STD Db
THB ฿
TJS ЅМ
TOP T$
TTD $
TWD $
TZS Sh
UAH ₴
UGX USh
USD $
UYU $U
UZS so'm
VND ₫
VUV Vt
WST T
XAF CFA
XCD $
XOF Fr
XPF Fr
YER ﷼
Tealecoco
About
すべて購入
コレクション
正規価格
ギフトカード
アクセサリー
添付ファイル
ベルト
チョーカー
ガーター
手
カラーウェイ
すべて購入
Antique Gold
ブラッドバスレッド
キャンディピンク
クラシックブラック
ダスティピンク
フォレストグリーン
ラグジュアリーラベンダー
マリンティール
ロイヤルブルー
白雪姫
衣類
すべて購入
ミッドナイトクチュール
メッシュの基本
真夜中の基本
ユニセックスストリートウェア
製造中止
ハーネス
添付ファイル
フルボディハーネス
アームハーネス
バストハーネス
ウエストハーネス
レッグハーネス
Foot Harness
Gifts
セール
STOCKTAKE SALE 💥
100ドル以下
ハーネスセール
チョーカーセール
アクセサリーセール
アーカイブセール
Styling
ログイン
検索
サイトナビゲーション
カート
検索
"閉じる(esc)"
ガーター
フィルター
メニューを閉じる
フィルター
114製品
選別
選別
オススメ
関連性が最も高い
ベストセラー
アルファベット順, A-Z
アルファベット順, Z-A
価格の安い順
価格の高い順
古い商品順
新着順
114製品
Pink / Petite / Silver
$40.00
クイックビュー
Pink / Petite / Gunmetal
$40.00
クイックビュー
Pink / Petite / Gold
$40.00
クイックビュー
Pink / Full Figured / Silver
$40.00
クイックビュー
Pink / Full Figured / Gunmetal
$40.00
クイックビュー
Pink / Full Figured / Gold
$40.00
クイックビュー
Pink / One size / Silver
$40.00
クイックビュー
Pink / One size / Gunmetal
$40.00
クイックビュー
Pink / One size / Gold
$40.00
クイックビュー
White / Petite / Silver
$40.00
クイックビュー
White / Petite / Gold
$40.00
クイックビュー
White / Petite / Gunmetal
$40.00
クイックビュー
White / Full Figured / Silver
$40.00
クイックビュー
White / Full Figured / Gold
$40.00
クイックビュー
White / Full Figured / Gunmetal
$40.00
クイックビュー
White / One size / Silver
$40.00
クイックビュー
White / One size / Gold
$40.00
クイックビュー
White / One size / Gunmetal
$40.00
クイックビュー
White / Gunmetal / Full-Figured
$60.00
クイックビュー
White / Gunmetal / Petite
$60.00
クイックビュー
White / Silver / Full-Figured
$60.00
クイックビュー
White / Silver / Petite
$60.00
クイックビュー
White / Gold / Full-Figured
$60.00
クイックビュー
White / Gold / Petite
$60.00
クイックビュー
クリップ / 銀 / 大柄な
$150.00
クイックビュー
クリップ / 銀 / 小柄な
$150.00
クイックビュー
クリップ / ガンメタル / 大柄な
$150.00
クイックビュー
クリップ / ガンメタル / 小柄な
$150.00
クイックビュー
完売
Clips / Gold / Full-Figured
$150.00
クイックビュー
完売
Clips / Gold / Petite
$150.00
クイックビュー
クリップなし / 銀 / 大柄な
$130.00
クイックビュー
クリップなし / 銀 / 小柄な
$130.00
クイックビュー
クリップなし / ガンメタル / 大柄な
$130.00
クイックビュー
クリップなし / ガンメタル / 小柄な
$130.00
クイックビュー
No Clips / Gold / Full-Figured
$130.00
クイックビュー
No Clips / Gold / Petite
$130.00
クイックビュー
クリップなし / 銀 / フリーサイズ
$130.00
クイックビュー
クリップなし / 銀 / 大柄な
$130.00
クイックビュー
クリップなし / 銀 / 小柄な
$130.00
クイックビュー
クリップなし / ガンメタル / フリーサイズ
$130.00
クイックビュー
クリップなし / ガンメタル / 大柄な
$130.00
クイックビュー
クリップなし / ガンメタル / 小柄な
$130.00
クイックビュー
No Clips / Gold / One Size Fits Most
$130.00
クイックビュー
No Clips / Gold / Full-Figured
$130.00
クイックビュー
No Clips / Gold / Petite
$130.00
クイックビュー
クリップ / 銀 / フリーサイズ
$150.00
クイックビュー
クリップ / 銀 / 大柄な
$150.00
クイックビュー
クリップ / 銀 / 小柄な
$150.00
クイックビュー
セール
クリップ / ガンメタル / フリーサイズ
通常価格
$145.00
セールスプライス
$100.00
31
%を節約
クイックビュー
クリップ / ガンメタル / 大柄な
$150.00
クイックビュー
クリップ / ガンメタル / 小柄な
$150.00
クイックビュー
完売
Clips / Gold / One Size Fits Most
$150.00
クイックビュー
完売
Clips / Gold / Full-Figured
$150.00
クイックビュー
完売
Clips / Gold / Petite
$150.00
クイックビュー
完売
Clips / Silver / One Size Fits Most
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Clips / Silver / One Size Fits Most
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Clips / Silver / One Size Fits Most
通常価格
$145.00
セールスプライス
$60.00
59
%を節約
クイックビュー
セール
Clips / Gunmetal / One Size Fits Most
通常価格
$145.00
セールスプライス
$60.00
59
%を節約
クイックビュー
セール
White / Gunmetal / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
White / Silver / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Bloodbath Red / Gunmetal / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Bloodbath Red / Silver / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Forest Green / Gunmetal / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Forest Green / Silver / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Candy Pink / Gunmetal / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Candy Pink / Silver / One Size Fits Most
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Pair / SIlver / Size 3(L-XXL)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Pair / SIlver / Size 2(S-L)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Pair / SIlver / Size 1(XXS-S)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Pair / Gunmetal / Size 3(L-XXL)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Pair / Gunmetal / Size 2(S-L)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Pair / Gunmetal / Size 1(XXS-S)
通常価格
$130.00
セールスプライス
$75.00
42
%を節約
クイックビュー
セール
Individual / SIlver / Size 3(L-XXL)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
セール
Individual / SIlver / Size 2(S-L)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
セール
Individual / SIlver / Size 1(XXS-S)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
セール
Individual / Gunmetal / Size 3(L-XXL)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
セール
Individual / Gunmetal / Size 2(S-L)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
セール
Individual / Gunmetal / Size 1(XXS-S)
通常価格
$80.00
セールスプライス
$40.00
50
%を節約
クイックビュー
Single / Petite / Silver
$60.00
クイックビュー
Single / Petite / Gold
$60.00
クイックビュー
Single / Petite / Gunmetal
$60.00
クイックビュー
Single / Full Figured / Silver
$60.00
クイックビュー
Single / Full Figured / Gold
$60.00
クイックビュー
Single / Full Figured / Gunmetal
$60.00
クイックビュー
Single / One size / Silver
$60.00
クイックビュー
Single / One size / Gold
$60.00
クイックビュー
Single / One size / Gunmetal
$60.00
クイックビュー
Pair / Petite / Silver
$100.00
クイックビュー
Pair / Petite / Gold
$100.00
クイックビュー
Pair / Petite / Gunmetal
$100.00
クイックビュー
Pair / Full Figured / Silver
$100.00
クイックビュー
Pair / Full Figured / Gold
$100.00
クイックビュー
Pair / Full Figured / Gunmetal
$100.00
クイックビュー
Pair / One size / Silver
$100.00
クイックビュー
Pair / One size / Gold
$100.00
クイックビュー
Pair / One size / Gunmetal
$100.00
クイックビュー
Single / Petite / Silver
$60.00
クイックビュー
Single / Petite / Gold
$60.00
クイックビュー
Single / Petite / Gunmetal
$60.00
クイックビュー
Single / Full Figured / Silver
$60.00
クイックビュー
Single / Full Figured / Gold
$60.00
クイックビュー
Single / Full Figured / Gunmetal
$60.00
クイックビュー
Single / One size / Silver
$60.00
クイックビュー
Single / One size / Gold
$60.00
クイックビュー
Single / One size / Gunmetal
$60.00
クイックビュー
Pair / Petite / Silver
$100.00
クイックビュー
Pair / Petite / Gold
$100.00
クイックビュー
Pair / Petite / Gunmetal
$100.00
クイックビュー
Pair / Full Figured / Silver
$100.00
クイックビュー
Pair / Full Figured / Gold
$100.00
クイックビュー
Pair / Full Figured / Gunmetal
$100.00
クイックビュー
Pair / One size / Silver
$100.00
クイックビュー
Pair / One size / Gold
$100.00
クイックビュー
Pair / One size / Gunmetal
$100.00
クイックビュー
Gold / Gold / One Size
$70.00
クイックビュー
黒
Gold / Gold / Full Figured
$70.00
クイックビュー
黒
Gold / Gold / Petite
$70.00
クイックビュー
黒
黒 / ガンメタル / XXXS-XS
$70.00
クイックビュー
黒
Gold / Gunmetal / Full Figured
$70.00
クイックビュー
黒
Gold / Gunmetal / Petite
$70.00
クイックビュー
黒
黒 / 銀 / XXXS-XS
$70.00
クイックビュー
黒
Gold / Silver / Full Figured
$70.00
クイックビュー
黒
Gold / Silver / Petite
$70.00
クイックビュー
黒
Teal / Gunmetal / Full Figured
$70.00
クイックビュー
Teal / Gunmetal / Petite
$70.00
クイックビュー
Teal / Silver / Full Figured
$70.00
クイックビュー
Teal / Silver / Petite
$70.00
クイックビュー
Teal / Gold / Full Figured
$70.00
クイックビュー
Teal / Gold / Petite
$70.00
クイックビュー
Dusted Pink / Gunmetal / Full Figured
$70.00
クイックビュー
Dusted Pink / Gunmetal / Petite
$70.00
クイックビュー
Dusted Pink / Silver / Full Figured
$70.00
クイックビュー
Dusted Pink / Silver / Petite
$70.00
クイックビュー
Dusted Pink / Gold / Full Figured
$70.00
クイックビュー
Dusted Pink / Gold / Petite
$70.00
クイックビュー
Red / Gunmetal / Full Figured
$70.00
クイックビュー
Red / Gunmetal / Petite
$70.00
クイックビュー
Red / Silver / Full Figured
$70.00
クイックビュー
Red / Silver / Petite
$70.00
クイックビュー
Red / Gold / Full Figured
$70.00
クイックビュー
Red / Gold / Petite
$70.00
クイックビュー
Teal / Gunmetal / Full-Figured
$60.00
クイックビュー
Teal / Gunmetal / Petite
$60.00
クイックビュー
Teal / Silver / Full-Figured
$60.00
クイックビュー
Teal / Silver / Petite
$60.00
クイックビュー
Teal / Gold / Full-Figured
$60.00
クイックビュー
Teal / Gold / Petite
$60.00
クイックビュー
ホトピンク / 銀 / フリーサイズ
$150.00
クイックビュー
ホトピンク
ホトピンク / 銀 / 大柄な
$150.00
クイックビュー
ホトピンク
ホトピンク / 銀 / 小柄な
$150.00
クイックビュー
ホトピンク
ホトピンク / ガンメタル / フリーサイズ
$150.00
クイックビュー
ホトピンク
ホトピンク / ガンメタル / 大柄な
$150.00
クイックビュー
ホトピンク
ホトピンク / ガンメタル / 小柄な
$150.00
クイックビュー
ホトピンク
Hot Pink / Gold / One Size Fits Most
$150.00
クイックビュー
ホトピンク
Hot Pink / Gold / Full-Figured
$150.00
クイックビュー
ホトピンク
Hot Pink / Gold / Petite
$150.00
クイックビュー
ホトピンク
individual / Gold / Size 1(XXS-S)
$80.00
クイックビュー
Gold
individual / Gold / Size 2(S-L)
$80.00
クイックビュー
Gold
individual / Gold / Size 3(L-XXL)
$80.00
クイックビュー
Gold
pair / Gold / Size 1(XXS-S)
$130.00
クイックビュー
Gold
pair / Gold / Size 2(S-L)
$130.00
クイックビュー
Gold
pair / Gold / Size 3(L-XXL)
$130.00
クイックビュー
Gold
Gold / individual / Size 1(XXS-S)
$80.00
クイックビュー
Gold
Gold / individual / Size 2(S-L)
$80.00
クイックビュー
Gold
Gold / individual / Size 3(L-XXL)
$80.00
クイックビュー
Gold
Gold / pair / Size 1(XXS-S)
$130.00
クイックビュー
Gold
Gold / pair / Size 2(S-L)
$130.00
クイックビュー
Gold
Gold / pair / Size 3(L-XXL)
$130.00
クイックビュー
Gold
セール
Gunmetal / One Size Fits Most / Clips
通常価格
$150.00
セールスプライス
$100.00
33
%を節約
クイックビュー
Silver / One Size Fits Most / Clips
$100.00
クイックビュー
セール
Blue / Silver / One Size Fits Most
通常価格
$150.00
セールスプライス
$80.00
47
%を節約
クイックビュー
セール
Clips / Silver / One Size Fits Most
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Clips / Silver / One Size Fits Most
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Clips / Gunmetal / One Size Fits Most
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Blue / Gunmetal / One size
通常価格
$70.00
セールスプライス
$40.00
43
%を節約
クイックビュー
セール
Blue / Silver / One size
通常価格
$70.00
セールスプライス
$40.00
43
%を節約
クイックビュー
Olala Thigh Garter - Dusted Pink
$40.00
クイックビュー
Olala Thigh Garter - White
$40.00
クイックビュー
UFO Thigh Garter (White)
$60.00
クイックビュー
Goetia ガーター ベルト - ブルー
1 review
$130.00から
クイックビュー
セール
ゴエティア ガーターベルト - (ラベンダー)
通常価格
$145.00
セールスプライス
$100.00から
31
%を節約
クイックビュー
完売
Goetia Garter Belt - (White) - INSTOCK
No reviews
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Goetia Garter Belt - Candy Pink - INSTOCK
No reviews
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Goetia Garter Belt - (Green) - INSTOCK
No reviews
通常価格
$145.00
セールスプライス
$60.00
59
%を節約
クイックビュー
セール
UFO Thigh Garter (White) - INSTOCK
No reviews
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
UFO Thigh Garter (Red) - INSTOCK
No reviews
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
UFO Thigh Garter (Green) - INSTOCK
No reviews
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
UFO Thigh Garter (Candy Pink) - INSTOCK
No reviews
通常価格
$60.00
セールスプライス
$30.00
50
%を節約
クイックビュー
セール
Magick Thigh Garter (Black) - INSTOCK
No reviews
通常価格
$80.00
セールスプライス
$40.00から
50
%を節約
クイックビュー
Damsel Thigh Garter - Antique Gold
$60.00から
クイックビュー
Damsel Thigh Garter - Bloodbath Red
$60.00から
クイックビュー
BLK マジックサイガーター (ブラック)
1 review
$70.00
クイックビュー
黒
Black Magic Thigh Garter - Teal
1 review
$70.00
クイックビュー
Black Magic Thigh Garter - Dusted Pink
1 review
$70.00
クイックビュー
Black Magic Thigh Garter - Red
1 review
$70.00
クイックビュー
UFO Thigh Garter (Teal)
$60.00
クイックビュー
サーペント ガーター ベルト - キャンディ ピンク
1 review
$150.00
クイックビュー
ホトピンク
Magick サイガーター - キャンディーピンク
$80.00から
クイックビュー
Gold
マジックサイガーター（ホワイト）
$80.00から
クイックビュー
Gold
セール
Goetia Garter Belt Classic Black - (INSTOCK)
No reviews
通常価格
$150.00
セールスプライス
$100.00
33
%を節約
クイックビュー
セール
Serpent Garter Belt - Blue - INSTOCK
No reviews
通常価格
$150.00
セールスプライス
$80.00
47
%を節約
クイックビュー
セール
Goetia Garter Belt - Dusted Pink - INSTOCK
No reviews
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Goetia Garter Belt - Blue - INSTOCK
No reviews
通常価格
$150.00
セールスプライス
$60.00
60
%を節約
クイックビュー
セール
Blk Magic Thigh Garter - Royal Blue - INSTOCK
No reviews
通常価格
$70.00
セールスプライス
$40.00
43
%を節約
クイックビュー
前の
1
2
3
4
5
次
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
"閉じる(esc)"
x
