Manuals

Product Manuals

{ --page-bg: #f6f6f4; --card-bg: #ffffff; --text: #171717; --muted: #6b6b6b; --border: #e4e4e0; --button: #171717; --button-hover: #383838; --button: #278bff; --button-hover: #011624; --radius: 14px; } * { box-sizing: border-box; } body { margin: 0; background: var(--page-bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; } .page { width: min(1200px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 80px; } .page-header { margin-bottom: 38px; text-align: center; } .page-header h1 { margin: 0 0 10px; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.05; letter-spacing: -0.04em; } .page-header p { margin: 0; color: var(--muted); font-size: 1rem; } .product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .product-card { display: flex; flex-direction: column; overflow: hidden; background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); transition: transform 180ms ease, box-shadow 180ms ease; } .product-card { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08); } .product-image-wrap { aspect-ratio: 1 / 1; overflow: hidden; background: #eeeeeb; } .product-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 250ms ease; } .product-card .product-image { transform: scale(1.025); } .product-content { display: flex; flex: 1; flex-direction: column; padding: 20px; } .product-title { margin: 0 0 18px; font-size: 1.5rem; line-height: 1.3; } .manual-link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: auto; padding: 12px 18px; border-radius: 8px; border-radius: 6px; background: var(--button); color: #ffffff; font-size: 1.2rem; font-weight: 700; text-decoration: none; transition: background 160ms ease; } .manual-link { background: var(--button-hover); } .manual-link { outline: 3px solid #8ab4f8; outline-offset: 3px; } @media (max-width: 850px) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 540px) { .page { width: min(100% - 28px, 1200px); padding: 42px 0 56px; } .product-grid { grid-template-columns: 1fr; gap: 18px; } }

製品マニュアル

製品を選択して、マニュアルを表示またはダウンロードしてください。

OSO AI Earbuds

マニュアルを見る

PANOCORE 360

マニュアルを見る

document.querySelectorAll('.product-card').forEach((card) => { const image = card.querySelector('.product-image'); const imageUrl = image?.getAttribute('src')?.trim() || ''; const isPlaceholder = !imageUrl || imageUrl.includes('placehold.co'); if (isPlaceholder) { card.hidden = true; return; } const hideCardIfImageFails = () => { card.hidden = true; }; image.addEventListener('error', hideCardIfImageFails); if (image.complete && image.naturalWidth === 0) { hideCardIfImageFails(); } });