PageSourceSearch

https://www.toli.co.jp/product/search/

html toli.co.jp collected 2026-10-02 07:18:54 UTC 66,237 bytes, 1,426 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8    <title>東リ 住まいとインテリア | 床材、カーペット、カーテン、壁装材、ラグマット</title>
9    <meta name="description"
10          content="東リの取り扱うインテリアの最新情報をご紹介するビジネスユーザー向けサイト。製品検索システムやウェブカタログ、技術資料などをご利用いただけます。">
11    <link rel="shortcut icon" href="/product/../favicon.ico" sizes="32x32">
12    <link rel="apple-touch-icon-precomposed" href="/product/../common/img2019/apple-touch-icon.png">
13    <link href="/product/../common/css/common2019.css" rel="stylesheet" type="text/css">
14    <link href="/product/assets/header/common2019.css?20261002161853" rel="stylesheet" type="text/css">
15    <!-- 共通CSS -->
16    
16<script type="text/javascript" src="/product/../shared/js/ga.js"></script>
16<!-- 共通GA -->
17    <link href="/product/../common/css/404.css" rel="stylesheet" type="text/css">
18
19    
19<script>
20        let base_url = '/product/';
21    </script>
21
22                        
22<script  src="/product/../common/js/swiper.min.js"></script>
22
23                         <!-- Salesforce C360A Beacon は同意ゲート経由でロード(パターン3・直書きscriptを置換。ビーコンURLは toli-consent-loader.js 内) -->
24        <link href="/css/cookieconsent-3.1.0.css" rel="stylesheet" type="text/css" />
25        <link href="/css/toli-consent.css?20261001" rel="stylesheet" type="text/css" />
26        
26<script src="/js/vendor/cookieconsent-3.1.0.umd.js"></script>
26
27        
27<script src="/js/toli-consent-loader.js?20261001"></script>
27
28                            
28<script type="module" src="/product/assets/vue_production/index.js?v=1784868326"></script>
28
29                
29<script type="module" src="/product/script/page.js"></script>
29
30                        <link rel="stylesheet" href="/product/../common/css/lib/swiper.min.css" crossorigin>
31                    <link rel="stylesheet" href="/product/../css/index.css" crossorigin>
32                    <link rel="stylesheet" href="/product/../css/top-recommend.css" crossorigin>
33                    <link rel="stylesheet" href="/product/assets/vue_production/index.css?v=1784868326" crossorigin>
34                    <link rel="stylesheet" href="/product/common/css/search/override-common.css" crossorigin>
35                    <link rel="stylesheet" href="/product/common/css/search/search.css" crossorigin>
36                    <link rel="stylesheet" href="/product/style/ai-search.css" crossorigin>
37                <style>
38        .size8 {
39            font-size: 8px;
40        }
41
42        #contents .l-container {
43            max-width: 1026px;
44        }
45
46        #contents .p-headerPC__dropDownNavTitle {
47            width: 100%;
48            text-align: center;
49            margin: 0 0 2px 0;
50        }
51
52        #contents .p-headerPC__dropDownNav .p-headerPC__dropDownNavItem {
53            margin: 0 5px 0 0;
54            width: 199.5px;
55        }
56
57        /*500px以下は*/
58        @media screen and (max-width: 500px) {
59            #contents .p-headerPC__dropDownNav .p-headerPC__dropDownNavItem {
60                width: 48%;
61            }
62
63            .p-headerPC__dropDownSearchTitle {
64                display: block;
65                white-space: pre-line; /* 改行を適用する */
66            }
67
68            .p-headerPC__dropDownSearchTitle span {
69                display: block;
70                font-size: 13px;
71            }
72        }
73
74    </style>
75
76    <!-- SMP popup -->
77    
77<script src='https://webwidget.shanon-services.com/assets/web_widget.js' charset='utf-8'></script>
77
78    <link rel='stylesheet' href='https://webwidget.shanon-services.com/assets/web_widget.css'>
79    <link rel='stylesheet' href='https://www.toli.co.jp/common/css/shanon_popup.css'>
80    <div id='19556fde-cce0-4b9a-99b6-21fc701bbef6' class='smpWebWidget'></div>
81    
81<script>smpform.loadContents('19556fde-cce0-4b9a-99b6-21fc701bbef6', 'https://webwidget.shanon-services.com', 'market.toli.co.jp')</script>
81
82    <!-- /SMP popup -->
83</head>
84
85
86<body id="info" class="p-info">
87<!-- header(文字コード別にヘッダー出し分け) -->
88<!-- Google Tag Manager -->
vendor: 63 bytes, lines 88-89
88
89<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
89GTM-MT7MBF
vendor: 89 bytes, lines 89-90
89" height="0" width="0"
90    style="display:none;visibility:hidden"></iframe></noscript>
91<script>
vendor: 413 bytes, lines 91-98
91(function (w, d, s, l, i) {
92    w[l] = w[l] || []; w[l].push({
93      'gtm.start':
94        new Date().getTime(), event: 'gtm.js'
95    }); var f = d.getElementsByTagName(s)[0],
96      j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
97        '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
98  })(window, document, 'script', 'dataLayer', '
98GTM-MT7MBF
vendor: 3 bytes, line 98
98');
98</script>
98
99<!-- End Google Tag Manager -->
100<script type="text/javascript" src="/common/js/jquery-3.3.1.min.js"></script>
100
101<link href="/product/style/jquery-ui.min.css" rel="stylesheet" type="text/css">
102<script src="/product/script/jquery-ui.min.js" language="javascript"></script>
vendor: 2 bytes, line 102
102
103<script src="/product/script/search_list.js" language="javascript" defer></script>
103<!-- 検索予測JS -->
104<!-- ログイン/ログアウト用CSS -->
105<script>
106  (() => {
107    const link = document.createElement('link')
108    Object.assign(link, {
109      href: '/common/css/badges.css',
110      rel: 'stylesheet',
111      type: 'text/css'
112    })
113    document.head.appendChild(link)
114  })()
115</script>
115
116<!-- ログイン/ログアウト検知用JS -->
117<script type="text/javascript" defer src="/common/js/login_check.js"></script>
117
118
119<header class="l-header">
120
121  <div class="p-headerPC__content p-headerPC__InfoWrapper">
122
123    <div class="p-headerPC__logo">
124      <a href="/"><img alt="東リロゴ" src="/common/img2019/header_logo.svg" width="180"></a>
125    </div>
126
127    <div class="p-headerPC__contentRight">
128
129      <ul class="p-headerPC__Info u-mg-btm10">
130        <li class="p-headerPC__InfoItem">
131          <a href="/member/">サンプル請求</a>
132        </li>
133        <!-- <li class="p-headerPC__InfoItem">
134      <a href="/prog/">会員登録・変更</a>
135    </li> -->
136        <li class="p-headerPC__InfoItem">
137          <a href="/member/faq">お問い合わせ</a>
138        </li>
139        <li class="p-headerPC__InfoItem">
140          <a href="/sitemap/">サイトマップ</a>
141        </li>
142
143        <li class="p-headerPC__Lang">
144          <ul class="p-headerPC__LangList">
145            <li class="p-headerPC__LangItem--selected">
146              Global Site
147
148              <ul class="p-headerPC__LangList--hidden">
149                <li class="p-headerPC__LangItem p-headerPC__LangItem">
150                  <a href="http://toli-overseas.com/" target="_blank" rel="noopener">English</a>
151                </li>
152              </ul>
153            </li>
154          </ul>
155
156        </li><!-- p-headerPC__Lang -->
157      </ul><!-- p-headerPC__Info -->
158
159      <!-- ラジオボタンで検索タイプを選択 -->
160      <div class="p-headerPC__searchBox">
161        <div class="search-type">
162          <label>
163              <input type="radio" name="searchType" value="site">
164              <span class="radio-custom"></span>
165              サイト内検索
166          </label>
167          <label>
168              <input type="radio" name="searchType" value="product" checked>
169              <span class="radio-custom"></span>
170              品名・品番から探す
171          </label>
172        </div>
173        <form action="/search.html" id="googleSearch">
174          <div class="p-headerPC__search" id="searchBox">
175            <!-- id名:search_text...品番検索機能-->
176            <input class="p-headerPC__searchForm infoSearchForm" id="searchTex" placeholder="品名・品番を入力してください(例:GA-100、タイルカーペット)" name="q" type="text">
177            <button class="p-headerPC__searchBtn infoSearchBtn"></button>
178
179            <!-- <input type="text" name="q" id="searchTex" maxlength="255" /> -->
180            <!-- <input type="image" name="sa" id="btnG" src="/common/img/search_btn.gif" value="検索" /> -->
181            <a class="badge__link favorite" href="/product/favorite">お気に入り</a>
182            <a class="badge__link member" href="/member">マイページ</a>
183            <a class="badge__link logout off" href="/member/logout">ログアウト</a>
184            <a class="badge__link login" href="/member/login">ログイン</a>
185            <input name="cx" type="hidden" value="000018228454573048234:n3krbdbhjf0" />
186            <input name="cof" type="hidden" value="FORID:10" />
187            <input name="ie" type="hidden" value="utf-8" />
188
189          </div>
190        </form>
191      </div>
192      <!-- 
192<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=ja"></script>
192 -->
193
194    </div><!-- /p-headerPC__inner -->
195  </div><!-- /p-headerPC__Wrapper -->
196
197  <div class="p-headerPC__content p-headerPC__nav">
198    <div class="p-headerPC__navInner">
199
200      <ul class="p-headerPC__navList">
201        <li class="p-headerPC__navItem p-headerPC__dropDown">
202          <p class="p-headerPC__navText"><a href="/product/search/">商品を探す<span class="p-headerPC__navsubtxt">Products</span></a></p>
203
204          <div class="p-headerPC__dropDownContent">
205            <div class="p-headerPC__dropDownInner">
206              <ul class="p-headerPC__dropDownNav">
207                <li class="p-headerPC__dropDownNavItem">
208                  <a class="yukazai" href="/product/search/floor_result">
209                    <p class="p-headerPC__dropDownNavTitle">床材
210                      <span class="p-headerPC__navsubtxt">Vinyl Tiles・Vinyl Sheets</span>
211                    </p>
212                  </a>
213                </li>
214                <li class="p-headerPC__dropDownNavItem ">
215                  <a class="carpet" href="/product/search/carpet_result">
216                    <p class="p-headerPC__dropDownNavTitle">カーペット
217                      <span class="p-headerPC__navsubtxt">Carpets</span>
218                    </p>
219                  </a>
220                </li>
221                <li class="p-headerPC__dropDownNavItem">
222                  <a class="wallcovering" href="/product/search/wall_result">
223                    <p class="p-headerPC__dropDownNavTitle">壁装材・腰壁
224                      <span class="p-headerPC__navsubtxt">Wallcoverings</span>
225                    </p>
226                  </a>
227                </li>
228                <li class="p-headerPC__dropDownNavItem">
229                  <a class="curtain" href="/product/search/curtain_result">
230                    <p class="p-headerPC__dropDownNavTitle">カーテン
231                      <span class="p-headerPC__navsubtxt">Curtains</span>
232                    </p>
233                  </a>
234                </li>
235                <li class="p-headerPC__dropDownNavItem">
236                  <a class="fukusizai" href="/product/search/baseboard_result">
237                    <p class="p-headerPC__dropDownNavTitle">巾木
238                      <span class="p-headerPC__navsubtxt">Skirting</span>
239                    </p>
240                  </a>
241                </li>
242                <li class="p-headerPC__dropDownNavItem">
243                  <a class="other" href="/product/search/adhesive_result">
244                    <p class="p-headerPC__dropDownNavTitle">接着剤・その他
245                      <span class="p-headerPC__navsubtxt">Adhesives,Secondary materials</span>
246                    </p>
247                  </a>
248                </li>
249              </ul>
250
251              <!-- 品名・品番から探す PC検索フォーム -->
252              <form action="/product/search/all_result" id="" method="post">
253                <div class="p-headerPC__search p-headerPC__dropDownSearch">
254                  <p class="p-headerPC__dropDownSearchTitle">品名・品番から探す<span class="p-headerPC__navsubtxt">Find by Item
255                      Number</span></p>
256                  <input class="p-headerPC__searchForm dropDownSearchForm" id="searchProductNumberPC" name="all_search"
257                    type="text" value="">
258                  <button class="p-headerPC__searchBtn dropDownSearchBtn" type="submit"></button>
259
260                </div>
261              </form>
262              <!-- 品名・品番から探す PC検索フォーム -->
263
264            </div>
265          </div>
266        </li>
267
268        <li class="p-headerPC__navItem p-headerPC__dropDown">
269          <p class="p-headerPC__navText "><a href="/digital_catalog/">デジタルブック<span class="p-headerPC__navsubtxt">Digital Book</span></a></p>
270
271          <div class="p-headerPC__dropDownContent NavIn-textLink">
272            <div class="p-headerPC__dropDownInner">
273              <div class="p-headerPC__dropDownNav">
274                <ul class="p-headerPC__dropDownNav-textLink">
275                  <li>
276                    <a href="/digital_catalog/">すべて</a>
277                  </li>
278                </ul>
279                <ul class="p-headerPC__dropDownNav-textLink">
280                  <li>
281                    <a href="/digital_catalog/?tab=floor">床材</a>
282                    <span class="p-headerPC__navsubtxt">Vinyl Tiles・Vinyl Sheets</span>
283                  </li>
284                  <li>
285                    <a href="/digital_catalog/?tab=carpet">カーペット</a>
286                    <span class="p-headerPC__navsubtxt">Carpets</span>
287                  </li>
288                  <li>
289                    <a href="/digital_catalog/?tab=wall">壁装材・腰壁</a>
290                    <span class="p-headerPC__navsubtxt">Wall Coverings</span>
291                  </li>
292                  <li>
293                    <a href="/digital_catalog/?tab=curtain">カーテン</a>
294                    <span class="p-headerPC__navsubtxt">Curtains</span>
295                  </li>
296                  <li>
297                    <a href="/digital_catalog/?tab=baseboard">巾木・その他</a>
298                    <span class="p-headerPC__navsubtxt">Skirting・Secondary materials</span>
299                  </li>
300                </ul>
301              </div>
302            </div>
303          </div>
304        </li>
305
306        <li class="p-headerPC__navItem p-headerPC__dropDown">
307          <p class="p-headerPC__navText "><a href="/showroom/">ショールーム<span class="p-headerPC__navsubtxt">Showroom</span></a></p>
308
309          <div class="p-headerPC__dropDownContent">
310            <div class="p-headerPC__dropDownInner">
311              <ul class="p-headerPC__dropDownNav">
312                <li class="p-headerPC__dropDownNavItem">
313                  <a href="/showroom/" class="showroom">
314                    <p class="p-headerPC__dropDownNavTitle">TOP</p>
315                  </a>
316                </li>
317                <li class="p-headerPC__dropDownNavItem">
318                  <a href="/showroom/tokyo.html" class="tokyo">
319                    <p class="p-headerPC__dropDownNavTitle">東京ショールーム
320                      <span class="p-headerPC__navsubtxt">Tokyo</span>
321                    </p>
322                  </a>
323                </li>
324                <li class="p-headerPC__dropDownNavItem">
325                  <a href="/showroom/osaka.html" class="osaka">
326                    <p class="p-headerPC__dropDownNavTitle">大阪ショールーム
327                      <span class="p-headerPC__navsubtxt">Osaka</span>
328                    </p>
329                  </a>
330                </li>
331                <li class="p-headerPC__dropDownNavItem">
332                  <a href="/showroom/nagoya.html" class="nagoya">
333                    <p class="p-headerPC__dropDownNavTitle">名古屋ショールーム
334                      <span class="p-headerPC__navsubtxt">Nagoya</span>
335                    </p>
336                  </a>
337                </li>
338              </ul>
339              <ul class="p-headerPC__dropDownNav">
340                <li class="p-headerPC__dropDownNavItem">
341                  <a href="/showroom/sapporo.html" class="sapporo">
342                    <p class="p-headerPC__dropDownNavTitle">札幌ショールーム
343                      <span class="p-headerPC__navsubtxt">Sapporo</span>
344                    </p>
345                  </a>
346                </li>
347                <li class="p-headerPC__dropDownNavItem">
348                  <a href="/showroom/fukuoka.html" class="fukuoka">
349                    <p class="p-headerPC__dropDownNavTitle">福岡ショールーム
350                      <span class="p-headerPC__navsubtxt">Fukuoka</span>
351                    </p>
352                  </a>
353                </li>
354                <li class="p-headerPC__dropDownNavItem">
355                  <a href="/showroom/okayama.html" class="okayama">
356                    <p class="p-headerPC__dropDownNavTitle">岡山ショールーム
357                      <span class="p-headerPC__navsubtxt">Okayama</span>
358                    </p>
359                  </a>
360                </li>
361                <li class="p-headerPC__dropDownNavItem">
362                  <a href="/showroom/takamatsu.html" class="takamatsu">
363                    <p class="p-headerPC__dropDownNavTitle">高松ショールーム
364                      <span class="p-headerPC__navsubtxt">Takamatsu</span>
365                    </p>
366                  </a>
367                </li>
368              </ul>
369            </div>
370          </div>
371        </li>
372
373        <li class="p-headerPC__navItem">
374          <a class="p-headerPC__navText" href="/shop/">
375            販売店
376            <span class="p-headerPC__navsubtxt">Shop List</span>
377          </a>
378        </li>
379
380        <li class="p-headerPC__navItem">
381          <a class="p-headerPC__navText" href="/sustainability/">
382            サステナビリティ
383            <span class="p-headerPC__navsubtxt">Sustainability</span>
384          </a>
385        </li>
386
387        <li class="p-headerPC__navItem p-headerPC__dropDown">
388          <p class="p-headerPC__navText"><a href="/company/">企業・IR・採用<span class="p-headerPC__navsubtxt">Company・IR・Recruitment </span></a></p>
389
390          <div class="p-headerPC__dropDownContent NavIn-ir">
391            <div class="p-headerPC__dropDownInner">
392              <ul class="p-headerPC__dropDownNav">
393                <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav">
394                  <a class="company" href="/company/">
395                    <p class="p-headerPC__dropDownNavTitle">企業情報
396                      <span class="p-headerPC__navsubtxt">Company</span>
397                    </p>
398                  </a>
399                  <div class="p-headerPC__dropDownSubNavItem">
400                    <div class="p-headerPC__dropDownSubNavItemInner">
401                      <ul class="p-headerPC__dropDownNav-textLink">
402                        <li>
403                          <a href="/company/">企業情報TOP</a>
404                        </li>
405                      </ul>
406                      <ul class="p-headerPC__dropDownNav-textLink">
407                        <li>
408                          <a href="/company/president_speech.html">社長メッセージ</a>
409                        </li>
410                        <li>
411                          <a href="/company/philosophy.html">経営理念</a>
412                        </li>
413                        <li>
414                          <a href="/company/company_outline.html">会社概要</a>
415                        </li>
416                        <li>
417                          <a href="/company/toli_history.html">東リの歴史</a>
418                        </li>
419                        <li>
420                          <a href="/company/charter.html">行動憲章</a>
421                        </li>
422                        <li>
423                          <a href="/company/eigyousho.html">営業所一覧</a>
424                        </li>
425                        <li>
426                          <a href="/company/group.html">グループ会社一覧</a>
427                        </li>
428                      </ul>
429                    </div>
430                  </div>
431                </li>
432                <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav">
433                  <a class="ir" href="/ir/">
434                    <p class="p-headerPC__dropDownNavTitle">IR情報
435                      <span class="p-headerPC__navsubtxt">Investor Relations</span>
436                    </p>
437                  </a>
438                  <div class="p-headerPC__dropDownSubNavItem p-headerPC__dropDownSubNavItem-IR">
439                    <div class="p-headerPC__dropDownSubNavItemInner">
440                      <ul class="p-headerPC__dropDownNav-textLink">
441                        <li>
442                          <a href="/ir/">IR情報TOP</a>
443                        </li>
444                        <li>
445                          <a href="/ir_en/"><span class="c-nav__hasIcon c-nav__hasIcon--IrEnglish"><img
446                                src="/ir_en/common/img/common/icon_earth.svg" alt="" width="24" height="24"
447                                loading="lazy">English</span></a>
448                        </li>
449                      </ul>
450                      <div class="p-headerPC__dropDownContent NavIn-knowledge">
451                        <div class="p-headerPC__dropDownInner p-headerPC__dropDownInner-knowledge">
452                          <div class="p-headerPC__dropDownNav">
453                            <div class="p-headerPC__dropDownNav-knowledge">
454                              <ul class="p-headerPC__dropDownNavIn-knowledge">
455                                <li>
456                                  <a href="/ir/message/">トップメッセージ</a>
457                                </li>
458                                <li>
459                                  <a href="/ir/plan/">経営計画</a>
460                                </li>
461                                <li>
462                                  <a href="/ir/walking/">東リの歩み</a>
463                                </li>
464                                <li>
465                                  <a href="/ir/strength/">東リの強み</a>
466                                </li>
467                                <li>
468                                  <a href="/ir/business/">事業内容</a>
469                                </li>
470                                <li>
471                                  <a href="/ir/risk/">事業等のリスク</a>
472                                </li>
473                                <li>
474                                  <a href="/ir/governance/">コーポレート・ガバナンス</a>
475                                </li>
476                                <li>
477                                  <a href="/ir/disclosure/">IRに関する基本方針</a>
478                                </li>
479                              </ul>
480                            </div>
481
482                            <div class="p-headerPC__dropDownNav-knowledge">
483                              <ul class="p-headerPC__dropDownNavIn-knowledge">
484                                <li>
485                                  <a href="/ir/closing_information/">決算短信</a>
486                                </li>
487                                <li>
488                                  <a href="/ir/financialreport/">有価証券報告書</a>
489                                </li>
490                                <li>
491                                  <a href="/ir/integrated_report/">統合報告書</a>
492                                </li>
493                                <li>
494                                  <a href="/ir/report/">事業報告</a>
495                                </li>
496                                <li>
497                                  <a href="/ir/presentation/">決算説明資料</a>
498                                </li>
499                                <li>
500                                  <a href="/ir/investors/presentation/">個人投資家向け資料</a>
501                                </li>
502                                <li>
503                                  <a href="/ir/highlight/">業績ハイライト</a>
504                                </li>
505                                <li>
506                                  <a href="/ir/chart/">チャートジェネレーター</a>
507                                </li>
508                              </ul>
509                            </div>
510
511                            <div class="p-headerPC__dropDownNav-knowledge">
512                              <ul class="p-headerPC__dropDownNavIn-knowledge">
513                                <li>
514                                  <a href="/ir/meeting/">株主総会</a>
515                                </li>
516                                <li>
517                                  <a href="/ir/dividends/">株主還元・配当</a>
518                                </li>
519                                <li>
520                                  <a href="/ir/basic/">株式基本情報</a>
521                                </li>
522                                <li>
523                                  <a href="https://finance.yahoo.co.jp/quote/7971.T" target="_blank"
524                                    rel="noopener"><span class="c-nav__hasIcon c-nav__hasIcon--blancTab">株価情報</span></a>
525                                </li>
526                                <li>
527                                  <a href="/ir/articles/">定款</a>
528                                </li>
529                              </ul>
530                            </div>
531
532                            <div class="p-headerPC__dropDownNav-knowledge">
533                              <ul class="p-headerPC__dropDownNavIn-knowledge">
534                                <li>
535                                  <a href="/ir/news/">IRニュース</a>
536                                </li>
537                                <li>
538                                  <a href="/ir/schedule/">IRスケジュール</a>
539                                </li>
540                                <li>
541                                  <a href="/ir/event/">IRイベント</a>
542                                </li>                    
543                                <li>
544                                  <a href="/ir/closing_announce/">電子公告</a>
545                                </li>
546                                <li>
547                                  <a href="/ir/faq/">FAQ</a>
548                                </li>
549                                <li>
550                                  <a href="https://form.run/@toli-ir" target="_blank" rel="noopener"><span
551                                      class="c-nav__hasIcon c-nav__hasIcon--blancTab">お問い合わせ先</span></a>
552                                </li>
553                                <li>
554                                  <a href="/ir/notes/">注意事項</a>
555                                </li>
556                              </ul>
557                            </div>
558
559                          </div>
560                        </div>
561                      </div>
562                    </div>
563                  </div>
564                </li>
565                <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav">
566                  <a class="saiyou" href="https://recruit.toli.co.jp/saiyou/" target="_blank" rel="noopener">
567                    <p class="p-headerPC__dropDownNavTitle">採用情報
568                      <span class="p-headerPC__navsubtxt">Recruitment</span>
569                    </p>
570                  </a>
571                  <div class="p-headerPC__dropDownSubNavItem p-headerPC__dropDownSubNavItem">
572                    <div class="p-headerPC__dropDownSubNavItemInner">
573                      <ul class="p-headerPC__dropDownNav-textLink">
574                        <li>
575                          <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener"><span
576                              class="c-nav__hasIcon c-nav__hasIcon--blancTab">新卒採用</span></a>
577                        </li>
578                        <li>
579                          <a href="https://recruit.toli.co.jp/recruit/index.html?career" target="_blank" rel="noopener"><span
580                              class="c-nav__hasIcon c-nav__hasIcon--blancTab">キャリア採用</span></a>
581                        </li>
582                        <li>
583                          <a href="https://recruit.toli.co.jp/comeback/" target="_blank" rel="noopener"><span
584                              class="c-nav__hasIcon c-nav__hasIcon--blancTab">カムバック採用</span></a>
585                        </li>
586                        <li>
587                          <a href="https://www.instagram.com/toli_recruit/" target="_blank" rel="noopener"><span
588                              class="c-nav__hasIcon c-nav__hasIcon--blancTab">新卒採用公式インスタグラム</span></a>
589                        </li>
590                      </ul>
591                    </div>
592                  </div>
593                </li>
594              </ul>
595            </div>
596          </div>
597    </div>
598    </li>
599
600
601    </ul>
602
603  </div><!-- /p-headerPC__navInner -->
604  </div><!-- /p-headerPC__content /p-headerPC__InfoWrapper -->
605
606
607  <div class="p-headerSP__content p-headerSP__Wrapper">
608    <div class="p-headerSP__logo">
609      <a href="/"><img alt="東リロゴ" src="/common/img2019/header_logo.svg" width="300"></a>
610    </div>
611
612    <div class="p-headerSP__drawer">
613
614      <input id="drawer-checkbox" type="checkbox">
615      <label for="drawer-checkbox" id="drawer-icon">
616        <span></span>
617      </label>
618      <label for="drawer-checkbox" id="drawer-close"></label>
619      <div class="c-drawer__content" id="drawer-content">
620
621        <label for="drawer-checkbox" id="drawer-closeBtn">
622          <span></span>
623        </label>
624
625        <div class="search-type">
626          <label>
627              <input type="radio" name="searchType" value="site">
628              <span class="radio-custom"></span>
629              サイト内検索
630          </label>
631          <label>
632              <input type="radio" name="searchType" value="product" checked>
633              <span class="radio-custom"></span>
634              品名・品番から探す
635          </label>
636        </div>
637        <form action="/search.html" id="googleSearch">
638          <div class="p-headerSP__search c-drawer__borderBtm" id="searchBox">
639            <!-- id名:search_text...品番検索機能 -->
640            <input class="p-headerSP__searchForm infoSearchForm" id="searchTex" name="q" placeholder="品名・品番を入力してください(例:GA-100、タイルカーペット)"
641              type="text">
642            <button class="p-headerSP__searchBtn infoSearchBtn"></button>
643
644            <!-- <input type="text" name="q" id="searchTex" maxlength="255" /> -->
645            <!-- <input type="image" name="sa" id="btnG" src="/common/img/search_btn.gif" value="検索" /> -->
646            <input name="cx" type="hidden" value="000018228454573048234:n3krbdbhjf0" />
647            <input name="cof" type="hidden" value="FORID:10" />
648            <input name="ie" type="hidden" value="utf-8" />
649          </div>
650        </form>
651
652        <div class="p-headerSP__dropDown c-drawer__borderBtm">
653
654          <div class="p-headerSP__dropDownMenu">
655            <input id="menu1" type="checkbox">
656            <label class="p-headerSP__dropDownTitle" for="menu1">商品を探す<span class="p-headerSP__navsubtxt">Products</span></label>
657            <ul class="p-headerSP__dropDownContent">
658              <li class="p-headerSP__dropDownItem">
659                <a href="/product/search/">商品を探すTOP</a>
660              </li>
661              <li class="p-headerSP__dropDownItem">
662                <a href="/product/search/floor_result">床材</a>
663                <span class="p-headerSP__navsubtxt">Vinyl Tiles・Vinyl Sheets</span>
664              </li>
665              <li class="p-headerSP__dropDownItem">
666                <a href="/product/search/carpet_result">カーペット</a>
667                <span class="p-headerSP__navsubtxt">Carpets</span>
668              </li>
669              <li class="p-headerSP__dropDownItem">
670                <a href="/product/search/wall_result">壁装材・腰壁</a>
671                <span class="p-headerSP__navsubtxt">Wallcoverings</span>
672              </li>
673              <li class="p-headerSP__dropDownItem">
674                <a href="/product/search/curtain_result">カーテン</a>
675                <span class="p-headerSP__navsubtxt">Curtains</span>
676              </li>
677              <li class="p-headerSP__dropDownItem">
678                <a href="/product/search/baseboard_result">巾木</a>
679                <span class="p-headerSP__navsubtxt">Skirting</span>
680              </li>
681              <li class="p-headerSP__dropDownItem">
682                <a href="/product/search/adhesive_result">接着剤・その他</a>
683                <span class="p-headerSP__navsubtxt">Adhesives, Secondary materials</span>
684              </li>
685
686              <li class="p-headerSP__dropDownSearch">
687                <p class="p-headerSP__dropDownSearchTitle">品名・品番から探す<span class="p-headerSP__navsubtxt">Find by Item
688                  Number</span></p>
689
690                <!-- 品名・品番から探す SP検索フォーム -->
691                <form action="/product/search/all_result" method="post">
692                  <div class="p-headerSP__dropDownSearchFormWrapper">
693                    <input class="p-headerSP__dropDownSearchForm" id="searchProductNumberSP" name="all_search"
694                      type="text" value="">
695                    <button class="p-headerSP__dropDownSearchBtn" type="submit"></button>
696                  </div>
697                </form>
698                <!-- 品名・品番から探す SP検索フォーム -->
699
700              </li>
701            </ul>
702          </div>
703          <!-- /p-headerSP__dropDownMenu -->
704          <div class="p-headerSP__dropDownMenu">
705            <p class="p-headerSP__dropDownTitle no-drop">
706              <a href="/digital_catalog/digital_index.html">デジタルブック</a>
707              <span class="p-headerSP__navsubtxt">Digital Book</span>
708            </p>
709          </div>
710
711          <!-- <div class="p-headerSP__dropDownMenu">
712            <input id="menu10" type="checkbox">
713            <label class="p-headerSP__dropDownTitle" for="menu10">お役立ちツール</label>
714            <ul class="p-headerSP__dropDownContent">
715              <li class="p-headerSP__dropDownItem">
716                <a href="/product/casestudy">納入事例</a>
717              </li>
718              <li class="p-headerSP__dropDownItem">
719                <a href="/imagefit/">Image Fit(空間シミュレーション)</a>
720              </li>
721              <li class="p-headerSP__dropDownItem">
722                <a href="/photoreal/">VR施工空間</a>
723              </li>
724              <li class="p-headerSP__dropDownItem">
725                <a href="http://sozai.toli.co.jp/" target="_blank">素材画像ダウンロード</a>
726              </li>
727              <li class="p-headerSP__dropDownItem">
728                <a href="/sample/">サンプル帳一覧</a>
729              </li>
730              <li class="p-headerSP__dropDownItem">
731                <a href="/digital_catalog/pdf_index.html">PDFカタログダウンロード</a>
732              </li>
733              <li class="p-headerSP__dropDownItem">
734                <a href="/oldandnew/">新旧品番対照表</a>
735              </li>
736              <li class="p-headerSP__dropDownItem">
737                <a href="http://sozai.toli.co.jp/" target="_blank">東リのものづくり</a>
738              </li>
739              <li class="p-headerSP__dropDownItem">
740                <a href="/market/">暮らしの東リ図鑑(市場別で探す)</a>
741              </li>
742              <li class="p-headerSP__dropDownItem">
743                <a href="/trends/">製品コンテンツ一覧</a>
744              </li>
745            </ul>
746          </div> -->
747          <!-- /p-headerSP__dropDownMenu -->
748
749          <div class="p-headerSP__dropDownMenu">
750            <input id="menu2" type="checkbox">
751            <label class="p-headerSP__dropDownTitle" for="menu2">ショールーム<span class="p-headerSP__navsubtxt">Showroom</span></label>
752            <ul class="p-headerSP__dropDownContent">
753              <li class="p-headerSP__dropDownItem">
754                <a href="/showroom/">ショールームTOP</a>
755              </li>
756              <li class="p-headerSP__dropDownItem">
757                <a href="/showroom/tokyo.html">東京ショールーム</a>
758                <span class="p-headerSP__navsubtxt">Tokyo</span>
759              </li>
760              <li class="p-headerSP__dropDownItem">
761                <a href="/showroom/osaka.html">大阪ショールーム</a>
762                <span class="p-headerSP__navsubtxt">Osaka</span>
763              </li>
764              <li class="p-headerSP__dropDownItem">
765                <a href="/showroom/nagoya.html">名古屋ショールーム</a>
766                <span class="p-headerSP__navsubtxt">Nagoya</span>
767              </li>
768              <li class="p-headerSP__dropDownItem">
769                <a href="/showroom/sapporo.html">札幌ショールーム</a>
770                <span class="p-headerSP__navsubtxt">Sapporo</span>
771              </li>
772              <li class="p-headerSP__dropDownItem">
773                <a href="/showroom/fukuoka.html">福岡ショールーム</a>
774                <span class="p-headerSP__navsubtxt">Fukuoka</span>
775              </li>
776              <li class="p-headerSP__dropDownItem">
777                <a href="/showroom/okayama.html">岡山ショールーム</a>
778                <span class="p-headerSP__navsubtxt">Okayama</span>
779              </li>
780              <li class="p-headerSP__dropDownItem">
781                <a href="/showroom/takamatsu.html">高松ショールーム</a>
782                <span class="p-headerSP__navsubtxt">Takamatsu</span>
783              </li>
784            </ul>
785          </div>
786          <!-- /p-headerSP__dropDownMenu -->
787
788          <div class="p-headerSP__dropDownMenu">
789            <p class="p-headerSP__dropDownTitle no-drop">
790              <a href="/shop/">販売店を探す</a>
791              <span class="p-headerSP__navsubtxt">Shop List</span>
792            </p>
793          </div>
794          <!-- /p-headerSP__dropDownMenu -->
795          <!-- <div class="p-headerSP__dropDownMenu">
796        <p class="p-headerSP__dropDownTitle no-drop">
797          企業・IR・CSR・採用
798        </p>
799      </div> -->
800          <!-- /p-headerSP__dropDownMenu -->
801          <div class="p-headerSP__dropDownMenu">
802            <input id="menu11" type="checkbox">
803            <label class="p-headerSP__dropDownTitle" for="menu11">企業情報<span class="p-headerSP__navsubtxt">Company</span></label>
804            <ul class="p-headerSP__dropDownContent">
805              <li class="p-headerSP__dropDownItem">
806                <a href="/company/">企業情報TOP</a>
807              </li>
808              <li class="p-headerSP__dropDownItem">
809                <a href="/company/president_speech.html">社長メッセージ</a>
810              </li>
811              <li class="p-headerSP__dropDownItem">
812                <a href="/company/charter.html">行動憲章</a>
813              </li>
814              <li class="p-headerSP__dropDownItem">
815                <a href="/company/philosophy.html">経営理念</a>
816              </li>
817              <li class="p-headerSP__dropDownItem">
818                <a href="/company/eigyousho.html">営業所一覧</a>
819              </li>
820              <li class="p-headerSP__dropDownItem">
821                <a href="/company/group.html">グループ会社一覧</a>
822              </li>
823              <li class="p-headerSP__dropDownItem">
824                <a href="/company/company_outline.html">会社概要</a>
825              </li>
826              <li class="p-headerSP__dropDownItem">
827                <a href="/company/toli_history.html">東リの歴史</a>
828              </li>
829              <li class="p-headerSP__dropDownItem">
830                <a href="/ir/closing_announce/">電子公告</a>
831              </li>
832            </ul>
833          </div>
834          <!-- /p-headerSP__dropDownMenu -->
835          <div class="p-headerSP__dropDownMenu">
836            <p class="p-headerSP__dropDownTitle no-drop">
837              <a href="/sustainability/">サステナビリティ</a>
838              <span class="p-headerSP__navsubtxt">Sustainability</span>
839            </p>
840          </div>
841          <div class="p-headerSP__dropDownMenu">
842            <input id="menu12" type="checkbox">
843            <label class="p-headerSP__dropDownTitle" for="menu12">IR情報<span class="p-headerSP__navsubtxt">IR</span></label>
844            <ul class="p-headerSP__dropDownContent">
845              <li class="p-headerSP__dropDownItem">
846                <a href="/ir_en/">English</a>
847              </li>
848              <li class="p-headerSP__dropDownItem">
849                <a href="/ir/message/">トップメッセージ</a>
850              </li>
851              <li class="p-headerSP__dropDownItem">
852                <a href="/ir/plan/">経営計画</a>
853              </li>
854              <li class="p-headerSP__dropDownItem">
855                <a href="/ir/walking/">東リの歩み</a>
856              </li>
857              <li class="p-headerSP__dropDownItem">
858                <a href="/ir/strength/">東リの強み</a>
859              </li>
860              <li class="p-headerSP__dropDownItem">
861                <a href="/ir/business/">事業内容</a>
862              </li>
863              <li class="p-headerSP__dropDownItem">
864                <a href="/ir/risk/">事業等のリスク</a>
865              </li>
866              <li class="p-headerSP__dropDownItem">
867                <a href="/ir/governance/">コーポレート・ガバナンス</a>
868              </li>
869              <li class="p-headerSP__dropDownItem">
870                <a href="/ir/disclosure/">IRに関する基本方針</a>
871              </li>
872              <li class="p-headerSP__dropDownItem">
873                <a href="/ir/closing_information/">決算短信</a>
874              </li>
875              <li class="p-headerSP__dropDownItem">
876                <a href="/ir/financialreport/">有価証券報告書</a>
877              </li>
878              <li class="p-headerSP__dropDownItem">
879                <a href="/ir/integrated_report/">統合報告書</a>
880              </li>
881              <li class="p-headerSP__dropDownItem">
882                <a href="/ir/report/">事業報告</a>
883              </li>
884              <li class="p-headerSP__dropDownItem">
885                <a href="/ir/presentation/">決算説明資料</a>
886              </li>
887              <li class="p-headerSP__dropDownItem">
888                <a href="/ir/investors/presentation/">個人投資家向け資料</a>
889              </li>
890              <li class="p-headerSP__dropDownItem">
891                <a href="/ir/highlight/">業績ハイライト</a>
892              </li>
893              <li class="p-headerSP__dropDownItem">
894                <a href="/ir/chart/">チャートジェネレーター</a>
895              </li>
896              <li class="p-headerSP__dropDownItem">
897                <a href="/ir/meeting/">株主総会</a>
898              </li>
899              <li class="p-headerSP__dropDownItem">
900                <a href="/ir/dividends/">株主還元・配当</a>
901              </li>
902              <li class="p-headerSP__dropDownItem">
903                <a href="/ir/basic/">株式基本情報</a>
904              </li>
905              <li class="p-headerSP__dropDownItem">
906                <a href="https://finance.yahoo.co.jp/quote/7971.T" target="_blank">株価情報</a>
907              </li>
908              <li class="p-headerSP__dropDownItem">
909                <a href="/ir/articles/">定款</a>
910              </li>
911              <li class="p-headerSP__dropDownItem">
912                <a href="/ir/news/">IRニュース</a>
913              </li>
914              <li class="p-headerSP__dropDownItem">
915                <a href="/ir/schedule/">IRスケジュール</a>
916              </li>
917              <li class="p-headerSP__dropDownItem">
918                <a href="/ir/event/">IRイベント</a>
919              </li>                   
920              <li class="p-headerSP__dropDownItem">
921                <a href="/ir/closing_announce/">電子公告</a>
922              </li>
923              <li class="p-headerSP__dropDownItem">
924                <a href="/ir/faq/">FAQ</a>
925              </li>
926              <li class="p-headerSP__dropDownItem">
927                <a href="https://form.run/@toli-ir" target="_blank" rel="noopener">お問い合わせ先</a>
928              </li>
929              <li class="p-headerSP__dropDownItem">
930                <a href="/ir/notes/">注意事項</a>
931              </li>
932            </ul>
933          </div>
934          <!-- /p-headerSP__dropDownMenu -->
935
936          <div class="p-headerSP__dropDownMenu">
937            <input id="menu13" type="checkbox">
938            <label class="p-headerSP__dropDownTitle" for="menu13">採用情報<span class="p-headerSP__navsubtxt">Recruitment</span></label>
939            <ul class="p-headerSP__dropDownContent">
940              <li class="p-headerSP__dropDownItem">
941                <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener">新卒採用</a>
942              </li>
943              <li class="p-headerSP__dropDownItem">
944                <a href="https://recruit.toli.co.jp/recruit/index.html?career" target="_blank" rel="noopener">キャリア採用</a>
945              </li>
946              <li class="p-headerSP__dropDownItem">
947                <a href="https://recruit.toli.co.jp/comeback/" target="_blank" rel="noopener">カムバック採用</a>
948              </li>
949              <li class="p-headerSP__dropDownItem">
950                <a href="https://www.instagram.com/toli_recruit/" target="_blank" rel="noopener">新卒採用公式インスタグラム</a>
951              </li>
952            </ul>
953          </div>
954          <!-- /p-headerSP__dropDownMenu -->
955
956        </div><!-- /p-headerSP__dropDown -->
957
958        <ul class="p-headerSP__inquiry previous">
959          <!-- <li class="p-headerSP__inquiryItem">
960        <a href="/prog/">会員登録・変更</a>
961      </li> -->
962          <li class="p-headerSP__inquiryItem">
963            <a href="/member/">サンプル請求</a>
964          </li>
965          <li class="p-headerSP__inquiryItem">
966            <a href="/member/faq">お問い合わせ</a>
967          </li>
968          <li class="p-headerSP__inquiryItem">
969            <a href="/sitemap/">サイトマップ</a>
970          </li>
971
972          <li class="p-headerSP__inquiryItem p-headerSP__inquiryItem--drower">
973            <input id="menu3" type="checkbox">
974            <label class="p-headerSP__inquiryItem--drawerTitle" for="menu3">
975              <a href="http://toli-overseas.com/" target="_blank" rel="noopener">Global Site</a></label>
976            <ul class="p-headerSP__inquiryItem--drowerContent">
977              <li class="p-headerSP__inquiryItem">
978                <a href="http://toli-overseas.com/" target="_blank" rel="noopener">English</a>
979              </li>
980            </ul>
981          </li>
982        </ul><!-- p-headerSP__inquiry previous -->
983
984        <ul class="p-headerSP__inquiry">
985          <li class="p-headerSP__inquiryItem">
986            <a class="sp_link favorite" href="/product/favorite">お気に入り</a>
987          </li>
988          <li class="p-headerSP__inquiryItem">
989            <a class="sp_link member" href="/member">マイページ</a>
990          </li>
991          <li class="p-headerSP__inquiryItem off">
992            <a class="sp_link logout" href="/member/logout">ログアウト</a>
993          </li>
994          <li class="p-headerSP__inquiryItem">
995            <a class="sp_link login" href="/member/login">ログイン</a>
996          </li>
997        </ul><!-- p-headerSP__inquiry -->
998
999      </div><!-- /c-drawer__content -->
1000
1001    </div><!-- /p-headerSP__drawer -->
1002  </div><!-- /p-headerSP__content /p-headerSP__Wrapper -->
1003
1004</header>
1005
1006<script defer>
1007  var target = document.querySelector("#searchProductNumberPC");
1008
1009  target.onfocus = function () {
1010    var obj = document.querySelector(".p-headerPC__dropDownContent");
1011    var obj2 = document.querySelector(".p-headerPC__dropDownInner");
1012    obj.classList.add("is-openDropDown");
1013    obj2.classList.add("is-openDropDownInner");
1014  }
1015
1016  target.onblur = function () {
1017    var obj = document.querySelector(".p-headerPC__dropDownContent");
1018    var obj2 = document.querySelector(".p-headerPC__dropDownInner");
1019    obj.classList.remove("is-openDropDown");
1020    obj2.classList.remove("is-openDropDownInner");
1021  }
1022
1023  // ドロワー展開中にhtml, bodyに付与しスクロール停止
1024  var drawerCheckbox = document.querySelector("#drawer-checkbox");
1025  drawerCheckbox.addEventListener("click", () => {
1026    document.querySelector("html, body").classList.toggle("is-hidden");
1027  });
1028
1029  // PC版とSP版の検索入力フィールドを取得
1030  var pcSearchInput = document.querySelector('.p-headerPC__searchBox #searchTex');
1031  var spSearchInput = document.querySelector('.p-headerSP__content #searchTex');
1032
1033  document.addEventListener('DOMContentLoaded', function() {
1034
1035    // PC版フォーム取得(★追加)
1036    var pcSearchForm = document.querySelector('.p-headerPC__searchBox form');
1037
1038    // スマホ版のラジオボタン
1039    var spRadioButtons = document.querySelectorAll('.p-headerSP__content .search-type input[name="searchType"]');
1040
1041    spRadioButtons.forEach(function(radio) {
1042      radio.addEventListener('change', function() {
1043        if (this.value === 'site') {
1044          spSearchInput.placeholder = 'キーワードを入力してください';
1045        } else if (this.value === 'product') {
1046          spSearchInput.placeholder = '品名・品番を入力してください(例:GA-100、タイルカーペット)';
1047        }
1048      });
1049    });
1050
1051    // PC版のラジオボタン
1052    var pcRadioButtons = document.querySelectorAll('.p-headerPC__searchBox input[name="searchType"]');
1053
1054    pcRadioButtons.forEach(function(radio) {
1055      radio.addEventListener('change', function() {
1056        // ▼ 追加:PCフォームのaction切り替え ▼
1057        if (pcSearchForm) {
1058          if (this.value === 'site') {
1059            pcSearchForm.action = '/search.html';
1060          } else if (this.value === 'product') {
1061            pcSearchForm.action = '/product/search/all_result';
1062          }
1063        }
1064        // ▲ 追加ここまで ▲
1065
1066        // placeholder変更(既存)
1067        if (this.value === 'site') {
1068          pcSearchInput.placeholder = 'キーワードを入力してください';
1069        } else if (this.value === 'product') {
1070          pcSearchInput.placeholder = '品名・品番を入力してください(例:GA-100、タイルカーペット)';
1071        }
1072      });
1073    });
1074
1075    function updateSearchInterface(searchType) {
1076      const radios = {
1077        pc: {
1078          site: document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="site"]'),
1079          product: document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="product"]')
1080        },
1081        sp: {
1082          site: document.querySelector('.p-headerSP__content .search-type input[name="searchType"][value="site"]'),
1083          product: document.querySelector('.p-headerSP__content .search-type input[name="searchType"][value="product"]')
1084        }
1085      };
1086
1087      const isSiteSearch = searchType === 'site';
1088      ['pc', 'sp'].forEach(device => {
1089        if (radios[device].site) radios[device].site.checked = isSiteSearch;
1090        if (radios[device].product) radios[device].product.checked = !isSiteSearch;
1091      });
1092
1093      const placeholder = isSiteSearch ? 'キーワードを入力してください' : '品名・品番を入力してください(例:GA-100、タイルカーペット)';
1094      if (pcSearchInput) pcSearchInput.placeholder = placeholder;
1095      if (spSearchInput) spSearchInput.placeholder = placeholder;
1096
1097      // 初期フォームaction設定(★追加)
1098      if (pcSearchForm) {
1099        pcSearchForm.action = isSiteSearch ? '/search.html' : '/product/search/all_result';
1100      }
1101
1102      ['pc', 'sp'].forEach(device => {
1103        const targetRadio = radios[device][searchType];
1104        if (targetRadio && targetRadio.checked) {
1105          targetRadio.dispatchEvent(new Event('change'));
1106        }
1107      });
1108    }
1109
1110    // ページ読み込み時に初期状態を設定
1111    updateSearchInterface('product');
1112    // 初期状態で「product」を選択状態にする(画面幅に応じて)
1113    if (window.innerWidth <= 766) {
1114      const spProductRadio = document.querySelector('.p-headerSP__drawer input[name="searchType"][value="product"]');
1115      if (spProductRadio) spProductRadio.checked = true;
1116    } else {
1117      const pcProductRadio = document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="product"]');
1118      if (pcProductRadio) pcProductRadio.checked = true;
1119    }
1120  });
1121</script>
1121
1122
1123<!-- PCメニューアクティブ表示用のCSS/JS -->
1124<link rel="stylesheet" href="/common/css/menu-active-pc.css">
1125<script src="/common/js/menu-active-pc.js" defer></script>
1125<!-- /header -->
1126
1127<main id="contents" class="p-info__secContents">
1128    <!-- === Container === -->
1129    <div class="l-container">
1130        <!-- === パンくず === -->
1131        <nav class="p-breadCrumb">
1132            <ol class="p-breadCrumb__list">
1133                <li class="p-breadCrumb__listItem">
1134                    <a href="/">TOP</a>
1135                </li>
1136                <li class="p-breadCrumb__listItem">
1137                    商品を探す
1138                </li>
1139            </ol>
1140        </nav>
1141        <!-- ===//End パンくず === -->
1142    </div>
1143
1144    
1145    <div id="app"></div>
1146    <!-- === Container === -->
1147</main>
1148</body>
1149
1150</html>
1151
1152</main>
1153
1154<!-- footer(文字コード別にフッター出し分け) -->
1155<footer class="l-footer">
1156
1157  <div id="p-footer-toTopBtn">
1158    <span></span>
1159  </div>
1160
1161  <div class="p-footer__content">
1162
1163    <div class="p-footer__mainContent">
1164
1165      <div class="p-footer__left">
1166        <div class="p-footer__leftItem p-footer__company">
1167          <a href="/"><img alt="東リロゴ" class="p-footer__logo" src="/common/img2019/footer_logo.png"></a>
1168          <p class="p-footer__address u-dsp-showPC">兵庫県伊丹市東有岡5丁目125番地</p>
1169        </div>
1170
1171        <div class="p-footer__leftItem p-footer__inquiry">
1172          <p class="p-footer__inquiryTitle">製品に関するお問い合わせ</p>
1173
1174          <div class="p-footer__inquiryItemPhone">
1175            <img alt="電話番号" class="p-footer__inquiryPhoneLogo" src="/common/img2019/footer_ico-phone.png">
1176            <a href="tel:0120-10-6400" class="p-footer__inquiryPhone">0120-10-6400</a>
1177          </div>
1178
1179          <p class="p-footer__inquiryDate">受付時間:月&#xff5e;金(土日・祝祭日は除く)<br>9:00&#xff5e;12:00 13:00&#xff5e;17:00</p>
1180
1181          <p class="p-footer__inquiryNote">
1182            ※資料請求や製品の在庫に関するお問い合わせにつきましては、上記の電話番号ではお受けできません。<br>資料請求は下記の「お問い合わせフォーム」ボタンから、在庫確認はお近くの <a
1183              href="/company/eigyousho.html" class="u-txt-bold u-underline">東リ営業所</a> へおたずねください。</p>
1184          <a class="p-footer__inquiryBtn" href="/member/faq">お問い合わせ</a>
1185        </div>
1186
1187        <div class="p-footer__leftItem p-footer__terms">
1188          <p class="p-footer__termsItem">
1189            <a href="/info/agreement.html">ご利用規約</a>
1190          </p>
1191          <p class="p-footer__termsItem">
1192            <a href="/info/privacy1.html">プライバシーポリシー</a>
1193          </p>
1194          <p class="p-footer__termsItem">
1195            <a href="/info/privacy2.html" data-cc="show-preferencesModal">Cookieの設定</a>
1196          </p>
1197          <p class="p-footer__navItem">
1198            <a href="/info/s_termsofuse.html">ソーシャルメディア利用規約</a>
1199          </p>
1200          <p class="p-footer__navItem">
1201            <a href="/info/s_policy.html">ソーシャルメディアポリシー</a>
1202          </p>
1203          <p class="p-footer__navItem">
1204            <a href="/info/snslist.html">SNS公式アカウント一覧</a>
1205          </p>
1206          <div class="p-footer__sns">
1207            <a href="https://www.facebook.com/toli.co.jp" target="_blank">
1208              <img src="/common/img/footer/ico-facebook.png" alt="facebook">
1209            </a>
1210            <a href="https://www.instagram.com/toli_corporation/" target="_blank">
1211              <img src="/common/img/footer/ico-instagram.png" alt="instagram">
1212            </a>
1213            <a href="https://www.youtube.com/user/TOLIchannel" target="_blank">
1214              <img src="/common/img/footer/ico-youtube.png" alt="youtube">
1215            </a>
1216          </div>
1217        </div>
1218
1219        <div class="p-footer__leftItem p-footer__about">
1220          <div class="p-footer__aboutItem">
1221            <p class="p-footer__aboutText">
1222              <a href="/company/pdf/221117.pdf">アスベスト含有製品について</a>
1223            </p>
1224            <img alt="PDFアイコン" src="/common/img2019/footer_ico-pdf.png">
1225          </div>
1226        </div>
1227      </div>
1228      <!-- /p-footer__left -->
1229
1230
1231      <div class="p-footer__nav">
1232        <div class="p-footer__navContent">
1233          <p class="p-footer__navItem_ttl">商品を探す</p>
1234          <p class="p-footer__navItem">
1235            <a href="/product/search/floor_result">床材</a>
1236          </p>
1237          <p class="p-footer__navItem">
1238            <a href="/product/search/carpet_result">カーペット</a>
1239          </p>
1240          <p class="p-footer__navItem">
1241            <a href="/product/search/wall_result">壁装材</a>
1242          </p>
1243          <p class="p-footer__navItem">
1244            <a href="/product/search/curtain_result">カーテン</a>
1245          </p>
1246          <p class="p-footer__navItem">
1247            <a href="/product/search/adhesive_result">接着剤・巾木・副資材</a>
1248          </p>
1249
1250          <!-- <p class="p-footer__navItem_ttl">市場別で探す(暮らしの東リ図鑑)</p>
1251          <p class="p-footer__navItem">
1252            <a href="/market/">暮らしの東リ図鑑 TOP</a>
1253          </p>
1254          <p class="p-footer__navItem">
1255            <a href="/market/school/">
1255文教施設</a>
1256          </p>
1257          <p class="p-footer__navItem">
1258            <a href="/market/office/">オフィス</a>
1259          </p>
1260          <p class="p-footer__navItem">
1261            <a href="/market/hospital/">医療福祉施設</a>
1262          </p>
1263          <p class="p-footer__navItem">
1264            <a href="/market/shop/">商業施設</a>
1265          </p>
1266          <p class="p-footer__navItem">
1267            <a href="/market/housing/">住宅</a>
1268          </p>
1269          <p class="p-footer__navItem">
1270            <a href="/market/hotel/">宿泊施設</a>
1271          </p> -->
1272
1273          <p class="p-footer__navItem_ttl">施工イメージ</p>
1274
1275          <p class="p-footer__navItem">
1276            <a href="/product/casestudy">納入事例</a>
1277          </p>
1278          <p class="p-footer__navItem">
1279            <a href="/toli_life/">TOLI LIFE(Instagram事例)</a>
1280          </p>
1281          <p class="p-footer__navItem">
1282            <a href="https://www.tecture.jp/search/projects?keyword=%E6%9D%B1%E3%83%AA" target="_blank" rel="noopener"
1283                >TECTURE(外部サイト)</a
1284              >
1285          </p>
1286          <p class="p-footer__navItem">
1287            <a href="/imagefit/">Image Fit (空間シミュレーション)</a>
1288          </p>
1289          <p class="p-footer__navItem">
1290            <a href="/photoreal/">VR施工空間</a>
1291          </p>
1292        
1293          <p class="p-footer__navItem_ttl">お役立ちツール</p>
1294          <p class="p-footer__navItem">
1295            <a href="/digital_catalog/">デジタルブック</a>
1296          </p>
1297          <p class="p-footer__navItem">
1298            <a href="/sample/pdf/260217_sample.pdf" target="_blank" rel="noopener noreferrer">サンプル帳一覧</a>
1299          </p>
1300          <p class="p-footer__navItem">
1301            <a href="/oldandnew/">旧新品番対照表</a>
1302          </p>
1303          <p class="p-footer__navItem">
1304            <a href="/exhibition/2025/">新製品LINE UP</a>
1305          </p>
1306          <p class="p-footer__navItem">
1307            <a href="http://sozai.toli.co.jp/" target="_blank" rel="noopener">素材画像ダウンロード</a>
1308          </p>
1309          <p class="p-footer__navItem">
1310            <a href="/market/">暮らしの東リ図鑑(市場別で探す)</a>
1311          </p>
1312          <p class="p-footer__navItem">
1313            <a href="/trends/">製品コンテンツ一覧</a>
1314          </p>
1315
1316          <p class="p-footer__navItem_ttl">その他</p>
1317          <p class="p-footer__navItem">
1318            <a href="/manufacturing/">東リのものづくり</a>
1319          </p>
1320          <p class="p-footer__navItem">
1321            <a href="/museum/">東リインテリア歴史館</a>
1322          </p>
1323          <p class="p-footer__navItem">
1324            <a href="/relation/">関連サイト集</a>
1325          </p>
1326        </div>
1327
1328        <div class="p-footer__navContent">
1329          <p class="p-footer__navItem_ttl">問い合わせ他</p>
1330          <p class="p-footer__navItem">
1331            <a href="/faq/">よくあるご質問</a>
1332          </p>
1333          <p class="p-footer__navItem">
1334            <a href="/member/faq">お問い合わせ</a>
1335          </p>
1336          <p class="p-footer__navItem">
1337            <a href="/member/">サンプル請求</a>
1338          </p>
1339          <p class="p-footer__navItem">
1340            <a href="/showroom/">ショールーム</a>
1341          </p>
1342          <p class="p-footer__navItem">
1343            <a href="/shop/">販売店</a>
1344          </p>
1345          <p class="p-footer__navItem">
1346            <a href="/company/eigyousho.html">営業所一覧</a>
1347          </p>
1348          <p class="p-footer__navItem">
1349            <a href="/company/group.html">グループ会社一覧</a>
1350          </p>
1351          <p class="p-footer__navItem_ttl">企業情報</p>
1352          <p class="p-footer__navItem">
1353            <a href="/company/">企業情報TOP</a>
1354          </p>
1355          <p class="p-footer__navItem">
1356            <a href="/sustainability/">サステナビリティ</a>
1357          </p>
1358          <p class="p-footer__navItem">
1359            <a href="/ir/">IR情報TOP</a>
1360          </p>
1361          <p class="p-footer__navItem">
1362            <a href="/ir/integrated_report/">統合報告書</a>
1363          </p>
1364          <p class="p-footer__navItem">
1365            <a href="/newsrelease/">ニュースリリース一覧</a>
1366          </p>
1367          <p class="p-footer__navItem">
1368            <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener">採用情報</a>
1369          </p>
1370          <p class="p-footer__navItem">
1371            <a href="/ir/closing_announce/">電子公告</a>
1372          </p>
1373        </div>
1374      </div>
1375      <!-- p-footer__nav -->
1376
1377    </div>
1378    <!-- /p-footer__mainContent -->
1379
1380    <div class="p-footer__policy">
1381      <p class="p-footer__policyItem">床材、カーペット、壁紙、カーテンを取り扱う<br class="u-dsp-hidePC">東リの情報サイト</p>
1382      <p class="p-footer__policyItem">COPYRIGHT (C) TOLI CORPORATION ALL RIGHTS RESERVED. このウェブサイトの内容の無断転載・複製を禁じます。</p>
1383    </div>
1384
1385  </div>
1385<!-- /p-footer__content -->
1386</footer>
1387
1388<script>
1389  const pageTopBtn = document.getElementById('p-footer-toTopBtn');
1390  pageTopBtn.addEventListener("click", function () {
1391    const me = arguments.callee;
1392    const nowY = window.pageYOffset;
1393    window.scrollTo(0, nowY - 100);
1394    if (nowY > 0) {
1395      window.setTimeout(me, 10);
1396    }
1397  });
1398</script>
1398<!-- /footer -->
1399<script>
1400    const base_url = '/product/';
1401
1402
1403	$('.detail-image__sub-item a').click(function(){
1404		if($(this).attr('image-flag') == 1){
1405			$('.detail-image__main img').attr('oncontextmenu', 'return false');
1406			$('.detail-image__main img').attr('onselectstart', 'return false');
1407			$('.detail-image__main img').attr('onmousedown', 'return false');
1408			$('.detail-image__main img').attr('style', '-webkit-touch-callout: none');
1409		} else {
1410			$('.detail-image__main img').attr('oncontextmenu', '');
1411			$('.detail-image__main img').attr('onselectstart', '');
1412			$('.detail-image__main img').attr('onmousedown', '');
1413			$('.detail-image__main img').attr('style', '');
1414		}
1415
1416
1417		console.log($(this).attr('image-flag'));
1418	});
1419</script>
vendor: 1 bytes, line 1419
1419
1420<script src="/product/script/common.js?20261002161853" language="javascript"></script>
vendor: 1 bytes, line 1420
1420
1421<script src="/product/script/page.js?20261002161853" language="javascript"></script>
1421
1422<!--
1422<script src="--><!--" language="javascript"></script>
1422-->
1423<!-- 検索予測JS -->
1424</body>
1425
1426</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.