.play-view{padding:25px 30px}@media only screen and (min-width: 480px){.play-view{padding:5rem 7vw;padding-top:25vh}}.play-view h1{opacity:var(--scrolled, 1)}.play-visual{background:rgba(120,120,120,.5);height:40vh;left:50vh;opacity:0;position:absolute;top:50%;transform:translate(0, -50%);transition:opacity .2s cubic-bezier(0.24, 0.23, 0.2, 1),transform .2s cubic-bezier(0.24, 0.23, 0.2, 1);width:40vw}.play-item{color:#999;font-size:7vw;font-family:"SaolDisplay";margin-bottom:3vw;position:relative;transition:opacity .2s cubic-bezier(0.24, 0.23, 0.2, 1),transform .2s cubic-bezier(0.24, 0.23, 0.2, 1)}.play-item:before{border-top:1px solid #4747fe;display:block;content:"";opacity:0;position:absolute;right:100%;position:absolute;transform:translate(-20px, 0);transition:opacity .2s cubic-bezier(0.24, 0.23, 0.2, 1),transform .2s cubic-bezier(0.24, 0.23, 0.2, 1);top:50%;width:100px}.play-item:hover{color:#fff;transform:translate(10vw, 0)}.play-item:hover:before{opacity:1}.play-item:hover .play-visual{opacity:0;transform:translate(0, -50%) translate(-10vw, 0vw)}.play-image img{visibility:hidden}