.edibot-product-detail .edb-img-tag-w:has(img[ec-data-src]:first-child) > div:has(div[data-aos] img[ec-data-src]) { visibility: hidden; } .edibot-product-detail .edb-img-tag-w > div:has(div[data-aos] img[ec-data-src]) { position: absolute; top: 0% !important; left: 50% !important; transform: translate(0%, 0%) rotate(0deg) !important; } .edibot-product-detail .edb-img-tag-w > div div[data-aos] div:has(img[ec-data-src]) { position: absolute !important; top: 0 !important; left: 0 !important; transform: none !important; } .edibot-product-detail * { font-family: inherit; font-size: inherit; } .edibot-product-detail img[src=''], .edibot-product-detail img:not([src]) { visibility: hidden !important; height: 1px !important; } .edibot-product-detail div#edb-img-tag, .edibot-product-detail div#edb-img-tag * { position: unset;border: 0;border-radius: 0;box-sizing: content-box;height: auto;line-height: normal;min-height: auto;text-align: left;transform: none;margin: 0;opacity: 1;padding: 0;transition: opacity .15s linear, background .15s linear, border .15s linear } .edibot-product-detail div#edb-img-tag .edb-tag { position: absolute;display: block;background: rgba(0, 0, 0, .3);border-radius: 50%;border: 1px solid transparent;box-shadow: 0 4px 6px rgba(0, 0, 0, .2);box-sizing: border-box;cursor: pointer;height: 32px;text-decoration: none;transform: translate(-50%, -50%);width: 32px } .edibot-product-detail .edb-img-tag-w.hover div#edb-img-tag .edb-tag { opacity: 0;visibility: hidden } .edibot-product-detail div#edb-img-tag .edb-tag:before { content: '';position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px } .edibot-product-detail div#edb-img-tag .edb-tag:after { content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;background-color: #fff;border-radius: 50%;box-shadow: 0 4px 6px rgba(0, 0, 0, .2);height: 10px;margin: auto;transition: transform .15s linear;width: 10px } .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name { position: absolute;display: block;align-items: center;background: #fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .2);color: #000;font-family: -apple-system, Apple SD Gothic Neo, malgun gothic, arial, sans-serif;font-size: 12px;font-style: normal;line-height: 36px;margin: 50% 0 0 50%;max-width: 201px;opacity: 0;overflow: hidden;padding: 0 28px 0 11px;text-decoration: none;text-overflow: ellipsis;transform: translate(-50%, -100%) translateY(-26px);visibility: hidden;white-space: nowrap } .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name:after { content: '';position: absolute;top: 0;bottom: 1px;right: 10px;margin: auto 0;background: url(//img.cafe24.com/csdstatic/edibot/v2/img/ui/ec/bg_tag.png) no-repeat;background-size: 5px 9px;height: 9px;margin-left: 10px;width: 5px } .edibot-product-detail div#edb-img-tag .edb-tag.top:before { margin-top: -10px } .edibot-product-detail div#edb-img-tag .edb-tag.right:before { margin-right: -10px } .edibot-product-detail div#edb-img-tag .edb-tag.right .edb-tag-name { transform: translate(26px, -50%) } .edibot-product-detail div#edb-img-tag .edb-tag.bottom:before { margin-bottom: -10px } .edibot-product-detail div#edb-img-tag .edb-tag.bottom .edb-tag-name { transform: translate(-50%, 26px) } .edibot-product-detail div#edb-img-tag .edb-tag.left:before { margin-left: -10px } .edibot-product-detail div#edb-img-tag .edb-tag.left .edb-tag-name { transform: translate(-100%, -50%) translateX(-26px) } .edibot-product-detail .edb-img-tag-w.hover:hover div#edb-img-tag .edb-tag, .edibot-product-detail div#edb-img-tag .edb-tag:hover .edb-tag-name { opacity: 1;visibility: visible } .edibot-product-detail div#edb-img-tag .edb-tag:hover { border: 1px solid #eee;background-color: #009cff;box-shadow: none } .edibot-product-detail div#edb-img-tag .edb-tag:hover:after { transform: scale(.6) } .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name:hover { text-decoration: underline } html:lang(ja) .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name { font-family: -apple-system, verdana, Meiryo, 'メイリオ', sans-serif } html:lang(en) .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name, html:lang(vi) .edibot-product-detail div#edb-img-tag .edb-tag .edb-tag-name { font-family: -apple-system, Helvetica Neue, Helvetica, Arial, Sans-serif } @media only screen and (hover:none) and (pointer:coarse) { .edibot-product-detail .edb-img-tag-w.hover div#edb-img-tag .edb-tag { opacity: 1;visibility: visible } }