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" content="æ±ãªè£½åãæ±ã販売åºãé½éåºçãæ¡ä»¶ããæ¤ç´¢ãããã¨ãã§ãã¾ãã"> 10 <link rel="shortcut icon" href="/shop/../favicon.ico" sizes="32x32"> 11 <link rel="apple-touch-icon-precomposed" href="/shop/../common/img2019/apple-touch-icon.png"> 12 <link href="/shop/../common/css/common2019.css" rel="stylesheet" type="text/css"><!-- å ±éCSS --> 13 <!--
13<script type="text/javascript" src="/common/js/common2019.js"></script>
13 å ±éJS --> 14
14<script type="text/javascript" src="/shop/../shared/js/ga.js"></script>
14<!-- å ±éGA --> 15 <link href="/shop/../common/css/404.css" rel="stylesheet" type="text/css"> 16 <!-- <link href="/css/index.css" rel="stylesheet" type="text/css">ããããã¼ã¸CSS --> 17 <link href="/shop/css/shop.css" rel="stylesheet" type="text/css"><!-- ãã¼ã¸CSS --> 18 19 <!-- HtmX --> 20
20<script src="https://unpkg.com/[email protected]/dist/htmx.js"></script>
20 21 22 23 <!-- SMP popup --> 24
24<script src='https://webwidget.shanon-services.com/assets/web_widget.js' charset='utf-8'></script>
24 25 <link rel='stylesheet' href='https://webwidget.shanon-services.com/assets/web_widget.css'> 26 <link rel='stylesheet' href='https://www.toli.co.jp/common/css/shanon_popup.css'> 27 <div id='19556fde-cce0-4b9a-99b6-21fc701bbef6' class='smpWebWidget'></div> 28
28<script>smpform.loadContents('19556fde-cce0-4b9a-99b6-21fc701bbef6','https://webwidget.shanon-services.com','market.toli.co.jp')</script>
28 29 <!-- /SMP popup --> 30 31</head> 32 33 34<body id="info" class="p-info"> 35<!-- header(æåã³ã¼ãå¥ã«ãããã¼åºãåã) --> 36<!-- Google Tag Manager -->
vendor: 63 bytes, lines 36-37
36 37<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
37GTM-MT7MBF
vendor: 89 bytes, lines 37-38
37" height="0" width="0" 38 style="display:none;visibility:hidden"></iframe></noscript>
39<script>
vendor: 413 bytes, lines 39-46
39(function (w, d, s, l, i) { 40 w[l] = w[l] || []; w[l].push({ 41 'gtm.start': 42 new Date().getTime(), event: 'gtm.js' 43 }); var f = d.getElementsByTagName(s)[0], 44 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 45 '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 46 })(window, document, 'script', 'dataLayer', '
46GTM-MT7MBF
vendor: 3 bytes, line 46
46');
46</script>
46 47<!-- End Google Tag Manager -->
48<script type="text/javascript" src="/common/js/jquery-3.3.1.min.js"></script>
48 49<link href="/product/style/jquery-ui.min.css" rel="stylesheet" type="text/css">
50<script src="/product/script/jquery-ui.min.js" language="javascript"></script>
vendor: 2 bytes, line 50
50
51<script src="/product/script/search_list.js" language="javascript" defer></script>
51<!-- æ¤ç´¢äºæ¸¬JS --> 52<!-- ãã°ã¤ã³/ãã°ã¢ã¦ãç¨CSS -->
53<script> 54 (() => { 55 const link = document.createElement('link') 56 Object.assign(link, { 57 href: '/common/css/badges.css', 58 rel: 'stylesheet', 59 type: 'text/css' 60 }) 61 document.head.appendChild(link) 62 })() 63</script>
63 64<!-- ãã°ã¤ã³/ãã°ã¢ã¦ãæ¤ç¥ç¨JS -->
65<script type="text/javascript" defer src="/common/js/login_check.js"></script>
65 66 67<header class="l-header"> 68 69 <div class="p-headerPC__content p-headerPC__InfoWrapper"> 70 71 <div class="p-headerPC__logo"> 72 <a href="/"><img alt="æ±ãªãã´" src="/common/img2019/header_logo.svg" width="180"></a> 73 </div> 74 75 <div class="p-headerPC__contentRight"> 76 77 <ul class="p-headerPC__Info u-mg-btm10"> 78 <li class="p-headerPC__InfoItem"> 79 <a href="/member/">ãµã³ãã«è«æ±</a> 80 </li> 81 <!-- <li class="p-headerPC__InfoItem"> 82 <a href="/prog/">ä¼å¡ç»é²ã»å¤æ´</a> 83 </li> --> 84 <li class="p-headerPC__InfoItem"> 85 <a href="/member/faq">ãåãåãã</a> 86 </li> 87 <li class="p-headerPC__InfoItem"> 88 <a href="/sitemap/">ãµã¤ãããã</a> 89 </li> 90 91 <li class="p-headerPC__Lang"> 92 <ul class="p-headerPC__LangList"> 93 <li class="p-headerPC__LangItem--selected"> 94 Global Site 95 96 <ul class="p-headerPC__LangList--hidden"> 97 <li class="p-headerPC__LangItem p-headerPC__LangItem"> 98 <a href="http://toli-overseas.com/" target="_blank" rel="noopener">English</a> 99 </li> 100 </ul> 101 </li> 102 </ul> 103 104 </li><!-- p-headerPC__Lang --> 105 </ul><!-- p-headerPC__Info --> 106 107 <!-- ã©ã¸ãªãã¿ã³ã§æ¤ç´¢ã¿ã¤ãã鏿 --> 108 <div class="p-headerPC__searchBox"> 109 <div class="search-type"> 110 <label> 111 <input type="radio" name="searchType" value="site"> 112 <span class="radio-custom"></span> 113 ãµã¤ãå æ¤ç´¢ 114 </label> 115 <label> 116 <input type="radio" name="searchType" value="product" checked> 117 <span class="radio-custom"></span> 118 ååã»åçªããæ¢ã 119 </label> 120 </div> 121 <form action="/search.html" id="googleSearch"> 122 <div class="p-headerPC__search" id="searchBox"> 123 <!-- idåï¼search_text...åçªæ¤ç´¢æ©è½--> 124 <input class="p-headerPC__searchForm infoSearchForm" id="searchTex" placeholder="ååã»åçªãå ¥åãã¦ãã ããï¼ä¾ï¼GA-100ãã¿ã¤ã«ã«ã¼ãããï¼" name="q" type="text"> 125 <button class="p-headerPC__searchBtn infoSearchBtn"></button> 126 127 <!-- <input type="text" name="q" id="searchTex" maxlength="255" /> --> 128 <!-- <input type="image" name="sa" id="btnG" src="/common/img/search_btn.gif" value="æ¤ç´¢" /> --> 129 <a class="badge__link favorite" href="/product/favorite">ãæ°ã«å ¥ã</a> 130 <a class="badge__link member" href="/member">ãã¤ãã¼ã¸</a> 131 <a class="badge__link logout off" href="/member/logout">ãã°ã¢ã¦ã</a> 132 <a class="badge__link login" href="/member/login">ãã°ã¤ã³</a> 133 <input name="cx" type="hidden" value="000018228454573048234:n3krbdbhjf0" /> 134 <input name="cof" type="hidden" value="FORID:10" /> 135 <input name="ie" type="hidden" value="utf-8" /> 136 137 </div> 138 </form> 139 </div> 140 <!--
140<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=ja"></script>
140 --> 141 142 </div><!-- /p-headerPC__inner --> 143 </div><!-- /p-headerPC__Wrapper --> 144 145 <div class="p-headerPC__content p-headerPC__nav"> 146 <div class="p-headerPC__navInner"> 147 148 <ul class="p-headerPC__navList"> 149 <li class="p-headerPC__navItem p-headerPC__dropDown"> 150 <p class="p-headerPC__navText"><a href="/product/search/">ååãæ¢ã<span class="p-headerPC__navsubtxt">Products</span></a></p> 151 152 <div class="p-headerPC__dropDownContent"> 153 <div class="p-headerPC__dropDownInner"> 154 <ul class="p-headerPC__dropDownNav"> 155 <li class="p-headerPC__dropDownNavItem"> 156 <a class="yukazai" href="/product/search/floor_result"> 157 <p class="p-headerPC__dropDownNavTitle">åºæ 158 <span class="p-headerPC__navsubtxt">Vinyl Tilesã»Vinyl Sheets</span> 159 </p> 160 </a> 161 </li> 162 <li class="p-headerPC__dropDownNavItem "> 163 <a class="carpet" href="/product/search/carpet_result"> 164 <p class="p-headerPC__dropDownNavTitle">ã«ã¼ããã 165 <span class="p-headerPC__navsubtxt">Carpets</span> 166 </p> 167 </a> 168 </li> 169 <li class="p-headerPC__dropDownNavItem"> 170 <a class="wallcovering" href="/product/search/wall_result"> 171 <p class="p-headerPC__dropDownNavTitle">å£è£ æã»è °å£ 172 <span class="p-headerPC__navsubtxt">Wallcoverings</span> 173 </p> 174 </a> 175 </li> 176 <li class="p-headerPC__dropDownNavItem"> 177 <a class="curtain" href="/product/search/curtain_result"> 178 <p class="p-headerPC__dropDownNavTitle">ã«ã¼ãã³ 179 <span class="p-headerPC__navsubtxt">Curtains</span> 180 </p> 181 </a> 182 </li> 183 <li class="p-headerPC__dropDownNavItem"> 184 <a class="fukusizai" href="/product/search/baseboard_result"> 185 <p class="p-headerPC__dropDownNavTitle">å·¾æ¨ 186 <span class="p-headerPC__navsubtxt">Skirting</span> 187 </p> 188 </a> 189 </li> 190 <li class="p-headerPC__dropDownNavItem"> 191 <a class="other" href="/product/search/adhesive_result"> 192 <p class="p-headerPC__dropDownNavTitle">æ¥çå¤ã»ãã®ä» 193 <span class="p-headerPC__navsubtxt">Adhesives,Secondary materials</span> 194 </p> 195 </a> 196 </li> 197 </ul> 198 199 <!-- ååã»åçªããæ¢ã PCæ¤ç´¢ãã©ã¼ã --> 200 <form action="/product/search/all_result" id="" method="post"> 201 <div class="p-headerPC__search p-headerPC__dropDownSearch"> 202 <p class="p-headerPC__dropDownSearchTitle">ååã»åçªããæ¢ã<span class="p-headerPC__navsubtxt">Find by Item 203 Number</span></p> 204 <input class="p-headerPC__searchForm dropDownSearchForm" id="searchProductNumberPC" name="all_search" 205 type="text" value=""> 206 <button class="p-headerPC__searchBtn dropDownSearchBtn" type="submit"></button> 207 208 </div> 209 </form> 210 <!-- ååã»åçªããæ¢ã PCæ¤ç´¢ãã©ã¼ã --> 211 212 </div> 213 </div> 214 </li> 215 216 <li class="p-headerPC__navItem p-headerPC__dropDown"> 217 <p class="p-headerPC__navText "><a href="/digital_catalog/">ãã¸ã¿ã«ããã¯<span class="p-headerPC__navsubtxt">Digital Book</span></a></p> 218 219 <div class="p-headerPC__dropDownContent NavIn-textLink"> 220 <div class="p-headerPC__dropDownInner"> 221 <div class="p-headerPC__dropDownNav"> 222 <ul class="p-headerPC__dropDownNav-textLink"> 223 <li> 224 <a href="/digital_catalog/">ãã¹ã¦</a> 225 </li> 226 </ul> 227 <ul class="p-headerPC__dropDownNav-textLink"> 228 <li> 229 <a href="/digital_catalog/?tab=floor">åºæ</a>
230 <span class="p-headerPC__navsubtxt">Vinyl Tilesã»Vinyl Sheets</span> 231 </li> 232 <li> 233 <a href="/digital_catalog/?tab=carpet">ã«ã¼ããã</a> 234 <span class="p-headerPC__navsubtxt">Carpets</span> 235 </li> 236 <li> 237 <a href="/digital_catalog/?tab=wall">å£è£ æã»è °å£</a> 238 <span class="p-headerPC__navsubtxt">Wall Coverings</span> 239 </li> 240 <li> 241 <a href="/digital_catalog/?tab=curtain">ã«ã¼ãã³</a> 242 <span class="p-headerPC__navsubtxt">Curtains</span> 243 </li> 244 <li> 245 <a href="/digital_catalog/?tab=baseboard">å·¾æ¨ã»ãã®ä»</a> 246 <span class="p-headerPC__navsubtxt">Skirtingã»Secondary materials</span> 247 </li> 248 </ul> 249 </div> 250 </div> 251 </div> 252 </li> 253 254 <li class="p-headerPC__navItem p-headerPC__dropDown"> 255 <p class="p-headerPC__navText "><a href="/showroom/">ã·ã§ã¼ã«ã¼ã <span class="p-headerPC__navsubtxt">Showroom</span></a></p> 256 257 <div class="p-headerPC__dropDownContent"> 258 <div class="p-headerPC__dropDownInner"> 259 <ul class="p-headerPC__dropDownNav"> 260 <li class="p-headerPC__dropDownNavItem"> 261 <a href="/showroom/" class="showroom"> 262 <p class="p-headerPC__dropDownNavTitle">TOP</p> 263 </a> 264 </li> 265 <li class="p-headerPC__dropDownNavItem"> 266 <a href="/showroom/tokyo.html" class="tokyo"> 267 <p class="p-headerPC__dropDownNavTitle">æ±äº¬ã·ã§ã¼ã«ã¼ã 268 <span class="p-headerPC__navsubtxt">Tokyo</span> 269 </p> 270 </a> 271 </li> 272 <li class="p-headerPC__dropDownNavItem"> 273 <a href="/showroom/osaka.html" class="osaka"> 274 <p class="p-headerPC__dropDownNavTitle">大éªã·ã§ã¼ã«ã¼ã 275 <span class="p-headerPC__navsubtxt">Osaka</span> 276 </p> 277 </a> 278 </li> 279 <li class="p-headerPC__dropDownNavItem"> 280 <a href="/showroom/nagoya.html" class="nagoya"> 281 <p class="p-headerPC__dropDownNavTitle">åå¤å±ã·ã§ã¼ã«ã¼ã 282 <span class="p-headerPC__navsubtxt">Nagoya</span> 283 </p> 284 </a> 285 </li> 286 </ul> 287 <ul class="p-headerPC__dropDownNav"> 288 <li class="p-headerPC__dropDownNavItem"> 289 <a href="/showroom/sapporo.html" class="sapporo"> 290 <p class="p-headerPC__dropDownNavTitle">æå¹ã·ã§ã¼ã«ã¼ã 291 <span class="p-headerPC__navsubtxt">Sapporo</span> 292 </p> 293 </a> 294 </li> 295 <li class="p-headerPC__dropDownNavItem"> 296 <a href="/showroom/fukuoka.html" class="fukuoka"> 297 <p class="p-headerPC__dropDownNavTitle">ç¦å²¡ã·ã§ã¼ã«ã¼ã 298 <span class="p-headerPC__navsubtxt">Fukuoka</span> 299 </p> 300 </a> 301 </li> 302 <li class="p-headerPC__dropDownNavItem"> 303 <a href="/showroom/okayama.html" class="okayama"> 304 <p class="p-headerPC__dropDownNavTitle">岡山ã·ã§ã¼ã«ã¼ã 305 <span class="p-headerPC__navsubtxt">Okayama</span> 306 </p> 307 </a> 308 </li> 309 <li class="p-headerPC__dropDownNavItem"> 310 <a href="/showroom/takamatsu.html" class="takamatsu"> 311 <p class="p-headerPC__dropDownNavTitle">髿¾ã·ã§ã¼ã«ã¼ã
312 <span class="p-headerPC__navsubtxt">Takamatsu</span> 313 </p> 314 </a> 315 </li> 316 </ul> 317 </div> 318 </div> 319 </li> 320 321 <li class="p-headerPC__navItem"> 322 <a class="p-headerPC__navText" href="/shop/"> 323 è²©å£²åº 324 <span class="p-headerPC__navsubtxt">Shop List</span> 325 </a> 326 </li> 327 328 <li class="p-headerPC__navItem"> 329 <a class="p-headerPC__navText" href="/sustainability/"> 330 ãµã¹ããããªã㣠331 <span class="p-headerPC__navsubtxt">Sustainability</span> 332 </a> 333 </li> 334 335 <li class="p-headerPC__navItem p-headerPC__dropDown"> 336 <p class="p-headerPC__navText"><a href="/company/">伿¥ã»IRã»æ¡ç¨<span class="p-headerPC__navsubtxt">Companyã»IRã»Recruitment </span></a></p> 337 338 <div class="p-headerPC__dropDownContent NavIn-ir"> 339 <div class="p-headerPC__dropDownInner"> 340 <ul class="p-headerPC__dropDownNav"> 341 <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav"> 342 <a class="company" href="/company/"> 343 <p class="p-headerPC__dropDownNavTitle">伿¥æ å ± 344 <span class="p-headerPC__navsubtxt">Company</span> 345 </p> 346 </a> 347 <div class="p-headerPC__dropDownSubNavItem"> 348 <div class="p-headerPC__dropDownSubNavItemInner"> 349 <ul class="p-headerPC__dropDownNav-textLink"> 350 <li> 351 <a href="/company/">伿¥æ å ±TOP</a> 352 </li> 353 </ul> 354 <ul class="p-headerPC__dropDownNav-textLink"> 355 <li> 356 <a href="/company/president_speech.html">社é·ã¡ãã»ã¼ã¸</a> 357 </li> 358 <li> 359 <a href="/company/philosophy.html">çµå¶ç念</a> 360 </li> 361 <li> 362 <a href="/company/company_outline.html">ä¼ç¤¾æ¦è¦</a> 363 </li> 364 <li> 365 <a href="/company/toli_history.html">æ±ãªã®æ´å²</a> 366 </li> 367 <li> 368 <a href="/company/charter.html">è¡åæ²ç« </a> 369 </li> 370 <li> 371 <a href="/company/eigyousho.html">å¶æ¥æä¸è¦§</a> 372 </li> 373 <li> 374 <a href="/company/group.html">ã°ã«ã¼ãä¼ç¤¾ä¸è¦§</a> 375 </li> 376 </ul> 377 </div> 378 </div> 379 </li> 380 <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav"> 381 <a class="ir" href="/ir/"> 382 <p class="p-headerPC__dropDownNavTitle">IRæ å ± 383 <span class="p-headerPC__navsubtxt">Investor Relations</span> 384 </p> 385 </a> 386 <div class="p-headerPC__dropDownSubNavItem p-headerPC__dropDownSubNavItem-IR"> 387 <div class="p-headerPC__dropDownSubNavItemInner"> 388 <ul class="p-headerPC__dropDownNav-textLink"> 389 <li> 390 <a href="/ir/">IRæ å ±TOP</a> 391 </li> 392 <li> 393 <a href="/ir_en/"><span class="c-nav__hasIcon c-nav__hasIcon--IrEnglish"><img 394 src="/ir_en/common/img/common/icon_earth.svg" alt="" width="24" height="24" 395 loading="lazy">English</span></a> 396 </li> 397 </ul> 398 <div class="p-headerPC__dropDownContent NavIn-knowledge"> 399 <div class="p-headerPC__dropDownInner p-headerPC__dropDownInner-knowledge"> 400 <div class="p-headerPC__dropDownNav"> 401 <div class="p-headerPC__dropDownNav-knowledge"> 402 <ul class="p-headerPC__dropDownNavIn-knowledge"> 403 <li> 404 <a href="/ir/message/">ãããã¡ãã»ã¼ã¸</a> 405 </li> 406 <li> 407 <a href="/ir/plan/">çµå¶è¨ç»</a> 408 </li> 409 <li> 410 <a href="/ir/walking/">æ±ãªã®æ©ã¿</a> 411 </li> 412 <li> 413 <a href="/ir/strength/">æ±ãªã®å¼·ã¿</a> 414 </li> 415 <li> 416 <a href="/ir/business/">äºæ¥å 容</a> 417 </li> 418 <li> 419 <a href="/ir/risk/">äºæ¥çã®ãªã¹ã¯</a> 420 </li> 421 <li> 422 <a href="/ir/governance/">ã³ã¼ãã¬ã¼ãã»ã¬ããã³ã¹</a> 423 </li> 424 <li> 425 <a href="/ir/disclosure/">IRã«é¢ããåºæ¬æ¹é</a> 426 </li> 427 </ul> 428 </div> 429 430 <div class="p-headerPC__dropDownNav-knowledge"> 431 <ul class="p-headerPC__dropDownNavIn-knowledge"> 432 <li> 433 <a href="/ir/closing_information/">決ç®çä¿¡</a> 434 </li> 435 <li> 436 <a href="/ir/financialreport/">æä¾¡è¨¼å¸å ±åæ¸</a> 437 </li> 438 <li> 439 <a href="/ir/integrated_report/">çµ±åå ±åæ¸</a> 440 </li> 441 <li> 442 <a href="/ir/report/">äºæ¥å ±å</a> 443 </li> 444 <li> 445 <a href="/ir/presentation/">決ç®èª¬æè³æ</a> 446 </li> 447 <li> 448 <a href="/ir/investors/presentation/">å人æè³å®¶åãè³æ</a> 449 </li> 450 <li> 451 <a href="/ir/highlight/">æ¥ç¸¾ãã¤ã©ã¤ã</a> 452 </li> 453 <li> 454 <a href="/ir/chart/">ãã£ã¼ãã¸ã§ãã¬ã¼ã¿ã¼</a> 455 </li> 456 </ul> 457 </div> 458 459 <div class="p-headerPC__dropDownNav-knowledge"> 460 <ul class="p-headerPC__dropDownNavIn-knowledge"> 461 <li> 462 <a href="/ir/meeting/">æ ªä¸»ç·ä¼</a> 463 </li> 464 <li> 465 <a href="/ir/dividends/">æ ªä¸»éå ã»é å½</a> 466 </li> 467 <li> 468 <a href="/ir/basic/">æ ªå¼åºæ¬æ å ±</a> 469 </li> 470 <li> 471 <a href="https://finance.yahoo.co.jp/quote/7971.T" target="_blank" 472 rel="noopener"><span class="c-nav__hasIcon c-nav__hasIcon--blancTab">æ ªä¾¡æ å ±</span></a> 473 </li> 474 <li> 475 <a href="/ir/articles/">宿¬¾</a> 476 </li> 477 </ul> 478 </div> 479 480 <div class="p-headerPC__dropDownNav-knowledge"> 481 <ul class="p-headerPC__dropDownNavIn-knowledge"> 482 <li> 483 <a href="/ir/news/">IRãã¥ã¼ã¹</a> 484 </li> 485 <li> 486 <a href="/ir/schedule/">IRã¹ã±ã¸ã¥ã¼ã«</a> 487 </li> 488 <li> 489 <a href="/ir/event/">IRã¤ãã³ã</a> 490 </li> 491 <li> 492 <a href="/ir/closing_announce/">é»åå ¬å</a> 493 </li> 494 <li> 495 <a href="/ir/faq/">FAQ</a> 496 </li> 497 <li> 498 <a href="https://form.run/@toli-ir" target="_blank" rel="noopener"><span 499 class="c-nav__hasIcon c-nav__hasIcon--blancTab">ãåãåããå </span></a> 500 </li> 501 <li> 502 <a href="/ir/notes/">注æäºé </a> 503 </li> 504 </ul> 505 </div> 506 507 </div> 508 </div> 509 </div> 510 </div> 511 </div> 512 </li> 513 <li class="p-headerPC__dropDownNavItem p-headerPC__dropDownSubNav"> 514 <a class="saiyou" href="https://recruit.toli.co.jp/saiyou/" target="_blank" rel="noopener"> 515 <p class="p-headerPC__dropDownNavTitle">æ¡ç¨æ å ±
516 <span class="p-headerPC__navsubtxt">Recruitment</span> 517 </p> 518 </a> 519 <div class="p-headerPC__dropDownSubNavItem p-headerPC__dropDownSubNavItem"> 520 <div class="p-headerPC__dropDownSubNavItemInner"> 521 <ul class="p-headerPC__dropDownNav-textLink"> 522 <li> 523 <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener"><span 524 class="c-nav__hasIcon c-nav__hasIcon--blancTab">æ°åæ¡ç¨</span></a> 525 </li> 526 <li> 527 <a href="https://recruit.toli.co.jp/recruit/index.html?career" target="_blank" rel="noopener"><span 528 class="c-nav__hasIcon c-nav__hasIcon--blancTab">ãã£ãªã¢æ¡ç¨</span></a> 529 </li> 530 <li> 531 <a href="https://recruit.toli.co.jp/comeback/" target="_blank" rel="noopener"><span 532 class="c-nav__hasIcon c-nav__hasIcon--blancTab">ã«ã ããã¯æ¡ç¨</span></a> 533 </li> 534 <li> 535 <a href="https://www.instagram.com/toli_recruit/" target="_blank" rel="noopener"><span 536 class="c-nav__hasIcon c-nav__hasIcon--blancTab">æ°åæ¡ç¨å ¬å¼ã¤ã³ã¹ã¿ã°ã©ã </span></a> 537 </li> 538 </ul> 539 </div> 540 </div> 541 </li> 542 </ul> 543 </div> 544 </div> 545 </div> 546 </li> 547 548 549 </ul> 550 551 </div><!-- /p-headerPC__navInner --> 552 </div><!-- /p-headerPC__content /p-headerPC__InfoWrapper --> 553 554 555 <div class="p-headerSP__content p-headerSP__Wrapper"> 556 <div class="p-headerSP__logo"> 557 <a href="/"><img alt="æ±ãªãã´" src="/common/img2019/header_logo.svg" width="300"></a> 558 </div> 559 560 <div class="p-headerSP__drawer"> 561
562 <input id="drawer-checkbox" type="checkbox"> 563 <label for="drawer-checkbox" id="drawer-icon"> 564 <span></span> 565 </label> 566 <label for="drawer-checkbox" id="drawer-close"></label> 567 <div class="c-drawer__content" id="drawer-content"> 568 569 <label for="drawer-checkbox" id="drawer-closeBtn"> 570 <span></span> 571 </label> 572 573 <div class="search-type"> 574 <label> 575 <input type="radio" name="searchType" value="site"> 576 <span class="radio-custom"></span> 577 ãµã¤ãå æ¤ç´¢ 578 </label> 579 <label> 580 <input type="radio" name="searchType" value="product" checked> 581 <span class="radio-custom"></span> 582 ååã»åçªããæ¢ã 583 </label> 584 </div> 585 <form action="/search.html" id="googleSearch"> 586 <div class="p-headerSP__search c-drawer__borderBtm" id="searchBox"> 587 <!-- idåï¼search_text...åçªæ¤ç´¢æ©è½ --> 588 <input class="p-headerSP__searchForm infoSearchForm" id="searchTex" name="q" placeholder="ååã»åçªãå ¥åãã¦ãã ããï¼ä¾ï¼GA-100ãã¿ã¤ã«ã«ã¼ãããï¼" 589 type="text"> 590 <button class="p-headerSP__searchBtn infoSearchBtn"></button> 591 592 <!-- <input type="text" name="q" id="searchTex" maxlength="255" /> --> 593 <!-- <input type="image" name="sa" id="btnG" src="/common/img/search_btn.gif" value="æ¤ç´¢" /> --> 594 <input name="cx" type="hidden" value="000018228454573048234:n3krbdbhjf0" /> 595 <input name="cof" type="hidden" value="FORID:10" /> 596 <input name="ie" type="hidden" value="utf-8" /> 597 </div> 598 </form> 599 600 <div class="p-headerSP__dropDown c-drawer__borderBtm"> 601 602 <div class="p-headerSP__dropDownMenu"> 603 <input id="menu1" type="checkbox"> 604 <label class="p-headerSP__dropDownTitle" for="menu1">ååãæ¢ã<span class="p-headerSP__navsubtxt">Products</span></label> 605 <ul class="p-headerSP__dropDownContent"> 606 <li class="p-headerSP__dropDownItem"> 607 <a href="/product/search/">ååãæ¢ãTOP</a> 608 </li> 609 <li class="p-headerSP__dropDownItem"> 610 <a href="/product/search/floor_result">åºæ</a> 611 <span class="p-headerSP__navsubtxt">Vinyl Tilesã»Vinyl Sheets</span> 612 </li> 613 <li class="p-headerSP__dropDownItem"> 614 <a href="/product/search/carpet_result">ã«ã¼ããã</a> 615 <span class="p-headerSP__navsubtxt">Carpets</span> 616 </li> 617 <li class="p-headerSP__dropDownItem"> 618 <a href="/product/search/wall_result">å£è£ æã»è °å£</a> 619 <span class="p-headerSP__navsubtxt">Wallcoverings</span> 620 </li> 621 <li class="p-headerSP__dropDownItem"> 622 <a href="/product/search/curtain_result">ã«ã¼ãã³</a> 623 <span class="p-headerSP__navsubtxt">Curtains</span> 624 </li> 625 <li class="p-headerSP__dropDownItem"> 626 <a href="/product/search/baseboard_result">å·¾æ¨</a> 627 <span class="p-headerSP__navsubtxt">Skirting</span> 628 </li> 629 <li class="p-headerSP__dropDownItem"> 630 <a href="/product/search/adhesive_result">æ¥çå¤ã»ãã®ä»</a> 631 <span class="p-headerSP__navsubtxt">Adhesives, Secondary materials</span> 632 </li> 633 634 <li class="p-headerSP__dropDownSearch"> 635 <p class="p-headerSP__dropDownSearchTitle">ååã»åçªããæ¢ã<span class="p-headerSP__navsubtxt">Find by Item 636 Number</span></p> 637 638 <!-- ååã»åçªããæ¢ã SPæ¤ç´¢ãã©ã¼ã --> 639 <form action="/product/search/all_result" method="post"> 640 <div class="p-headerSP__dropDownSearchFormWrapper"> 641 <input class="p-headerSP__dropDownSearchForm" id="searchProductNumberSP" name="all_search" 642 type="text" value=""> 643 <button class="p-headerSP__dropDownSearchBtn" type="submit"></button> 644 </div> 645 </form> 646 <!-- ååã»åçªããæ¢ã SPæ¤ç´¢ãã©ã¼ã --> 647 648 </li> 649 </ul> 650 </div> 651 <!-- /p-headerSP__dropDownMenu --> 652 <div class="p-headerSP__dropDownMenu"> 653 <p class="p-headerSP__dropDownTitle no-drop"> 654 <a href="/digital_catalog/digital_index.html">ãã¸ã¿ã«ããã¯</a>
655 <span class="p-headerSP__navsubtxt">Digital Book</span> 656 </p> 657 </div> 658 659 <!-- <div class="p-headerSP__dropDownMenu"> 660 <input id="menu10" type="checkbox"> 661 <label class="p-headerSP__dropDownTitle" for="menu10">ãå½¹ç«ã¡ãã¼ã«</label> 662 <ul class="p-headerSP__dropDownContent"> 663 <li class="p-headerSP__dropDownItem"> 664 <a href="/product/casestudy">ç´å ¥äºä¾</a> 665 </li> 666 <li class="p-headerSP__dropDownItem"> 667 <a href="/imagefit/">Image Fitï¼ç©ºéã·ãã¥ã¬ã¼ã·ã§ã³ï¼</a> 668 </li> 669 <li class="p-headerSP__dropDownItem"> 670 <a href="/photoreal/">VRæ½å·¥ç©ºé</a> 671 </li> 672 <li class="p-headerSP__dropDownItem"> 673 <a href="http://sozai.toli.co.jp/" target="_blank">ç´ æç»åãã¦ã³ãã¼ã</a> 674 </li> 675 <li class="p-headerSP__dropDownItem"> 676 <a href="/sample/">ãµã³ãã«å¸³ä¸è¦§</a> 677 </li> 678 <li class="p-headerSP__dropDownItem"> 679 <a href="/digital_catalog/pdf_index.html">PDFã«ã¿ãã°ãã¦ã³ãã¼ã</a> 680 </li> 681 <li class="p-headerSP__dropDownItem"> 682 <a href="/oldandnew/">æ°æ§åçªå¯¾ç §è¡¨</a> 683 </li> 684 <li class="p-headerSP__dropDownItem"> 685 <a href="http://sozai.toli.co.jp/" target="_blank">æ±ãªã®ãã®ã¥ãã</a> 686 </li> 687 <li class="p-headerSP__dropDownItem"> 688 <a href="/market/">æ®ããã®æ±ãªå³éï¼å¸å ´å¥ã§æ¢ãï¼</a> 689 </li> 690 <li class="p-headerSP__dropDownItem"> 691 <a href="/trends/">製åã³ã³ãã³ãä¸è¦§</a> 692 </li> 693 </ul> 694 </div> --> 695 <!-- /p-headerSP__dropDownMenu --> 696 697 <div class="p-headerSP__dropDownMenu"> 698 <input id="menu2" type="checkbox"> 699 <label class="p-headerSP__dropDownTitle" for="menu2">ã·ã§ã¼ã«ã¼ã <span class="p-headerSP__navsubtxt">Showroom</span></label> 700 <ul class="p-headerSP__dropDownContent"> 701 <li class="p-headerSP__dropDownItem"> 702 <a href="/showroom/">ã·ã§ã¼ã«ã¼ã TOP</a> 703 </li> 704 <li class="p-headerSP__dropDownItem"> 705 <a href="/showroom/tokyo.html">æ±äº¬ã·ã§ã¼ã«ã¼ã </a> 706 <span class="p-headerSP__navsubtxt">Tokyo</span> 707 </li> 708 <li class="p-headerSP__dropDownItem"> 709 <a href="/showroom/osaka.html">大éªã·ã§ã¼ã«ã¼ã </a> 710 <span class="p-headerSP__navsubtxt">Osaka</span> 711 </li> 712 <li class="p-headerSP__dropDownItem"> 713 <a href="/showroom/nagoya.html">åå¤å±ã·ã§ã¼ã«ã¼ã </a> 714 <span class="p-headerSP__navsubtxt">Nagoya</span> 715 </li> 716 <li class="p-headerSP__dropDownItem"> 717 <a href="/showroom/sapporo.html">æå¹ã·ã§ã¼ã«ã¼ã </a> 718 <span class="p-headerSP__navsubtxt">Sapporo</span> 719 </li> 720 <li class="p-headerSP__dropDownItem"> 721 <a href="/showroom/fukuoka.html">ç¦å²¡ã·ã§ã¼ã«ã¼ã </a> 722 <span class="p-headerSP__navsubtxt">Fukuoka</span> 723 </li> 724 <li class="p-headerSP__dropDownItem"> 725 <a href="/showroom/okayama.html">岡山ã·ã§ã¼ã«ã¼ã </a> 726 <span class="p-headerSP__navsubtxt">Okayama</span> 727 </li> 728 <li class="p-headerSP__dropDownItem"> 729 <a href="/showroom/takamatsu.html">髿¾ã·ã§ã¼ã«ã¼ã </a> 730 <span class="p-headerSP__navsubtxt">Takamatsu</span> 731 </li> 732 </ul> 733 </div> 734 <!-- /p-headerSP__dropDownMenu --> 735 736 <div class="p-headerSP__dropDownMenu"> 737 <p class="p-headerSP__dropDownTitle no-drop"> 738 <a href="/shop/">販売åºãæ¢ã</a>
739 <span class="p-headerSP__navsubtxt">Shop List</span> 740 </p> 741 </div> 742 <!-- /p-headerSP__dropDownMenu --> 743 <!-- <div class="p-headerSP__dropDownMenu"> 744 <p class="p-headerSP__dropDownTitle no-drop"> 745 伿¥ã»IRã»CSRã»æ¡ç¨ 746 </p> 747 </div> --> 748 <!-- /p-headerSP__dropDownMenu --> 749 <div class="p-headerSP__dropDownMenu"> 750 <input id="menu11" type="checkbox"> 751 <label class="p-headerSP__dropDownTitle" for="menu11">伿¥æ å ±<span class="p-headerSP__navsubtxt">Company</span></label> 752 <ul class="p-headerSP__dropDownContent"> 753 <li class="p-headerSP__dropDownItem"> 754 <a href="/company/">伿¥æ å ±TOP</a> 755 </li> 756 <li class="p-headerSP__dropDownItem"> 757 <a href="/company/president_speech.html">社é·ã¡ãã»ã¼ã¸</a> 758 </li> 759 <li class="p-headerSP__dropDownItem"> 760 <a href="/company/charter.html">è¡åæ²ç« </a> 761 </li> 762 <li class="p-headerSP__dropDownItem"> 763 <a href="/company/philosophy.html">çµå¶ç念</a> 764 </li> 765 <li class="p-headerSP__dropDownItem"> 766 <a href="/company/eigyousho.html">å¶æ¥æä¸è¦§</a> 767 </li> 768 <li class="p-headerSP__dropDownItem"> 769 <a href="/company/group.html">ã°ã«ã¼ãä¼ç¤¾ä¸è¦§</a> 770 </li> 771 <li class="p-headerSP__dropDownItem"> 772 <a href="/company/company_outline.html">ä¼ç¤¾æ¦è¦</a> 773 </li> 774 <li class="p-headerSP__dropDownItem"> 775 <a href="/company/toli_history.html">æ±ãªã®æ´å²</a> 776 </li> 777 <li class="p-headerSP__dropDownItem"> 778 <a href="/ir/closing_announce/">é»åå ¬å</a> 779 </li> 780 </ul> 781 </div> 782 <!-- /p-headerSP__dropDownMenu --> 783 <div class="p-headerSP__dropDownMenu"> 784 <p class="p-headerSP__dropDownTitle no-drop"> 785 <a href="/sustainability/">ãµã¹ããããªãã£</a> 786 <span class="p-headerSP__navsubtxt">Sustainability</span> 787 </p> 788 </div> 789 <div class="p-headerSP__dropDownMenu"> 790 <input id="menu12" type="checkbox"> 791 <label class="p-headerSP__dropDownTitle" for="menu12">IRæ å ±<span class="p-headerSP__navsubtxt">IR</span></label> 792 <ul class="p-headerSP__dropDownContent"> 793 <li class="p-headerSP__dropDownItem"> 794 <a href="/ir_en/">English</a> 795 </li> 796 <li class="p-headerSP__dropDownItem"> 797 <a href="/ir/message/">ãããã¡ãã»ã¼ã¸</a> 798 </li> 799 <li class="p-headerSP__dropDownItem"> 800 <a href="/ir/plan/">çµå¶è¨ç»</a> 801 </li> 802 <li class="p-headerSP__dropDownItem"> 803 <a href="/ir/walking/">æ±ãªã®æ©ã¿</a> 804 </li> 805 <li class="p-headerSP__dropDownItem"> 806 <a href="/ir/strength/">æ±ãªã®å¼·ã¿</a> 807 </li> 808 <li class="p-headerSP__dropDownItem"> 809 <a href="/ir/business/">äºæ¥å 容</a> 810 </li> 811 <li class="p-headerSP__dropDownItem"> 812 <a href="/ir/risk/">äºæ¥çã®ãªã¹ã¯</a> 813 </li> 814 <li class="p-headerSP__dropDownItem"> 815 <a href="/ir/governance/">ã³ã¼ãã¬ã¼ãã»ã¬ããã³ã¹</a> 816 </li> 817 <li class="p-headerSP__dropDownItem"> 818 <a href="/ir/disclosure/">IRã«é¢ããåºæ¬æ¹é</a> 819 </li> 820 <li class="p-headerSP__dropDownItem"> 821 <a href="/ir/closing_information/">決ç®çä¿¡</a> 822 </li> 823 <li class="p-headerSP__dropDownItem"> 824 <a href="/ir/financialreport/">æä¾¡è¨¼å¸å ±åæ¸</a> 825 </li> 826 <li class="p-headerSP__dropDownItem"> 827 <a href="/ir/integrated_report/">çµ±åå ±åæ¸</a> 828 </li> 829 <li class="p-headerSP__dropDownItem"> 830 <a href="/ir/report/">äºæ¥å ±å</a> 831 </li> 832 <li class="p-headerSP__dropDownItem"> 833 <a href="/ir/presentation/">決ç®èª¬æè³æ</a> 834 </li> 835 <li class="p-headerSP__dropDownItem"> 836 <a href="/ir/investors/presentation/">å人æè³å®¶åãè³æ</a> 837 </li> 838 <li class="p-headerSP__dropDownItem"> 839 <a href="/ir/highlight/">æ¥ç¸¾ãã¤ã©ã¤ã</a> 840 </li> 841 <li class="p-headerSP__dropDownItem"> 842 <a href="/ir/chart/">ãã£ã¼ãã¸ã§ãã¬ã¼ã¿ã¼</a> 843 </li> 844 <li class="p-headerSP__dropDownItem"> 845 <a href="/ir/meeting/">æ ªä¸»ç·ä¼</a> 846 </li> 847 <li class="p-headerSP__dropDownItem"> 848 <a href="/ir/dividends/">æ ªä¸»éå ã»é å½</a> 849 </li> 850 <li class="p-headerSP__dropDownItem"> 851 <a href="/ir/basic/">æ ªå¼åºæ¬æ å ±</a> 852 </li> 853 <li class="p-headerSP__dropDownItem"> 854 <a href="https://finance.yahoo.co.jp/quote/7971.T" target="_blank">æ ªä¾¡æ å ±</a> 855 </li> 856 <li class="p-headerSP__dropDownItem"> 857 <a href="/ir/articles/">宿¬¾</a> 858 </li> 859 <li class="p-headerSP__dropDownItem"> 860 <a href="/ir/news/">IRãã¥ã¼ã¹</a> 861 </li> 862 <li class="p-headerSP__dropDownItem"> 863 <a href="/ir/schedule/">IRã¹ã±ã¸ã¥ã¼ã«</a> 864 </li> 865 <li class="p-headerSP__dropDownItem"> 866 <a href="/ir/event/">IRã¤ãã³ã</a> 867 </li> 868 <li class="p-headerSP__dropDownItem"> 869 <a href="/ir/closing_announce/">é»åå ¬å</a> 870 </li> 871 <li class="p-headerSP__dropDownItem"> 872 <a href="/ir/faq/">FAQ</a> 873 </li> 874 <li class="p-headerSP__dropDownItem"> 875 <a href="https://form.run/@toli-ir" target="_blank" rel="noopener">ãåãåããå </a> 876 </li> 877 <li class="p-headerSP__dropDownItem"> 878 <a href="/ir/notes/">注æäºé </a> 879 </li> 880 </ul> 881 </div> 882 <!-- /p-headerSP__dropDownMenu --> 883 884 <div class="p-headerSP__dropDownMenu"> 885 <input id="menu13" type="checkbox"> 886 <label class="p-headerSP__dropDownTitle" for="menu13">æ¡ç¨æ å ±<span class="p-headerSP__navsubtxt">Recruitment</span></label> 887 <ul class="p-headerSP__dropDownContent"> 888 <li class="p-headerSP__dropDownItem"> 889 <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener">æ°åæ¡ç¨</a> 890 </li> 891 <li class="p-headerSP__dropDownItem"> 892 <a href="https://recruit.toli.co.jp/recruit/index.html?career" target="_blank" rel="noopener">ãã£ãªã¢æ¡ç¨</a> 893 </li> 894 <li class="p-headerSP__dropDownItem"> 895 <a href="https://recruit.toli.co.jp/comeback/" target="_blank" rel="noopener">ã«ã ããã¯æ¡ç¨</a> 896 </li> 897 <li class="p-headerSP__dropDownItem"> 898 <a href="https://www.instagram.com/toli_recruit/" target="_blank" rel="noopener">æ°åæ¡ç¨å ¬å¼ã¤ã³ã¹ã¿ã°ã©ã </a> 899 </li> 900 </ul> 901 </div> 902 <!-- /p-headerSP__dropDownMenu --> 903 904 </div><!-- /p-headerSP__dropDown --> 905 906 <ul class="p-headerSP__inquiry previous"> 907 <!-- <li class="p-headerSP__inquiryItem"> 908 <a href="/prog/">ä¼å¡ç»é²ã»å¤æ´</a> 909 </li> --> 910 <li class="p-headerSP__inquiryItem"> 911 <a href="/member/">ãµã³ãã«è«æ±</a> 912 </li> 913 <li class="p-headerSP__inquiryItem"> 914 <a href="/member/faq">ãåãåãã</a> 915 </li> 916 <li class="p-headerSP__inquiryItem"> 917 <a href="/sitemap/">ãµã¤ãããã</a> 918 </li> 919 920 <li class="p-headerSP__inquiryItem p-headerSP__inquiryItem--drower"> 921 <input id="menu3" type="checkbox"> 922 <label class="p-headerSP__inquiryItem--drawerTitle" for="menu3"> 923 <a href="http://toli-overseas.com/" target="_blank" rel="noopener">Global Site</a></label> 924 <ul class="p-headerSP__inquiryItem--drowerContent"> 925 <li class="p-headerSP__inquiryItem"> 926 <a href="http://toli-overseas.com/" target="_blank" rel="noopener">English</a> 927 </li> 928 </ul> 929 </li> 930 </ul><!-- p-headerSP__inquiry previous --> 931 932 <ul class="p-headerSP__inquiry"> 933 <li class="p-headerSP__inquiryItem"> 934 <a class="sp_link favorite" href="/product/favorite">ãæ°ã«å ¥ã</a> 935 </li> 936 <li class="p-headerSP__inquiryItem"> 937 <a class="sp_link member" href="/member">ãã¤ãã¼ã¸</a> 938 </li> 939 <li class="p-headerSP__inquiryItem off"> 940 <a class="sp_link logout" href="/member/logout">ãã°ã¢ã¦ã</a> 941 </li> 942 <li class="p-headerSP__inquiryItem"> 943 <a class="sp_link login" href="/member/login">ãã°ã¤ã³</a> 944 </li> 945 </ul><!-- p-headerSP__inquiry --> 946 947 </div><!-- /c-drawer__content --> 948 949 </div><!-- /p-headerSP__drawer --> 950 </div><!-- /p-headerSP__content /p-headerSP__Wrapper --> 951 952</header> 953
954<script defer> 955 var target = document.querySelector("#searchProductNumberPC"); 956 957 target.onfocus = function () { 958 var obj = document.querySelector(".p-headerPC__dropDownContent"); 959 var obj2 = document.querySelector(".p-headerPC__dropDownInner"); 960 obj.classList.add("is-openDropDown"); 961 obj2.classList.add("is-openDropDownInner"); 962 } 963 964 target.onblur = function () { 965 var obj = document.querySelector(".p-headerPC__dropDownContent"); 966 var obj2 = document.querySelector(".p-headerPC__dropDownInner"); 967 obj.classList.remove("is-openDropDown"); 968 obj2.classList.remove("is-openDropDownInner"); 969 } 970 971 // ããã¯ã¼å±éä¸ã«html, bodyã«ä»ä¸ãã¹ã¯ãã¼ã«åæ¢ 972 var drawerCheckbox = document.querySelector("#drawer-checkbox"); 973 drawerCheckbox.addEventListener("click", () => { 974 document.querySelector("html, body").classList.toggle("is-hidden"); 975 }); 976 977 // PCçã¨SPçã®æ¤ç´¢å ¥åãã£ã¼ã«ããåå¾ 978 var pcSearchInput = document.querySelector('.p-headerPC__searchBox #searchTex'); 979 var spSearchInput = document.querySelector('.p-headerSP__content #searchTex'); 980 981 document.addEventListener('DOMContentLoaded', function() { 982 983 // PCçãã©ã¼ã åå¾ï¼â 追å ï¼ 984 var pcSearchForm = document.querySelector('.p-headerPC__searchBox form'); 985 986 // ã¹ããçã®ã©ã¸ãªãã¿ã³ 987 var spRadioButtons = document.querySelectorAll('.p-headerSP__content .search-type input[name="searchType"]'); 988 989 spRadioButtons.forEach(function(radio) { 990 radio.addEventListener('change', function() { 991 if (this.value === 'site') { 992 spSearchInput.placeholder = 'ãã¼ã¯ã¼ããå ¥åãã¦ãã ãã'; 993 } else if (this.value === 'product') { 994 spSearchInput.placeholder = 'ååã»åçªãå ¥åãã¦ãã ããï¼ä¾ï¼GA-100ãã¿ã¤ã«ã«ã¼ãããï¼'; 995 } 996 }); 997 }); 998 999 // PCçã®ã©ã¸ãªãã¿ã³ 1000 var pcRadioButtons = document.querySelectorAll('.p-headerPC__searchBox input[name="searchType"]'); 1001 1002 pcRadioButtons.forEach(function(radio) { 1003 radio.addEventListener('change', function() { 1004 // ⼠追å ï¼PCãã©ã¼ã ã®actionåãæ¿ã â¼ 1005 if (pcSearchForm) { 1006 if (this.value === 'site') { 1007 pcSearchForm.action = '/search.html'; 1008 } else if (this.value === 'product') { 1009 pcSearchForm.action = '/product/search/all_result'; 1010 } 1011 } 1012 // Ⲡ追å ããã¾ã§ â² 1013 1014 // placeholder夿´ï¼æ¢åï¼ 1015 if (this.value === 'site') { 1016 pcSearchInput.placeholder = 'ãã¼ã¯ã¼ããå ¥åãã¦ãã ãã'; 1017 } else if (this.value === 'product') { 1018 pcSearchInput.placeholder = 'ååã»åçªãå ¥åãã¦ãã ããï¼ä¾ï¼GA-100ãã¿ã¤ã«ã«ã¼ãããï¼'; 1019 } 1020 }); 1021 }); 1022 1023 function updateSearchInterface(searchType) { 1024 const radios = { 1025 pc: { 1026 site: document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="site"]'), 1027 product: document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="product"]') 1028 }, 1029 sp: { 1030 site: document.querySelector('.p-headerSP__content .search-type input[name="searchType"][value="site"]'), 1031 product: document.querySelector('.p-headerSP__content .search-type input[name="searchType"][value="product"]') 1032 } 1033 }; 1034 1035 const isSiteSearch = searchType === 'site'; 1036 ['pc', 'sp'].forEach(device => { 1037 if (radios[device].site) radios[device].site.checked = isSiteSearch; 1038 if (radios[device].product) radios[device].product.checked = !isSiteSearch; 1039 }); 1040 1041 const placeholder = isSiteSearch ? 'ãã¼ã¯ã¼ããå ¥åãã¦ãã ãã' : 'ååã»åçªãå ¥åãã¦ãã ããï¼ä¾ï¼GA-100ãã¿ã¤ã«ã«ã¼ãããï¼'; 1042 if (pcSearchInput) pcSearchInput.placeholder = placeholder; 1043 if (spSearchInput) spSearchInput.placeholder = placeholder; 1044 1045 // åæãã©ã¼ã actionè¨å®ï¼â 追å ï¼ 1046 if (pcSearchForm) { 1047 pcSearchForm.action = isSiteSearch ? '/search.html' : '/product/search/all_result'; 1048 } 1049 1050 ['pc', 'sp'].forEach(device => { 1051 const targetRadio = radios[device][searchType]; 1052 if (targetRadio && targetRadio.checked) { 1053 targetRadio.dispatchEvent(new Event('change'));
1054 } 1055 }); 1056 } 1057 1058 // ãã¼ã¸èªã¿è¾¼ã¿æã«åæç¶æ ãè¨å® 1059 updateSearchInterface('product'); 1060 // åæç¶æ ã§ãproductããé¸æç¶æ ã«ããï¼ç»é¢å¹ ã«å¿ãã¦ï¼ 1061 if (window.innerWidth <= 766) { 1062 const spProductRadio = document.querySelector('.p-headerSP__drawer input[name="searchType"][value="product"]'); 1063 if (spProductRadio) spProductRadio.checked = true; 1064 } else { 1065 const pcProductRadio = document.querySelector('.p-headerPC__searchBox input[name="searchType"][value="product"]'); 1066 if (pcProductRadio) pcProductRadio.checked = true; 1067 } 1068 }); 1069</script>
1069 1070 1071<!-- PCã¡ãã¥ã¼ã¢ã¯ãã£ã表示ç¨ã®CSS/JS --> 1072<link rel="stylesheet" href="/common/css/menu-active-pc.css">
1073<script src="/common/js/menu-active-pc.js" defer></script>
1073<!-- /header --> 1074 1075<main id="contents" class="p-info__secContents"> 1076 <!-- === Container === --> 1077 <div class="l-container u-mg-btm90"> 1078 <!-- === ãã³ãã === --> 1079 <nav class="p-breadCrumb"> 1080 <ol class="p-breadCrumb__list"> 1081 <li class="p-breadCrumb__listItem"> 1082 <a href="/">TOP</a> 1083 </li> 1084 <li class="p-breadCrumb__listItem"> 1085 <a href="#">æ±ãª è²©å£²åºæ å ±</a> 1086 </li> 1087 </ol> 1088 </nav> 1089 <!-- ===//End ãã³ãã === --> 1090 </div> 1091 1092 <div class="u-mg-btm90"> 1093 <div class="c-mainImg p-shop__mainImg u-mg-btm20" 1094 style="background-image: url(/shop/img/shop_main.jpg)"; 1095 > 1096 <div class="c-mainImgTxt p-shop__mainImgTxt js-mainImgTxt" style="padding-left: 310px;"> 1097 <h1 class="c-heading--xl"> 1098 <span class="c-headingSub--top u-txt--l">æ±ãª è²©å£²åºæ å ±</span> 1099 <span class="c-headingSub--bt u-txt--sm">SHOP LIST</span> 1100 </h1> 1101 </div> 1102 </div> 1103 1104 <div class="l-container"> 1105 <p class="c-text--default u-bgColor--base p-shop__announce">å ¨å½ã®æ±ãªåå販売åºã»åæ±ãåºã®ãç´¹ä»ãã¨ãªã¢ãæ¡ä»¶ã§æ¤ç´¢ãå¯è½ã§ãã<br>ã叿ã®ååãåºé å¨åº«ã«ãªãå ´åããããã¾ãã®ã§ãäºåã«åæ±ãåºã¸ã確èªãã ããã¾ããããé¡ããããã¾ãã</p> 1106 </div> 1107 </div> 1108 1109 <section class="p-shop__secContents" id="target-link"> 1110 <div class="l-container u-mg-btm80"> 1111 <h2 class="c-heading u-txt-bold u-mg-btm40">é½éåºçããæ¢ã</h2> 1112 <div class="c-listDesWrap"> 1113 <!-- é½éåºçãªã³ã¯ãªã¹ã --> 1114 <dl class="c-listDes c-listDes__border--dot"> 1115 <dt class="c-listDes__ttl"><span>åæµ·éã»æ±å</span> 1116 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1117 </dt> 1118 <dd class="c-listDes__txt"> 1119 <ul class="c-listDes__list"> 1120 <li class="c-listDes__item"> 1121 <a class="c-listDes__itemLink" href="/shop/list?pi=1&s=1">åæµ·é</a> 1122 </li> 1123 <li class="c-listDes__item"> 1124 <a class="c-listDes__itemLink" href="/shop/list?pi=2&s=1">鿣®ç</a> 1125 </li> 1126 <li class="c-listDes__item"> 1127 <a class="c-listDes__itemLink" href="/shop/list?pi=3&s=1">岩æç</a> 1128 </li> 1129 <li class="c-listDes__item"> 1130 <a class="c-listDes__itemLink" href="/shop/list?pi=4&s=1">å®®åç</a> 1131 </li> 1132 <li class="c-listDes__item"> 1133 <a class="c-listDes__itemLink" href="/shop/list?pi=5&s=1">ç§ç°ç</a> 1134 </li> 1135 <li class="c-listDes__item"> 1136 <a class="c-listDes__itemLink" href="/shop/list?pi=6&s=1">山形ç</a> 1137 </li> 1138 <li class="c-listDes__item"> 1139 <a class="c-listDes__itemLink" href="/shop/list?pi=7&s=1">ç¦å³¶ç</a> 1140 </li> 1141 </ul> 1142 </dd> 1143 </dl> 1144 <dl class="c-listDes c-listDes__border--dot"> 1145 <dt class="c-listDes__ttl"><span>颿±</span> 1146 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1147 </dt> 1148 <dd class="c-listDes__txt"> 1149 <ul class="c-listDes__list"> 1150 <li class="c-listDes__item"> 1151 <a class="c-listDes__itemLink" href="/shop/list?pi=13&s=1">æ±äº¬é½</a> 1152 </li> 1153 <li class="c-listDes__item"> 1154 <a class="c-listDes__itemLink" href="/shop/list?pi=14&s=1">ç¥å¥å·ç</a> 1155 </li> 1156 <li class="c-listDes__item"> 1157 <a class="c-listDes__itemLink" href="/shop/list?pi=11&s=1">å¼çç</a> 1158 </li> 1159 <li class="c-listDes__item"> 1160 <a class="c-listDes__itemLink" href="/shop/list?pi=12&s=1">åèç</a> 1161 </li> 1162 <li class="c-listDes__item"> 1163 <a class="c-listDes__itemLink" href="/shop/list?pi=8&s=1">è¨åç</a> 1164 </li> 1165 <li class="c-listDes__item"> 1166 <a class="c-listDes__itemLink" href="/shop/list?pi=9&s=1">æ æ¨ç</a> 1167 </li> 1168 <li class="c-listDes__item"> 1169 <a class="c-listDes__itemLink" href="/shop/list?pi=10&s=1">群馬ç</a> 1170 </li> 1171 </ul> 1172 </dd> 1173 </dl>
1174 <dl class="c-listDes c-listDes__border--dot"> 1175 <dt class="c-listDes__ttl"><span>æ±æµ·</span> 1176 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1177 </dt> 1178 <dd class="c-listDes__txt"> 1179 <ul class="c-listDes__list"> 1180 <li class="c-listDes__item"> 1181 <a class="c-listDes__itemLink" href="/shop/list?pi=23&s=1">æç¥ç</a> 1182 </li> 1183 <li class="c-listDes__item"> 1184 <a class="c-listDes__itemLink" href="/shop/list?pi=22&s=1">å²éç</a> 1185 </li> 1186 <li class="c-listDes__item"> 1187 <a class="c-listDes__itemLink" href="/shop/list?pi=21&s=1">é岡ç</a> 1188 </li> 1189 <li class="c-listDes__item"> 1190 <a class="c-listDes__itemLink" href="/shop/list?pi=24&s=1">ä¸éç</a> 1191 </li> 1192 </ul> 1193 </dd> 1194 </dl> 1195 <dl class="c-listDes c-listDes__border--dot"> 1196 <dt class="c-listDes__ttl"><span>åé¸ã»ç²ä¿¡è¶</span> 1197 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1198 </dt> 1199 <dd class="c-listDes__txt"> 1200 <ul class="c-listDes__list"> 1201 <li class="c-listDes__item"> 1202 <a class="c-listDes__itemLink" href="/shop/list?pi=17&s=1">å¯å±±ç</a> 1203 </li> 1204 <li class="c-listDes__item"> 1205 <a class="c-listDes__itemLink" href="/shop/list?pi=18&s=1">ç³å·ç</a> 1206 </li> 1207 <li class="c-listDes__item"> 1208 <a class="c-listDes__itemLink" href="/shop/list?pi=19&s=1">ç¦äºç</a> 1209 </li> 1210 <li class="c-listDes__item"> 1211 <a class="c-listDes__itemLink" href="/shop/list?pi=20&s=1">æ°æ½ç</a> 1212 </li> 1213 <li class="c-listDes__item"> 1214 <a class="c-listDes__itemLink" href="/shop/list?pi=15&s=1">山梨ç</a> 1215 </li> 1216 <li class="c-listDes__item"> 1217 <a class="c-listDes__itemLink" href="/shop/list?pi=16&s=1">é·éç</a> 1218 </li> 1219 </ul> 1220 </dd> 1221 </dl> 1222 <dl class="c-listDes c-listDes__border--dot"> 1223 <dt class="c-listDes__ttl"><span>é¢è¥¿</span> 1224 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1225 </dt> 1226 <dd class="c-listDes__txt"> 1227 <ul class="c-listDes__list"> 1228 <li class="c-listDes__item"> 1229 <a class="c-listDes__itemLink" href="/shop/list?pi=28&s=1">大éªåº</a> 1230 </li> 1231 <li class="c-listDes__item"> 1232 <a class="c-listDes__itemLink" href="/shop/list?pi=25&s=1">京é½åº</a> 1233 </li> 1234 <li class="c-listDes__item"> 1235 <a class="c-listDes__itemLink" href="/shop/list?pi=30&s=1">å µåº«ç</a> 1236 </li> 1237 <li class="c-listDes__item"> 1238 <a class="c-listDes__itemLink" href="/shop/list?pi=26&s=1">æ»è³ç</a> 1239 </li> 1240 <li class="c-listDes__item"> 1241 <a class="c-listDes__itemLink" href="/shop/list?pi=27&s=1">å¥è¯ç</a> 1242 </li> 1243 <li class="c-listDes__item"> 1244 <a class="c-listDes__itemLink" href="/shop/list?pi=29&s=1">åæå±±ç</a> 1245 </li> 1246 </ul> 1247 </dd> 1248 </dl> 1249 <dl class="c-listDes c-listDes__border--dot"> 1250 <dt class="c-listDes__ttl"><span>ä¸å½</span> 1251 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1252 </dt> 1253 <dd class="c-listDes__txt"> 1254 <ul class="c-listDes__list"> 1255 <li class="c-listDes__item"> 1256 <a class="c-listDes__itemLink" href="/shop/list?pi=31&s=1">岡山ç</a> 1257 </li> 1258 <li class="c-listDes__item"> 1259 <a class="c-listDes__itemLink" href="/shop/list?pi=35&s=1">åºå³¶ç</a> 1260 </li> 1261 <li class="c-listDes__item"> 1262 <a class="c-listDes__itemLink" href="/shop/list?pi=33&s=1">å±±å£ç</a> 1263 </li> 1264 <li class="c-listDes__item"> 1265 <a class="c-listDes__itemLink" href="/shop/list?pi=34&s=1">é³¥åç</a> 1266 </li> 1267 <li class="c-listDes__item"> 1268 <a class="c-listDes__itemLink" href="/shop/list?pi=32&s=1">å³¶æ ¹ç</a> 1269 </li> 1270 </ul> 1271 </dd> 1272 </dl>
1273 <dl class="c-listDes c-listDes__border--dot"> 1274 <dt class="c-listDes__ttl"><span>åå½</span> 1275 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1276 </dt> 1277 <dd class="c-listDes__txt"> 1278 <ul class="c-listDes__list"> 1279 <li class="c-listDes__item"> 1280 <a class="c-listDes__itemLink" href="/shop/list?pi=37&s=1">徳島ç</a> 1281 </li> 1282 <li class="c-listDes__item"> 1283 <a class="c-listDes__itemLink" href="/shop/list?pi=36&s=1">é¦å·ç</a> 1284 </li> 1285 <li class="c-listDes__item"> 1286 <a class="c-listDes__itemLink" href="/shop/list?pi=38&s=1">æåªç</a> 1287 </li> 1288 <li class="c-listDes__item"> 1289 <a class="c-listDes__itemLink" href="/shop/list?pi=39&s=1">é«ç¥ç</a> 1290 </li> 1291 </ul> 1292 </dd> 1293 </dl> 1294 <dl class="c-listDes c-listDes__border--dot"> 1295 <dt class="c-listDes__ttl"><span>ä¹å·ã»æ²ç¸</span> 1296 <img class="c-listDes__ttl__img u-dsp-showPC" src="/shop/../common/img2019/c_icon_arrow.png" alt=""> 1297 </dt> 1298 <dd class="c-listDes__txt"> 1299 <ul class="c-listDes__list"> 1300 <li class="c-listDes__item"> 1301 <a class="c-listDes__itemLink" href="/shop/list?pi=40&s=1">ç¦å²¡ç</a> 1302 </li> 1303 <li class="c-listDes__item"> 1304 <a class="c-listDes__itemLink" href="/shop/list?pi=41&s=1">ä½è³ç</a> 1305 </li> 1306 <li class="c-listDes__item"> 1307 <a class="c-listDes__itemLink" href="/shop/list?pi=42&s=1">é·å´ç</a> 1308 </li> 1309 <li class="c-listDes__item"> 1310 <a class="c-listDes__itemLink" href="/shop/list?pi=43&s=1">çæ¬ç</a> 1311 </li> 1312 <li class="c-listDes__item"> 1313 <a class="c-listDes__itemLink" href="/shop/list?pi=44&s=1">大åç</a> 1314 </li> 1315 <li class="c-listDes__item"> 1316 <a class="c-listDes__itemLink" href="/shop/list?pi=45&s=1">å®®å´ç</a> 1317 </li> 1318 <li class="c-listDes__item"> 1319 <a class="c-listDes__itemLink" href="/shop/list?pi=46&s=1">鹿å å³¶ç</a> 1320 </li> 1321 <li class="c-listDes__item"> 1322 <a class="c-listDes__itemLink" href="/shop/list?pi=47&s=1">æ²ç¸ç</a> 1323 </li> 1324 </ul> 1325 </dd> 1326 </dl> 1327 <!--//End é½éåºçãªã³ã¯ãªã¹ã --> 1328 </div> 1329 </div> 1330 </section> 1331 1332 1333 <section class="p-shop__secContents" id="target-link"> 1334 <div class="l-container p-shop__searchTtl u-mg-btm40"> 1335 <h2 class="c-heading u-txt-bold">æ¡ä»¶ããæ¢ã</h2> 1336 <p class="p-shop__txt--l p-shop__mgl40">以ä¸ã®æ¡ä»¶ãã鏿ãã¦ãã ããããæ¢ãã®åºèãããè¦ã¤ããã¾ãã</p> 1337 </div> 1338 <div class="p-shop__search--bg"> 1339 <div class="l-container"> 1340 <!-- æ¡ä»¶ããæ¢ããã©ã¼ã --> 1341 <input type="hidden" name="di_r" id="di_r" value=""> 1342 <form method="get" action="/shop/list" id="search"> 1343 <input type="hidden" name="s" value="1"> 1344 <div class="p-shop__search-contents"> 1345 <!-- ã¨ãªã¢é¸æ --> 1346 <div class="p-shop__search-block p-shop__area"> 1347 <div class="p-shop__search-heading">ã¨ãªã¢</div> 1348 <div class="p-shop__search-side"> 1349 <!-- é½éåºç鏿 --> 1350 <div class="p-shop__search-select"> 1351 <select id="pi" name="pi" onchange="fetchCityData(this.value)"> 1352 <option value="" selected="">é½éåºçã鏿</option> 1353 <optgroup label="åæµ·éã»æ±å"> 1354 <option value="1">åæµ·é</option> 1355 <option value="2">鿣®ç</option> 1356 <option value="3">岩æç</option> 1357 <option value="4">å®®åç</option> 1358 <option value="5">ç§ç°ç</option> 1359 <option value="6">山形ç</option> 1360 <option value="7">ç¦å³¶ç</option> 1361 </optgroup> 1362 <optgroup label="颿±"> 1363 <option value="13">æ±äº¬é½</option> 1364 <option value="14">ç¥å¥å·ç</option> 1365 <option value="11">å¼çç</option> 1366 <option value="12">åèç</option> 1367 <option value="8">è¨åç</option> 1368 <option value="9">æ æ¨ç</option> 1369 <option value="10">群馬ç</option> 1370 </optgroup> 1371 <optgroup label="æ±æµ·"> 1372 <option value="23">æç¥ç</option> 1373 <option value="22">å²éç</option> 1374 <option value="21">é岡ç</option> 1375 <option value="24">ä¸éç</option> 1376 </optgroup> 1377 <optgroup label="åé¸ã»ç²ä¿¡è¶"> 1378 <option value="17">å¯å±±ç</option> 1379 <option value="18">ç³å·ç</option> 1380 <option value="19">ç¦äºç</option> 1381 <option value="20">æ°æ½ç</option> 1382 <option value="15">山梨ç</option> 1383 <option value="16">é·éç</option> 1384 </optgroup> 1385 <optgroup label="é¢è¥¿"> 1386 <option value="28">大éªåº</option> 1387 <option value="25">京é½åº</option> 1388 <option value="30">å µåº«ç</option> 1389 <option value="26">æ»è³ç</option> 1390 <option value="27">å¥è¯ç</option> 1391 <option value="29">åæå±±ç</option> 1392 </optgroup> 1393 <optgroup label="ä¸å½"> 1394 <option value="31">岡山ç</option> 1395 <option value="35">åºå³¶ç</option> 1396 <option value="33">å±±å£ç</option> 1397 <option value="34">é³¥åç</option> 1398 <option value="32">å³¶æ ¹ç</option> 1399 </optgroup> 1400 <optgroup label="åå½"> 1401 <option value="37">徳島ç</option> 1402 <option value="36">é¦å·ç</option> 1403 <option value="38">æåªç</option> 1404 <option value="39">é«ç¥ç</option> 1405 </optgroup> 1406 <optgroup label="ä¹å·ã»æ²ç¸"> 1407 <option value="40">ç¦å²¡ç</option> 1408 <option value="41">ä½è³ç</option> 1409 <option value="42">é·å´ç</option> 1410 <option value="43">çæ¬ç</option> 1411 <option value="44">大åç</option> 1412 <option value="45">å®®å´ç</option> 1413 <option value="46">鹿å å³¶ç</option> 1414 <option value="47">æ²ç¸ç</option> 1415 </optgroup> 1416 1417 </select> 1418 </div> 1419 <!--//End é½éåºç鏿 --> 1420 1421 <!-- å¸åºé¸æ --> 1422 <div id="city_select" class="p-shop__search-select"> 1423 <select name="di" id="city"><option value="">å¸ã»åºã鏿</option> 1424 </select> 1425 </div> 1426 <!--//End å¸åºé¸æ --> 1427 </div> 1428 </div> 1429 <!--//End ã¨ãªã¢é¸æ --> 1430 1431
1431<script> 1432 // å¸åºçºæãåå¾ãã 1433 function fetchCityData(selectedPrefecture) { 1434 if (selectedPrefecture) { 1435 fetch(`/shop/api/pref/${selectedPrefecture}`) 1436 .then(response => response.text()) 1437 .then(data => { 1438 document.getElementById('city').innerHTML = data; 1439 }) 1440 .catch(error => { 1441 console.error('Error fetching city select:', error); 1442 }); 1443 } else { 1444 // 鏿ãããå¤ã空ã®å ´åã®å¦ç 1445 document.getElementById('city').innerHTML = '<option value="">å¸ã»åºã鏿</option>'; 1446 } 1447 } 1448 </script>
1448 1449 1450 <div class="p-shop__search-block p-shop__product"> 1451 <div class="p-shop__search-heading">åæ±åå</div> 1452 <div class="p-shop__search-check"> 1453 <ul class="p-shop__search-list"> 1454 <li class="p-shop__search-list-item"> 1455 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="9"><span>åºã·ã¼ãã»ã¿ã¤ã«</span></label> 1456 </li> 1457 <li class="p-shop__search-list-item"> 1458 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="8"><span>ã«ã¼ããã</span></label> 1459 </li> 1460 <li class="p-shop__search-list-item"> 1461 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="13"><span>ãã¡ããªãã¯ããã¢</span></label> 1462 </li> 1463 <li class="p-shop__search-list-item"> 1464 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="19"><span>ã©ã°ããã</span></label> 1465 </li> 1466 <li class="p-shop__search-list-item"> 1467 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="3"><span>çªå»»ãã»ã«ã¼ãã³</span></label> 1468 </li> 1469 <li class="p-shop__search-list-item"> 1470 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="2"><span>å£ã»ã¯ãã¹</span></label> 1471 </li> 1472 <li class="p-shop__search-list-item"> 1473 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="22"><span>ã風åã®åºæ ãã¹ã</span></label> 1474 </li> 1475 <li class="p-shop__search-list-item"> 1476 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="6"><span>ãããç¨å è£ æ</span></label> 1477 </li> 1478 <li class="p-shop__search-list-item"> 1479 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="17"><span>ç §æ</span></label> 1480 </li> 1481 <li class="p-shop__search-list-item"> 1482 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="20"><span>å®¶å ·</span></label> 1483 </li> 1484 </ul> 1485 </div> 1486 </div> 1487 <div class="p-shop__search-block p-shop__service"> 1488 <div class="p-shop__search-heading">åæ±ãµã¼ãã¹</div> 1489 <div class="p-shop__search-check"> 1490 <ul class="p-shop__search-list"> 1491 <li class="p-shop__search-list-item"> 1492 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="15"><span>è¿è·é¢åºå¼µè¦ç©</span></label> 1493 </li> 1494 <li class="p-shop__search-list-item"> 1495 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="7"><span>ãªãã©ã¼ã _</span></label> 1496 </li> 1497 <li class="p-shop__search-list-item"> 1498 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="16"><span>åå販売</span></label> 1499 </li> 1500 <li class="p-shop__search-list-item"> 1501 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="14"><span>ããã販売</span></label> 1502 </li> 1503 <li class="p-shop__search-list-item"> 1504 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="4"><span>ã·ã§ã¼ã«ã¼ã </span></label> 1505 </li> 1506 <li class="p-shop__search-list-item"> 1507 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="5"><span>ã³ã¼ãã£ãã¼ã¿ã¼</span></label> 1508 </li> 1509 <li class="p-shop__search-list-item"> 1510 <label><input class="p-shop__checkbox" type="checkbox" name="ci[]" value="23"><span>浴室ãªãã©ã¼ã </span></label> 1511 </li> 1512 </ul> 1513 </div> 1514 </div> 1515 1516 <!-- ããªã¼ã¯ã¼ã --> 1517 <div class="p-shop__search-block p-shop__freeword"> 1518 <div class="p-shop__search-heading">ããªã¼ã¯ã¼ã</div> 1519 <div class="p-shop__search-inputWrap"> 1520 <input class="p-shop__search-input" type="text" maxlength="100" name="fw" id="condition_fw" value=""> 1521 </div> 1522 </div> 1523 <!--//End ããªã¼ã¯ã¼ã --> 1524 1525 <!-- æ¤ç´¢ãã¿ã³ --> 1526 <div class="p-shop__search-btns"> 1527 <div class="p-shop__btn p-shop__btn--clear"> 1528 <input type="reset" value="ã¯ãªã¢" onclick=""> 1529 </div> 1530 <div class="p-shop__btn p-shop__btn--submit"> 1531 <input type="submit" value="æ¤ç´¢" onclick=""> 1532 </div> 1533 </div> 1534 <!--//End æ¤ç´¢ãã¿ã³ --> 1535 </div> 1536 </form> 1537 <!--//End æ¡ä»¶ããæ¢ããã©ã¼ã --> 1538 </div> 1539 </div> 1540 </section> 1541 1542 1543 <!-- === Container === --> 1544 1545</main> 1546<!-- footer(æåã³ã¼ãå¥ã«ããã¿ã¼åºãåã) --> 1547<footer class="l-footer"> 1548 1549 <div id="p-footer-toTopBtn"> 1550 <span></span> 1551 </div> 1552
1553 <div class="p-footer__content"> 1554 1555 <div class="p-footer__mainContent"> 1556 1557 <div class="p-footer__left"> 1558 <div class="p-footer__leftItem p-footer__company"> 1559 <a href="/"><img alt="æ±ãªãã´" class="p-footer__logo" src="/common/img2019/footer_logo.png"></a> 1560 <p class="p-footer__address u-dsp-showPC">å µåº«çä¼ä¸¹å¸æ±æå²¡5ä¸ç®125çªå°</p> 1561 </div> 1562 1563 <div class="p-footer__leftItem p-footer__inquiry"> 1564 <p class="p-footer__inquiryTitle">製åã«é¢ãããåãåãã</p> 1565 1566 <div class="p-footer__inquiryItemPhone"> 1567 <img alt="é»è©±çªå·" class="p-footer__inquiryPhoneLogo" src="/common/img2019/footer_ico-phone.png"> 1568 <a href="tel:0120-10-6400" class="p-footer__inquiryPhone">0120-10-6400</a> 1569 </div> 1570 1571 <p class="p-footer__inquiryDate">å仿éï¼æ~éï¼åæ¥ã»ç¥ç¥æ¥ã¯é¤ãï¼<br>9ï¼00~12ï¼00ã13ï¼00~17ï¼00</p> 1572 1573 <p class="p-footer__inquiryNote"> 1574 â»è³æè«æ±ã製åã®å¨åº«ã«é¢ãããåãåããã«ã¤ãã¾ãã¦ã¯ãä¸è¨ã®é»è©±çªå·ã§ã¯ãåãã§ãã¾ããã<br>è³æè«æ±ã¯ä¸è¨ã®ããåãåãããã©ã¼ã ããã¿ã³ãããå¨åº«ç¢ºèªã¯ãè¿ãã®ã<a 1575 href="/company/eigyousho.html" class="u-txt-bold u-underline">æ±ãªå¶æ¥æ</a>ãã¸ãããããã ããã</p> 1576 <a class="p-footer__inquiryBtn" href="/member/faq">ãåãåãã</a> 1577 </div> 1578 1579 <div class="p-footer__leftItem p-footer__terms"> 1580 <p class="p-footer__termsItem"> 1581 <a href="/info/agreement.html">ãå©ç¨è¦ç´</a> 1582 </p> 1583 <p class="p-footer__termsItem"> 1584 <a href="/info/privacy1.html">ãã©ã¤ãã·ã¼ããªã·ã¼</a> 1585 </p> 1586 <p class="p-footer__navItem"> 1587 <a href="/info/s_termsofuse.html">ã½ã¼ã·ã£ã«ã¡ãã£ã¢å©ç¨è¦ç´</a> 1588 </p> 1589 <p class="p-footer__navItem"> 1590 <a href="/info/s_policy.html">ã½ã¼ã·ã£ã«ã¡ãã£ã¢ããªã·ã¼</a> 1591 </p> 1592 <p class="p-footer__navItem"> 1593 <a href="/info/snslist.html">SNSå ¬å¼ã¢ã«ã¦ã³ãä¸è¦§</a> 1594 </p> 1595 <div class="p-footer__sns"> 1596 <a href="https://www.facebook.com/toli.co.jp" target="_blank"> 1597 <img src="/common/img/footer/ico-facebook.png" alt="facebook"> 1598 </a> 1599 <a href="https://www.instagram.com/toli_corporation/" target="_blank"> 1600 <img src="/common/img/footer/ico-instagram.png" alt="instagram"> 1601 </a> 1602 <a href="https://www.youtube.com/user/TOLIchannel" target="_blank"> 1603 <img src="/common/img/footer/ico-youtube.png" alt="youtube"> 1604 </a> 1605 </div> 1606 </div> 1607 1608 <div class="p-footer__leftItem p-footer__about"> 1609 <div class="p-footer__aboutItem"> 1610 <p class="p-footer__aboutText"> 1611 <a href="/company/pdf/221117.pdf">ã¢ã¹ãã¹ãå«æè£½åã«ã¤ãã¦</a> 1612 </p> 1613 <img alt="PDFã¢ã¤ã³ã³" src="/common/img2019/footer_ico-pdf.png"> 1614 </div> 1615 </div> 1616 </div> 1617 <!-- /p-footer__left --> 1618 1619 1620 <div class="p-footer__nav"> 1621 <div class="p-footer__navContent"> 1622 <p class="p-footer__navItem_ttl">ååãæ¢ã</p> 1623 <p class="p-footer__navItem"> 1624 <a href="/product/search/floor_result">åºæ</a> 1625 </p> 1626 <p class="p-footer__navItem"> 1627 <a href="/product/search/carpet_result">ã«ã¼ããã</a> 1628 </p> 1629 <p class="p-footer__navItem"> 1630 <a href="/product/search/wall_result">å£è£ æ</a> 1631 </p> 1632 <p class="p-footer__navItem"> 1633 <a href="/product/search/curtain_result">ã«ã¼ãã³</a> 1634 </p> 1635 <p class="p-footer__navItem"> 1636 <a href="/product/search/adhesive_result">æ¥çå¤ã»å·¾æ¨ã»å¯è³æ</a> 1637 </p> 1638 1639 <!-- <p class="p-footer__navItem_ttl">å¸å ´å¥ã§æ¢ãï¼æ®ããã®æ±ãªå³éï¼</p> 1640 <p class="p-footer__navItem"> 1641 <a href="/market/">æ®ããã®æ±ãªå³é TOP</a> 1642 </p> 1643 <p class="p-footer__navItem"> 1644 <a href="/market/school/">
1644æææ½è¨</a> 1645 </p> 1646 <p class="p-footer__navItem"> 1647 <a href="/market/office/">ãªãã£ã¹</a> 1648 </p> 1649 <p class="p-footer__navItem"> 1650 <a href="/market/hospital/">å»çç¦ç¥æ½è¨</a> 1651 </p> 1652 <p class="p-footer__navItem"> 1653 <a href="/market/shop/">忥æ½è¨</a> 1654 </p> 1655 <p class="p-footer__navItem"> 1656 <a href="/market/housing/">ä½å® </a> 1657 </p> 1658 <p class="p-footer__navItem"> 1659 <a href="/market/hotel/">å®¿æ³æ½è¨</a> 1660 </p> --> 1661 1662 <p class="p-footer__navItem_ttl">æ½å·¥ã¤ã¡ã¼ã¸</p> 1663 1664 <p class="p-footer__navItem"> 1665 <a href="/product/casestudy">ç´å ¥äºä¾</a> 1666 </p> 1667 <p class="p-footer__navItem"> 1668 <a href="/toli_life/">TOLI LIFEï¼Instagramäºä¾ï¼</a> 1669 </p> 1670 <p class="p-footer__navItem"> 1671 <a href="https://www.tecture.jp/search/projects?keyword=%E6%9D%B1%E3%83%AA" target="_blank" rel="noopener" 1672 >TECTUREï¼å¤é¨ãµã¤ãï¼</a 1673 > 1674 </p> 1675 <p class="p-footer__navItem"> 1676 <a href="/imagefit/">Image Fit (空éã·ãã¥ã¬ã¼ã·ã§ã³ï¼</a> 1677 </p> 1678 <p class="p-footer__navItem"> 1679 <a href="/photoreal/">VRæ½å·¥ç©ºé</a> 1680 </p> 1681 1682 <p class="p-footer__navItem_ttl">ãå½¹ç«ã¡ãã¼ã«</p> 1683 <p class="p-footer__navItem"> 1684 <a href="/digital_catalog/">ãã¸ã¿ã«ããã¯</a> 1685 </p> 1686 <p class="p-footer__navItem"> 1687 <a href="/sample/pdf/260217_sample.pdf" target="_blank" rel="noopener noreferrer">ãµã³ãã«å¸³ä¸è¦§</a> 1688 </p> 1689 <p class="p-footer__navItem"> 1690 <a href="/oldandnew/">æ§æ°åçªå¯¾ç §è¡¨</a> 1691 </p> 1692 <p class="p-footer__navItem"> 1693 <a href="/exhibition/2025/">æ°è£½åLINE UP</a> 1694 </p> 1695 <p class="p-footer__navItem"> 1696 <a href="http://sozai.toli.co.jp/" target="_blank" rel="noopener">ç´ æç»åãã¦ã³ãã¼ã</a> 1697 </p> 1698 <p class="p-footer__navItem"> 1699 <a href="/market/">æ®ããã®æ±ãªå³éï¼å¸å ´å¥ã§æ¢ãï¼</a> 1700 </p> 1701 <p class="p-footer__navItem"> 1702 <a href="/trends/">製åã³ã³ãã³ãä¸è¦§</a> 1703 </p> 1704 1705 <p class="p-footer__navItem_ttl">ãã®ä»</p> 1706 <p class="p-footer__navItem"> 1707 <a href="/manufacturing/">æ±ãªã®ãã®ã¥ãã</a> 1708 </p> 1709 <p class="p-footer__navItem"> 1710 <a href="/museum/">æ±ãªã¤ã³ããªã¢æ´å²é¤¨</a> 1711 </p> 1712 <p class="p-footer__navItem"> 1713 <a href="/relation/">é¢é£ãµã¤ãé</a> 1714 </p> 1715 </div> 1716 1717 <div class="p-footer__navContent"> 1718 <p class="p-footer__navItem_ttl">åãåããä»</p> 1719 <p class="p-footer__navItem"> 1720 <a href="/faq/">ããããã質å</a> 1721 </p> 1722 <p class="p-footer__navItem"> 1723 <a href="/member/faq">ãåãåãã</a> 1724 </p> 1725 <p class="p-footer__navItem"> 1726 <a href="/member/">ãµã³ãã«è«æ±</a> 1727 </p> 1728 <p class="p-footer__navItem"> 1729 <a href="/showroom/">ã·ã§ã¼ã«ã¼ã </a> 1730 </p> 1731 <p class="p-footer__navItem"> 1732 <a href="/shop/">販売åº</a> 1733 </p> 1734 <p class="p-footer__navItem"> 1735 <a href="/company/eigyousho.html">å¶æ¥æä¸è¦§</a> 1736 </p> 1737 <p class="p-footer__navItem"> 1738 <a href="/company/group.html">ã°ã«ã¼ãä¼ç¤¾ä¸è¦§</a> 1739 </p> 1740 <p class="p-footer__navItem_ttl">伿¥æ å ±</p> 1741 <p class="p-footer__navItem"> 1742 <a href="/company/">伿¥æ å ±TOP</a> 1743 </p> 1744 <p class="p-footer__navItem"> 1745 <a href="/sustainability/">ãµã¹ããããªãã£</a> 1746 </p> 1747 <p class="p-footer__navItem"> 1748 <a href="/ir/">IRæ å ±TOP</a> 1749 </p> 1750 <p class="p-footer__navItem"> 1751 <a href="/ir/integrated_report/">çµ±åå ±åæ¸</a> 1752 </p> 1753 <p class="p-footer__navItem"> 1754 <a href="/newsrelease/">ãã¥ã¼ã¹ãªãªã¼ã¹ä¸è¦§</a> 1755 </p> 1756 <p class="p-footer__navItem"> 1757 <a href="https://recruit.toli.co.jp/" target="_blank" rel="noopener">æ¡ç¨æ å ±</a> 1758 </p> 1759 <p class="p-footer__navItem"> 1760 <a href="/ir/closing_announce/">é»åå ¬å</a> 1761 </p> 1762 </div> 1763 </div> 1764 <!-- p-footer__nav --> 1765 1766 </div> 1767 <!-- /p-footer__mainContent --> 1768 1769 <div class="p-footer__policy"> 1770 <p class="p-footer__policyItem">åºæãã«ã¼ããããå£ç´ãã«ã¼ãã³ãåãæ±ã<br class="u-dsp-hidePC">æ±ãªã®æ å ±ãµã¤ã</p> 1771 <p class="p-footer__policyItem">COPYRIGHT (C) TOLI CORPORATION ALL RIGHTS RESERVED. ãã®ã¦ã§ããµã¤ãã®å 容ã®ç¡æè»¢è¼ã»è¤è£½ãç¦ãã¾ãã</p> 1772 </div> 1773 1774 </div>
1774<!-- /p-footer__content --> 1775</footer> 1776
1777<script> 1778 const pageTopBtn = document.getElementById('p-footer-toTopBtn'); 1779 pageTopBtn.addEventListener("click", function () { 1780 const me = arguments.callee; 1781 const nowY = window.pageYOffset; 1782 window.scrollTo(0, nowY - 100); 1783 if (nowY > 0) { 1784 window.setTimeout(me, 10); 1785 } 1786 }); 1787</script>
1787<!-- /footer --> 1788</body> 1789 1790</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.