.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 } }