@font-face{font-family:"Noto Sans JP";src:url("fonts/noto-sans-jp-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans JP";src:url("fonts/noto-sans-jp-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#17484d;--muted:#5c6b6a;--teal:#286b70;--line:#cddbd2}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:linear-gradient(180deg,#faf8f1,#edf3e9);color:var(--ink);font:400 14px/1.7 "Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}h1,p{margin:0}img,svg{display:block}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.skip-link{position:fixed;z-index:10;top:10px;left:12px;padding:10px 16px;background:#fffdf7;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.viewer-header{min-height:60px;padding:6px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fcfbf5;border-bottom:1px solid var(--line)}
.viewer-brand{display:flex;align-items:center;gap:9px;min-height:44px;flex-shrink:0}.viewer-brand>img{width:48px;height:auto}.viewer-brand>span{font:400 11px/1.5 Arial,sans-serif;letter-spacing:.04em}.viewer-brand b{display:block;font-size:13px;letter-spacing:.14em}
.language-switch{display:flex;align-items:center;border:1px solid #a3bbb0;border-radius:6px;padding:2px;background:#fffdf7;font-size:11px;white-space:nowrap}.language-switch>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;border-radius:4px}.language-switch [aria-current="page"]{color:#fffdf7;background:var(--ink)}.language-switch a:not([aria-current]):hover{background:#e6eee4}
.viewer{width:min(560px,calc(100% - 32px));margin-inline:auto;padding:12px 0 max(20px,env(safe-area-inset-bottom));text-align:center}
.viewer-heading{margin-bottom:12px}.viewer-heading h1{font-size:22px;font-weight:700;line-height:1.45;letter-spacing:.035em}.viewer-heading>p{margin-top:3px;font-size:11px;line-height:1.7;letter-spacing:.06em;color:var(--muted)}
.vertical-player{position:relative;width:min(100%,380px,max(180px,calc((100svh - 280px)*9/16)));margin-inline:auto;background:#17484d;border:1px solid #a8c4b5;box-shadow:0 12px 34px #17484d12}
.vertical-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#17484d}
.viewer-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.viewer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;background:#fffdf7;color:var(--ink);border:1px solid #8eafa1;border-radius:4px;font-size:12px;cursor:pointer}.viewer-button>svg{width:18px;height:18px;flex-shrink:0}.viewer-button:hover,.viewer-button[aria-pressed="true"]{background:#e0ece2}.viewer-button:disabled{cursor:default;opacity:.55}
.pause-icon{display:none}[data-playback][data-playing="true"] .play-icon{display:none}[data-playback][data-playing="true"] .pause-icon{display:initial}
.playback-notice,.playback-error{margin:12px auto 0;max-width:380px;font-size:12px;line-height:1.8}.playback-notice{color:var(--muted)}.playback-error{padding:10px 12px;border-left:2px solid #a37550;background:#fff8e9;text-align:left}.playback-error a{text-decoration:underline;text-underline-offset:3px}
.viewer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 25px;margin-top:4px;font-size:11px}.viewer-links>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 0}.back-link{gap:7px}.back-link>span{font-size:16px}.download-link{flex-direction:column;line-height:1.7}.download-link small{font-size:9px;color:var(--muted)}.viewer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){.viewer-header{padding-inline:32px}.viewer{padding-top:18px}.viewer-heading h1{font-size:25px}}
@media(max-width:350px){.viewer-heading h1{font-size:20px}.viewer-header{gap:8px;padding-inline:12px}.viewer-brand{gap:6px}.language-switch>a{padding-inline:9px}.viewer-button{font-size:11px;padding-inline:12px}.viewer-links{gap:5px 18px}}
@media print{.viewer-controls,.viewer-links,.language-switch,.skip-link{display:none}.viewer{width:100%}.vertical-player{width:230px;box-shadow:none}.viewer-header{justify-content:center}}

.video-expand{position:absolute;inset:0 0 64px;border:0;padding:0;background:transparent;color:#17484d;cursor:zoom-in}
.video-expand>span{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #8eafa1;border-radius:4px;background:#fffdf7ed;font-size:11px;line-height:1.5}
.video-expand>span>span{font:24px/1 Arial,sans-serif}
.video-expand:focus-visible{outline-offset:-4px}
.video-close{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #8eafa1;border-radius:4px;background:#fffdf7;color:#17484d;cursor:pointer}
.video-close>span{font:26px/1 Arial,sans-serif}
body.video-expanded{overflow:hidden}
.vertical-player.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;margin:0;border:0;box-shadow:none;background:#000}
.vertical-player.is-expanded video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#000}
.vertical-player video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}
.vertical-player video:-webkit-full-screen{width:100%;height:100%;object-fit:contain;background:#000}
@media print{.video-expand,.video-close{display:none}}