*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #eff6ff;--color-bg: #f9fafb;--color-surface: #ffffff;--color-text: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-flatrate: #059669;--color-ads: #2563eb;--color-rent: #d97706;--color-buy: #dc2626;--radius: 6px;--max-width: 960px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08)}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}body{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:52px}.site-logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.site-logo:hover{text-decoration:none;opacity:.8}.site-nav{display:flex;gap:2px;font-size:.8125rem}.site-nav a{color:var(--color-text-muted);padding:6px 10px;border-radius:4px}.site-nav a:hover{color:var(--color-text);background:var(--color-bg);text-decoration:none}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text)}.hamburger svg{display:block}.mobile-nav{display:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:4px 0 8px}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:10px 16px;color:var(--color-text);font-size:.875rem}.mobile-nav a:hover{background:var(--color-bg);text-decoration:none}@media(max-width:768px){.site-nav{display:none}.hamburger{display:block}}.site-footer{margin-top:auto;background:#1e293b;color:#94a3b8;padding:40px 0 24px;font-size:.8125rem;line-height:1.7}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin-bottom:32px}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:24px}}.footer-section h3{color:#e2e8f0;font-size:.75rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.footer-section a{display:block;color:#94a3b8;padding:2px 0;font-size:.8125rem}.footer-section a:hover{color:#e2e8f0;text-decoration:none}.footer-description{font-size:.75rem;line-height:1.8;color:#64748b;margin-bottom:20px}.footer-bottom{border-top:1px solid #334155;padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.6875rem;color:#64748b}.footer-bottom a{color:#64748b}.footer-bottom a:hover{color:#94a3b8}main{padding:24px 0 48px;flex:1}.section{margin-bottom:36px}.section-title{font-size:1rem;font-weight:700;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.hero{text-align:center;padding:36px 0 28px}.hero .catchcopy{font-size:1.375rem;font-weight:700;margin-bottom:6px;color:var(--color-text)}.hero .sub{font-size:.875rem;color:var(--color-text-muted);margin-bottom:24px}@media(max-width:600px){.hero .catchcopy{font-size:1.125rem}}.hero .search-box{max-width:600px;margin:0 auto 20px;position:relative}.hero .search-box input{width:100%;padding:16px 20px 16px 48px;border:2px solid var(--color-border);border-radius:12px;font-size:1.0625rem;outline:none;background:var(--color-surface);box-shadow:0 2px 8px #0000000f;transition:border-color .15s,box-shadow .15s}.hero .search-box input::placeholder{color:#9ca3af}.hero .search-box input:focus{border-color:var(--color-primary);box-shadow:0 2px 12px #2563eb1f}.hero .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;width:22px;height:22px}.hero .search-results{max-width:600px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:left}.popular-keywords-section{max-width:600px;margin:0 auto;text-align:left}.popular-keywords-label{font-size:.6875rem;color:var(--color-text-muted);margin-bottom:6px}.popular-keywords{display:flex;flex-wrap:wrap;gap:6px}.popular-keyword{display:inline-block;padding:3px 10px;border:1px solid var(--color-border);border-radius:3px;font-size:.75rem;color:var(--color-text-secondary)}.popular-keyword:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.card-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin:0 -16px;padding-left:16px;padding-right:16px}.card-scroll::-webkit-scrollbar{height:3px}.card-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.card-scroll .work-card{flex:0 0 132px;scroll-snap-align:start}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.work-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .15s}.work-card:hover{box-shadow:var(--shadow-md)}.work-card a{color:inherit;display:block}.work-card a:hover{text-decoration:none}.work-card .poster{aspect-ratio:2 / 3;width:100%;object-fit:cover;background:#f3f4f6}.work-card .info{padding:8px 10px 10px}.work-card .title{font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card .meta{font-size:.6875rem;color:var(--color-text-muted);margin-top:3px}.type-links{display:flex;flex-wrap:wrap;gap:8px}.type-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.type-link:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.type-link .service-logo-sm{width:20px;height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}.service-links{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:3px;color:#fff}.badge-flatrate{background:var(--color-flatrate)}.badge-ads{background:var(--color-ads)}.badge-rent{background:var(--color-rent)}.badge-buy{background:var(--color-buy)}.badge-none{background:#d1d5db;color:#6b7280}.work-header{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-bottom:20px}@media(max-width:600px){.work-header{grid-template-columns:110px 1fr;gap:14px}}.work-header .poster-link{display:block;border-radius:var(--radius);overflow:hidden;transition:opacity .15s}.work-header .poster-link:hover{opacity:.85}.work-header .poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;background:#f3f4f6;display:block}.work-header .info h1{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:4px}@media(max-width:600px){.work-header .info h1{font-size:1.0625rem}}.work-header .year-genre{font-size:.8125rem;color:var(--color-text-muted)}.work-header .content-type-badge{display:inline-block;padding:1px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);margin-top:8px}.conclusion-text{font-size:.9375rem;line-height:1.8;margin-bottom:24px;color:var(--color-text-secondary)}.recommend-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.recommend-box .rec-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.recommend-box .rec-label{font-size:.6875rem;font-weight:700;color:var(--color-primary);letter-spacing:.02em}.recommend-box .rec-service-row{display:flex;align-items:center;gap:12px}.recommend-box .rec-service-logo{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.recommend-box .service-name{font-size:1.125rem;font-weight:700;color:var(--color-text)}.recommend-box .service-detail{font-size:.8125rem;color:var(--color-text-muted);margin-top:2px;display:flex;align-items:center;gap:8px}.reason-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.reason-tag{display:inline-block;padding:3px 10px;border:1px solid var(--color-border);border-radius:3px;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary)}.free-notice{margin-top:14px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);display:flex;align-items:baseline;gap:8px}.free-notice .free-main{font-size:.875rem;font-weight:700;color:var(--color-flatrate)}.free-notice .free-sub{font-size:.75rem;color:#15803d}.recommend-box .cta-link{display:inline-block;margin-top:16px;padding:10px 28px;background:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:600;font-size:.875rem;transition:background .15s}.recommend-box .cta-link:hover{background:var(--color-primary-dark);text-decoration:none}.providers-section{margin-bottom:28px}.providers-section .limited-label{display:inline-block;margin-bottom:10px;padding:3px 10px;background:#fef3c7;color:#92400e;border-radius:3px;font-size:.75rem;font-weight:600}.providers-table{width:100%;border-collapse:collapse}.providers-table th,.providers-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border);font-size:.8125rem}.providers-table th{background:var(--color-bg);font-weight:600;font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.providers-table .service-cell{display:flex;align-items:center;gap:10px}.providers-table .service-logo{width:28px;height:28px;border-radius:5px;object-fit:cover;flex-shrink:0}.providers-table .unavailable td{opacity:.5}.providers-table .unavailable .service-logo{filter:grayscale(1)}.work-info-section{margin-bottom:28px}.work-info-section .overview{font-size:.875rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:14px}.work-info-section .cast-list{font-size:.8125rem;color:var(--color-text-muted);line-height:1.7}.faq-section{margin-bottom:28px}.faq-item{border-bottom:1px solid var(--color-border);padding:14px 0}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-q{font-weight:600;font-size:.875rem;margin-bottom:4px;color:var(--color-text)}.faq-a{font-size:.8125rem;color:var(--color-text-muted);line-height:1.7}.page-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:.75rem;color:var(--color-text-muted)}.share-buttons{display:flex;gap:6px}.share-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.6875rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:opacity .15s}.share-btn:hover{opacity:.8;text-decoration:none;color:#fff}.share-btn-x{background:#000}.share-btn-line{background:#06c755}.share-btn-copy{background:#6b7280}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--color-text);color:#fff;padding:8px 20px;border-radius:var(--radius);font-size:.8125rem;font-weight:600;opacity:0;transition:transform .25s,opacity .25s;z-index:1000;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.breadcrumb{font-size:.75rem;color:var(--color-text-muted);margin-bottom:16px}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 4px}.search-results{display:none}.search-results.active{display:block}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--color-border)}.search-result-item:hover{background:var(--color-bg)}.search-result-item:last-child{border-bottom:none}.search-result-item img{width:36px;height:54px;object-fit:cover;border-radius:3px;background:#f3f4f6}.search-result-item .result-title{font-size:.8125rem;font-weight:500}.search-result-item .result-meta{font-size:.6875rem;color:var(--color-text-muted)}.no-availability{padding:16px;background:#fef2f2;border-radius:var(--radius);color:#991b1b;font-size:.875rem;margin-bottom:24px}.sort-bar{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:.8125rem}.sort-bar label{color:var(--color-text-muted);font-size:.75rem}.sort-btn{padding:4px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;font-size:.75rem;color:var(--color-text-muted)}.sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.terms-content{font-size:.9375rem;line-height:1.8}.terms-content h2{font-size:1rem;margin-top:32px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.terms-content p{margin-bottom:12px}.terms-content ul{margin:0 0 12px 20px}.terms-content li{margin-bottom:4px}