CINXE.COM

ご利用ガイド | B.LEAGUEチケット

<!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ご利用ガイド | B.LEAGUEチケット</title> <meta name="description" content="Bリーグ公式チケット販売サービス「B.LEAGUEチケット」。日本の男子プロバスケットボールのトップリーグ「B.LEAGUE」の各試合情報、チケット購入、ファンクラブ入会が可能です。"> <meta name="keywords" content="B.LEAGUE,Bリーグ,Bリーグチケット,チケットサイト,バスケット"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta property="og:url" content="https://bleague-ticket.psrv.jp"> <meta property="og:title" content="ご利用ガイド | B.LEAGUEチケット"> <meta property="og:type" content="website"/> <meta property="og:description" content="Bリーグ公式チケット販売サービス「B.LEAGUEチケット」。日本の男子プロバスケットボールのトップリーグ「B.LEAGUE」の各試合情報、チケット購入、ファンクラブ入会が可能です。"> <meta property="og:image" itemprop="image" content="https://d2eq1hrgsng6yw.cloudfront.net/img/share/icon-ogp.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="ご利用ガイド | B.LEAGUEチケット"> <meta name="twitter:description" content="Bリーグ公式チケット販売サービス「B.LEAGUEチケット」。日本の男子プロバスケットボールのトップリーグ「B.LEAGUE」の各試合情報、チケット購入、ファンクラブ入会が可能です。"> <meta name="twitter:image:src" content="https://d2eq1hrgsng6yw.cloudfront.net/img/share/icon-ogp.png"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="https://d2eq1hrgsng6yw.cloudfront.net/img/share/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://d2eq1hrgsng6yw.cloudfront.net/img/share/apple-touch-icon.png"> <link rel="apple-touch-icon-precomposed" href="https://d2eq1hrgsng6yw.cloudfront.net/img/share/apple-touch-icon.png"> <link rel="shortcut icon" href="https://d2eq1hrgsng6yw.cloudfront.net/img/share/favicon.ico"> <link rel="icon" sizes="192x192" href="https://d2eq1hrgsng6yw.cloudfront.net/img/share/icon-touch.png"> <link rel="stylesheet" href="https://d2eq1hrgsng6yw.cloudfront.net/css/ress.min.css"> <link rel="stylesheet" href="https://d2eq1hrgsng6yw.cloudfront.net/css/20200701/main.css"> <link rel="stylesheet" href="https://d2eq1hrgsng6yw.cloudfront.net/css/20200701/guide20191125/style.css"> <script src="https://d2eq1hrgsng6yw.cloudfront.net/js/vendor/vue@2.6.1.js"></script> <script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T3JDL9H');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NMKLFRG');</script> <!-- End Google Tag Manager --> </head> <body id="top"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3JDL9H" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMKLFRG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <svg class="svg-container"> <symbol id="id-blg" viewBox="0 0 78 150.1"> <polygon points="14.5,134.1 14.5,150.1 23.3,150.1 23.3,147.2 17.7,147.2 17.7,134.1"/> <polygon points="24.5,134.1 24.5,150.1 33.1,150.1 33.7,147.2 27.7,147.2 27.7,143.3 32.4,143.3 32.4,140.4 27.7,140.4 27.7,137 33.7,137 33.7,134.1"/> <path d="M39.9,137.5H40l1.4,6.9h-2.9L39.9,137.5z M37.7,134.1l-3.4,16h3.1l0.6-2.9h4l0.6,2.9h3.1l-3.4-16H37.7z"/> <rect x="10.5" y="147.2" width="2.8" height="2.9"/> <polygon points="63.8,134.1 63.8,146.6 63.2,147.2 61.2,147.2 60.7,146.6 60.7,134.1 57.5,134.1 57.5,148 59.6,150.1 65,150.1 67,148.1 67,134.1"/> <polygon points="68.7,134.1 68.7,150.1 78,150.1 78,147.2 71.9,147.2 71.9,143.3 76.6,143.3 76.6,140.4 71.9,140.4 71.9,137 78,137 78,134.1"/> <polygon points="48.4,134.1 46.3,136.2 46.3,148 48.4,150.1 53.8,150.1 56,147.9 56,140.4 55.9,140.4 50.1,144.2 50.1,144.3 52.7,144.3 52.7,146.6 52.2,147.2 50.1,147.2 49.5,146.6 49.5,137.6 50.1,137 52.2,137 52.7,137.6 52.7,139.6 52.9,139.6 56,137.6 56,136.2 53.8,134.1"/> <path d="M7.6,79.2v0.4l5,3.2V101h-5v0.7l31.3,14l29-12.9v-8.6H39v0.7l13,5.8l-13,5.8l-16.4-7.3V87.6h27.5l12.4-8v-0.4H7.6z M7.6,47.7V48l5,3.2v21.1l-5,3.2v0.4H68l0-9.6l-9.6-6.2h-0.4v7.4H22.5V56.1h15.7l12.4-8v-0.4H7.6z M22.5,30.6H51l4.1,2.7L51,36H22.5V30.6z M7.6,9.6V10L20,18h31l4.1,2.7L51,23.4H22.5L13,17.2h-0.4v23.6l-5,3.2v0.4h45.8l15.7-10.2v-0.4L58.7,27l10.5-6.8v-0.4L53.5,9.6H7.6z M5.3,105.3V5.4h67.3v99.8l-33.6,15L5.3,105.3z M0,0v108.8l39,17.4l39-17.4V0H0z"/> <path d="M3.2,144.6l3.2-2.1v4l-0.7,0.7H3.2V144.6z M3.2,137h2.5l0.7,0.7v1.8l-3.2,2.1V137z M0,134.1v16h7.6l2.1-2.1v-5l-2-1.3l2-1.3v-4.2l-2.1-2.1H0z"/> </symbol> <symbol id="icon-guide" viewBox="0 0 126 126"> <polygon points="63.2,52.4 59,47.8 42.7,29.9 40.1,29.9 40.1,87.1 62,101.7 63.3,101.7 63.3,52.4"/> <path d="M63,0C28.2,0,0,28.2,0,63s28.2,63,63,63s63-28.2,63-63S97.8,0,63,0z M67.2,107.5l-6.9,0.3L34.1,90.3V23.9l11.2,0l17.9,19.7l8.9-8.6L83,24l8.7-0.1l0.1,66.3L67.2,107.5z"/> </symbol> <symbol id="icon-register" viewBox="0 0 126 126"> <path d="M97.2,38.3h-9.8c0,0,0,0,0,0c0,0,0,0,0,0H43.2c-0.3,0-0.6,0-0.9-0.1c-0.2,0-0.3,0.1-0.5,0.1h-13c-0.1,0-0.3,0.1-0.3,0.3v48.9c0,0.1,0.1,0.3,0.3,0.3h68.5c0.1,0,0.3-0.1,0.3-0.3V38.5C97.5,38.4,97.4,38.3,97.2,38.3z M48.3,45.8c5.2,0,9.5,4.3,9.5,9.5s-4.3,9.5-9.5,9.5s-9.5-4.3-9.5-9.5S43.1,45.8,48.3,45.8z M63.8,79.9c-0.6,0.8-1.5,1.2-2.4,1.2H35.3c-1,0-1.9-0.5-2.4-1.2c-0.6-0.8-0.7-1.8-0.4-2.7l2.5-7.6c0.9-2.6,3.2-4.3,5.9-4.3h14.9c2.7,0,5.1,1.7,5.9,4.3l2.5,7.5C64.5,78.1,64.4,79.1,63.8,79.9z M90.7,77.8H74.4c-1.7,0-3-1.3-3-3s1.3-3,3-3h16.3c1.7,0,3,1.3,3,3S92.4,77.8,90.7,77.8z M90.7,64.8H74.4c-1.7,0-3-1.3-3-3s1.3-3,3-3h16.3c1.7,0,3,1.3,3,3S92.4,64.8,90.7,64.8z M90.7,51.8H74.4c-1.7,0-3-1.3-3-3s1.3-3,3-3h16.3c1.7,0,3,1.3,3,3S92.4,51.8,90.7,51.8z"/> <path d="M48.3,58.8c1.9,0,3.5-1.6,3.5-3.5s-1.6-3.5-3.5-3.5c-1.9,0-3.5,1.6-3.5,3.5S46.4,58.8,48.3,58.8z"/> <path d="M55.8,71.3H40.9c-0.1,0-0.2,0.1-0.2,0.2l-1.2,3.6h17.8L56,71.5C56,71.4,55.9,71.3,55.8,71.3z"/> <path d="M63,0C28.2,0,0,28.2,0,63s28.2,63,63,63s63-28.2,63-63S97.8,0,63,0z M103.5,93.7c-6,0-81-0.1-81-0.1l0-61.4h19.3c0.2,0,0.4,0,0.5,0.1c0.3,0,0.6-0.1,0.9-0.1h44.2c0,0,0,0,0,0c0,0,16.1,0,16.1,0C103.6,36.8,103.5,93.7,103.5,93.7z"/> </symbol> <symbol id="icon-login" viewBox="0 0 126 126"> <path d="M69,72.4H57c-9,0-16.4,6.5-17.9,15.1h47.8C85.4,78.9,78,72.4,69,72.4z"/> <path d="M63,57.3c8.9,0,12.1-7.8,12.1-15.1c0-7.3-3.2-15.1-12.1-15.1c-8.9,0-12.1,7.8-12.1,15.1C50.9,49.5,54.1,57.3,63,57.3z"/> <path d="M63,0C28.2,0,0,28.2,0,63s28.2,63,63,63s63-28.2,63-63S97.8,0,63,0z M63,21.2c10.8,0,18.1,8.5,18.1,21.1S73.8,63.3,63,63.3c-10.8,0-18.1-8.5-18.1-21.1S52.2,21.2,63,21.2z M90.1,93.5H35.9c-1.7,0-3-1.3-3-3c0-13.3,10.8-24.1,24.1-24.1H69c13.3,0,24.1,10.8,24.1,24.1C93.1,92.1,91.8,93.5,90.1,93.5z"/> </symbol> <symbol id="icon-history" viewBox="0 0 126 126"> <path d="M63,0C28.2,0,0,28.2,0,63s28.2,63,63,63s63-28.2,63-63S97.8,0,63,0L63,0z M89.8,88L22.5,88l0-47.2h81.1c0,3.4-0.1,34.1-0.1,34.1L89.8,88z"/> <path d="M40.6,55.8v3l-3.9,0v13.8h-3.4V58.8l-3.8,0v-3H40.6z"/> <path d="M42.8,55.8h3.4v16.8h-3.4V55.8z"/> <path d="M56.5,55.8l2.2,2.2v2.6l-3.4,0v-1.1l-0.6-0.6h-2.1l-0.6,0.7v9.4l0.6,0.6h2.1l0.6-0.6v-1.3l3.4,0v2.8l-2.2,2.2h-5.7l-2.2-2.2V58l2.2-2.2L56.5,55.8L56.5,55.8z"/> <path d="M71.1,55.8v6.6l-2.1,1.4l2.1,1.4v7.4h-3.4v-6.2l-1.4-0.9l-1.8,1.2v5.9h-3.4V55.8h3.4v7.7l3.1-2.1v-5.6L71.1,55.8L71.1,55.8z"/> <path d="M83.2,58.8h-6.4v3.6h4.9v3h-4.9v4.1h6.4v3.1h-9.8V55.8h9.8V58.8z"/> <path d="M96.4,55.8v3l-3.9,0v13.8h-3.4V58.8l-3.8,0v-3H96.4z"/> </symbol> <symbol id="cv-icon-home" viewBox="0 0 128 133.6"> <polyline points="125,64 64,3 3,64"/> <polyline points="14.1,52.9 14.1,130.6 47.4,130.6 47.4,80.6 80.6,80.6 80.6,130.6 113.9,130.6 113.9,52.9"/> </symbol> <symbol id="cv-icon-guide" viewBox="0 0 99.1 131"> <path d="M93.1,6.3v90.3l-43.6,27.3L6,96.6V6.3l40.4,25.3l3.2,2l3.2-2L93.1,6.3 M93.4,0c-1,0-2,0.3-3,0.9L49.6,26.5L8.7,0.9c-1-0.6-2-0.9-3-0.9C2.7,0,0,2.4,0,5.7v94.2L49.6,131l49.6-31.1V5.7C99.1,2.4,96.4,0,93.4,0L93.4,0z"/> <path d="M53.6,28.7l39-24.5C92.8,4.1,93.1,4,93.4,4c0.7,0,1.7,0.5,1.7,1.7v92l-41.6,26.1V28.7z"/> <path d="M91.1,9.9v85.6l-33.6,21.1V30.9L91.1,9.9 M93.4,0c-1,0-2,0.3-3,0.9L49.6,26.5V131l49.6-31.1V5.7C99.1,2.4,96.4,0,93.4,0L93.4,0z"/> </symbol> <symbol id="cv-icon-register" viewBox="0 0 178.6 133.6"> <line x1="150.6" y1="3" x2="39" y2="3"/> <path d="M145.6,3h22.5c4.1,0,7.5,3.4,7.5,7.5v112.6c0,4.1-3.4,7.5-7.5,7.5H10.5c-4.1,0-7.5-3.4-7.5-7.5V10.5C3,6.4,6.4,3,10.5,3h30"/> <circle cx="55.5" cy="51.3" r="15"/> <path d="M85.5,103.8h-60l5.8-17.4c1-3.1,3.9-5.1,7.1-5.1h34.2c3.2,0,6.1,2.1,7.1,5.1L85.5,103.8z"/> <line x1="115.6" y1="36.3" x2="153.1" y2="36.3"/> <line x1="115.6" y1="66.3" x2="153.1" y2="66.3"/> <line x1="115.6" y1="96.3" x2="153.1" y2="96.3"/> <path d="M40.5,3"/> <path d="M39,3"/> </symbol> <symbol id="cv-icon-login" viewBox="0 0 110.4 133.6"> <ellipse cx="55.2" cy="37.8" rx="29" ry="34.8"/> <path d="M107.4,130.6H3l0,0C3,108.1,21.2,90,43.6,90h23.2C89.2,90,107.4,108.1,107.4,130.6L107.4,130.6z"/> </symbol> <symbol id="cv-icon-history" viewBox="0 0 184.5 110"> <path class="history01" d="M151.3,107L3.1,106.9L3,3h178.5c0,7.4-0.1,75.2-0.1,75.2L151.3,107z"/> <path class="history02" d="M48.8,38.8v5.9l-7.6,0v26.7h-6.6V44.7l-7.5,0v-5.9H48.8z"/> <path class="history02" d="M53.1,38.8h6.6v32.6h-6.6V38.8z"/> <path class="history02" d="M79.6,38.8l4.4,4.3v5l-6.6-0.1v-2.2l-1.2-1.2H72L70.8,46v18.3l1.2,1.2h4.2l1.2-1.2v-2.6l6.6,0v5.4l-4.4,4.3h-11l-4.3-4.3V43.1l4.3-4.3L79.6,38.8L79.6,38.8z"/> <path class="history02" d="M107.9,38.8v12.9l-4.2,2.7l4.2,2.7v14.4h-6.6V59.3l-2.6-1.7l-3.6,2.3v11.5h-6.5V38.8h6.5v14.9l6.1-4V38.8L107.9,38.8L107.9,38.8z"/> <path class="history02" d="M131.4,44.7H119v7h9.6v5.8H119v8h12.4v5.9h-19V38.8h19V44.7z"/> <path class="history02" d="M157,38.8v5.9l-7.6,0v26.7h-6.6V44.7l-7.5,0v-5.9H157z"/> </symbol> </svg> <div class="container"> <header> <div class="header-block"> <div class="header-wrap"> <div class="header-id"> <p><a href="https://www.bleague.jp/" target="_blank"><svg width="31" height="59"><use xlink:href="#id-blg"/></svg></a></p> <h1><a href="/"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/share/id-blgt.png" width="162" height="59" alt="B.LEAGUE TICKET"></a></h1> </div> <div class="header-nav"> <nav> <ul> <li class="nav-guide"> <a href="/guide" onclick="dataLayer.push({'event':'fireEvent','eventCategory':'チケットサイト_ヘッダ','eventAction':'click','eventLabel':'ご利用ガイド'})"> <span class="icon"><svg width="36" height="36"><use xlink:href="#icon-guide"/></svg></span> <span class="txt">ご利用ガイド</span> </a> </li> <li class="nav-register bg-skew"><a href="/member/regist" onclick="dataLayer.push({'event':'fireEvent','eventCategory':'チケットサイト_ヘッダ','eventAction':'click','eventLabel':'B.LEAGUE会員登録'})">B.LEAGUE会員登録</a></li> <li class="nav-login bg-skew"><a href="/member/login" onclick="dataLayer.push({'event':'fireEvent','eventCategory':'チケットサイト_ヘッダ','eventAction':'click','eventLabel':'ログイン'})">ログイン</a></li> </ul> </nav> </div> <div class="sp-header-nav"> <ul> <li class="nav-guide"> <a href="/guide"> <span class="icon"><svg width="36" height="36"><use xlink:href="#icon-guide"/></svg></span> <span class="txt">ご利用ガイド</span> </a> </li> <li class="nav-register"> <a href="/member/regist"> <span class="icon"><svg width="36" height="36"><use xlink:href="#icon-register"/></svg></span> <span class="txt">会員登録</span> </a> </li> <li class="nav-login"> <a href="/member/login"> <span class="icon"><svg width="36" height="36"><use xlink:href="#icon-login"/></svg></span> <span class="txt">ログイン</span> </a> </li> </ul> </div> </div> </div> </header> <div class="main-content guide top"> <div class="mv-block"> <div class="wrap"> <h2 class="mv-ttl">ご利用ガイド</h2> </div> </div> <div class="category-block"> <div class="wrap"> <div class="category-box"> <a href="/guide/about-transfer/"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-transfer.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">会員登録パスワードの<span>再設定について</span></p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> <div class="category-box"> <a href="/guide/about-regist/"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-regist.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">会員登録について</p> <p class="sub">(B.LEAGUEチケットサイトご利用登録)</p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> <div class="category-box"> <a href="/guide/about-fc/"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-fc.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">ファンクラブについて</p> <p class="sub">(※B.LEAGUE会員のみご入会いただけます)</p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> <div class="category-box"> <a href="/guide/about-mypage/"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-mypage.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">マイページ機能・<span>ログインについて</span></p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> <div class="category-box"> <a href="/guide/about-ticket/"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-ticket.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">チケット購入について</p> <p class="sub">(※チケット購入にはログインが必要です)</p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> <div class="category-box"> <a href="https://sp.bleague-ticket.jp/app/" target="_blank"> <p class="icon"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/guide/share/icon-sp.png" width="60" height="60" alt="アイコン"></p> <div class="ttl-box"> <p class="ttl">B.スマチケについて</p> <p class="sub">(B.LEAGUEスマホチケット)</p> </div> <p class="btn"><span>詳しく見る</span></p> </a> </div> </div> </div> <!-- /.category-block --> </div> <!-- /.main-content --> <footer> <div class="page-top"><a href="#top">PAGE TOP</a></div> <div class="footer-block"> <div class="wrap"> <ul class="footer-nav"> <li><a href="/guide">ご利用ガイド</a></li> <li class="faq"><a href="https://faq.bleague-ticket.psrv.jp/faq/">FAQ(よくあるご質問)</a></li> <li><a href="https://www.bleague.jp/privacy/" target="_blank" class="blank">プライバシーポリシー<span></span></a></li> <li><a href="/orderlow">特定商取引法に基づく表記</a></li> <li><a href="/security">動作環境・セキュリティ</a></li> <li><a href="/membership-agreement">B.LEAGUE会員規約</a></li> <li><a href="/agreement">サービス利用規約</a></li> <li><a href="/maintenances">メンテナンス情報</a></li> <li class="contact"><a href="/contact">お問い合わせ</a></li> </ul> <ul class="footer-btn"> <li class="btn"><a href="https://faq.bleague-ticket.psrv.jp/faq/">FAQ<span>(よくあるご質問)</span></a></li> <li class="btn"><a href="/contact/">お問い合わせ</a></li> </ul> <div class="footer-link"> <p>powered by</p> <ul> <li><a href="/"><img src="https://d2eq1hrgsng6yw.cloudfront.net/img/share/id-blgt.png" width="100" height="36" alt="B.LEAGUE TICKET"></a></li> <li><a href="https://www.bleague.jp/" target="_blank"><svg width="30" height="58"><use xlink:href="#id-blg"/></svg></a></li> </ul> </div> <p class="footer-txt">本サイトで使用している文章・画像等の無断での複製・転載を禁止します。</p> <p class="copy"><small>COPYRIGHT &copy; JAPAN PROFESSIONAL BASKETBALL LEAGUE All RIGHTS RESERVED</small></p> </div> </div> </footer> <div class="cv-block"> <ul> <li class="cv01"> <a href="/guide/"> <span class="icon"><svg width="30" height="38"><use xlink:href="#cv-icon-guide"/></svg></span> <span class="txt">ご利用ガイド</span> </a> </li> <li class="cv02"> <a href="https://fanaccount.psrv.jp/login?skin=bleague" target="_blank"> <span class="icon"><svg width="26" height="20"><use xlink:href="#cv-icon-history"/></svg></span> <span class="txt">購入履歴</span> </a> </li> <li class="cv03"> <a href="/member/index/"> <span class="icon"><svg width="31" height="38"><use xlink:href="#cv-icon-login"/></svg></span> <span class="txt">会員<br>マイページ</span> </a> </li> <li class="cv04"> <a href="/member/regist/"> <span class="icon"><svg width="51" height="38"><use xlink:href="#cv-icon-register"/></svg></span> <span class="txt">新規会員<br>登録</span> </a> </li> </ul> </div> </div> <!-- ./container --> <script src="https://d2eq1hrgsng6yw.cloudfront.net/js/vendor/modernizr-3.7.1.min.js"></script> <script src="https://d2eq1hrgsng6yw.cloudfront.net/js/vendor/picturefill.min.js"></script> <script> $(function(){ var userAgent = window.navigator.userAgent.toLowerCase(); if(userAgent.indexOf( 'msie' ) !== -1 || userAgent.indexOf( 'trident' ) !== -1 ) { window.alert("Microsoft Internet Explorerは非推奨環境となり、正常な表示ができません。\n推奨環境をご確認のうえ、Microsoft Internet Explorer以外のブラウザをご利用ください。"); location.href="/security"; } }); </script> <style> .modal-overlay { position: fixed; display: none; z-index: 999999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .cont-modal.cont-login { position: fixed; display: none; z-index: 9999999999; top: 50%; left: 50%; width: 92%; max-width: 500px; background: #fff; border-radius: 10px; padding: 30px 0px; text-align: center; transform: translate(-50%, -50%); } .cont-login .login-form .error-block { margin:0 0 2rem; } .cont-login .login-form .error-block .wrap { width: auto; padding: 1rem 0rem; background: #f9e9e9; border: 1px solid #f31918; color:#f31918; } .cont-login .login-form { padding: 30px 0 0; } .cont-login .login-form p { position: relative; } .cont-login .login-form input[type="password"], .cont-login .login-form input[type="text"] { display: block; width: 100%; background: #fff; border: 1px solid #cecece; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1rem 2rem; position: relative; } .cont-login a.pw-visible { background: url("https://d2eq1hrgsng6yw.cloudfront.net/img/share/eye-slash-solid.svg") center 0 no-repeat; background-size: 22px auto; display: block; font-size:.7rem; padding-top:1.7rem; width: 30px; height: 20px; position: absolute; text-align: center; right: 15px; color:#555; top: 10px; z-index:2; } .cont-login a.pw-visible.inv { background: url("https://d2eq1hrgsng6yw.cloudfront.net/img/share/eye-solid.svg") center 0 no-repeat; background-size: 20px auto; } .cont-login .login-form .btn { margin-top: 30px; } .cont-login .cont-block .btn-box button { display: inline-block; width: 340px; font-size: 18px; font-size: 1.8rem; padding: 1rem 0; font-weight: bold; color: #fff; letter-spacing: .1rem; background: #e95757; border: 2px solid #e95757; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; cursor: pointer; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cont-login .cont-block .btn-box button#btn-close { margin-top: 20px; color: #666; background: #fff; border: 2px solid #cccccc; width: 240px; padding: 5px 0; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 640px) { .cont-modal.cont-login h2 { font-size: 1.6rem; } .cont-modal.cont-login p.h { font-size: 1.2rem; text-align: center; } .cont-login .login-form { padding: 20px 0 0; } .cont-login .cont-block .btn-box button { display: inline-block; width: 87.30159%; padding: 0.8rem 0; font-size: calc((20 - 14) * ((100vw - 375px) / (820 - 375)) + 1.4rem); } .cont-login .cont-block .btn-box button#btn-close { margin-top: 20px; width: 60%; padding: 5px 0; font-size: 12px; font-size: 1.2rem; } } </style> <div class="cont-modal cont-login"> <div class="wrap"> <div class="cont-block"> <div class="cont-box"> <h2>ログインパスワードを入力してください</h2> <p class="h">セキュリティのため、再度ログインが必要となります。</p> <div class="login-form"> <form method="post" accept-charset="utf-8" action="/member/login-confirm/" novalidate><div style="display:none;"><input type="hidden" name="_method" value="POST" required="false"><input type="hidden" name="_csrfToken" autocomplete="off" value="b31cd4b2301e885fd11e633d286ff55719ec55da8807016538fc17dec6d769cd24325a4a3253f1a1e00bf268a433e0527ec9546728c7f8111ea8ce8178ba8d24" required="false"></div> <p> <input type="password" name="password" placeholder="パスワード" class="password-inpt" data-input-type="password"><a href="javascript:void(0)" class="pw-visible">非表示</a></p> <span class="error-password"></span> <ul class="btn"> <li class="btn-box"><button id="btn-login" type="submit" name="login" value="次へ">次へ</button></li> <li class="btn-box"><button id="btn-close" type="button" name="close" value="閉じる">閉じる</button></li> </ul> <input type="hidden" name="redirect" value="" class="login-redirect"> <div style="display:none;"><input type="hidden" name="_Token[fields]" autocomplete="off" value="b4f577ad8676a34a134deadbb3e764fe75854761%3A" required="false"><input type="hidden" name="_Token[unlocked]" autocomplete="off" value="" required="false"></div></form> </div> </div> </div> </div> <script> $(function(){ $("#btn-login").on("click", function () { $(this).css('pointer-events','none'); }); $("input").on("keydown", function(e) { if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) { return false; } else { return true; } }); var isError = ""; var errorMessage = ""; $("a[href^='/member/edit']").addClass("login-confirm"); $("a[href^='/member/edit-password']").addClass("login-confirm"); $("a[href^='/member/edit-email']").addClass("login-confirm"); $("a[href^='/member/unsubscribe']").addClass("login-confirm"); $(".login-confirm").on("click", function(){ $(".error-block").remove(); showModal(); var href = $(this).attr("href"); $(".login-redirect").val(href); return false; }); var _hash = location.hash; if(_hash && (_hash.indexOf("#rd=") == 0)){ var _href = _hash.split("=")[1]; $(".login-redirect").val(_href); } if(isError == "1"){ showModal(); $(".login-form").prepend('<div style="display:block;" class="error-block"><div class="wrap"><p>'+errorMessage+'</p></div></div>'); } function showModal(){ $('body').append('<div class="modal-overlay"></div>'); $(".modal-overlay").css("display", "block"); $(".cont-modal.cont-login").css("display", "block"); $("#btn-close").unbind().on("click", function () { $('.cont-login').fadeOut('fast', function () { $('.modal-overlay').remove(); }); }); } var inputType = "password"; $(".pw-visible").on("click", function () { if (inputType == "password") { $(".password-inpt").attr("type", "text"); inputType = "text"; $(this).addClass("inv"); $(this).text("表示"); } else { $(".password-inpt").attr("type", "password"); inputType = "password"; $(this).removeClass("inv"); $(this).text("非表示"); } }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10