<?xml version="1.0" encoding="utf-8" ?> 
<rss version="2.0">
  <channel>
    <title>【珈琲問屋オンラインストア】</title>
    <link>https://www.tonya.co.jp/</link>
    <description></description>
    <language>ja</language>
    <image>
      <url>https://www.tonya.co.jp/img/usr/header/sitelogo.png</url>
      <title>【珈琲問屋オンラインストア】</title>
      <link>https://www.tonya.co.jp/</link>
    </image>

    <pubDate>Sun, 31 May 2026 18:18:17 +0900</pubDate>
    <item>
      <title><![CDATA[Amazon Payのご利用方法]]></title>
      <category>トップページ</category>
      <link>https://www.tonya.co.jp/shop/t/t1264/</link>
      <description><![CDATA[
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
    .mainframe_ {
        width: 960px!important;
    }
    /* Amazon Pay ガイド専用スタイル - 他のCSSと干渉しないようスコープ化 */
    .amazonpay-guide-container * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    .amazonpay-guide-container {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
        max-width: 1000px;
        margin: 0 auto !important;
        padding: 20px 0px !important;
        background-color: #f5f5f5 !important;
        font-weight: normal !important;
        text-align: left !important;
    }
    .amazonpay-guide-container .container {
        background-color: white;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .amazonpay-guide-container h1 {
        color: #485f66 !important;
        font-size: 28px !important;
        font-weight: bold !important;
        text-align: center !important;
        border-bottom: 3px solid #485f66 !important;
        padding-bottom: 15px !important;
        margin-bottom: 30px !important;
        line-height: 1.3 !important;
    }
    .amazonpay-guide-container h2 {
        color: #485f66 !important;
        font-size: 24px !important;
        font-weight: bold !important;
        border-bottom: 2px solid #485f66 !important;
        padding-bottom: 10px !important;
        margin-top: 40px !important;
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
    }
    .amazonpay-guide-container h3 {
        color: #485f66 !important;
        font-size: 18px !important;
        font-weight: bold !important;
        margin-top: 25px !important;
        margin-bottom: 15px !important;
        line-height: 1.4 !important;
    }
    .amazonpay-guide-container p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
        margin-right: 10px !important;
        color: #333 !important;
    }
    .amazonpay-guide-container ul {
        list-style-type: disc !important;
        margin-left: 20px !important;
        margin-bottom: 15px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    .amazonpay-guide-container ul li {
        margin-bottom: 8px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    .amazonpay-guide-container .note {
        background-color: #e8f0f2;
        border-left: 5px solid #485f66;
        padding: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .amazonpay-guide-container .warning {
        background-color: #fff3cd;
        border-left: 5px solid #f0ad4e;
        padding: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .amazonpay-guide-container .important {
        font-weight: bold !important;
        color: #c7254e !important;
        font-size: inherit !important;
    }
    .amazonpay-guide-container a {
        color: #5a7a84 !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
    }
    .amazonpay-guide-container a:hover {
        text-decoration: underline !important;
        color: #485f66 !important;
    }
    
    /* タブスタイル */
    .amazonpay-guide-container .tab-container {
        margin: 30px 0;
    }
    .amazonpay-guide-container .tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 0px;
        border-bottom: 2px solid #ddd;
    }
    .amazonpay-guide-container .tab-button {
        padding: 15px 30px !important;
        background-color: #f0f0f0 !important;
        border: 2px solid #ddd !important;
        border-radius: 8px 8px 0 0 !important;
        cursor: pointer !important;
        font-size: 16px !important;
        font-weight: bold !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        transition: all 0.3s !important;
        color: #666 !important;
        position: relative !important;
        line-height: 1.4 !important;
    }
    .amazonpay-guide-container .tab-button:hover {
        background-color: #e0e0e0;
        border-color: #485f66;
    }
    .amazonpay-guide-container .tab-button.active {
        background-color: #485f66;
        color: white;
        border-color: #485f66;
        border-bottom: 2px solid #485f66;
    }
    .amazonpay-guide-container .tab-instruction {
        text-align: center !important;
        font-size: 14px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #666 !important;
        margin: 20px 0px !important;
        font-weight: bold !important;
        line-height: 1.5 !important;
    }
    .amazonpay-guide-container .tab-content {
        display: none;
        padding: 0px;
    }
    .amazonpay-guide-container .tab-content.active {
        display: block;
    }
    
    /* 手順スタイル */
    .amazonpay-guide-container .step {
        margin-bottom: 30px;
        padding: 20px;
        background-color: #f9f9f9;
        border-radius: 8px;
    }
    .amazonpay-guide-container .step-number {
        display: inline-block;
        background-color: #485f66;
        color: white;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        font-weight: bold;
        margin-right: 10px;
    }
    .amazonpay-guide-container .step-title {
        display: inline-block !important;
        font-size: 18px !important;
        font-weight: bold !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #485f66 !important;
        margin-bottom: 10px !important;
        line-height: 1.4 !important;
    }
    .amazonpay-guide-container .step-image {
        width: 100% !important;
        max-width: 600px !important;
        margin: 15px auto !important;
        display: block !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    }
    .amazonpay-guide-container .step-description {
        margin-top: 15px !important;
        padding-left: 45px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    .amazonpay-guide-container .note-small {
        font-size: 14px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        color: #666 !important;
        margin-top: 8px !important;
        line-height: 1.5 !important;
    }
    
    .amazonpay-guide-container .intro-text {
        text-align: center !important;
        font-size: 18px !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        margin-bottom: 30px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    .amazonpay-guide-container .note h3:first-child,
    .amazonpay-guide-container .warning h3:first-child {
        margin-top: 0 !important;
    }
    
    .amazonpay-guide-container span {
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }
    
    .amazonpay-guide-container strong {
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: bold !important;
        line-height: inherit !important;
    }
    
    .amazonpay-guide-container br {
        line-height: inherit !important;
    }
    
    /* スマホ対応 レスポンシブデザイン */
    @media screen and (max-width: 768px) {
        .amazonpay-guide-container {
            padding: 10px 5px;
        }
        
        .amazonpay-guide-container .container {
            padding: 15px;
            border-radius: 4px;
        }
        
        .amazonpay-guide-container h1 {
            font-size: 20px !important;
            padding-bottom: 10px !important;
            margin-bottom: 20px !important;
        }
        
        .amazonpay-guide-container h2 {
            font-size: 18px !important;
            margin-top: 25px !important;
            margin-bottom: 15px !important;
        }
        
        .amazonpay-guide-container h3 {
            font-size: 16px !important;
            margin-top: 15px !important;
            margin-bottom: 10px !important;
        }
        
        .amazonpay-guide-container p {
            font-size: 14px !important;
            line-height: 1.8 !important;
        }
        
        .amazonpay-guide-container .intro-text {
            font-size: 15px !important;
            margin-bottom: 20px !important;
        }
        
        .amazonpay-guide-container ul {
            font-size: 14px !important;
            margin-left: 0 !important;
            padding-left: 20px !important;
        }
        
        .amazonpay-guide-container ul li {
            margin-bottom: 10px !important;
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container .note, 
        .amazonpay-guide-container .warning {
            padding: 12px;
            margin-top: 15px;
            margin-bottom: 15px;
            font-size: 14px;
        }
        
        .amazonpay-guide-container .note ul, 
        .amazonpay-guide-container .warning ul {
            padding-left: 18px;
        }
        
        .amazonpay-guide-container .tab-container {
            margin: 20px 0;
        }
        
        .amazonpay-guide-container .tabs {
            flex-direction: column;
            gap: 0;
            border-bottom: none;
        }
        
        .amazonpay-guide-container .tab-button {
            padding: 15px 15px;
            font-size: 14px;
            border-radius: 6px;
            margin-bottom: 8px;
            width: 100%;
            border: 2px solid #ddd;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .amazonpay-guide-container .tab-button.active {
            border: 3px solid #485f66;
            box-shadow: 0 3px 6px rgba(72,95,102,0.3);
        }
        
        .amazonpay-guide-container .tab-instruction {
            font-size: 14px;
            margin-bottom: 12px;
        }
        
        .amazonpay-guide-container .tab-content {
            padding: 10px 0;
        }
        
        .amazonpay-guide-container .step {
            margin-bottom: 20px;
            padding: 15px 10px;
        }
        
        .amazonpay-guide-container .step-number {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            margin-right: 8px;
            vertical-align: middle;
        }
        
        .amazonpay-guide-container .step-title {
            font-size: 15px;
            display: inline-block;
            margin-top: 0;
            margin-bottom: 10px;
            line-height: 1.4;
            vertical-align: middle;
        }
        
        .amazonpay-guide-container .step-image {
            max-width: 100%;
            margin: 10px 0;
        }
        
        .amazonpay-guide-container .step-description {
            padding-left: 0;
            margin-top: 10px;
            font-size: 14px;
        }
        
        .amazonpay-guide-container .note-small {
            font-size: 14px;
        }
    }
    
    /* より小さいスマホ向け */
    @media screen and (max-width: 480px) {
        .amazonpay-guide-container h1 {
            font-size: 18px !important;
        }
        
        .amazonpay-guide-container h2 {
            font-size: 16px !important;
        }
        
        .amazonpay-guide-container .intro-text {
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container .tab-button {
            padding: 12px 12px !important;
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container .tab-instruction {
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container .step {
            padding: 12px 8px !important;
        }
        
        .amazonpay-guide-container .step-number {
            width: 28px !important;
            height: 28px !important;
            line-height: 28px !important;
            font-size: 14px !important;
            vertical-align: middle !important;
        }
        
        .amazonpay-guide-container .step-title {
            font-size: 15px !important;
            vertical-align: middle !important;
        }
        
        .amazonpay-guide-container p, 
        .amazonpay-guide-container ul, 
        .amazonpay-guide-container .note, 
        .amazonpay-guide-container .warning, 
        .amazonpay-guide-container .step-description {
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container ul {
            padding-left: 18px !important;
        }
        
        .amazonpay-guide-container ul li {
            font-size: 14px !important;
        }
        
        .amazonpay-guide-container .note ul, 
        .amazonpay-guide-container .warning ul {
            padding-left: 16px !important;
        }
    }
</style>
</head>
<body>
<div class="amazonpay-guide-container">
<div class="container">

    <h1>Amazon Pay ご利用ガイド</h1>

    <h3>Amazon Payとは？</h3>
    <p>
        Amazon Payは、お客様が普段お使いのAmazonアカウントに登録されている「住所情報」や「クレジットカード情報」を利用して、
        当サイトでも手間なく、安心・安全にお買い物ができる便利な決済サービスです。<br>
        当サイトに新たなクレジットカード情報等の入力は不要ですので、個人情報の管理面でもより安心にご利用いただけます。
    </p>

    <div class="note">
        <h3>Amazon Payご利用時の注意事項</h3>
        <ul>
            <li><span class="important">ギフト注文（のし指定や届け先が複数の場合）はご利用いただけません。</span><br>
                ギフト注文をご希望の場合は、他の決済方法をお選びください。
            </li>
            <li><strong>クーポンやキャンペーンの参加は可能です。</strong><br>
                各種クーポンやキャンペーンは、Amazon Payでのお支払いでもご利用いただけます。
            </li>
        </ul>
    </div>

    <p>すでに珈琲問屋オンラインストアで会員登録済みのお客様と、新規のお客様とでは手順が異なります。</p>
    <p class="tab-instruction">&#128071; ご自身に該当するタブをタップ/クリックしてご覧ください &#128071;</p>

    <div class="tab-container">
        <div class="tabs">
            <button class="tab-button active" onclick="switchTab('member')">会員登録済みのお客様</button>
            <button class="tab-button" onclick="switchTab('new')">新規のお客様</button>
        </div>

        <!-- 会員様向けタブ -->
        <div id="member-tab" class="tab-content active">
            <h2>会員登録済みのお客様向け ご利用手順</h2>

            <div class="note">
                <h3>ご登録メールアドレスの確認をお願いします</h3>
                <ul>
                    <li>
                        <span class="important">Amazonと当サイトで同じメールアドレスをご利用の場合</span><br>
                                        当サイトのアカウント情報とAmazonアカウントを紐づけることができます。
                    </li>
                    <li>
                        <span class="important">Amazonと当サイトで異なるメールアドレスをご利用の場合</span><br>
                                        そのまま決済を進めると、当サイトのアカウントと紐づかず「ゲスト注文」となり、ポイント付与などの特典が受けられません。
                    </li>
                </ul>
                <p><strong>【メールアドレスが異なる場合の対応】</strong></p>
                <p>以下のいずれかの方法で、メールアドレスを統一してください。</p>
                <ul>
                    <li>Amazonの登録メールアドレスを変更する</li>
                    <li>当サイトの登録メールアドレスを変更する（<a href="https://www.tonya.co.jp/shop/customer/authmailchange.aspx" target="_blank">こちら</a>から行えます）</li>
                </ul>
            </div>

            <div class="warning">
                <h3>初回ご利用時のご注意</h3>
                <p>
                    会員様が初めて当サイトでAmazon Payをご利用になる場合は、<span class="important">必ず「ログインせずに」</span>商品をカートに入れ、ご購入手続き（カート）画面まで進み、「Amazon Pay」ボタンを押してください。
                </p>
                <p>
                    もしログインした状態でカートに商品を追加し、購入手続きに進んでしまった場合は、<span class="important">カート内の商品をすべて削除</span>し、一度ログアウトした後、再度商品をカートに入れてください。
                </p>
                <div class="warning" style="background-color: #ffeaea; color: #c7254e; border-left: 6px solid #c7254e; padding: 10px 14px; margin: 12px 0; font-weight: bold;">
                    カートの商品を削除せずにログアウトした場合、次回ログイン時にカート内の商品が残ったままとなります。<br>
                    <span class="important">そのまま、以降のお手続きを進めてしまうと、同じ商品が二重になってしまう可能性がありますのでご注意ください。</span>
                </div>
                <p>
                    <span class="important">「Amazon Pay」ボタンを押した後、会員情報の統合のためのログイン画面が表示されます。</span><br>
                    画面の案内に従い、必ずログイン手続きを行ってください。
                </p>
                <p>
                    既存アカウントと紐づけずに新規会員登録を進めてしまうと、これまでの購入履歴やポイントが引き継がれませんのでご注意ください。
                </p>
            </div>


            <div class="step">
                <span class="step-number">1</span>
                <span class="step-title">商品をカートに入れて購入手続きへ</span>
                <div class="step-description">
                    <p><span class="important">未ログイン状態で</span>お好きな商品をカートに入れ、「Amazon Pay」ボタンをクリックします。</p>
                </div>
                <img src="/img/topic/5/member_step1.png" alt="手順1" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">2</span>
                <span class="step-title">Amazonアカウントでログイン</span>
                <div class="step-description">
                    <p>Amazonアカウントのログイン情報を入力してログインします。</p>
                    <div class="warning">
                        <h3>配送先について（重要）</h3>
                        <p>配送先はAmazonアカウントに登録されている住所から選択されるため、珈琲問屋オンラインストアに登録しているお届け先情報を使用することはできません。</p>
                        <p>お届け先の変更を希望する場合は、Amazonアカウントで配送先を登録して指定のお届け先を選択してください。</p>
                    </div>
                </div>
                <img src="/img/topic/5/member_step2.png" alt="手順2" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">3</span>
                <span class="step-title">アカウント情報の統合確認</span>
                <div class="step-description">
                    <p>「Amazonアカウントでもログインできるようにしますか？」というポップアップが表示されます。<br>
                    「Amazonアカウントでもログインできるようにする」ボタンをクリックしてください。
                    </p>
                    <p class="note-small">※アカウント情報を統合すると、次回以降Amazonアカウントでもログインできるようになります。</p>
                </div>
                <img src="/img/topic/5/member_step3.png" alt="手順3" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">4</span>
                <span class="step-title">アカウント情報の統合</span>
                <div class="step-description">
                    <p>珈琲問屋オンラインストアに登録されているメールアドレスとパスワードを入力し、「ログイン」ボタンを押してください。</p>
                </div>
                <img src="/img/topic/5/member_step4.png" alt="手順4" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">5</span>
                <span class="step-title">ご購入手続き</span>
                <div class="step-description">
                    <p>珈琲問屋オンラインストアの購入手続き画面（STEP2）に進みますので、内容をご確認のうえ、通常通りご購入手続きを行ってください。</p>
                </div>
                <img src="/img/topic/5/member_step5.png" alt="手順5" class="step-image">
            </div>

            <div class="note">
                <h3>次回以降のご利用について</h3>
                <p>アカウントの紐づけは最初の1回のみ必要な操作です。</p>
                <p><span class="important">2回目以降は、ログイン後に商品をカートに入れ、「Amazon Pay」ボタンからそのままご購入手続きが可能です。</span></p>
                <p>次回以降はよりスムーズにお買い物をお楽しみいただけます。</p>
            </div>
        </div>

        <!-- 新規のお客様向けタブ -->
        <div id="new-tab" class="tab-content">
            <h2>新規のお客様向け ご利用手順</h2>

            <div class="note">
                <h3>Amazon Payなら簡単に会員登録</h3>
                <p>Amazonアカウントをお持ちであれば、面倒な入力なしで会員登録が可能です。</p>
                <p>Amazonに登録されているお名前、メールアドレス、お届け先、お支払い方法がそのまま使えます。</p>
            </div>

            <div class="step">
                <span class="step-number">1</span>
                <span class="step-title">商品をカートに入れて購入手続きへ</span>
                <div class="step-description">
                    <p>お好きな商品をカートに入れ、「Amazon Pay」ボタンをクリックします。</p>
                </div>
                <img src="/img/topic/5/new_step1.png" alt="手順1" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">2</span>
                <span class="step-title">Amazonアカウントでログイン</span>
                <div class="step-description">
                    <p>Amazonアカウントのログイン情報を入力してログインします。</p>
                </div>
                <img src="/img/topic/5/new_step2.png" alt="手順2" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">3</span>
                <span class="step-title">Amazonに登録されている情報の確認</span>
                <div class="step-description">
                    <p>お届け先とお支払い方法を確認し、必要に応じて変更を行います。</p>
                    <div class="warning">
                        <h3>配送先について（重要）</h3>
                        <p>配送先はAmazonアカウントに登録されている住所から選択されるため、珈琲問屋オンラインストアに登録しているお届け先情報を使用することはできません。</p>
                        <p>お届け先の変更を希望する場合は、Amazonアカウントで配送先を登録して指定のお届け先を選択してください。</p>
                    </div>
                </div>
                <img src="/img/topic/5/new_step3.png" alt="手順3" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">4</span>
                <span class="step-title">ご注文手続き</span>
                <div class="step-description">
                    <p>珈琲問屋オンラインストアのご注文手続き画面に戻りますので、内容をご確認のうえ、手続きを進めてください。</p>
                </div>
                <img src="/img/topic/5/new_step4.png" alt="手順4" class="step-image">
            </div>

            <div class="step">
                <span class="step-number">5</span>
                <span class="step-title">会員登録とご注文の完了</span>
                <div class="step-description">
                    <p>ご注文手続き画面（STEP3）の下部に「注文情報を元に会員登録をする」という項目があります。<br>
                    ご希望のパスワードを入力し、「注文する」ボタンを押してください。
                    </p>
                    <p class="note-small">※「会員登録をせずに注文する」ボタンを押すと、ゲスト注文となりポイント付与などの特典が受けられません。</p>
                </div>
                <img src="/img/topic/5/new_step5.png" alt="手順5" class="step-image">
            </div>

            <div class="note">
                <h3>次回以降のご利用について</h3>
                <p>一度会員登録が完了すれば、次回以降は<span class="important">Amazonアカウントでログインが可能</span>になります。</p>
                <p>ご注文手続きも「Amazon Pay」ボタンからスムーズに行うことができ、よりスムーズにお買い物をお楽しみいただけます。</p>
            </div>
        </div>
    </div>

    <script>
        function switchTab(tab) {
            // すべてのタブボタンとコンテンツを非アクティブ化
            const tabButtons = document.querySelectorAll('.amazonpay-guide-container .tab-button');
            const tabContents = document.querySelectorAll('.amazonpay-guide-container .tab-content');
            
            tabButtons.forEach(btn => btn.classList.remove('active'));
            tabContents.forEach(content => content.classList.remove('active'));
            
            // 選択されたタブをアクティブ化
            if (tab === 'member') {
                document.querySelector('.amazonpay-guide-container .tab-button:first-child').classList.add('active');
                document.getElementById('member-tab').classList.add('active');
            } else if (tab === 'new') {
                document.querySelector('.amazonpay-guide-container .tab-button:last-child').classList.add('active');
                document.getElementById('new-tab').classList.add('active');
            }
        }
    </script>
</div>
</div>
]]></description>
      <pubDate>Wed, 1 Oct 2025 00:00:00 +0900</pubDate>
    </item>

  </channel>
</rss>

