YORIDORI ヨリドリは、オフィス用品や環境とコストダウンに貢献するリサイクルトナー、インクを豊富にそろえる通販サイトです。文具事務用品からオフィス家具までヨリドリミドリの品揃え。オフィスの業務改善につながる情報も満載です。【2,500円（税抜）以上で送料無料】

YORIDORI（ヨリドリ）

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <style>

        body {
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans" Meiryo, sans-serif;
            box-sizing: border-box;
            font-size: calc(100vw / 32);
        }
        
        .yd-wrapper {
            max-width: 950px;
            margin-left: auto;
            margin-right: auto;
            padding: 0 4%;
        }
        
        a {
            text-decoration: none;
        }
        
        .flex {
            display: flex;
        }
        
        .align-center {
            align-items: center;
        }
        
        .justify-center {
            justify-content: center;
        }
        
        .bottom-xs {
            margin-bottom: .7em;
        }
        
        .bottom-s {
            margin-bottom: 1.2em;
        }
        
        .bottom-m {
            margin-bottom: 2em;
        }
        
        .bottom-l {
            margin-bottom: 3.5em;
        }
        
        .font-xs {
            font-size: .72rem;
            line-height: 1.6em;
            font-weight: 500;
        }
        
        .font-s {
            font-size: .92rem;
            line-height: 1.4em;
        }
        
        .font-m {
            font-size: 1rem;
            line-height: 1.6em;
        }
        
        .font-l {
            font-size:1.32rem;
            line-height: 1.6em;
        }
        
        .font-xl {
            font-size:1.8rem;
            line-height: 1.6em;
        }
        
        .txt-bold {
            font-weight: bold;
        }
        
        .txt-center {
            text-align: center;
        }
        
        .color-prim {
            color: #009933;
        }
        
        .anchor-top {
            position: fixed;
            z-index: 9999;
            background-color: #009933;
            border: solid 1px #fff;
            padding: 10px;
            right: 3%;
            bottom: 5%;
            border-radius: 5px;
            transition: .4s;
            }
                        
        .anchor-top:hover {
            opacity: .7;
            transition: .4s;
        }
        
        .anchor-top img {
            width: 12px;
        }
        
        .btn_top {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .btn_top a {
            color: #009933;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .4s;
            font-size: 1rem;
            line-height: 1.6em;
        }
        
        .btn_top a:hover {
            transition: .4s;
            opacity: .5;
        }
        
        .btn_top a img {
            width: 10px;
            margin-left: 10px;
        }
        
        .yd-h1 {
            border-bottom: solid 3px #009933;
            padding-bottom: 8px;
            margin-top: 20px;
        }
        
        .btn-link {
            display: flex;
            background-color: #009933;
            border-radius: 40px;
            padding: 10px 20px;
            transition: .4s;
            width: fit-content;
            color: #fff;
            font-weight: bold;
        }
        
        
        .btn-link:hover {
            transition: .4s;
            opacity: .7;
        }
        
        h2 {
            margin-right: 10px;
        }
        
        </style>
</head>
<body>
    <div class="yd-wrapper">
        <a href="#" class="anchor-top">
            <img src="https://image.yoridori.jp/ec_img/banner_image/arrow-up.svg" alt="">
        </a>
        
        <h1 class="yd-h1 font-l bottom-m">コンビニでのお支払いの流れ</h1>

        <div class="bottom-l">
            <div>
                <img src="https://image.yoridori.jp/ec_img/banner_image/logo-lawson.png" style="width: 80px;">
            </div>
            <h2 class="font-m txt-bold color-prim bottom-s">ローソン・ミニストップ（Loppi又はMINISTOPLoppi）でのお支払い</h2>
            <p class="font-s bottom-s">商品購入時に通知されるお客様番号と確認番号（またはお支払い受付番号と電話番号）をメモして、ローソン又はミニストップ店舗へ行きます。店内に設置されているマルチメディア端末Loppi又はMINISTOPLoppiに番号を入力し、発券される申込券でレジにてお支払いください。
            </p>
            <a href="https://www.paygent.co.jp/payment_service/way_to_pay/cvs/lawson/"  class="btn-link bottom-xs font-s" target="_blank" rel="noopener noreferrer nofollow">
                ローソン・ミニストップでのお支払い&ensp;&rsaquo;
            </a>
            <p class="font-xs">※外部サイトに移動します</p>
        </div>
    
        <div class="bottom-l">
            <div>
            <img src="https://image.yoridori.jp/ec_img/banner_image/logo-family-mart.png" style="width: 60px;">
            </div>
            <h2 class="font-m txt-bold color-prim bottom-s">ファミリーマートでのお支払い</h2>
            <p class="font-s bottom-xs">商品購入時に通知される収納番号をメモして、ファミリーマート店舗へ行きます。店内に設置されているマルチコピー機（旧Fami ポート）に番号を入力し、発券される申込券でレジにてお支払いください。            
            </p>
            <a href="https://www.paygent.co.jp/payment_service/way_to_pay/cvs/familymart/"  class="btn-link bottom-xs font-s" target="_blank" rel="noopener noreferrer nofollow">
                ファミリーマート（マルチコピー機）でのお支払い&ensp;&rsaquo;
            </a>
            <p class="font-xs bottom-m">※外部サイトに移動します</p>
            <p class="font-s bottom-xs">
            マルチコピー機（旧Fami ポート）を介さず、お客様がお持ちのスマートフォンに表示されたファミリーマート専用バーコードでお支払いが可能です。
            </p>
            <a href="https://www.paygent.co.jp/payment_service/way_to_pay/cvs/familymart/barcodepay.html" class="btn-link bottom-xs font-s" target="_blank" rel="noopener noreferrer nofollow">
                ファミリーマート（スマホバーコード決済）でのお支払い&ensp;&rsaquo;
            </a>
            <p class="font-xs">※外部サイトに移動します</p>
        </div>
    
        <div class="bottom-l">
            <div>
                <img src="https://image.yoridori.jp/ec_img/banner_image/logo-daily-yamazaki.png" style="width: 30px;">
            </div>
            <h2 class="font-m txt-bold color-prim bottom-s">デイリーヤマザキでのお支払い</h2>
            <p class="font-s bottom-s">商品購入時に通知されるオンライン決済番号/決済番号をメモして、各コンビニ店舗へ行きます。
            店頭レジにて「オンライン決済」と伝え、レジのお客様用画面にオンライン決済番号/決済番号を入力し、代金をお支払いください。
            </p>
            <a href="https://www.paygent.co.jp/payment_service/way_to_pay/cvs/yamazaki/"  class="btn-link bottom-xs font-s" target="_blank" rel="noopener noreferrer nofollow">
                デイリーヤマザキでのお支払い&ensp;&rsaquo;
            </a>
            <p class="font-xs">※外部サイトに移動します</p>
        </div>
        
        <div class="btn_top">
            <a href="/cs/{url_string}/">トップページへ戻る
                <img src="https://image.yoridori.jp/ec_img/banner_image/user-guide_20240131_08.svg" alt="">
            </a>
        </div>
    </div>
</body>
</html>