.browsing-history{bottom:80px;position:fixed;right:23px}@media (max-width:1024px){.browsing-history{right:35px}}@media (max-width:500px){.browsing-history{right:20px}}@media (min-width:0) and (max-width:739px){.browsing-history{z-index:50}.browsing-history>div{overflow:hidden}}@media (min-width:740px){.browsing-history{max-height:320px;max-height:458px;pointer-events:none;z-index:99}}.browsing-history a{display:flex;flex-wrap:nowrap;margin-top:5px;pointer-events:auto;position:relative}.browsing-history a>div{position:relative;transition:all .35s ease;transition-property:transform}@media (min-width:740px){.browsing-history a{height:60px;width:60px}.browsing-history a:hover>div{height:64px;width:244px}.browsing-history a:hover .text_container{opacity:1}.browsing-history a.btn-fn:hover .img_holder .num{background-color:#000;color:#fff}.browsing-history a.btn-fn:hover .circle{background-color:var(--color-main)}.record .img_holder:hover .circle{background-color:var(--footer-color-hover)}.browsing-history a.btn-fn:hover .circle svg,.record .img_holder:hover .circle svg{transform:scale(1.1)}}.browsing-history .img_holder{background-size:cover;flex-shrink:0;height:60px;width:60px}.browsing-history .img_holder,.browsing-history .img_holder .num{align-items:center;border-radius:50%;display:flex;justify-content:center}.browsing-history .img_holder .num{background-color:var(--color-main);color:#fff;font-family:var(--font-family-en);font-size:11px;font-weight:400;height:25px;position:absolute;right:0;top:0;transform-origin:center;transition:color .3s ease,background-color .3s ease;width:25px}.browsing-history .circle{align-items:center;background-color:#000;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background-color .3s ease;width:100%}.browsing-history .circle path{fill:#fff}.browsing-history .circle svg{display:block;height:auto;transition:transform .3s ease;width:50%}.browsing-history .text_container{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;opacity:0;padding:0 0 0 20px;pointer-events:none;position:absolute;right:100%;top:50%;transform:translateY(-50%);transition:.5s}@media (min-width:0) and (max-width:739px){.browsing-history .text_container{display:none}}@media (min-width:740px){.browsing-history .text_container{background-color:#fff;box-sizing:content-box;max-width:120px;padding:5px 10px;width:100%}}.browsing-history .fz-C{display:-webkit-box;height:auto;-webkit-line-clamp:2;line-height:1.25em;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#000;font-size:15px}.browsing-history .price{display:block;font-family:var(--font-family-en);font-size:14px;padding-top:5px}.browsing-history .price .sp{color:var(--color-main);font-weight:700}.browsing-history .price .orig{color:#666;font-size:11px;text-decoration:line-through}@media (min-width:0) and (max-width:739px){.browsing-history .price{font-size:13px}}@media (min-width:0) and (max-width:350px){.browsing-history .price{font-size:11px;letter-spacing:-.1px}}.record{margin-left:auto;pointer-events:auto;position:relative;width:60px}.record .img_holder{cursor:pointer}.record .img_holder .num{opacity:0}.record .cont{bottom:0;margin-right:0;opacity:0;pointer-events:none;position:absolute;right:100%;transition:.5s}.record .cont a{margin-left:0;pointer-events:none}.record .text_container{background-color:hsla(0,0%,100%,.5);width:100px}.record.show .cont{margin-right:10px;opacity:1;pointer-events:auto;transition:.5s}.record.show .img_holder .num{opacity:1}.record.show .cont a{pointer-events:auto}