.benefit-ticket-sample{background:#111014;padding:10px}
.benefit-ticket-sample>img{display:block;width:100%;height:100%;object-fit:contain}
.benefit-player-samples{background:radial-gradient(ellipse at center,#423034 0,#211a1d 55%,#151216 100%);isolation:isolate}
.sample-card{position:absolute;display:block;height:158px;width:auto;border:1px solid #ffffff25;border-radius:3px;box-shadow:0 8px 19px #0008;object-fit:contain}
.sample-card-left{transform:translateX(-63px) rotate(-10deg);z-index:1}
.sample-card-right{transform:translateX(63px) rotate(10deg);z-index:2}
.sample-card-center{height:172px;z-index:3}
.benefit-copy .benefit-sample-note{font-size:8px;line-height:1.6;color:#8e8284;margin-top:13px;padding-top:10px;border-top:1px solid #ddd5d3;word-break:keep-all}
@media(max-width:960px) and (min-width:681px){.sample-card{height:163px}.sample-card-center{height:180px}}
@media(max-width:680px){.benefit-ticket-sample{padding:6px}.sample-card{height:105px}.sample-card-center{height:117px}.sample-card-left{transform:translateX(-38px) rotate(-10deg)}.sample-card-right{transform:translateX(38px) rotate(10deg)}.benefit-copy .benefit-sample-note{font-size:7px;line-height:1.65;margin-top:11px;padding-top:9px}}
@media(max-width:360px){.sample-card{height:94px}.sample-card-center{height:106px}.sample-card-left{transform:translateX(-33px) rotate(-10deg)}.sample-card-right{transform:translateX(33px) rotate(10deg)}}
@media(max-width:680px){html[lang=ja] .benefit-copy h3{font-size:15px;letter-spacing:-.5px}}
@media(max-width:360px){html[lang=ja] .benefit-copy h3{font-size:13px}}

.benefit-ticket-pending{background:#111014;color:#f5f3ed;flex-direction:column;gap:16px;text-align:center;padding:20px}
.benefit-ticket-pending>span{font:700 12px/1.5 Industry,sans-serif;letter-spacing:2px}
.benefit-ticket-pending>b{font-size:16px;line-height:1.6;color:#bcbcc4}
@media(max-width:680px){.benefit-ticket-pending>span{font-size:9px;letter-spacing:1px}.benefit-ticket-pending>b{font-size:12px}}