.progress-box{display:block;width:300px;padding:4px;margin:0 auto 30px;border-radius:30px;background:#0000001a;box-shadow:inset 0 1px 2px #0000001a,0 1px #ffffff14}@media screen and (max-width:900px){.progress-box{padding:3px}}@media screen and (max-width:500px){.progress-box{width:250px}}@media screen and (max-width:450px){.progress-box{width:220px;margin:0 auto 20px}}.progress-box .progress-bar{width:50%;height:10px;border-radius:30px;background-image:linear-gradient(to bottom,#ffffff4d,#ffffff0d);background-color:#dcb474;transition:all .4s ease-in-out;transition-property:width,background-color}@media screen and (max-width:500px){.progress-box .progress-bar{height:8px}}@media screen and (max-width:450px){.progress-box .progress-bar{height:7px}}.progress-box .progress-bar.step1{width:0%}.progress-box .progress-bar.step2{width:16.6666666667%}.progress-box .progress-bar.step3{width:33.3333333333%}.progress-box .progress-bar.step4{width:50%}.progress-box .progress-bar.step5{width:66.6666666667%}.progress-box .progress-bar.step6{width:83.3333333333%}.movie-content-box{display:block;width:100%;height:100%;border-radius:20px;position:relative;overflow:hidden}@media screen and (max-width:500px){.movie-content-box.hidden .up-btn{opacity:1;pointer-events:initial}.movie-content-box.hidden .bottom-box{bottom:-260px}}.movie-content-box:before{position:absolute;left:0;right:0;bottom:0;margin:auto;content:"";display:block;width:100%;height:300px;border-radius:20px;z-index:2;pointer-events:none}@media screen and (max-width:450px){.movie-content-box:before{height:280px}}@media screen and (max-width:400px){.movie-content-box:before{height:260px}}.movie-content-box .progress-bar-box{position:absolute;top:20px;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;width:calc(100% - 60px);height:6px;z-index:10}.movie-content-box .progress-bar-box .each-bar-box{display:block;width:100%;height:100%;background-color:#fff;box-shadow:0 1px 4px #aaa;border-radius:3px;margin-left:2%;margin-right:2%;position:relative}.movie-content-box .progress-bar-box .each-bar-box:first-of-type{margin-left:0}.movie-content-box .progress-bar-box .each-bar-box:last-of-type{margin-right:0}.movie-content-box .progress-bar-box .each-bar-box.is-active .inside-bar{background-color:#b92928;transition:transform .1s linear;will-change:transform}.movie-content-box .progress-bar-box .each-bar-box.is-active~.each-bar-box{opacity:.3}.movie-content-box .progress-bar-box .each-bar-box.is-active~.each-bar-box .inside-bar{background-color:none}.movie-content-box .progress-bar-box .each-bar-box .inside-bar{position:absolute;top:1.3px;left:1px;width:calc(100% - 2px);height:4px;border-radius:2px;background-color:#fff;transform-origin:left center}.movie-content-box .close-btn{position:absolute;top:50px;right:20px;display:flex;justify-content:center;align-items:center;width:40px;aspect-ratio:1/1;border-radius:50%;background-color:#fff6;box-shadow:inset 0 1px 2px #0006;z-index:10}.movie-content-box .close-btn .icon{display:block;width:15px}.movie-content-box .volume-btn{position:absolute;top:96px;right:20px;display:flex;justify-content:center;align-items:center;width:40px;aspect-ratio:1/1;border-radius:50%;background-color:#fff6;box-shadow:inset 0 1px 2px #0006;z-index:10}.movie-content-box .volume-btn.is-off .icon:nth-of-type(2){opacity:1}.movie-content-box .volume-btn .icon{display:block;width:20px;transition:all .5s ease-in-out}.movie-content-box .volume-btn .icon:nth-of-type(2){opacity:0}.movie-content-box .play-btn{position:absolute;top:0;right:0;display:block;width:100%;height:100%;z-index:3}.movie-content-box .play-btn .pause-btn{display:block;width:100%;height:100%;position:relative}.movie-content-box .play-btn .pause-btn .icon{position:absolute;top:50%;right:0;left:0;margin:auto;display:flex;justify-content:center;align-items:center;width:80px;aspect-ratio:1/1;border-radius:50%;box-shadow:inset 0 1px 2px #0000004d;transform:translateY(-50%);opacity:.7}.movie-content-box .completed-btn{position:absolute;top:0;right:0;display:block;width:100%;height:100%;z-index:1}.movie-content-box .completed-btn .icon{position:absolute;top:50%;right:0;left:0;margin:auto;display:flex;justify-content:center;align-items:center;width:80px;aspect-ratio:1/1;border-radius:50%;box-shadow:inset 0 1px 2px #0000004d;transform:translateY(-50%);opacity:.7}.movie-content-box .play-movie{display:block;width:100%;height:100%;border-radius:20px;overflow:hidden}.movie-content-box .play-movie>video{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;overflow:hidden}.movie-content-box .bottom-box{position:absolute;left:0;bottom:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;padding:20px 30px;transition:bottom .3s ease-in-out;z-index:3}@media screen and (max-width:400px){.movie-content-box .bottom-box{padding:20px 30px 15px}}.movie-content-box .bottom-box .next-btn{display:flex;justify-content:center;align-items:center;width:calc(100% - 30px);height:50px;margin-top:0;border-radius:25px;background-color:#006134;box-shadow:0 3px #007f44;border:none;outline:none}.movie-content-box .bottom-box .next-btn.is-play{margin-bottom:15px;background-color:#555;box-shadow:0 3px #666}@media screen and (max-width:500px){.movie-content-box .bottom-box .next-btn span:nth-of-type(1){animation:leftRight 5s 0s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(2){animation:leftRight 5s .03s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(3){animation:leftRight 5s .06s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(4){animation:leftRight 5s .09s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(5){animation:leftRight 5s .12s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(6){animation:leftRight 5s .15s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(7){animation:leftRight 5s .18s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(8){animation:leftRight 5s .21s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(9){animation:leftRight 5s .24s ease-in-out infinite}.movie-content-box .bottom-box .next-btn span:nth-of-type(10){animation:leftRight 5s .27s ease-in-out infinite}.movie-content-box .bottom-box .next-btn.is-play{margin-bottom:15px;background-color:#555;box-shadow:0 3px #666}.movie-content-box .bottom-box .next-btn.is-play span{animation:initial}}@media screen and (max-width:400px){.movie-content-box .bottom-box .next-btn{min-width:225px}}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(1){animation:txt-rotate 1s 0s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(2){animation:txt-rotate 1s .05s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(3){animation:txt-rotate 1s .1s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(4){animation:txt-rotate 1s .15s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(5){animation:txt-rotate 1s .2s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(6){animation:txt-rotate 1s .25s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(7){animation:txt-rotate 1s .3s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(8){animation:txt-rotate 1s .35s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(9){animation:txt-rotate 1s .4s ease-in-out forwards}.movie-content-box .bottom-box .next-btn:hover span:nth-of-type(10){animation:txt-rotate 1s .45s ease-in-out forwards}@media screen and (max-width:500px){.movie-content-box .bottom-box .next-btn:hover span{animation:initial!important}}.movie-content-box .bottom-box .next-btn:focus{outline:none}.movie-content-box .bottom-box .next-btn>p{display:flex;justify-content:center;align-items:center;width:fit-content;margin:0}.movie-content-box .bottom-box .next-btn>p>span{display:block;width:100%;font-weight:400;font-size:16px;line-height:1.5;font-family:iroha-25icho-stdn,sans-serif;letter-spacing:.05em;text-align:center;color:#fff}.movie-content-box .bottom-box .link-btn{display:flex;justify-content:center;align-items:center;width:calc(100% - 30px);height:50px;margin-top:7px;border-radius:25px;background-color:#b92928;box-shadow:0 3px #d54242;cursor:none}@media screen and (max-width:500px){.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(1){animation:leftRight 5s 1.5s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(2){animation:leftRight 5s 1.53s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(3){animation:leftRight 5s 1.56s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(4){animation:leftRight 5s 1.59s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(5){animation:leftRight 5s 1.62s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(6){animation:leftRight 5s 1.65s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(1) span:nth-of-type(7){animation:leftRight 5s 1.68s ease-in-out infinite}}@media screen and (max-width:500px){.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(1){animation:leftRight 5s 3s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(2){animation:leftRight 5s 3.03s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(3){animation:leftRight 5s 3.06s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(4){animation:leftRight 5s 3.09s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(5){animation:leftRight 5s 3.12s ease-in-out infinite}.movie-content-box .bottom-box .link-btn:nth-of-type(2) span:nth-of-type(6){animation:leftRight 5s 3.15s ease-in-out infinite}}@media screen and (max-width:420px){.movie-content-box .bottom-box .link-btn{height:48px;border-radius:24px}}@media screen and (max-width:400px){.movie-content-box .bottom-box .link-btn{min-width:225px;height:46px;border-radius:23px}}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(1){animation:txt-rotate 1s 0s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(2){animation:txt-rotate 1s .05s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(3){animation:txt-rotate 1s .1s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(4){animation:txt-rotate 1s .15s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(5){animation:txt-rotate 1s .2s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(6){animation:txt-rotate 1s .25s ease-in-out forwards}.movie-content-box .bottom-box .link-btn:hover span:nth-of-type(7){animation:txt-rotate 1s .3s ease-in-out forwards}@media screen and (max-width:500px){.movie-content-box .bottom-box .link-btn:hover span{animation:initial!important}}.movie-content-box .bottom-box .link-btn>p{display:flex;justify-content:center;align-items:center;width:fit-content;margin:0}.movie-content-box .bottom-box .link-btn>p>span{display:block;width:100%;font-weight:400;font-size:16px;line-height:1.5;font-family:iroha-25icho-stdn,sans-serif;letter-spacing:.05em;text-align:center;color:#fff}@keyframes txt-rotate{0%{opacity:1}40%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes leftRight{0%{color:#fff;transform:translate(0) scale(1);opacity:1}9%{color:#f8bebc;transform:translate(20px) scale(.7);opacity:1}12%{color:#ffbe53}15%{transform:translate(0) scale(1.8);opacity:0}18%,to{color:#fff;transform:translate(0) scale(1);opacity:1}}