:root{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#102e46;background:#eef3f7;font-synthesis:none;font-size:16px;--cyan:#6de3ff}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,video:focus-visible{outline:4px solid #f7ae37;outline-offset:4px}[hidden]{display:none!important}.menu-shell{max-width:1280px;margin:auto;padding:30px 36px 22px}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.overline{font-size:.875rem;letter-spacing:.08em;color:#42718c;margin:0 0 7px}h1{font-size:1.9rem;margin:0;line-height:1.5;letter-spacing:.01em}h1 span{font-weight:500;margin-left:14px;font-size:1.4rem}.brand{width:180px;height:auto}.all-play{display:flex;align-items:center;gap:24px;color:white;background:#123751;border-radius:16px;padding:26px 30px;box-shadow:0 8px 25px #163d5214;border-left:6px solid #17b5d9;transition:background .2s,transform .2s}.all-play:hover{background:#174765;transform:translateY(-2px)}.play-icon{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border-radius:50%;background:var(--cyan);color:#0a344b;font-size:1.5rem;padding-left:5px}.all-copy{display:grid;gap:6px}.all-copy strong{font-size:1.75rem;letter-spacing:.04em}.all-copy>span{font-size:1rem;line-height:1.7;color:#d6e9f4}.all-meta{margin-left:auto;text-align:right;white-space:nowrap;font-size:.9rem;color:#c6e1ee;display:grid;gap:12px}.all-meta span{font-size:1rem;font-weight:700;color:var(--cyan)}.menu-hint{font-weight:600;margin:25px 0 14px;font-size:1rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{background:#fff;border:1px solid #d6e1e9;border-radius:14px;padding:18px;min-width:0}.product-title{display:flex;align-items:center;gap:13px;margin-bottom:17px}.product-title>span{color:#087da9;font-size:.875rem;border-bottom:2px solid #1eb6d3;padding:4px 0}.product h2{font-size:1.35rem;margin:0}.film-link{display:block;border:1px solid #dce5eb;border-radius:8px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.film-link+.film-link{margin-top:15px}.film-link:hover{box-shadow:0 4px 16px #12375124;border-color:#0881ab}.film-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#123751}.film-link>span{display:flex;align-items:center;padding:12px 13px;gap:12px}.film-link strong{font-size:1rem}.film-link small{font-size:.875rem;color:#567080}.film-link i{margin-left:auto;color:#057aab;font-size:.875rem;font-style:normal}.menu-footer{color:#526a7c;font-size:.875rem;line-height:1.7;display:flex;justify-content:space-between;gap:24px;margin-top:20px}.menu-footer p{margin:0}.menu-footer p:last-child{white-space:nowrap}
.watch-page{background:#0a111b;color:#eaf0f6;min-height:100vh}.watch-shell{max-width:1440px;margin:auto;padding:20px 28px}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}.back-link{color:#cbdde9;padding:10px 0;font-size:1rem}.watch-mode{font-size:.875rem;color:#8acfe7;margin:0}.watch-heading{font-size:1.2rem;margin:3px 0 0}.watch-header .heading-group{text-align:right}.stage{position:relative;background:#000;aspect-ratio:16/9;max-height:calc(100dvh - 225px);margin:auto;width:100%;overflow:hidden;border-radius:6px}.stage:fullscreen{max-height:none;height:100dvh;width:100vw;border-radius:0;display:grid;place-items:center}.stage video{display:block;width:100%;height:100%;object-fit:contain}.start-panel{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:#081524db;gap:16px}.start-panel strong{font-size:1.5rem}.start-panel p{line-height:1.7;margin:0;color:#c3d5e4;max-width:500px}.start-panel button{justify-self:center;background:#6de3ff;color:#0b293d;border:0;border-radius:8px;padding:17px 30px;font-weight:700;font-size:1.15rem}.start-panel button:hover{background:#a0edff}.player-tools{display:flex;align-items:center;gap:12px;padding:17px 0;flex-wrap:wrap}.player-tools button,.save-film{background:#162a3b;border:1px solid #365269;color:#edf5fa;border-radius:7px;min-height:44px;padding:10px 17px;font-size:1rem}.player-tools button:hover,.save-film:hover{background:#23445c}.player-tools #fullscreen{margin-left:auto;background:#dff4fb;color:#123751;font-weight:700}.now-label{font-size:.9rem;color:#b7cddd;flex:1;margin:0 10px}.player-message{color:#bdcedb;min-height:1.5em;font-size:.875rem;margin:0 0 10px}.playlist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 20px}.playlist button{width:100%;height:100%;text-align:left;padding:12px;background:#122333;color:#a8becf;border:1px solid #2c4355;border-radius:6px;line-height:1.6;font-size:.875rem}.playlist button[aria-current=true]{border-color:#6de3ff;background:#183e54;color:#fff}.playlist .number{color:#7ad9f4;display:block;font-size:.8rem;margin-bottom:4px}.watch-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#99b0c3;font-size:.875rem}.watch-foot p{margin:0}.save-film{font-size:.875rem;white-space:nowrap}.next-buffer{display:none}
@media(min-width:1500px){.menu-shell{padding-top:40px}.all-play{padding:30px 34px}}@media(max-width:1000px){.menu-shell{padding:24px}.product-grid{gap:14px}.product{padding:14px}.product h2{font-size:1.1rem}.all-meta{font-size:.875rem}.all-copy strong{font-size:1.55rem}.all-copy>span{font-size:.9rem}.menu-footer{display:block}.menu-footer p+p{margin-top:8px}.playlist{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.menu-shell{padding:20px 16px}.menu-header{gap:14px;align-items:flex-start}h1{font-size:1.35rem}h1 span{display:block;margin:2px 0 0;font-size:1.2rem}.brand{width:125px;margin-top:6px}.overline{font-size:.875rem;letter-spacing:0}.all-play{padding:20px 17px;gap:14px;flex-wrap:wrap}.play-icon{width:48px;height:48px;font-size:1rem}.all-copy{flex:1;min-width:200px}.all-copy strong{font-size:1.4rem}.all-copy>span{font-size:.875rem}.all-meta{width:100%;text-align:left;margin:0 0 0 62px;display:flex;flex-wrap:wrap;gap:14px;white-space:normal}.all-meta span{font-size:.875rem}.product-grid{grid-template-columns:1fr;gap:20px}.product{padding:16px}.product h2{font-size:1.3rem}.product-title{margin-bottom:12px}.film-link img{max-height:260px;object-fit:cover}.watch-shell{padding:16px 12px}.watch-header{gap:14px}.watch-heading{font-size:1rem}.watch-mode{font-size:.875rem}.back-link{font-size:.9rem;white-space:nowrap}.stage{max-height:none}.start-panel{padding:12px;gap:9px}.start-panel strong{font-size:1.1rem}.start-panel p{font-size:.875rem}.start-panel button{font-size:1rem;padding:12px 20px}.player-tools{gap:8px}.player-tools button{padding:10px 13px}.now-label{order:5;flex-basis:100%;margin:2px 0 0}.playlist{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-foot{align-items:flex-start;flex-direction:column}.menu-footer p:last-child{white-space:normal}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}