.product-tooltip__image-wrapper{width:72px;min-height:72px;position:relative;background-color:#f3f3f3;border-radius:4px;overflow:hidden;flex-shrink:0}.product-tooltip__image-wrapper>svg{width:72px;height:72px}.product-tooltip__image-wrapper .product-tooltip__image-padding{padding-top:100%;height:100%;position:relative;width:100%}.product-tooltip__image-wrapper .product-tooltip__image-padding>img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%;display:block}.product-tooltip__content{flex:1 0 0;padding-left:12px;overflow:hidden;text-align:left}.product-tooltip__title{margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;font-size:18px}.product-tooltip__badge{display:inline-block;margin-top:8px;color:#fff;font-weight:600;padding:4px 12px;background-color:#e32619;white-space:nowrap;max-width:100%;border-radius:4px;font-size:12px}.product-tooltip__price{margin-top:8px;margin-left:-8px;display:flex;align-items:flex-start;flex-wrap:wrap}.product-tooltip__price .price{display:inline-flex;align-items:flex-start;color:#e32619;font-weight:600;line-height:1;vertical-align:top;margin-left:8px}.product-tooltip__price .price.is-original{color:#000;text-decoration:line-through;font-weight:initial}.product-tooltip__price .price.is-normal{color:#1c1d1d}.product-tooltip__price .price__decimal{font-size:.6em}.product-tooltip__link{margin-top:15px;display:inline-flex;align-items:center;word-break:break-word;text-decoration:none;color:inherit;font-size:17px}.product-tooltip__link-icon{margin-left:5px;width:8px;height:8px;flex-shrink:0}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}.shoppable-image .fade-show{animation:fade-slide-in .8s}.shoppable-image{overflow:hidden;position:relative;display:block}.shoppable-image__wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.shoppable-image__image-wrapper{position:relative;width:100%;background-color:#0000004d}@media(min-width:750px){.shoppable-image__image-wrapper--pc_empty{min-height:500px}}@media(max-width:749px){.shoppable-image__image-wrapper--mobile_empty.shoppable-image__image-wrapper--pc_empty{min-height:450px}}.shoppable-image__image-wrapper>img{display:inline-block;vertical-align:middle;width:100%;height:auto}.shoppable-image__hotspot{--color__hotspot: #fff;position:absolute;width:30px;height:30px;cursor:pointer;border-radius:50%;outline:0;z-index:2;background:transparent;border:none;padding:0}.shoppable-image__hotspot:hover:before,.shoppable-image__hotspot:hover:after{transform:scale(1.1)}.shoppable-image__hotspot:before,.shoppable-image__hotspot:after{content:"";height:15px;width:15px;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:var(--color__hotspot);transition:transform .2s}.shoppable-image__hotspot:after{animation:pulse 2s infinite;opacity:.5;box-shadow:0 0 0 var(--color__hotspot)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color__hotspot);opacity:.5}70%{box-shadow:0 0 0 10px var(--color__hotspot);opacity:.5}95%{box-shadow:0 0 0 10px var(--color__hotspot);opacity:0}to{box-shadow:0 0 0 0 var(--color__hotspot);opacity:0}}.shoppable-image__hotspot .hotspot__tooltip-wrapper{position:absolute;top:0;left:46px;background-color:#fff;border:1px solid #eaecec;padding:16px;text-decoration:none;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transition-delay:.3s;transform:translateY(-16px);box-shadow:0 10px 20px #0000001a;width:280px;border-radius:4px;z-index:3}.shoppable-image__hotspot--active{z-index:3}.shoppable-image__hotspot--active:after{animation:none;box-shadow:0 0 0 10px var(--color__hotspot, #fff);opacity:.5}.shoppable-image__hotspot--active .hotspot__tooltip-wrapper{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes hotspotShow{0%{opacity:0}to{opacity:1}}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot{position:absolute;width:20px;height:20px;cursor:pointer;border-radius:50%;outline:0;z-index:2;opacity:0;animation-duration:.2s;animation-name:hotspotShow;animation-fill-mode:forwards}@media(min-width:750px){shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:hover:before,shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:hover:after{transform:unset}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:hover:before{border:2px solid #fff}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:hover .hotspot__tooltip-wrapper{background-color:#000000b3}}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:before,shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:after{content:"";height:20px;width:20px;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#0006}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot:after{animation:none;box-shadow:unset;opacity:unset;height:8px;width:8px;background-color:#fff}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper{position:absolute;top:26px;left:0;background-color:#00000080;border:1px solid rgba(0,0,0,.4);padding:10px;text-decoration:none;opacity:0;transform:translateY(-16px);transition:opacity .2s,transform .2s;transition-delay:.3s;width:200px;border-radius:8px}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content{display:flex;color:#fff}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-text{font-family:var(--font-body-family);flex:1}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-text .fixed-card-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:140%}@media(max-width:749px){shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-text .fixed-card-title{font-size:10px}}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-price{margin-top:8px;font-size:14px;font-weight:600;line-height:160%}@media(max-width:749px){shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-price{font-size:10px;margin-top:0}}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-price .price-item-origin{text-decoration:line-through;opacity:.6;font-size:13px;font-weight:400}@media(max-width:749px){shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-content .fixed-card-price .price-item-origin{font-size:10px}}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;margin-left:8px}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot .hotspot__tooltip-wrapper .fixed-card-icon svg{width:14px;height:14px;color:#000}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot--active{z-index:3}shoppable-image[data-show-type=fixed] .shoppable-image__hotspot--active .hotspot__tooltip-wrapper{opacity:1;transform:translateY(0)}.product-tooltip{display:flex;align-items:flex-start}.product-tooltip:hover .product-tooltip__link{text-decoration:underline}.display-none-tablet{display:flex}@media(max-width:749px){.display-none-tablet{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shoppable-image.css.map */