html{position:relative;min-height:100%;font-size:14px}body{height:100%;color:#fff;background-color:rgba(210,210,210,1);padding-top:49px;margin-bottom:40px;font-family:Raleway,游ゴシック体,'Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}.jumbotron,a,a:hover{color:rgba(255,255,255,1)}.container-fluid{background-color:rgba(0,0,0,.8)}.footer{position:absolute;bottom:0;width:100%;height:40px;line-height:40px;z-index:3}#chair_logo,#logo{position:relative;stroke:rgba(255,255,255,1);fill:rgba(255,255,255,1);animation:svg-animation 4s ease-in-out 2s alternate infinite}.navbar .navbar-toggler:focus,.navbar .navbar-toggler:hover{outline:rgba(0,0,0,.2) outset 1px}.jumbotron{height:400px;padding-top:180px;background:url(../img/jumbotron.jpg) center no-repeat;background-size:cover;border-radius:0;margin:0}.row-eq-height{display:flex;flex-wrap:wrap}.spacer{height:100px}.container,.fixed{height:100vh;width:100%}#logo{top:2px;stroke-width:.1rem;fill-opacity:1;stroke-dasharray:760px;stroke-dashoffset:1521px;width:20px}#chair_logo{top:40px;stroke-width:.025rem;fill-opacity:1;stroke-dasharray:760px;stroke-dashoffset:1521px;width:100%}@keyframes svg-animation{0%,60%{fill-opacity:1;stroke-dashoffset:0}80%{fill-opacity:0;stroke-dashoffset:0}100%{fill-opacity:0}}.fixed{position:fixed;background-color:rgba(210,210,210,1);z-index:1}.screen{position:relative;width:100%;z-index:2}#layer_chair>img,#layer_record>img,.layer,.scroll{position:absolute}.scroll{bottom:55px;width:100%;text-align:center;text-shadow:0 0 5px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1)}.layer{margin:0 auto;top:0;right:0;bottom:0;left:0}#layer_record{width:576px;height:389px;margin:auto;top:50px;right:0;bottom:0;left:20%;opacity:0;z-index:3}#layer_record>img{width:100%;height:100%}#layer_logo{width:100%;top:0;z-index:4}#layer_chair{width:225px;height:100%;left:0;top:0;z-index:5}#layer_chair>img{margin:auto 0;top:0;bottom:80px}#layer_outline{width:500px;top:0;z-index:6}#layer_outline>div{margin-left:1rem;margin-top:15px;letter-spacing:.1rem}#layer_catchcopy_first,#layer_catchcopy_latter{letter-spacing:.5rem;font-size:.8rem;position:absolute;opacity:0;text-shadow:0 0 5px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1)}#layer_catchcopy{margin:auto;right:275px;top:0;bottom:80px;width:40px;height:240px;z-index:7;mix-blend-mode:exclusion}#layer_catchcopy_first{left:20px;top:0;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#layer_catchcopy_latter{left:0;top:1.5rem;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#cover{background-color:rgba(0,0,0,.8)}#layer_text{position:absolute;width:100%;height:100%;top:0;z-index:99}#info{position:absolute;left:1rem;bottom:170px;text-shadow:0 0 5px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1)}@media (orientation:landscape) and (max-height:600px){#info,.scroll{bottom:100px}#layer_logo,#layer_outline{width:260px;right:150px}#layer_chair{left:340px}#layer_chair>img{height:70%;width:auto}#layer_catchcopy{right:180px;width:200px;height:50px;top:0;bottom:0;margin:auto}#layer_catchcopy_first{-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;width:100%;left:0}#layer_catchcopy_latter{-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;width:100%;left:1.5rem}}@media (orientation:landscape) and (min-height:601px){#layer_logo{width:500px}}@media (orientation:portrait) and (min-width:500px){#layer_logo{width:500px}}@media (min-width:576px){.container{width:576px}.record{left:30%}}@media (min-width:768px){.container{width:768px}}@media (min-width:992px){.container{width:992px}}@media (min-width:1200px){.container{width:1200px}.record{left:25%}}#btn-nowplaying{position:fixed;bottom:12px;right:10px;z-index:97}#btn-twinvite{position:fixed;bottom:68px;right:10px;z-index:98}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:99;opacity:0;transition:opacity 1s ease;visibility:hidden}.modal-content{background-color:transparent;height:100%;padding:60px 1rem 1rem;overflow:scroll;-webkit-overflow-scrolling:touch;text-shadow:0 0 5px rgba(0,0,0,1),1px 1px 1px rgba(0,0,0,1)}.modal-content a{text-decoration:underline}.modal-close-btn{position:absolute;top:60px;right:1rem}.chair-panel{position:relative;transform-style:preserve-3d}.name-holder{position:absolute;height:90%;left:0;top:10%;overflow:hidden;word-break:break-all;animation:name-holder 2s ease infinite;font-size:19px}@media (max-width:768px){.name-holder{font-size:12px}}@media (max-width:992px){.name-holder{font-size:13px}}@keyframes name-holder{0%,100%{transform:rotateZ(30deg) translateX(2px)}50%{transform:rotateZ(20deg) translateX(-2px)}}