<!-- ひもの屋 矢口商店｜ご感想ページ（BASE固定ページ用）

     〔 〕の部分を差し替えてから貼り付けてください。

     画面キャプチャを入れる場合は、BASEに画像をアップロードして <img> の src を差し替えてください。 -->

<div style="max-width:640px;margin:0 auto;color:#2b2b2b;line-height:1.9;font-size:16px;">

  <div style="background:#26262a;color:#f5f1e6;padding:32px 24px;text-align:center;border-radius:4px;">

    <p style="margin:0 0 8px;font-size:14px;color:#d8cfbd;">ひもの屋 矢口商店</p>

    <h2 style="margin:0 0 12px;font-size:24px;line-height:1.5;color:#f5f1e6;">ご感想をお寄せください</h2>

    <p style="margin:0;font-size:15px;color:#e8e1d2;">スマホで1分ほどで書けます</p>

  </div>

  <p style="margin:24px 0;">

    数ある返礼品の中から矢口商店のひものを選んでいただき、ありがとうございます。<br>

    召し上がった率直なご感想を、寄付されたサイトにお寄せください。次に選ぶ方の道しるべになり、私たちの励みにもなります。良かったことも、気になったことも、そのままお書きいただければ幸いです。

  </p>

  <!-- 楽天ふるさと納税 -->

  <div id="rakuten" style="border:1px solid #cfc6b4;padding:24px;margin-bottom:24px;border-radius:4px;">

    <h3 style="margin:0 0 16px;font-size:19px;">楽天ふるさと納税で寄付した方</h3>

    <p style="margin:0 0 8px;">1. 下のボタンから楽天の「購入履歴」を開き、ログインします。</p>

    <p style="margin:0 0 8px;">2. 矢口商店の返礼品の「商品レビューを書く」を押します。</p>

    <p style="margin:0 0 16px;">3. 評価と感想を入力して、投稿します。</p>

    <!-- <img src="〔楽天の購入履歴画面のキャプチャURL〕" alt="楽天の購入履歴画面" style="width:100%;margin-bottom:16px;"> -->

    <a href="https://order.my.rakuten.co.jp/" target="_blank" rel="noopener" style="display:block;background:#b8412e;color:#ffffff;text-align:center;padding:16px;border-radius:4px;text-decoration:none;font-weight:bold;">楽天の購入履歴を開く</a>

  </div>

  <!-- ふるさとチョイス -->

  <div id="choice" style="border:1px solid #cfc6b4;padding:24px;margin-bottom:32px;border-radius:4px;">

    <h3 style="margin:0 0 16px;font-size:19px;">ふるさとチョイスで寄付した方</h3>

    <p style="margin:0 0 8px;">1. 下のボタンからふるさとチョイスのマイページを開き、ログインします。</p>

    <p style="margin:0 0 8px;">2. 寄附の履歴から、矢口商店のお礼の品の「レビューを書く」を押します。</p>

    <p style="margin:0 0 16px;">3. 評価と感想を入力して、投稿します。</p>

    <!-- <img src="〔ふるさとチョイスの履歴画面のキャプチャURL〕" alt="ふるさとチョイスの寄附履歴画面" style="width:100%;margin-bottom:16px;"> -->

    <a href="https://www.furusato-tax.jp/mypage?header" target="_blank" rel="noopener" style="display:block;background:#b8412e;color:#ffffff;text-align:center;padding:16px;border-radius:4px;text-decoration:none;font-weight:bold;">ふるさとチョイスのマイページを開く</a>

  </div>

  <!-- 書き方のヒント（任意） -->

  <div style="background:#f3efe6;padding:20px 24px;margin-bottom:32px;border-radius:4px;">

    <p style="margin:0 0 8px;font-weight:bold;">何を書けばいいか迷ったら</p>

    <p style="margin:0;">どなたと召し上がったか、どうやって焼いたか、ご飯やお酒との相性など、思ったことをひと言でも。もちろん自由にお書きください。</p>

  </div>

  <!-- Googleマップ（一段控えめに） -->

  <div style="border-top:1px solid #cfc6b4;padding-top:24px;margin-bottom:32px;">

    <p style="margin:0 0 8px;font-weight:bold;">お店への応援もいただけたら</p>

    <p style="margin:0 0 12px;">Googleマップにも、矢口商店へのご感想をお寄せいただけます。</p>

    <a href="https://g.page/r/CTGa9-W0X3VOEBM/review" target="_blank" rel="noopener" style="display:inline-block;border:1px solid #26262a;color:#26262a;padding:10px 20px;border-radius:4px;text-decoration:none;">Googleマップで感想を書く</a>

  </div>

  <!-- 贈り物のご案内 -->

  <div style="background:#26262a;color:#f5f1e6;padding:28px 24px;border-radius:4px;">

    <h3 style="margin:0 0 12px;font-size:19px;color:#f5f1e6;">今度は、大切な方へ</h3>

    <p style="margin:0 0 16px;color:#e8e1d2;">実家のご両親やお世話になった方への贈り物として、公式オンラインショップからお届けしています。のし・お歳暮にも対応いたします。</p>

    <p style="margin:0;">

      <a href="https://www.yaguchi-shoten.com/items/98432656" style="color:#f5f1e6;">実家への贈り物に｜干物ギフト7種詰め合わせ</a><br>

      <a href="https://www.yaguchi-shoten.com/items/156948445" style="color:#f5f1e6;">色々食べ比べたい方に｜お試しセット</a><br>

      <a href="https://www.yaguchi-shoten.com/items/23975525" style="color:#f5f1e6;">いちばん人気｜とんでもない鯖</a>

    </p>

  </div>

</div>