サムネスナップ
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap'); #sn-lp { font-family: 'Noto Sans JP', sans-serif; color: #111; line-height: 1.7; -webkit-font-smoothing: antialiased; } #sn-lp *, #sn-lp *::before, #sn-lp *::after { box-sizing: border-box; } #sn-lp img { max-width: 100%; display: block; } #sn-lp a { color: inherit; text-decoration: none; } /* 全幅レイアウト設定 */ #sn-lp .sn-full { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; } #sn-lp .sn-inner { max-width: 1140px; margin: 0 auto; padding: 0 32px; } /* 背景色切り替え */ #sn-lp .sn-bg-white { background: #ffffff; } #sn-lp .sn-bg-gray { background: #F5F5F5; } /* タイポグラフィ */ #sn-lp .sn-title { font-size: clamp(1.5rem,3.5vw,2.3rem); font-weight: 900; letter-spacing: -.02em; line-height: 1.25; color: #111; margin-bottom: 40px; text-align: center; } #sn-lp .sn-grad { background: linear-gradient(135deg,#5B21B6,#0891B2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* ボタン（テロップパックのスタイルを継承） */ #sn-lp .sn-btn { display: inline-flex; align-items: center; gap: 8px; background: #5B21B6; color: #fff !important; font-family: inherit; font-size: .95rem; font-weight: 700; padding: 14px 32px; border-radius: 4px; border: 2px solid #5B21B6; cursor: pointer; text-decoration: none !important; transition: background .18s, border-color .18s; letter-spacing: .03em; } #sn-lp .sn-btn:hover { background: #4C1D95; border-color: #4C1D95; } #sn-lp .sn-btn-lg { font-size: 1rem; padding: 16px 40px; } /* HEROセクション */ #sn-lp .sn-hero { padding: 100px 0 80px; overflow: hidden; } #sn-lp .sn-hero__inner { max-width: 820px; margin: 0 auto; text-align: center; } #sn-lp .sn-hero__h1 { font-size: clamp(1.9rem,4.5vw,3.5rem); font-weight: 900; letter-spacing: -.03em; line-height: 1.15; color: #111; margin-bottom: 24px; } #sn-lp .sn-hero__h1 em { font-style: normal; background: linear-gradient(135deg,#5B21B6,#0891B2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } #sn-lp .sn-hero__sub { font-size: .97rem; color: #555; line-height: 1.9; margin-bottom: 40px; } /* FEATURESセクション */ #sn-lp .sn-features { padding: 88px 0; } #sn-lp .sn-feature-row { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 80px; } #sn-lp .sn-feature-row:last-child { margin-bottom: 0; } #sn-lp .sn-feature-row.sn-rev { direction: rtl; } #sn-lp .sn-feature-row.sn-rev > * { direction: ltr; } #sn-lp .sn-feature-title { font-size: clamp(1.25rem,2.6vw,1.75rem); font-weight: 900; color: #111; line-height: 1.3; margin-bottom: 14px; } #sn-lp .sn-feature-desc { color: #555; font-size: .95rem; line-height: 1.95; } #sn-lp .sn-feature-img { width: 100%; border-radius: 12px; border: 1.5px solid #E0E0E0; box-shadow: 0 8px 32px rgba(0,0,0,.08); } /* YouTube動画セクション */ #sn-lp .sn-video-sec { padding: 88px 0; } #sn-lp .sn-video-wrap { max-width: 784px; margin: 0 auto; } #sn-lp .sn-video-player { position: relative; aspect-ratio: 16 / 9; width: 100%; background: #0B1120; cursor: pointer; border: 0; padding: 0; display: block; border-radius: 26px; overflow: hidden; box-shadow: 0 24px 54px rgba(15,23,42,.18); } #sn-lp .sn-video-player iframe { width: 100%; height: 100%; display: block; border: 0; } #sn-lp .sn-video-play-btn { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(2,6,23,.08), rgba(2,6,23,.24)); transition: background .25s ease; } #sn-lp .sn-video-play-badge { width: 88px; height: 88px; border-radius: 999px; background: rgba(255,255,255,.96); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 20px 46px rgba(0,0,0,.22); } /* 推奨環境・仕様セクション */ #sn-lp .sn-spec { padding: 88px 0; } #sn-lp .sn-spec__card { max-width: 700px; margin: 0 auto; background: #fff; border: 1.5px solid #E0E0E0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.04); } #sn-lp .sn-spec-table { width: 100%; border-collapse: collapse; } #sn-lp .sn-spec-table th, #sn-lp .sn-spec-table td { padding: 20px 24px; border-bottom: 1px solid #F0F0F0; text-align: left; } #sn-lp .sn-spec-table th { background: #F9FAFB; width: 35%; font-weight: 700; color: #666; font-size: 0.9rem; } #sn-lp .sn-spec-table td { font-weight: 600; color: #111; } /* 購入CTAセクション */ #sn-lp .sn-cta { padding: 100px 0; text-align: center; } #sn-lp .sn-cta__price { font-size: clamp(2.5rem,6vw,4rem); font-weight: 900; color: #111; letter-spacing: -.03em; margin: 20px 0 32px; } @media (max-width: 768px) { #sn-lp .sn-feature-row { grid-template-columns: 1fr; gap: 32px; } #sn-lp .sn-feature-row.sn-rev { direction: ltr; } #sn-lp .sn-inner { padding: 0 20px; } } YouTubeのサムネイルを瞬時に読み込む 「サムネスナップ」は、Final Cut Proの編集画面から離れることなく、 YouTubeのサムネイルを取得し、自動でライブラリへ取り込む拡張プラグインです。 今すぐ購入する 全てのYouTube動画編集者の時間を削減する FCPの画面上でサムネイルを直接取得 ブラウザを開いて、YouTubeを検索し、スクショを撮る…そんな手間はもう不要です。URLを入力するだけで目的のサムネイルを一瞬でキャプチャします。 ライブラリへ自動取り込み 取得したサムネイルは、そのまま自動的にFCPのライブラリ（イベント）に追加されます。読み込み作業すら自動化され、即座に編集に使用できます。 実際の動作をチェック 推奨環境・仕様 対応ソフト Final Cut Pro 10.8 以上 対応OS macOS 15.7 以上 使用容量 2.7MB 購入形態 買い切り 今すぐ、時短編集を始めよう。 ¥400（税込） カートに追加する /* 動画再生ロジック */ var videoTrigger = document.getElementById('sn-video-trigger'); if (videoTrigger) { videoTrigger.addEventListener('click', function() { const videoId = this.getAttribute('data-video-id'); if (!videoId || this.dataset.playing === '1') return; this.dataset.playing = '1'; this.innerHTML = ''; }); } /* Shopifyカート追加ロジック */ function snAddToCart() { var variantId = null; var sel = document.querySelector('select[name="id"], input[name="id"]'); if (sel) variantId = sel.value; if (!variantId) { window.location.href = '/cart'; return; } var btn = document.activeElement; if (btn) { btn.disabled = true; btn.textContent = '追加中...'; } fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify({ id: parseInt(variantId), quantity: 1 }) }) .then(function(r) { return r.json(); }) .then(function(data) { if (data.id) { window.location.href = '/cart'; } else { if (btn) { btn.disabled = false; btn.textContent = 'カートに追加する'; } } }) .catch(function() { window.location.href = '/cart'; }); }