https://lumaprice.com/about.html

1<!doctype html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <title>About - LumaPrice</title>
7    <meta name="description" content="LumaPriceの概要と使い方です。" />
8    <link rel="icon" href="./assets/lumaprice-icon.svg" type="image/svg+xml" />
9    <link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" />
10    <link rel="stylesheet" href="./styles.css?v=20260603-rakuten-flow" />
11    <!-- Google tag (gtag.js) -->

11
12    <script async src="https://www.googletagmanager.com/gtag/js?id=

12G-F87QTYRK70

12"></script>
13    

13<script>
14      

14window.dataLayer = window.dataLayer || [];
15      function gtag(){dataLayer.push(arguments);}
16      gtag('js', new Date());
17
18      gtag('config', '

18G-F87QTYRK70

18');
19    

19</script>

19
20  </head>
21  <body>
22    <header class="app-header">
23      <div class="header-inner">
24        <a class="brand" href="./" aria-label="LumaPrice home">
25          <span class="brand-mark" aria-hidden="true">
26            <img src="./assets/lumaprice-icon.svg" alt="" />
27          </span>
28          <span>
29            <strong>LumaPrice</strong>
30            <small>世界の価格を比較しよう</small>
31          </span>
32        </a>
33        <nav class="top-nav" aria-label="Primary">
34          <a href="./about.html" aria-current="page">About</a>
35          <a href="./extension.html">拡張機能</a>
36        </nav>
37      </div>
38    </header>
39
40    <main class="legal-page">
41      <article class="legal-document">
42        <section class="legal-hero">
43          <div>
44            <p class="eyebrow">About</p>
45            <h1>LumaPriceについて</h1>
46            <p class="lead">LumaPriceは、同じ商品を国内外の通販・フリマサイトで探し、価格候補をひとつの画面で見比べるための比較サービスです。</p>
47          </div>
48          <svg class="legal-visual" viewBox="0 0 220 160" role="img" aria-label="世界の価格を比較するイメージ">
49            <rect x="18" y="28" width="156" height="106" rx="10" fill="#ffffff" stroke="#a7cac5" />
50            <path d="M18 56h156" stroke="#dde5e1" />
51            <circle cx="36" cy="43" r="4" fill="#d16a82" />
52            <circle cx="50" cy="43" r="4" fill="#f0c96b" />
53            <circle cx="64" cy="43" r="4" fill="#87c9b9" />
54            <path d="M42 80h74M42 104h102" stroke="#365f73" stroke-width="8" stroke-linecap="round" opacity=".24" />
55            <circle cx="154" cy="96" r="34" fill="#edf6f3" stroke="#087b72" stroke-width="2" />
56            <path d="M120 96h68M154 62c10 12 15 24 15 34s-5 22-15 34M154 62c-10 12-15 24-15 34s5 22 15 34" fill="none" stroke="#087b72" stroke-width="2" opacity=".7" />
57            <text x="154" y="104" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="700" fill="#087b72">Â¥</text>
58          </svg>
59        </section>
60
61        <div class="legal-summary">
62          <div>
63            <strong>複数サイトを並べて確認</strong>
64            <small>日本、米国、英国、ドイツなど、選択したAmazon確認先を一画面に並べます。</small>
65          </div>
66          <div>
67            <strong>ASINでも検索</strong>
68            <small>商品名だけでなく、ASINやAmazon URLから各国ページを探せます。</small>
69          </div>
70          <div>
71            <strong>最終判断はリンク先</strong>
72            <small>価格、送料、税金、在庫、返品条件は購入元のページで最終確認します。</small>
73          </div>
74        </div>
75
76        <section class="legal-section">
77          <h2>使い方</h2>
78          <p>トップページの検索窓に、商品名、ASIN、またはAmazonの商品URLを入力します。検索すると、選択したサイトの比較カードが表示されます。</p>
79          <p>各カードから購入元を確認できます。Chrome拡張機能を入れると、対応サイトに表示された候補をLumaPriceへ取り込めます。</p>
80        </section>
81
82        <section class="legal-section">
83          <h2>大切な考え方</h2>
84          <p>表示される価格や候補は、購入前の判断を助けるための参考情報です。最終価格、送料、税金、在庫、返品条件は、必ず購入元のページで確認してください。</p>
85        </section>
86
87        <section class="legal-section">
88          <h2>サーバーでAmazonを取得しない</h2>
89          <p>LumaPrice本体は静的ページとして動作します。対応サイトのページをサーバー側で取得、クロール、保存しない設計です。</p>
90        </section>
91
92        <p class="legal-updated"><a href="./">トップページへ戻る</a></p>
93      </article>
94    </main>
95
96    <footer class="app-footer">
97      <p><a href="./">LumaPriceへ戻る</a> <a href="./privacy.html">プライバシー</a> <a href="./terms.html">利用規約</a> <a href="./extension.html">拡張機能</a></p>
98    </footer>
99  </body>
100</html>