{"reviewableCount":0,"unreadMessageCount":0,"cartCount":0,"informationsInHeader":[],"informationsOnGrobalNavi":[{"content":"<div class=\"header-info\"> <a href=\"/search?alignmentSearch=3&commercialType=all\" class=\"header-info-item header-info-sale\"><span class=\"SaleFlag\" >SALE</span>クリアランスセール開催中！</a> <a href=\"/customer/customer-register/\" class=\"header-info-item\">新規会員登録で 500ポイントプレゼント</a> </div> <style> .header-info { background: #064738; color: #fff; -webkit-font-smoothing: auto; font-size: 13px; letter-spacing: 0.15em; line-height: 1; text-align: center; padding: 1em 0; height: 3em; } .header-info { position: relative; --animation-interval: 5s; } .header-info-item { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; animation-name: album; animation-duration: calc(var(--animation-interval) * 2); animation-iteration-count: infinite; } .header-info-item:nth-child(2) { animation-delay: calc(var(--animation-interval) * (2 - 1)); } @keyframes album { 0% { opacity: 0; } 5% { opacity: 1; pointer-events: initial; } 46% { opacity: 1; pointer-events: initial; } 50% { opacity: 0; } } .header-info-sale { display:flex; align-items:center; } .header-info-sale .SaleFlag { font-size: 10px; letter-spacing: .2em; margin-right: 10px; padding: 3px 3px 3px 6px; border: 1px solid #fff; } </style>"}]}