https://tabio.com/jp/mypage/login.php?__shop_key=jp&transactionid=47b135da75b5330bc6b4e790a77a9f22d2df1160

1    <!DOCTYPE html>
2<html lang="ja" xmlns:fb="http://ogp.me/ns/fb#">
3<head>
4    <meta charset="utf-8">
5<title>ログイン | 靴下屋公式通販 Tabioオンラインストア</title>
6<meta name="description" content="ライフスタイルにあわせた快適な靴下を買うならココ！レディース・メンズ・キッズの靴下、タイツ・レギンス等国内最大級の品揃え！「靴下屋」等の専門店を全国に展開！最良の履き心地のために、熟練の日本の職人たちがひとつひとつ丁寧に編みたてています。">
7<meta name="keywords" content="Tabio,タビオ, 靴下屋, 靴下">
8
9<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
10
11<meta name="format-detection" content="telephone=no">
12<meta http-equiv="X-UA-Compatible" content="IE=edge">
13<link rel="shortcut icon" href="/jp/assets/images/favicon/favicon.ico">
14<link rel="apple-touch-icon" href="/jp/assets/images/favicon/apple-touch-icon.png">
15
16<link rel="stylesheet" href="/jp/assets/css/common.min.css">
17<link rel="stylesheet" href="/user_data/packages/default/css/extension.css?20201120180000">
18
19<style type="text/css">
20    @font-face {
21        font-family: kbSpecific;
22        src: url('/jp/assets/font/kbbc.woff') format('woff'),
23        url('/jp/assets/font/kbbc.otf') format('opentype');
24    }
25    @font-face {
26        font-family: krSpecific;
27        src: url('/jp/assets/font/krbc.woff') format('woff'),
28        url('/jp/assets/font/krbc.otf') format('opentype');
29    }
30</style>
31
32<!-- gtm部分は、各ページで編集できる -->
33<!-- Google Tag Manager -->

34<script>

34(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
35    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
36            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
37            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
38            })(window,document,'script','dataLayer','

38GTM-N26NMPZ

38');

38</script>

38
39<!-- End Google Tag Manager -->
40<!-- アプリ判定 -->

41<script>
42    var app_flg = 0;
43</script>

43

44<script src="/jp/assets/js/lib.min.js"></script>

44

45<script src="/jp/assets/js/common.min.js"></script>

45

46<script type="text/javascript" src="//webfont.fontplus.jp/accessor/script/fontplus.js?JJLoXP2e-Pc%3D&box=7A4J2MdMw1E%3D&pm=1&aa=1&ab=2&cm=80" charset="utf-8"></script>

46
47

48<script> window.FONTPLUS.async() </script>

48
49
50<meta name="robots" content="noindex">
51
52<!-- KARTE -->
53<!-- Start KARTE Tag -->

54<script>!function(n){var o=window[n]=function(){var n=[].slice.call(arguments);return o.x?o.x.apply(0,n):o.q.push(n)};o.q=[],o.i=Date.now(),o.allow=function(){o.o="allow"},o.deny=function(){o.o="deny"}}("krt")</script>

54
55<!-- Start KARTE Compatible Tag -->

56<script>!function(t,e,n){var r=this&&this.__spreadArray||function(t,e,n){if(n||2===arguments.length)for(var r,o=0,a=e.length;o<a;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return t.concat(r||Array.prototype.slice.call(e))};n[e]&&(n[e].stop(),console.warn("[krt:compat] detect old tracker and remove it"),delete n[e]);var o=n[e]||(n[e]=[]),a=function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return n[t].apply(n,e)};["start","stop","action","event","goal","chat","admin","group","alias","ready","form","click","submit","cmd","emit","on","send","css","js","style","option","get","set","collection"].map((function(t){o[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return console.error.apply(console,r(["[krt:compat] not implmeneted",t],e,!1))}})),o.track=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];if(0!==t.length)return t[1]||(t[1]={}),t[1]._system||(t[1]._system={}),t[1]._system.compatible_tag=!0,a.apply(void 0,r(["send"],t,!1))},o.user=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t[0]||(t[0]={}),t[0]._system||(t[0]._system={}),t[0]._system.compatible_tag=!0,a.apply(void 0,r(["send","identify"],t,!1))},["buy","view","page"].map((function(t){return o[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e[0]||(e[0]={}),e[0]._system||(e[0]._system={}),e[0]._system.compatible_tag=!0,a.apply(void 0,r(["send",t],e,!1))}})),o.link=function(e,r){var o=document.querySelector(e);o&&(r||(r={}),r._system||(r._system={}),r._system.compatible_tag=!0,r.href=o.getAttribute("href"),r.event_name||(r.event_name="link"),o.addEventListener("click",(function(){return n[t]("send",r.event_name,r)}),!0))},o.api_key="9c452be654bdf8c26bf71336e72144f0"}("krt","tracker",window)</script>

56
57<!-- End KARTE Compatible Tag -->

58<script async src="https://cdn-edge.karte.io/9c452be654bdf8c26bf71336e72144f0/edge.js"></script>

58
59<!-- End KARTE Tag -->
60
61<!-- End KARTE -->
62    <link rel="stylesheet" href="/jp/assets/css/login.css">
63</head>
64<body>
65<div id="container">
66        <main role="main" id="main">
67        <!-- 各ページのコンテンツ -->
68        <div class="container">
69    <div class="p-login">
70        <div class="p-intro">
71            <h1 class="p-intro__title">ログイン</h1>
72        </div>
73        <form name="login_mypage" id="login_mypage" method="post" action="./login_check.php" onsubmit="return fnCheckLogin('login_mypage')">
74            <input type="hidden" name="tpl_message" value="">
75            <div class="p-grid p-login__row">
76                <div class="p-grid__column is-02 js-login-validation">
77                    <section class="p-login__item group register">
78                        <ul class="p-login__item--input">
79                            <li>
80                                <fieldset class="mFieldSet">
81                                    <div class="mField">
82                                        <input class="hoverable" type="email" placeholder="メールアドレス" name="mypage_login_email" value="">
83                                    </div>
84                                    <p class="caution"  ></p>
85                                </fieldset>
86                            </li>
87                            <li>
88                                <fieldset class="mFieldSet">
89                                    <div class="mField">
90                                        <input class="hoverable" type="password" placeholder="パスワード" name="mypage_login_pass">
91                                    </div>
92                                    <p class="caution"  ></p>
93                                </fieldset>
94                            </li>
95                        </ul>
96                        <div class="p-login__item--row">
97                            <p class="p-login__item--reminder">
98                                <a href="./reset_sendmail.php">パスワードを忘れた方はこちら</a>
99                            </p>
100                            <div class="mButton">
101                                <button class="hoverable" type="submit" name="mode" value="login">ログイン</button>
102                            </div>
103                        </div>
104
105                        
106                                                    <!-- Amazon Pay v2 -->
107                            <div style="margin-top: 30px">
108                                <div class="amazonpay-v2-login">
109                                    <div id="AmazonPayV2Button"></div>
110                                </div>
111                                <ul class="c-input-table__note">
112                                    <li>
113                                        ※過去にAmazon Payでお買い物をされた事がある方はAmazonアカウントの<br>
114                                        ID/PWでTabio会員としてログインいただけます。
115                                    </li>
116                                    <li>※一部のブラウザやアプリでご利用できないブラウザがございます。</li>
117                                    <li>その場合はsafari、Google Chromeなどでご利用ください。</li>
118                                </ul>
119                                

119<script src="https://static-fe.payments-amazon.com/checkout.js"></script>

119
120                                

120<script type="text/javascript" charset="utf-8">
121                                    window.AmazonPayV2PaymentId = '128';
122                                    window.AmazonPayV2BaseUrl = 'https://tabio.com/jp/';
123                                    window.AmazonPayV2SandboxMode = false;
124                                    window.AmazonPayV2MerchantId = 'A2OV21D2UYCXHL';
125                                    window.AmazonPayV2CurrencyCode = 'JPY';
126                                    window.AmazonPayV2Language = 'ja_JP';
127                                    window.AmazonPayV2payloadJson = '{"signInReturnUrl":"https:\/\/tabio.com\/jp\/shopping\/amazon_pay_v2.php?mode=signInMypage","storeId":"amzn1.application-oa2-client.0b3d40dbd5504d49a7a6a076c7759edc"}';
128                                    window.AmazonPayV2signature = 'ibmcgazp4nphBq9jEl4O2R3knVOZ4qhppYq6d1jprjKobSdhcUHWGWQSAm95LVNf5CPSWK8viunxpSDC174gKG7194cD11tBkeLLP33SMLSzG2my844f/Z96l3/3vRDcgUrhllcf6KLocRqw0tyIlTgQGAoyMiIv9pfnDyDroWwQbK/c7veAhXGve1+viqlz5DFdivSKyaGlUfYDGxTzxNPAlRgc3dWcQAsICiSulIxJpGAmU75mOocbuhWSGrbcyia49bvMNLTRdVlY7kWP/TuCnp/79fM/v279nE9dkRSghZUMM62+Dw9QRgqbqERt9sSx8x97KJ3Y4ZdhlEMXnw==';
129                                    window.AmazonPayV2publicKeyId = 'AH673GLP4ULAUOEDCTQY3R3R';
130                                    window.AmazonPayV2placement = 'Other';
131                                </script>

131
132                                

132<script type='text/javascript' src="/user_data/packages/default/js/amazon_pay_v2_login.js?20200123"></script>

132
133                                <style>
134                                    .c-input-table__note {
135                                        margin-top: 18px;
136                                        color: #a6a6a6;
137                                        font-size: 12px;
138                                        line-height: 1.75;
139                                        text-align: justify;
140                                    }
141                                </style>
142                            </div>
143                                            </section>
144                </div>
145            </div>
146        </form>
147    </div>
148</div>

149<script type="text/javascript">
150    $(function () {
151        var tpl_message = $('input:hidden[name="tpl_message"]').val();
152        if (tpl_message) {
153            tabio.Attention.add({
154                type: "error",
155                list: [
156                    {html: tpl_message}
157                ]
158            });
159        }
160    });
161
162    function fnCheckLogin(formname, shop = 'jp') {
163        var lstitem = new Array();
164
165        if(formname == 'login_mypage'){
166            lstitem[0] = 'mypage_login_email';
167            lstitem[1] = 'mypage_login_pass';
168        }else{
169            lstitem[0] = 'login_email';
170            lstitem[1] = 'login_pass';
171        }
172        var max = lstitem.length;
173        var errflg = false;
174
175        //　必須項目のチェック
176        for(var cnt = 0; cnt < max; cnt++) {
177            if(document.forms[formname][lstitem[cnt]].value == "") {
178                errflg = true;
179                break;
180            }
181        }
182
183        // 必須項目が入力されていない場合
184        if(errflg == true) {
185            tabio.Attention.add({
186                type: "error",
187                list: [
188                    {html: 'メールアドレス／パスワードを入力して下さい。'}
189                ]
190            });
191            return false;
192        }
193    }
194</script>

194    </main>
195    <div id="footArea">
196    <nav id="util">
197        <div class="container">
198            <div class="pageTop hoverable">ページの先頭へ</div>
199                        <ul class="footsteps">
200                <li><a href="/jp/">靴下のTabio公式通販サイト</a></li>
201                <li><a href="/jp/entry/login.php" class="hoverable">ログイン</a></li>                                                                            </ul>
202                    </div>
203    </nav>
204</div></div>
205  <div id="modalCover"></div>
206<div id="modalContainer">
207    <div class="modal offer html_member_request">
208    <fieldset class="mCheckSet noOffer">
209        <div class="mCheck">
210            <label class="hoverable">
211                <input type="checkbox"><span>今後表示しない</span>
212            </label>
213        </div>
214    </fieldset>
215    <div class="close hoverable"></div>
216</div>    <div class="modal logout">
217    <p>ログアウトしますか？</p>
218    <form action="">
219        <div class="mButton yes">
220            <button class="hoverable" type="submit">ログアウト</button>
221        </div>
222        <div class="mButton invert no">
223            <button class="hoverable" type="button">キャンセル</button>
224        </div>
225    </form>
226</div>
227          </div><div id="attentionContainer"></div>

228<script src="/design/assets/js/login.js"></script>

228
229</body>
230</html>
231// アプリ時にヘッダフッタを非表示にする 

232<script type="text/javascript">
233    $(function () {
234                    $.ajax({
235                   type: 'GET',
236                   url: 'https://tabio.com/jp/static/parts.php?type=header',
237                   dataType: 'html',
238                   success: function(data) {
239                       $('#container').prepend(data);
240                       $(document).trigger("headerPrepared");
241                   },
242                   error:function(XMLHttpRequest, textStatus, errorThrown) {
243                       console.log("XMLHttpRequest : " + XMLHttpRequest.status);
244                       console.log("textStatus     : " + textStatus);
245                       console.log("errorThrown    : " + errorThrown.message);
246                   }
247            });
248            $.ajax({
249                   type: 'GET',
250                   url: 'https://tabio.com/jp/static/parts.php?type=footer',
251                   dataType: 'html',
252                   success: function(data) {
253                       $('#footArea').append(data);
254                       $(document).trigger("footerPrepared");
255                   },
256                   error:function(XMLHttpRequest, textStatus, errorThrown) {
257                       console.log("XMLHttpRequest : " + XMLHttpRequest.status);
258                       console.log("textStatus     : " + textStatus);
259                       console.log("errorThrown    : " + errorThrown.message);
260                   }
261            });
262            $.ajax({
263                   type: 'GET',
264                   url: 'https://tabio.com/jp/static/parts.php?type=member-request',
265                   dataType: 'html',
266                   success: function(data) {
267                       $('.html_member_request').prepend(data);
268                       $(document).trigger("offerPrepared");
269                   },
270                   error:function(XMLHttpRequest, textStatus, errorThrown) {
271                       console.log("XMLHttpRequest : " + XMLHttpRequest.status);
272                       console.log("textStatus     : " + textStatus);
273                       console.log("errorThrown    : " + errorThrown.message);
274                   }
275            });
276            });
277</script>