@keyframes box-animation{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein-animation{from{opacity:0}to{opacity:1}}html{font-size:62.5%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;color:#f0f0f0;font-size:1.6rem;font-family:Verdana,Arial,"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;background:#120c0d}img{border:0;vertical-align:top}a{color:#f0f0f0;text-decoration:none}a:hover{text-decoration:underline}section{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.iphone section{padding-top:40px}.ipad section{padding-top:50px}.monitor{position:relative;width:100%;height:100%;overflow:hidden}@media all and (orientation: portrait){.monitor{height:70%}}.end-image{text-align:center}.end-image img{max-width:100%}.container{position:relative;margin-left:auto;margin-right:auto}@media screen and (max-width: 1440px){.container{width:100%}}#notification{padding-top:5rem;color:#fff;font-size:2rem;line-height:1.8;text-align:center}#notification a{text-decoration:underline}#notification a:hover{text-decoration:none}#debug{padding:2rem 4rem;color:#000;font-size:1.3rem;line-height:1.4;background:#fff}@keyframes box-animation{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein-animation{from{opacity:0}to{opacity:1}}html{font-size:62.5%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;color:#f0f0f0;font-size:1.6rem;font-family:Verdana,Arial,"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;background:#120c0d}img{border:0;vertical-align:top}a{color:#f0f0f0;text-decoration:none}a:hover{text-decoration:underline}section{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.iphone section{padding-top:40px}.ipad section{padding-top:50px}.monitor{position:relative;width:100%;height:100%;overflow:hidden}@media all and (orientation: portrait){.monitor{height:70%}}.end-image{text-align:center}.end-image img{max-width:100%}.container{position:relative;margin-left:auto;margin-right:auto}@media screen and (max-width: 1440px){.container{width:100%}}#notification{padding-top:5rem;color:#fff;font-size:2rem;line-height:1.8;text-align:center}#notification a{text-decoration:underline}#notification a:hover{text-decoration:none}#debug{padding:2rem 4rem;color:#000;font-size:1.3rem;line-height:1.4;background:#fff}section#teaser{display:block;height:auto;padding:20px 0}section#teaser h1{margin-top:1rem;font-size:1.8rem;text-align:center;line-height:1.4}section#teaser h2{font-size:1.8rem}section#teaser p{font-size:1.4rem;line-height:1.4}section#teaser video{position:absolute;top:0;left:0;width:100%;height:100%}section#teaser .inner{width:852px;margin:20px auto 0;padding:20px 30px;box-sizing:border-box;color:#fff;background-color:#305200}.iphone section#teaser .inner,section#teaser .inner.iphone{width:92.5%}.android section#teaser .inner,section#teaser .inner.android{width:92.5%}section#teaser .logo{text-align:center}section#teaser .logo img{max-width:700px}section#teaser .copyright{width:700px;margin:.5rem auto 4rem;font-size:xx-small;font-weight:normal;text-align:right}section#teaser .kv{margin:30px auto;text-align:center}section#teaser .kv img{max-width:600px}section#teaser .requirement{margin-top:1rem;text-align:center}section#teaser .requirement a.btn{display:inline-block;padding:1.2rem 2.8rem;color:#fff;font-size:1.3rem;text-decoration:none;letter-spacing:.1rem;background-color:#00b0ff;transition:background-color .2s linear;cursor:pointer}section#teaser .requirement a.btn:hover{background-color:#28a745}section#teaser .share{margin-top:2rem;text-align:center}section#teaser .share a.btn{display:inline-flex;align-items:center;padding:1.3rem 3rem 1.3rem 2rem;color:#fff;font-size:1.6rem;font-weight:bold;text-align:left;text-decoration:none;line-height:1.4;background-color:#00b0ff;border-radius:1rem;cursor:pointer;transition:background-color .2s linear}section#teaser .share a.btn:hover{background-color:#0068af}section#teaser .share a.btn span{display:inline-block}section#teaser .share a.btn img{width:4rem;height:4rem;margin-right:1rem;float:left}section#teaser .cart{width:852px;box-sizing:border-box;margin:1rem auto;padding:2rem 2.4rem;border:3px solid #fff;font-size:1.6rem}section#teaser .cart p{margin:0;font-size:1.8rem}section#teaser .cart p+p{margin-top:1.6rem}section#teaser .cart p a{font-size:1.6rem;text-decoration:underline}section#teaser .cart p a:hover{text-decoration:none}section#teaser .caution{width:852px;box-sizing:border-box;margin:2.4rem auto 0;padding-left:2rem;text-indent:-2rem}section#teaser .caution a{text-decoration:underline}section#teaser .caution a:hover{text-decoration:none}section#teaser .caution img{width:2rem;height:2rem;vertical-align:top}section#teaser .link{margin-bottom:20px;text-align:center}section#teaser .schedule{width:852px;box-sizing:border-box;margin:2.4rem auto 0}section#teaser .schedule h3{font-size:1.6rem;line-height:1.5}section#teaser .schedule p{line-height:1.7}section#teaser .schedule.bottom-margin{padding-bottom:200px}section#requirement{display:block;height:auto}section#requirement a{text-decoration:underline}section#requirement a.btn{display:inline-block;padding:1.2rem 2.8rem;color:#fff;text-decoration:none;letter-spacing:.1rem;background-color:#00b0ff;transition:background-color .2s linear;cursor:pointer}section#requirement a.btn:hover{background-color:#28a745}section#requirement h1{margin:2rem 0 0;font-size:2.2rem;text-align:center;letter-spacing:.2rem}section#requirement h2{margin:4rem 0 1rem;font-size:1.8rem;line-height:1.4}section#requirement h3{margin:3rem 0 1rem;font-size:1.6rem;letter-spacing:.1rem}section#requirement p{font-size:1.6rem;line-height:1.7}section#requirement p.indent{margin-left:1.6rem;text-indent:-1.6rem}section#requirement dt{margin-top:1rem;padding:.8rem 0;border-bottom:1px solid #fff}section#requirement dd{margin:0;padding:.8rem 0;line-height:1.6}section#requirement .inner{width:640px;margin:20px auto;padding:30px 30px;color:#fff;background-color:#305200}section#requirement .inner a{color:#fff}@media screen and (max-width: 828px){section#requirement .inner{width:100%;margin:0;padding:3.75%}}section#requirement .caution{box-sizing:border-box;margin:2.4rem auto 0;padding-left:2.4rem;text-indent:-2.4rem}section#requirement .caution a{text-decoration:underline}section#requirement .caution a:hover{text-decoration:none}section#requirement .caution img{width:2.4rem;height:2.4rem;vertical-align:top}section#requirement .close{margin-top:5rem;text-align:center}#LiveSocialTweetView{position:fixed;bottom:0;left:0;width:100%}#LiveSocialTweetView.teaser #LiveSocialTweet .container{background:rgba(255,255,255,.95) !important}section#login{display:block;height:auto;margin-bottom:3rem;padding:20px 0}section#login h1{margin:0;font-size:2.6rem;line-height:1.4;text-align:center;color:#fff}.iphone section#login h1,section#login h1.iphone{font-size:2.4rem}.android section#login h1,section#login h1.android{font-size:2.4rem}section#login p{font-size:1.9rem;line-height:1.7;color:#fff}section#login p a{text-decoration:underline}section#login p a:hover{text-decoration:none}section#login .inner{width:852px;margin:0 auto;padding:5rem 30px;box-sizing:border-box;background-color:#305200}.iphone section#login .inner,section#login .inner.iphone{width:92.5%}.android section#login .inner,section#login .inner.android{width:92.5%}section#login .logo{width:350px;margin:0 auto 2rem;padding:5%;background:#fff}section#login .logo img{max-width:100%}.iphone section#login .logo,section#login .logo.iphone{width:600px}.android section#login .logo,section#login .logo.android{width:600px}section#login .flex{display:flex;justify-content:center}section#login .form{padding:4rem}section#login .form label,section#login .form input,section#login .form a.button{display:block;margin-top:1.5rem}section#login .form label{font-size:2rem;line-height:1.4;color:#fff}section#login .form input{width:100%;padding:.8rem;font-size:4rem;box-sizing:border-box;ime-mode:disabled}section#login .form .buttons{text-align:center}section#login .form a.button{display:inline-block;width:47.5%;margin-top:3rem;padding:2rem 0;font-size:2.2rem;text-align:center;text-decoration:none;background:#00b0ff;border-radius:1rem;cursor:pointer;color:#fff;transition:background-color .2s linear}section#login .form a.button:hover{background-color:#0068af}section#login .form a.button-disable,section#login .form a.button-disable-force{background:#ccc;cursor:default;transition:none}section#login .form a.button-disable:hover,section#login .form a.button-disable-force:hover{background-color:#ccc}section#login .form a.button-loading{background:#ccc;cursor:default;transition:none}section#login .form a.button-loading:hover{background-color:#ccc}section#login .form a.button-loading .loader{display:inline-block;position:absolute;margin:0 1rem;width:2rem;height:2rem;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .75s infinite linear}section#login .form a.button-loading .loader:before,section#login .form a.button-loading .loader:after{left:-2px;top:-2px;display:block;position:absolute;content:"";width:inherit;height:inherit;border-radius:inherit;border-color:transparent;border-top-color:#fff;animation:spin 1.25s infinite linear reverse}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}section#login .requirement{margin-top:1rem;text-align:center}section#login .requirement a.btn{display:inline-block;padding:1.2rem 2.8rem;color:#fff;font-size:1.3rem;text-decoration:none;letter-spacing:.1rem;background-color:#00b0ff;transition:background-color .2s linear;cursor:pointer}section#login .requirement a.btn:hover{background-color:#28a745}.android-native .vjs-controls-disabled .vjs-big-play-button{display:block !important}.android-native .video-js .vjs-big-play-button{top:49%;left:5%}.android-native .vjs-has-started .vjs-big-play-button{display:none !important}.video-js .vjs-control{height:auto}.video-js .vjs-spacer{flex:1}.vjs-button>.vjs-icon-placeholder:before{font-size:2rem}body.player{background:#000}#bchlive{position:relative;width:100%;height:100%}#bchlive .live-component{font-family:Verdana,Arial,"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#bchlive .live-modal{z-index:301}#LiveMenuView{position:absolute;top:10px;right:10px;z-index:20;display:flex}#LiveMenuView a{color:#fff}#LiveMenuView .vjs-control .vjs-icon-placeholder{display:inline-block}#LiveMenuView .vjs-control.vjs-button{cursor:pointer}#LiveMenuView .vjs-control.vjs-icon-cog:before{content:none}#LiveMenuView .vjs-control.vjs-icon-cog .vjs-icon-placeholder:before{content:""}#LiveMenuView .vjs-control.vjs-icon-menu-frame:before{content:none}#LiveMenuView .vjs-control.vjs-icon-menu-frame .vjs-icon-placeholder:before{content:""}html.iphone #LiveMenuView .vjs-control,html.pod #LiveMenuView .vjs-control,html.android #LiveMenuView .vjs-control{margin:0 1em}#LiveSocialView{position:absolute;left:0;bottom:0;z-index:14;width:100%}#LiveSocialGraph .container{position:relative;height:70px;overflow:hidden;padding:0;text-align:center;opacity:.7}#LiveSocialGraph .graph{position:relative;display:inline-block;width:40px;height:70px;overflow:hidden;margin-right:2px}#LiveSocialGraph .graph img{position:absolute;top:0;left:0;clip:rect(50px, 40px, 70px, 0)}#LiveSocialTweet .container{display:flex;align-items:center;padding:22px 24px;background:rgba(0,0,0,.6)}#LiveSocialTweet .target{flex:1;display:flex;align-items:center;opacity:0;transform:translateX(15px);transition:all .4s ease}#LiveSocialTweet .target.active{opacity:1;transform:translateX(0)}#LiveSocialTweet .target .avatar a{display:inline-block;width:56px;height:56px;overflow:hidden;border-radius:28px;background:#000;box-shadow:0 0 2px #000;transition:transform .1s linear}#LiveSocialTweet .target .avatar a img{width:100%;height:100%}#LiveSocialTweet .target .avatar a:hover{transform:scale(1.05, 1.05)}#LiveSocialTweet .target .tweet{max-height:4.2em;overflow:hidden;margin-left:12px;margin-right:100px;font-size:1.4rem;line-height:1.4}#LiveSocialTweet .target .tweet .user{font-weight:bold}#LiveSocialAuth{position:absolute;left:0;top:0;z-index:15;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#LiveSocialAuth .container{position:relative;width:auto;padding:3rem 5rem;background:rgba(0,0,0,.6);opacity:0;transform:translateY(0);animation:auth-box .6s ease 0s 1 normal forwards}@keyframes auth-box{from{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-20px)}}#LiveSocialAuth .auth-waiting{visibility:hidden !important;opacity:0 !important}#LiveSocialAuth .auth-item{position:relative;z-index:2;visibility:visible;opacity:1;transition:opacity .1s linear}#LiveSocialAuth .auth-item button{padding:1.2rem 5rem;background:#09acfd;transition:background .1s linear;cursor:pointer}#LiveSocialAuth .auth-item button:hover{background:#017bb8}#LiveSocialAuth .auth-item button img{width:173px;height:31px}#LiveSocialAuth .auth-loader{position:absolute;left:calc(50% - 25px);z-index:1;margin:0 auto;width:50px;height:50px;border:2px solid #09acfd;border-radius:50%;border-top-color:transparent;animation:spin .75s infinite linear}#LiveSocialAuth .auth-loader:before,#LiveSocialAuth .auth-loader:after{left:-2px;top:-2px;display:block;position:absolute;content:"";width:inherit;height:inherit;border-radius:inherit;border-color:transparent;border-top-color:#09acfd;animation:spin 1.25s infinite linear reverse}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#LiveSocialAuth .auth-close{position:absolute;right:-25px;top:-25px}#LiveSocialAuth .auth-close button{padding:1rem;cursor:pointer}#LiveSocialForm{position:absolute;left:0;top:0;z-index:15;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#LiveSocialForm .container{position:relative;width:auto;padding:3rem 5rem;background:rgba(0,0,0,.6);opacity:0;transform:translateY(0);animation:form-box .6s ease 0s 1 normal forwards}@keyframes form-box{from{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-20px)}}#LiveSocialForm .form-item div{text-align:center}#LiveSocialForm .form-item div.user{display:flex;align-items:center;margin-bottom:1rem;text-align:left}#LiveSocialForm .form-item div.user .avatar{margin-right:.8rem}#LiveSocialForm .form-item div.user .avatar img{display:inline-block;width:38px;height:38px;overflow:hidden;border-radius:19px;background:#000;box-shadow:0 0 2px #000}#LiveSocialForm .form-item div.user .screen{font-size:1.3rem}#LiveSocialForm .form-item textarea{width:40rem;height:18rem;padding:.4rem;font-size:1.8rem}@media all and (orientation: landscape){#LiveSocialForm .form-item textarea{height:8rem}}#LiveSocialForm .form-item p{font-size:1.2rem;text-align:right}#LiveSocialForm .form-item p.posted-status{height:1rem;visibility:hidden;text-align:center}#LiveSocialForm .form-item p.posted-status span.success{visibility:visible;color:#99c4b7}#LiveSocialForm .form-item p.posted-status span.error{visibility:visible;color:red}#LiveSocialForm .form-item button{margin:1rem auto 0;padding:1.2rem 15rem;font-size:2rem;letter-spacing:.2rem;background:#d34377;transition:background .1s linear;cursor:pointer}#LiveSocialForm .form-item button:hover{background:#a32653}#LiveSocialForm .form-item button[disabled]{background:#ccc;cursor:default}#LiveSocialForm .form-close{position:absolute;right:-25px;top:-25px}#LiveSocialForm .form-close button{padding:1rem;cursor:pointer}#ListSocialPost{position:absolute;right:0;bottom:14px;z-index:15;width:74px;height:74px}#ListSocialPost button{display:block;width:64px;height:64px;background:#21aefa;padding:0;border-radius:37px;transition:background .1s linear;cursor:pointer}#ListSocialPost button:hover{background:#0585ca}#LiveActionMenu{position:absolute;left:5px;bottom:10px;z-index:17}#LiveActionMenu .action-item{display:inline-block;vertical-align:bottom}#LiveActionMenu .action-item:nth-of-type(2){display:none}#LiveActionMenu .action-item-button{width:114px;height:114px;padding:0;background:#000;border:3px solid #fff;border-radius:57px;cursor:pointer;transition:background .1s linear}#LiveActionMenu .action-item-button:hover{background:#fff}#LiveActionMenu .action-item-button img{width:96px;height:96px}#LiveActionMenu .action-change-button{margin-bottom:15px;cursor:pointer}#LiveActionMenu .action-change-button img{transition:transform .1s linear}#LiveActionMenu .action-change-button:hover img{transform:rotate(20deg)}#LiveActionAnimation{position:absolute;left:0;top:0;z-index:17;width:100%;height:100%;overflow:hidden;user-select:none}#LiveActionAnimation .animation-item{position:absolute;right:240px;bottom:100px;width:300px;height:300px}#LiveActionAnimation .animation-item img{max-width:100%}#LiveActionAnimation .animation-corner{position:absolute;width:100%;height:100%}#LiveActionAnimation .animation-corner img{position:absolute;width:1400px;height:1400px}#LiveActionAnimation .animation-corner-top-left{top:0;left:0}#LiveActionAnimation .animation-corner-top-left img{top:-600px;left:-600px}#LiveActionAnimation .animation-corner-top-right{top:0;right:0}#LiveActionAnimation .animation-corner-top-right img{top:-600px;right:-600px}#LiveActionAnimation .animation-corner-bottom-left{bottom:0;left:0}#LiveActionAnimation .animation-corner-bottom-left img{bottom:-600px;left:-600px}#LiveActionAnimation .animation-corner-bottom-right{bottom:0;right:0}#LiveActionAnimation .animation-corner-bottom-right img{bottom:-600px;right:-600px}#LiveOfficialView{position:absolute;left:0;top:0;z-index:16;width:100%;height:85px}#LiveOfficialView .container{display:flex;align-items:center;padding:18px 24px;background:linear-gradient(to top, transparent 20%, black)}#LiveOfficialView .avatar a{display:inline-block;width:46px;height:46px;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 0 2px #000;transition:transform .1s linear}#LiveOfficialView .avatar a:hover{transform:scale(1.05, 1.05)}#LiveOfficialView .avatar a img{width:100%;height:100%}#LiveOfficialView .name{margin-left:12px;font-size:1.4rem}#LiveOfficialView .text{position:relative;max-width:46%;overflow:hidden;margin-left:12px;padding:.6rem 1.2rem;font-size:1.4rem;white-space:nowrap;text-overflow:ellipsis;border:1px solid #fff;border-radius:7px;opacity:0;transform:translateX(15px);transition:all .4s ease}#LiveOfficialView .text.active{opacity:1;transform:translateX(0)}#LiveCounterView{display:none;position:absolute;left:0;top:78px;z-index:19}#LiveCounterView .container{display:flex;align-items:center;padding:0 24px}#LiveCounterView .count{padding-left:2.6rem;font-size:1.3rem;background:url(../img/status/counter.svg) no-repeat left center;background-size:20px 12px}#LiveDetailView{position:absolute;right:15px;top:60px;width:400px;max-height:700px;overflow:auto;font-size:1.4rem;line-height:1.6;background:rgba(0,0,0,.6);opacity:0;transform:translateY(-20px);animation:box-animation .6s ease 0s 1 normal forwards}@media all and (orientation: landscape){#LiveDetailView{width:640px;max-height:500px}}@media all and (orientation: landscape){.iphone #LiveDetailView,#LiveDetailView.iphone{max-height:400px}}@media all and (orientation: landscape){.android #LiveDetailView,#LiveDetailView.android{max-height:400px}}#LiveDetailView .inner{padding:2rem}#LiveDetailView .inner p+p{margin-top:1.2rem}#LiveDetailView .button a{display:block;padding:1rem 3rem;border-top:1px solid #777;text-decoration:none;background:transparent;transition:background .1s linear;cursor:pointer}#LiveDetailView .button a:hover{color:#000;background:#fff}#LiveDetailView .toggle div{display:flex;align-items:center;padding:1rem 3rem;border-top:1px solid #777}#LiveDetailView .toggle div span{width:14rem}#LiveDetailView .toggle div .tgl{display:none}#LiveDetailView .toggle div .tgl,#LiveDetailView .toggle div .tgl:after,#LiveDetailView .toggle div .tgl:before,#LiveDetailView .toggle div .tgl *,#LiveDetailView .toggle div .tgl *:after,#LiveDetailView .toggle div .tgl *:before,#LiveDetailView .toggle div .tgl+.tgl-btn{box-sizing:border-box}#LiveDetailView .toggle div .tgl::selection,#LiveDetailView .toggle div .tgl:after::selection,#LiveDetailView .toggle div .tgl:before::selection,#LiveDetailView .toggle div .tgl *::selection,#LiveDetailView .toggle div .tgl *:after::selection,#LiveDetailView .toggle div .tgl *:before::selection,#LiveDetailView .toggle div .tgl+.tgl-btn::selection{background:none}#LiveDetailView .toggle div .tgl:checked+.tgl-btn:after{left:50%}#LiveDetailView .toggle div .tgl:checked+.tgl-btn{background:#86d993}#LiveDetailView .toggle div .tgl:checked+.tgl-btn:active{box-shadow:none}#LiveDetailView .toggle div .tgl:checked+.tgl-btn:active:after{margin-left:-0.8em}#LiveDetailView .toggle div .tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;user-select:none;background:#fbfbfb;border-radius:2em;padding:2px;transition:all .4s ease;border:1px solid #e8eae9}#LiveDetailView .toggle div .tgl-btn:after,#LiveDetailView .toggle div .tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}#LiveDetailView .toggle div .tgl-btn:after{left:0;border-radius:2em;background:#fbfbfb;transition:left .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),padding .3s ease,margin .3s ease;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08)}#LiveDetailView .toggle div .tgl-btn:before{display:none}#LiveDetailView .toggle div .tgl-btn:hover:after{will-change:padding}#LiveDetailView .toggle div .tgl-btn:active{box-shadow:inset 0 0 0 2em #e8eae9}#LiveDetailView .toggle div .tgl-btn:active:after{padding-right:.8em}#LiveDetectionView{position:absolute;top:0;left:0;z-index:13;display:flex;align-items:center;width:100%;height:100%;pointer-events:none}#LiveDetectionView .detection-box{position:relative;margin-left:auto;margin-right:auto}.video-fix-width #LiveDetectionView .detection-box{width:100%;padding-top:56.25%}.video-fix-height #LiveDetectionView .detection-box{width:100%;width:177.7777777778vh;height:100%}#LiveDetectionView .detection-box .ticket{position:absolute;padding:.3rem .4rem;color:#ddd;font-size:1.5rem;font-weight:bold;background:rgba(0,0,0,.5)}@media screen and (max-width: 1440px){#LiveDetectionView .detection-box .ticket{font-size:1.3rem}}@media screen and (max-width: 1024px){#LiveDetectionView .detection-box .ticket{font-size:1.1rem}}#LiveDetectionView .detection-box .ticket-pos1{top:10px;left:10px}#LiveDetectionView .detection-box .ticket-pos2{bottom:10px;right:10px}#LiveDetectionView .detection-box .ticket-pos3{top:10px;right:10px}#LiveDetectionView .detection-box .ticket-pos4{bottom:10px;left:10px}#LiveDecorationView{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;pointer-events:none}#LiveDecorationView.decoration-hidden{display:none}#LiveDecorationView .decoration-image{overflow:hidden}#LiveDecorationView .decoration-image span{display:inline-block;width:100%;height:100%;background-repeat:repeat}#LiveDecorationView .decoration-top{position:absolute;top:0;left:0;width:100%;height:59px}#LiveDecorationView .decoration-top span{background-position:left top}#LiveDecorationView .decoration-left{position:absolute;top:0;left:0;width:38px;height:100%}#LiveDecorationView .decoration-right{position:absolute;top:0;right:0;width:38px;height:100%}#LiveDecorationView .decoration-bottom{position:absolute;bottom:0;right:0;width:100%;height:59px}#LiveDecorationView .decoration-bottom span{background-position:right bottom}#LiveDecorationView .decoration-character{position:absolute;bottom:0;right:15px}#LiveDecorationSelectView{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:12;width:100%;height:100%;pointer-events:none}#LiveDecorationSelectView .inner{width:560px;padding:30px;line-height:1.6;background:rgba(0,0,0,.6);opacity:0;transform:translateY(-20px);animation:box-animation .6s ease 0s 1 normal forwards;pointer-events:auto}#LiveDecorationSelectView h3{padding-bottom:1rem;font-size:1.8rem;text-align:center;border-bottom:1px solid #fff}#LiveDecorationSelectView .frames a{display:block;width:94px;height:58px;margin:20px 35px;float:left;border:2px solid transparent;cursor:pointer}#LiveDecorationSelectView .frames a.selected{border:4px solid #7dd14c}#LiveDecorationSelectView .frames a span{display:inline-block;width:100%;height:100%;padding-top:.9rem;font-size:1.1rem;text-align:center;line-height:1.2;border-width:1px;border-style:solid;border-color:#7dd14c;box-sizing:border-box;background:no-repeat center top/72%}#LiveDecorationSelectView .frames a span.frame-0{border-color:#343434}#LiveDecorationSelectView .frames a span.frame-1{background-image:url(../img/frame/1/live_frame_01_character.png)}#LiveDecorationSelectView .frames a span.frame-2{background-image:url(../img/frame/2/live_frame_01_character.png)}#LiveDecorationSelectView .frames a span.frame-3{background-image:url(../img/frame/3/live_frame_01_character.png)}#LiveDecorationSelectView .frames a span.frame-4{background-image:url(../img/frame/4/live_frame_01_character.png)}#LiveDecorationSelectView .frames a span.frame-5{background-image:url(../img/frame/5/live_frame_01_character.png)}#LiveDecorationSelectView .frames a span.frame-6{border-color:#ff8abf}#LiveDecorationSelectView .frames a span.frame-7{border-color:#623915}#LiveActionSelectView{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:18;width:100%;height:100%;pointer-events:none}#LiveActionSelectView .inner{width:560px;padding:30px;line-height:1.6;background:rgba(0,0,0,.6);opacity:0;transform:translateY(-20px);animation:box-animation .6s ease 0s 1 normal forwards;pointer-events:auto}#LiveActionSelectView h3{padding-bottom:1rem;font-size:1.8rem;text-align:center;border-bottom:1px solid #fff}#LiveActionSelectView .items a{display:block;width:100px;height:100px;margin:20px 32px;padding:10px;float:left;border:4px solid transparent;cursor:pointer;border-radius:50px;background:rgba(0,0,0,.9);transition:border-color .1s linear}#LiveActionSelectView .items a.selected{border:4px solid #fff}#LiveActionSelectView .items a:hover{border-color:#fff}#LiveActionSelectView .items a span{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain}#LiveActionSelectView .items a span.item-1{background-image:url(../img/action/hand/hand_clap_1.png)}#LiveActionSelectView .items a span.item-2{background-image:url(../img/action/hand/hand_clap_2.png)}#LiveActionSelectView .items a span.item-3{background-image:url(../img/action/hand/hand_clap_3.png)}#LiveActionSelectView .items a span.item-4{background-image:url(../img/action/hand/hand_clap_4.png)}#LiveActionSelectView .items a span.item-5{background-image:url(../img/action/hand/hand_clap_5.png)}#LiveActionSelectView .items a span.item-6{background-image:url(../img/action/hand/hand_clap_6.png)}#LiveActionSelectView .items a span.item-7{background-image:url(../img/action/hand/hand_clap_7.png)}#LiveHelpView{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:21;width:100%;height:100%;pointer-events:none}#LiveHelpView .inner{position:relative;padding:30px;line-height:1.6;background:rgba(0,0,0,.6);opacity:0;transform:translateY(-20px);animation:box-animation .6s ease 0s 1 normal forwards;pointer-events:auto}#LiveHelpView .inner a.vjs-button{position:absolute;top:.5em;right:.5em;width:auto;font-size:2.2em;line-height:1;text-decoration:none;cursor:pointer}#error{height:2rem}#error span{display:inline-block;padding:.7rem 0;color:red;font-size:2rem}#playlist{position:fixed;top:0;left:0;z-index:101;width:100%;height:100vh}#playlist .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9)}#playlist .content{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:1.5rem 0 2.5rem}#playlist h2{color:#ff9600;font-size:1.8rem;text-align:center}#playlist nav{display:flex;flex-wrap:wrap;justify-content:center}#playlist nav>button{flex:0 0 23.4%;margin:5px;padding:7px;border:1px solid #ff9600;outline:none;appearance:none;cursor:pointer;background:#fff}#playlist nav>button img{max-width:100%}#playlist nav>button span{display:block;margin-top:3px;line-height:1.3}#playlist .close{margin-top:1rem;text-align:center}#playlist .close>button{padding:3px 7px;color:#fff;font-size:1.4rem;outline:none;appearance:none;cursor:pointer;border:1px solid #fff;background:transparent}#playlist .fc-only{display:none}#playlist.playlist-hidden{display:none}