https://kitokurashi.com/stock-list/login

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta name="format-detection" content="telephone=no">
8  <meta name="viewport" content="width=device-width, initial-scale=1">
9  <title>STOCK LIST LOGIN｜木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房</title>
10  <meta name="description" content="森の木を使う事で生まれるゆるやかな循環木を切ることで、元気で生き生きとした森を作り、空気や水が良くなり、森にかかわる人たちの仕事も続いていく。そして私たちは家具をつくることができ、安全で良質な家具や暮らしを届けることが出来る。「森と木と暮らしをつなぐ」の理念のもと森の木を使い、家具をつくることで森と人とが共生できる社会づくりに貢献する事をわたしたちの理念としています。">
11  <meta name="keywords" content="">
12  <meta property="og:url" content="https://kitokurashi.com/stock-list/login" />
13      <meta property="og:type" content="article">
14    <meta property="og:title" content="STOCK LIST LOGIN｜木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房">
15  <meta property="og:site_name" content="木と暮らしの制作所｜飛騨の木の家具や小物を扱う家具工房">
16  <meta property="og:image" content="https://kitokurashi.com/uploads/20/42/204278c8a13f3b3b65b9c330d04d2eca.jpg">
17  <meta property="og:description" content="森の木を使う事で生まれるゆるやかな循環木を切ることで、元気で生き生きとした森を作り、空気や水が良くなり、森にかかわる人たちの仕事も続いていく。そして私たちは家具をつくることができ、安全で良質な家具や暮らしを届けることが出来る。「森と木と暮らしをつなぐ」の理念のもと森の木を使い、家具をつくることで森と人とが共生できる社会づくりに貢献する事をわたしたちの理念としています。">
18  <meta name="twitter:card" content="summary">
19  <link rel="apple-touch-icon" href="/uploads/99/9e/999eb1dfc7b9a5080095dd6332f38f5d.png">
20  <link rel="icon" href="/uploads/d4/b9/d4b91c24f19fbd884403f626d0a10955.ico">
21    <link rel="stylesheet" href="/bundles/web/css/stock-list.css">
22
23    <link rel="stylesheet" href="https://morisawafonts.net/c/01M20525SQE6ZAFAX9TNT8N3S6/mf.css">
24
25  <!--[if lt IE 9]>
26  

26<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

26
27  

27<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

27
28  <![endif]-->
29  
30  

30<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>

30
31
32<meta name="google-site-verification" content="S7D8S_uV9CKpPyZW_57B50hDbwgjJLITIQxQoBLtH0c" />
33
34<!-- Google tag (gtag.js) -->

34
35<script async src="https://www.googletagmanager.com/gtag/js?id=

35G-KHVDYV8Q7W

35"></script>

36<script>
37  

37window.dataLayer = window.dataLayer || [];
38  function gtag(){dataLayer.push(arguments);}
39  gtag('js', new Date());
40
41  gtag('config', '

41G-KHVDYV8Q7W

41');

42</script>

42
43</head>
44<body class="fadeout">
45
46<div class="container">
47      <header class="header">
48      <div class="l-content">
49        <h1 class="header__logo"><a href="/"><img src="/bundles/web/img/base/logo.svg" width="168" height="31" alt="木と暮らしの制作所"></a></h1>
50        <div class="header__trg header__trg--fix">
51          <button type="button" class="js-nav-trigger header__trg--btn">
52            <img src="/bundles/web/img/base/icn-menu.svg" width="26" height="26" alt="">
53          </button>
54        </div>
55        <div class="header__trg">
56          <button type="button" class="js-nav-trigger header__trg--btn">
57            <img src="/bundles/web/img/base/icn-menu.svg" width="26" height="26" alt="">
58          </button>
59        </div>
60      </div>
61    </header>
62    <div class="nav-modal">
63      <div class="nav-modal__trg"><button type="button" class="js-nav-trigger nav-modal__trg--btn"><img src="/bundles/web/img/base/icn-close.svg" width="16" height="16" alt=""></button></div>
64      <div class="nav-modal__panel">
65        <div class="nav-modal__block">
66          <div class="nav-modal__block--main"><a class="nav-modal__link" href="/our">OUR</a></div>
67        </div>
68        <div class="nav-modal__panel--top">
69          <div class="nav-modal__block">
70            <div class="nav-modal__block--main"><a class="nav-modal__link" href="/products">PRODUCTS</a></div>
71                          <div class="nav-modal__block--child">
72                <ul class="nav-modal__list--col5">
73                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/moricara"><span class="nav-modal__item--en">moricara</span></a></li>
74                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/gaiastyle"><span class="nav-modal__item--en">GAIA STYLE</span></a></li>
75                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/hota"><span class="nav-modal__item--en">HOTA</span></a></li>
76                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/mother"><span class="nav-modal__item--en">Mother</span></a></li>
77                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/others"><span class="nav-modal__item--en">Others</span></a></li>
78                                      <li class="nav-modal__item--col5"><a class="nav-modal__link--sub" href="/products/conour%C3%A9"><span class="nav-modal__item--en">CONURÉ</span></a></li>
79                                  </ul>
80              </div>
81                      </div>
82          <div class="nav-modal__block">
83            <div class="nav-modal__block--main"><a class="nav-modal__link" href="/note">NOTES</a></div>
84                          <div class="nav-modal__block--child">
85                <ul class="nav-modal__list--col4">
86                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/wood"><span class="nav-modal__link--en">WOOD /</span><span class="nav-modal__link--ja">木</span></a></li>
87                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/forest"><span class="nav-modal__link--en">FOREST /</span><span class="nav-modal__link--ja">森</span></a></li>
88                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/news"><span class="nav-modal__link--en">NEWS /</span><span class="nav-modal__link--ja">おしらせ</span></a></li>
89                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/person"><span class="nav-modal__link--en">PERSON /</span><span class="nav-modal__link--ja">つなぐ人</span></a></li>
90                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/thinks"><span class="nav-modal__link--en">THINKS /</span><span class="nav-modal__link--ja">想い</span></a></li>
91                                      <li class="nav-modal__item--col4"><a class="nav-modal__link--sub" href="/note/category/Item"><span class="nav-modal__link--en">ITEM /</span><span class="nav-modal__link--ja">商品</span></a></li>
92                                  </ul>
93              </div>
94                      </div>
95        </div>
96        <div class="nav-modal__panel--bottom">
97          <div class="nav-modal__block--row">
98            <div class="nav-modal__block--col"><a class="nav-modal__link" href="/shoplist">SHOP LIST</a></div>
99            <div class="nav-modal__block--col"><a class="nav-modal__link" href="/contact">CONTACT</a></div>
100          </div>
101          <div class="nav-modal__block--row">
102            <div class="nav-modal__block--col"><a class="nav-modal__link nav-modal__link--login" href="/stock-list/login">FOR BUYERS</a></div>
103            <div class="nav-modal__block--col"><a class="nav-modal__link nav-modal__link--inst" href="https://www.instagram.com/kitokurashi/" target="_blank">INSTAGRAM</a></div>
104          </div>
105        </div>
106      </div>
107    </div>
108      <div class="contents">
109    <div  class="heading l-content">
110      <h2 class="heading__ttl">STOCK LIST</h2>
111    </div>
112    <div class="login s-content">
113      <form method="post" action="/stock-list">
114                <div class="er" id="er2" style="display: none;">パスワードが間違っています</div>
115        <div class="login__form">
116          <div class="login__input"><input type="password" name="password" class="login__input--type" placeholder="PASSWORD" title="password"></div>
117          <div class="login__btn"><button type="submit" class="login__btn--item js-submit">ログイン</button></div>
118        </div>
119        <div class="login__desc">
120          お取引のある小売店様専用ページとなっています。<br>
121          閲覧するにはパスワードを入力してください。<br>
122          パスワードの発行はお取引の申し込みをお願い致します。<br>
123          下記フォームもしくはお電話でお受けしております。
124        </div>
125        <div class="login__contact">
126          <a href="tel:0577779773" class="login__contact--btn login__contact--tel">TEL 0577-77-9773</a>
127          <a href="/contact" class="login__contact--btn login__contact--mail">メールフォーム</a>
128        </div>
129      </form>
130    </div>
131  </div>
132      <footer class="footer l-content">
133      <div class="footer__logo"><a href="/"><img src="/bundles/web/img/base/logo-f.svg" width="122" height="14" alt="木と暮らしの制作所"></a></div>

134      <div class="footer__copy">© kitokurashinoseisakusyo</div>
135      <div class="footer__top"><a href="#"><img src="/bundles/web/img/base/pagetop.svg" width="8" height="12" alt=""></a></div>
136    </footer>
137    <div class="cover"></div>
138</div>

139<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

139

140<script src="https://unpkg.com/scrollreveal"></script>

140

141<script src="/bundles/web/js/plugin.js"></script>

141
142  

142<script>
143      $(function () {
144          $('.js-submit').on('click', function (){
145              if ($('input[type=password]').val() === '') {
146                  $('#er2').show().text('パスワードを入力してください');
147                  return false;
148              } else {
149                  $('form').submit();
150              }
151          })
152
153      })
154  </script>

154

155<script src="/bundles/web/js/bundles.min.js"></script>

155
156
157

158<script>
159
160
161
162    var keyName = 'visited';
163    var keyValue = true;
164
165    if (!sessionStorage.getItem(keyName)) {
166        sessionStorage.setItem(keyName, keyValue);
167        $(function () {
168
169            setTimeout(function () {
170                $('.loading').fadeOut(1200);
171            }, 3000);
172            setTimeout(function () {
173                $('.fv__item').eq(0).addClass('animated');
174            }, 3800);
175            setTimeout(function () {
176                if($('.fv').length > 0) {
177
178                    var fv = $('.fv');
179                    fv.slick({
180                        infinite: true,
181                        slidesToShow: 1,
182                        slidesToScroll: 1,
183                        arrows: false,
184                        fade: true,
185                        speed: 2000,
186                        autoplaySpeed: 4000,
187                        autoplay: true,
188                        pauseOnHover: false,
189                        pauseOnFocus: false,
190                        draggable: false,
191                    }).on({
192                        beforeChange: function (event, slick, currentSlide, nextSlide) {
193                            $(".slick-slide", this).eq(currentSlide).addClass("prev");
194                            $(".slick-slide", this).eq(nextSlide).addClass("animated");
195                        },
196                        afterChange: function () {
197                            $(".prev", this).removeClass("prev animated");
198                        }
199                    });
200
201                    if (w < 601) {
202                        fv.height(h - 75);
203                    }
204                }
205            },3800)
206        });
207    } else {
208        $(function () {
209            $('.loading').remove();
210                $('.fv__item').eq(0).addClass('animated');
211            if($('.fv').length > 0) {
212
213                var fv = $('.fv');
214                fv.slick({
215                    infinite: true,
216                    slidesToShow: 1,
217                    slidesToScroll: 1,
218                    arrows: false,
219                    fade: true,
220                    speed: 2000,
221                    autoplaySpeed: 4000,
222                    autoplay: true,
223                    pauseOnHover: false,
224                    pauseOnFocus: false,
225                    draggable: false,
226                }).on({
227                    beforeChange: function (event, slick, currentSlide, nextSlide) {
228                        $(".slick-slide", this).eq(currentSlide).addClass("prev");
229                        $(".slick-slide", this).eq(nextSlide).addClass("animated");
230                    },
231                    afterChange: function () {
232                        $(".prev", this).removeClass("prev animated");
233                    }
234                });
235
236                if (w < 601) {
237                    fv.height(h - 75);
238                }
239            }
240        });
241    }
242
243    window.WebFontConfig = {
244        google: { families: ['Roboto:400,500'] },
245        active: function() {
246            sessionStorage.fonts = true;
247        }
248    };
249
250    (function() {
251        var wf = document.createElement('script');
252        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
253        wf.type = 'text/javascript';
254        wf.async = 'true';
255        var s = document.getElementsByTagName('script')[0];
256        s.parentNode.insertBefore(wf, s);
257    })();
258</script>

258
259
260
261</body>
262</html>