:root{font-family:Wix Madefor Text,Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;letter-spacing:.025rem;color:#545454;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fff}h1{font-size:3.2em;line-height:1.1}#app{display:flex;flex-direction:column;justify-content:center;position:relative;width:100vw;max-width:1920px;height:100vh;margin:auto;padding:20px 240px 20px 40px;box-sizing:border-box}@media screen and (max-width: 720px){#app{padding:0}}button{font-family:inherit;letter-spacing:inherit}#VideoArea{position:relative;flex-shrink:1;overflow:hidden;aspect-ratio:16/9;background:#f0f0f0b3}@media screen and (max-width: 720px){#VideoArea{margin:0 auto;width:calc(100% - 40px)}}video{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}video.hidden{display:none}#Intro{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;z-index:100}#Intro__text{width:260px;height:20px;overflow:hidden;text-indent:100%;white-space:nowrap;background-image:url(/shiritori/images/logo.svg);background-position:center;background-repeat:no-repeat;opacity:1;transition:opacity .33s;transform:scale(1.5)}@media screen and (max-width: 720px){#Intro__text{transform:scale(.66)}}#Intro__text.fade-out{opacity:0}.pauseIndicator{position:absolute;top:50%;left:50%;overflow:hidden;text-indent:100%;white-space:nowrap;width:150px;height:150px;border-radius:50%;background-image:url(/shiritori/images/pause.svg);background-repeat:no-repeat;background-position:center;opacity:.4;pointer-events:none;transform:translate(-50%,-50%) scale(1.1);transition:transform .1s cubic-bezier(.2,.8,.6,1),opacity .2s linear}@media screen and (max-width: 720px){.pauseIndicator{width:80px;height:80px}}.infoArea{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;width:100%;margin-top:20px;box-sizing:border-box}@media screen and (max-width: 720px){.infoArea{padding:0 20px}}.Info{line-height:1;margin:0}.Info__num{font-size:1.6rem;font-weight:700;color:#545454}@media screen and (max-width: 720px){.Info__num{font-size:1rem}}.Info__title{margin-left:.25rem;font-size:1.125rem;font-weight:600;color:#545454}@media screen and (max-width: 720px){.Info__title{margin-left:0;font-size:.875rem}}#SoundToggle{display:block;position:relative;border:none;background:none;color:#545454;font-weight:800;font-size:1.125rem;padding:12px 60px 12px 20px;border:1px solid #f0f0f0;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:background .2s}#SoundToggle:hover{background:#f0f0f0}@media screen and (max-width: 720px){#SoundToggle:hover{background:none}}@media screen and (max-width: 720px){#SoundToggle{padding:10px 42px 10px 12px;font-size:1rem}}#SoundToggle:after{content:"";position:absolute;top:50%;right:12px;width:36px;height:36px;margin-top:-18px;border-radius:50%;border:1px solid #e0e0e0;box-sizing:border-box;background-color:#fff;background-image:url(/shiritori/images/sound_off.svg);background-repeat:no-repeat;background-position:center;background-size:80%}@media screen and (max-width: 720px){#SoundToggle:after{right:8px;width:28px;height:28px;margin-top:-14px}}#SoundToggle.sound-on{background:#f0f0f0}#SoundToggle.sound-on:after{background-image:url(/shiritori/images/sound_on.svg)}.Chapter{position:fixed;display:flex;flex-direction:column;top:0;right:0;height:100vh;padding:20px 8px 20px 40px;box-sizing:border-box;overflow-y:scroll;transition:opacity .2s}@media screen and (max-width: 720px){.Chapter{position:initial;flex-direction:row;height:initial;margin-top:60px;padding:0 20px 30px;min-height:120px;overflow-x:scroll;overflow-y:initial;box-sizing:border-box}}.Chapter__item{display:block;position:relative;flex-shrink:0;width:160px;height:90px;margin:0 0 8px;border:0;border-radius:8px;cursor:pointer}.Chapter__item:focus,.Chapter__item:focus-visible{outline:none}.Chapter__item:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0px solid rgba(255,131,18,0);border-radius:8px;box-sizing:border-box;transition:border .1s}.Chapter__item:hover:after{border:1px solid rgba(255,131,18,.6)}@media screen and (max-width: 720px){.Chapter__item:hover:after{border:0}}@media screen and (max-width: 720px){.Chapter__item{width:128px;height:72px;margin:0 8px 0 0}.Chapter__item:last-child{margin:0}}.Chapter__item.current:after{border:3px solid rgba(255,131,18,.6)}.Chapter__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.Chapter__num{position:absolute;top:50%;right:100%;margin-top:-.4em;margin-right:8px;color:#bac5cf;font-size:.8125rem;font-weight:500}@media screen and (max-width: 720px){.Chapter__num{right:initial;top:100%;right:0;width:100%;margin-top:5px;margin-right:0}}
