.pc{.item_favorite{p{position:relative;display:inline-block;vertical-align:middle;height:38px;border:1px solid #ccc;border-radius:4px;margin-left:10px;padding:0 14px 0 13px;line-height:36px;text-align:center;letter-spacing:.05em;font-size:15px;color:#666;&:before{left:-16px;z-index:1;border:8px solid transparent;border-right-color:#ccc}&:after,&:before{content:"";position:absolute;top:11px;width:0;height:0}&:after{left:-15px;z-index:2;border:8px solid transparent;border-right-color:#fff}}}.btn_favorite{height:38px;border:1px solid #ccc;border-radius:4px;padding:0 32px 0 28px;background-color:#fff;text-align:left;line-height:38px;letter-spacing:.03em;color:#666;font-size:15px;transition:border-color .2s ease;&:before{content:"";width:20px;height:20px;margin:-4px 8px 0 0;background-repeat:no-repeat;background-size:19px}&:hover{border:1px solid #aaa;opacity:1}&.on{&:before{background-image:url(//st-cdn.net/assets/storesjp/packs/media/module_icon/icon_heart_active-5af063b9.svg)}&:active{background-color:#e7e7e7}}&.off{&:before{background-image:url(//st-cdn.net/assets/storesjp/packs/media/module_icon/icon_heart-31edc972.svg)}}}}.mobile{.item_favorite{box-sizing:border-box;height:44px;display:flex;border:1px solid #ddd;border-radius:100px;line-height:42px;margin-left:12px;a{display:block}p{padding:0 18px 0 3px;letter-spacing:.03em;font-size:16px;color:#666}.btn_favorite{display:inline-block;width:42px;height:42px;border-radius:50%;background-color:#fff;font-size:0;&.on{background:url(//st-cdn.net/assets/storesjp/packs/media/module_icon/icon_heart_on-f6d70331.svg) no-repeat 11px 12px;background-size:20px}&.off{background:url(//st-cdn.net/assets/storesjp/packs/media/module_icon/icon_heart-31edc972.svg) no-repeat 11px 12px;background-size:20px}}}}