/* ご提供のシートから各バッジだけを表示する */
.feature-badges{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px}
.feature-badge{position:relative;display:inline-block;flex:none;width:102px;height:54px;padding:0;background:#170b16;border-radius:9px;overflow:hidden;vertical-align:middle}
.feature-badge:before{content:"";position:absolute;inset:0;background-image:url('assets/feature-badges-sheet.png');background-repeat:no-repeat;background-size:744.3px 70.65px;mix-blend-mode:screen}
.feature-new:before{background-position:-49px -5px}
.feature-popular:before{background-position:-160px -5px}
.feature-station:before{background-position:-260px -5px}
.feature-smoking:before{background-position:-364px -5px}
.feature-karaoke:before{background-position:-467px -5px}
.feature-drink:before{background-position:-577px -5px}
.card-tags .feature-badge{padding:0;background:#170b16;color:inherit}
.card-tags{align-items:center}
.card-tags .card-extra{align-self:center;padding:5px 9px;background:#654056;color:#ffe0ea;font-size:12px;border-radius:3px}
.spotlight-card .pickup-features{position:absolute;top:2px;bottom:auto;left:5px;right:5px;z-index:2;display:flex;flex-direction:row;gap:0;overflow:hidden;pointer-events:none}
.spotlight-card .pickup-features .feature-badge{position:relative;top:auto;bottom:auto;left:auto;right:auto;display:inline-block;flex:none;transform:scale(.75);transform-origin:top left;margin-right:-25px;margin-bottom:-13px}
.shop-features{margin:8px 0;max-width:100%}
.shop-features-label{font-size:13px;color:#f0c9d7;margin:8px 0 3px}
@media(max-width:700px){
  .feature-badge{width:90px;height:48px}
  .feature-badge:before{background-size:656px 62.3px}
  .feature-new:before{background-position:-43px -4px}
  .feature-popular:before{background-position:-141px -4px}
  .feature-station:before{background-position:-229px -4px}
  .feature-smoking:before{background-position:-321px -4px}
  .feature-karaoke:before{background-position:-412px -4px}
  .feature-drink:before{background-position:-508px -4px}
  .spotlight-card{height:130px}
  .spotlight-card>span:not(.pickup-features){justify-content:flex-start;padding-top:15px;padding-right:10px}
  .spotlight-card>span:not(.pickup-features)>b{padding-right:24px}
  .spotlight-card>span:not(.pickup-features):after{top:23px}
  .spotlight-card .pickup-features:after,.spotlight-card .feature-badge:after{content:none}
  .spotlight-card .pickup-features{position:absolute;top:auto;bottom:2px;left:calc(42% + 10px);right:5px;width:auto;padding:0}
  .spotlight-card .pickup-features .feature-badge{transform:scale(.87);margin-right:-11px;margin-bottom:-6px}
}

/* 元の図柄を保ち、枠の外だけをアルファマスクで透明にする */
.feature-badge,.card-tags .feature-badge{background:transparent;border-radius:0;overflow:hidden}
.feature-badge:before{mix-blend-mode:normal;mask-image:url("assets/badge-alpha-mask.webp");mask-repeat:no-repeat;mask-size:781px 261px}
.feature-new:before{mask-position:-55px -101px}
.feature-popular:before{mask-position:-173px -96px}
.feature-station:before{mask-position:-278px -100px}
.feature-smoking:before{mask-position:-388px -100px}
.feature-karaoke:before{mask-position:-497px -100px}
.feature-drink:before{mask-position:-613px -101px}
@media(max-width:700px){
  .feature-badge:before{mask-size:688px 230px}
  .feature-new:before{mask-position:-48px -89px}
  .feature-popular:before{mask-position:-152px -85px}
  .feature-station:before{mask-position:-245px -88px}
  .feature-smoking:before{mask-position:-342px -88px}
  .feature-karaoke:before{mask-position:-438px -88px}
  .feature-drink:before{mask-position:-540px -89px}
}
.card-pay-badge,.card-tags .card-pay-badge{display:inline-block;flex:none;width:102px;height:54px;padding:0;background:transparent url('assets/badge-card.png') center/115% auto no-repeat;vertical-align:middle}
@media(max-width:700px){.card-pay-badge,.card-tags .card-pay-badge{width:90px;height:48px}}