BONERA チームオーダー | BONERA チームオーダーシミュレーター

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,user-scalable=yes"> <meta name="sitelock-site-verification" content="1525" /> <link rel="apple-touch-icon" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/favicon.png" sizes="180x180"> <link rel="icon" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/favicon.png" sizes="180x180"> <link rel="stylesheet" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/css/webfont.css?19700101090000"> <link rel="stylesheet" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/css/jquery.modal.css"> <link rel="stylesheet" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/css/jquery.perfectscrollbar.css"> <link rel="stylesheet" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/css/style.css?19700101090000"> <link rel="stylesheet" href="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/css/style-simulator.css?19700101090000"> <title>BONERA チームオーダー | BONERA チームオーダーシミュレーター</title> <meta name="keywords" content="MyCOS,マイコス,デザインシミュレーター,カスタムオーダー,カスタムオーダーシミュレーター,シミュレーター,シミュレーターシステム,カラーオーダーシステム"> <meta name="description" content="カスタムオーダーシミュレーターシステム「MyCOS（マイコス）」のデモサイトです。ユニフォームのカラーシミュレーションや、デザイン変更が可能です。"> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/simulator.bonera.jp\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.1"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://simulator.bonera.jp/wp-includes/css/dist/block-library/style.min.css?ver=5.2.1' type='text/css' media='all' /> <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?ver=5.2.1'></script> <link rel='https://api.w.org/' href='https://simulator.bonera.jp/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://simulator.bonera.jp/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://simulator.bonera.jp/wp-includes/wlwmanifest.xml" /> <script type="text/javascript"> window._se_plugin_version = '8.1.9'; </script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/jquery.ui.touch-punch.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/jquery.sidr.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/jquery.smoothScrollEx.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/jquery.perfectscrollbar.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/ajaxzip3.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/script.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/simulator-view.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/jquery.modal.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NZ8M2JZZGK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NZ8M2JZZGK'); </script> </head> <body class="home blog"> <div id="loading"> <div class="loader loader--style1" title="0"> <i class="fas fa-spinner fa-4x fa-spin"></i> </div> </div>  <header id="header"> <h1 class="header__title"> <a href="http://bonera.jp//" target="_blank"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/name.png" alt="bonera" width="154" height="33"> </a> </h1>  </header>  <header id="header--sp"> <div class="header--sp__btn"> <span></span> <span></span> <span></span> </div>  <h1 class="header--sp__title"> <a href="http://bonera.jp/" target="_blank"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/name-w.png" alt="bonera" width="100" height="21"> </a> </h1>  <nav id="header--sp__navigation"> <div class="header--sp__box"> <ul> <strong class=""> <a href="http://bonera.jp/" target="_blank"> <span>トップ</span> </a> </strong> </ul> </div>  <div class="header--sp__box"> <ul> <strong class="jp"><a href="https://store.bonera.jp/help/about" target="_blank">会社概要</a></strong> <strong class="jp"><a href="https://store.bonera.jp/help/privacy" target="_blank">プライバシーポリシー</a></strong> <strong class="jp"><a href="https://store.bonera.jp/contact" target="_blank">お問い合わせ</a></strong> </ul> </div>  <div class="header--sp__box"> <ul class="header__sns"> <li> <a href="https://ja-jp.facebook.com/bonera.jp/" target="_blank"> <i class="fab fa-facebook"></i> </a> </li> <li> <a href="https://www.instagram.com/bonera_official/" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> </ul> </div>  </nav> </header>  <div id="container"> <section id="type"> <div class="type__title"> <p>ITEM SELECT</p> </div> <div class="type__box"> <div class="scrollOnLeft"></div> <div class="type__wrapper type__scroll"> <ul class="type__tab"> <li id="menu_type_shirts-collar"> <a href="#type_shirts_collar" data-parent="#type_shirts"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/collar.png"> <span>ネック</span> </a> </li> <li id="menu_type_shirts-design"> <a href="#type_shirts_design" data-parent="#type_shirts"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/shirt.png"> <span>シャツ</span> </a> </li> <li id="menu_type_pants"> <a href="#type_pants"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/pants.png"> <span>パンツ</span> </a> </li> <li id="menu_type_stocking"> <a href="#type_stocking"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/stocking.png"> <span>ソックス</span> </a> </li> <li id="menu_type_number"> <a href="#type_text_number" data-parent="#type_text"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/number.png"> <span>ナンバー</span> </a> </li> <li id="menu_type_name1"> <a href="#type_text_name1" data-parent="#type_text"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/name1.png"> <span>ネーム全胸</span> </a> </li> <li id="menu_type_name2"> <a href="#type_text_name2" data-parent="#type_text"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/name2.png"> <span>ネーム背上</span> </a> </li> <li id="menu_type_name3"> <a href="#type_text_name3" data-parent="#type_text"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/name3.png"> <span>ネーム背下</span> </a> </li> </ul> </div>  </div> <section class="type__wrap"> <div id="color_panel" class="color__panel shirts_pants choice__panel" style="display: block;"> <div class="closeBtn"></div> <section> <h1>カラー選択</h1> <div class="type__scroll"> <div class="color_type__not_logo"> <div> <ul class="js-transparent"> <li class="color__list" data-id=""> <a class="type__list--item colors" href="#" style="background: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/trans.png)"> <span>なし</span> <i class="fa fa-check"></i> </a> </li> </ul> <ul class="pallet_normal"> <li class="color__list" data-id="10"> <a class="colors" href="#" style="background-color:#F7F8F8;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="30"> <a class="colors" href="#" style="background-color:#00522D;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="33"> <a class="colors" href="#" style="background-color:#00823D;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="28"> <a class="colors" href="#" style="background-color:#DADF00;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="40"> <a class="colors" href="#" style="background-color:#003092;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="49"> <a class="colors" href="#" style="background-color:#2087C6;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="44"> <a class="colors" href="#" style="background-color:#9DD1EA;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="90"> <a class="colors" href="#" style="background-color:#0F1E34;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="95"> <a class="colors" href="#" style="background-color:#622353;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="58"> <a class="colors" href="#" style="background-color:#B8841A;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="20"> <a class="colors" href="#" style="background-color:#FCC719;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="55"> <a class="colors" href="#" style="background-color:#FF5711;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="52"> <a class="colors" href="#" style="background-color:#FFAAE3;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="59"> <a class="colors" href="#" style="background-color:#9F1A49;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="50"> <a class="colors" href="#" style="background-color:#D7000F;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="56"> <a class="colors" href="#" style="background-color:#6E001C;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="57"> <a class="colors" href="#" style="background-color:#472F20;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="60"> <a class="colors" href="#" style="background-color:#717071;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="66"> <a class="colors" href="#" style="background-color:#B3B3B4;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="70"> <a class="colors" href="#" style="background-color:#0A0000;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> <ul class="pallet_texture-camo" style="display: none;"> <li class="color__list" data-id="c10"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture10.png); background-size: cover;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c30"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture30.png); background-size: cover;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c33"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture33.png); background-size: cover;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c28"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture28.png); background-size: cover;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c40"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture40.png); background-size: cover;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c49"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture49.png); background-size: cover;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c44"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture44.png); background-size: cover;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c90"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture90.png); background-size: cover;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c95"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture95.png); background-size: cover;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c58"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture58.png); background-size: cover;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c20"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture20.png); background-size: cover;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c55"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture55.png); background-size: cover;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c52"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture52.png); background-size: cover;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c59"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture59.png); background-size: cover;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c50"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture50.png); background-size: cover;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c56"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture56.png); background-size: cover;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c57"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture57.png); background-size: cover;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c60"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture60.png); background-size: cover;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c66"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture66.png); background-size: cover;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="c70"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/camo_texture70.png); background-size: cover;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> <ul class="pallet_texture-zebra" style="display: none;"> <li class="color__list" data-id="z10"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture10.png); background-size: cover;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z30"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture30.png); background-size: cover;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z33"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture33.png); background-size: cover;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z28"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture28.png); background-size: cover;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z40"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture40.png); background-size: cover;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z49"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture49.png); background-size: cover;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z44"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture44.png); background-size: cover;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z90"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture90.png); background-size: cover;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z95"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture95.png); background-size: cover;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z58"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture58.png); background-size: cover;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z20"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture20.png); background-size: cover;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z55"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture55.png); background-size: cover;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z52"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture52.png); background-size: cover;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z59"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture59.png); background-size: cover;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z50"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture50.png); background-size: cover;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z56"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture56.png); background-size: cover;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z57"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture57.png); background-size: cover;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z60"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture60.png); background-size: cover;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z66"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture66.png); background-size: cover;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="z70"> <a class="type__list--item colors" href="#" style="background-image: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/zebra_texture70.png); background-size: cover;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> </div> </div> <div class="color_type__logo"> <div> <ul> <li class="color__list" data-id="text_10"> <a class="colors" href="#" style="background-color:#F7F8F8;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_30"> <a class="colors" href="#" style="background-color:#00522D;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_33"> <a class="colors" href="#" style="background-color:#00823D;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_28"> <a class="colors" href="#" style="background-color:#DADF00;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_40"> <a class="colors" href="#" style="background-color:#003092;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_49"> <a class="colors" href="#" style="background-color:#2087C6;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_44"> <a class="colors" href="#" style="background-color:#9DD1EA;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_90"> <a class="colors" href="#" style="background-color:#0F1E34;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_95"> <a class="colors" href="#" style="background-color:#622353;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_58"> <a class="colors" href="#" style="background-color:#B8841A;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_20"> <a class="colors" href="#" style="background-color:#FCC719;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_55"> <a class="colors" href="#" style="background-color:#FF5711;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_52"> <a class="colors" href="#" style="background-color:#FFAAE3;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_59"> <a class="colors" href="#" style="background-color:#9F1A49;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_50"> <a class="colors" href="#" style="background-color:#D7000F;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_56"> <a class="colors" href="#" style="background-color:#6E001C;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_57"> <a class="colors" href="#" style="background-color:#472F20;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_60"> <a class="colors" href="#" style="background-color:#717071;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_66"> <a class="colors" href="#" style="background-color:#B3B3B4;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_70"> <a class="colors" href="#" style="background-color:#0A0000;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> </div> </div> </div> </section> </div> <div id="color_panel__text-emblem" class="color__panel choice__panel" style="display: block;"> <div class="closeBtn"></div> <section> <h1>カラー選択</h1> <div class="type__scroll"> <div class="height_100"> <ul> <li class="js-transparent color__list" data-id=""> <a class="type__list--item colors" href="#" style="background: url(https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/texture_icon/trans.png)"> <span>なし</span> <i class="fa fa-check"></i> </a> </li> <li class="color__list" data-id="text_10"> <a class="colors" href="#" style="background-color:#F7F8F8;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_30"> <a class="colors" href="#" style="background-color:#00522D;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_33"> <a class="colors" href="#" style="background-color:#00823D;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_28"> <a class="colors" href="#" style="background-color:#DADF00;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_40"> <a class="colors" href="#" style="background-color:#003092;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_49"> <a class="colors" href="#" style="background-color:#2087C6;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_44"> <a class="colors" href="#" style="background-color:#9DD1EA;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_90"> <a class="colors" href="#" style="background-color:#0F1E34;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_95"> <a class="colors" href="#" style="background-color:#622353;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_58"> <a class="colors" href="#" style="background-color:#B8841A;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_20"> <a class="colors" href="#" style="background-color:#FCC719;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_55"> <a class="colors" href="#" style="background-color:#FF5711;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_52"> <a class="colors" href="#" style="background-color:#FFAAE3;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_59"> <a class="colors" href="#" style="background-color:#9F1A49;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_50"> <a class="colors" href="#" style="background-color:#D7000F;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_56"> <a class="colors" href="#" style="background-color:#6E001C;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_57"> <a class="colors" href="#" style="background-color:#472F20;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_60"> <a class="colors" href="#" style="background-color:#717071;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_66"> <a class="colors" href="#" style="background-color:#B3B3B4;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="text_70"> <a class="colors" href="#" style="background-color:#0A0000;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> </div> </div> </section> </div>  <div id="color_panel__stocking" class="color__panel stockings choice__panel" style="display: block;"> <div class="closeBtn"></div> <section> <h1>カラー選択</h1> <div class="type__scroll"> <div class="height_100"> <ul> <li class="color__list" data-id="10"> <a class="colors" href="#" style="background-color:#F7F8F8;"> <span>10</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="30"> <a class="colors" href="#" style="background-color:#00522D;"> <span>30</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="33"> <a class="colors" href="#" style="background-color:#00823D;"> <span>33</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="28"> <a class="colors" href="#" style="background-color:#DADF00;"> <span>28</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="40"> <a class="colors" href="#" style="background-color:#003092;"> <span>40</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="49"> <a class="colors" href="#" style="background-color:#2087C6;"> <span>49</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="44"> <a class="colors" href="#" style="background-color:#9DD1EA;"> <span>44</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="90"> <a class="colors" href="#" style="background-color:#0F1E34;"> <span>90</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="95"> <a class="colors" href="#" style="background-color:#622353;"> <span>95</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="58"> <a class="colors" href="#" style="background-color:#B8841A;"> <span>58</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="20"> <a class="colors" href="#" style="background-color:#FCC719;"> <span>20</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="55"> <a class="colors" href="#" style="background-color:#FF5711;"> <span>55</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="52"> <a class="colors" href="#" style="background-color:#FFAAE3;"> <span>52</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="59"> <a class="colors" href="#" style="background-color:#9F1A49;"> <span>59</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="50"> <a class="colors" href="#" style="background-color:#D7000F;"> <span>50</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="56"> <a class="colors" href="#" style="background-color:#6E001C;"> <span>56</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="57"> <a class="colors" href="#" style="background-color:#472F20;"> <span>57</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="60"> <a class="colors" href="#" style="background-color:#717071;"> <span>60</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="66"> <a class="colors" href="#" style="background-color:#B3B3B4;"> <span>66</span> <i class="fas fa-check"></i> </a> </li> <li class="color__list" data-id="70"> <a class="colors" href="#" style="background-color:#0A0000;"> <span>70</span> <i class="fas fa-check"></i> </a> </li> </ul> </div> </div> </section> </div>  <div id="type_shirts" class="type__wrap--sub"> <section class="color" class="u-inner"> <div class="color__tab"> <div class=""> <div class="view-reversible__normal"> <ul> <li id="shirts_main_color" data-id="shirts_main_color"> <a href="#" style="background-color:#ba0322;"> <span> <i class="fa fa-check"></i> カラーA </span> </a> </li> <li id="shirts_sub_color1" class="no_textyure" data-id="shirts_sub_color1"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> カラーB </span> </a> </li> <li id="shirts_sub_color2" class="no_textyure" data-id="shirts_sub_color2"> <a href="#" style="background-color:#ceccd2;"> <span> <i class="fa fa-check"></i> カラーC </span> </a> </li> <li id="shirts_sub_color3" class="no_textyure" data-id="shirts_sub_color3"> <a href="#" style="background-color:#faf8ff;"> <span> <i class="fa fa-check"></i> カラーD （Rライン） </span> </a> </li> <li id="shirts_sub_color4" class="no_textyure" data-id="shirts_sub_color4"> <a href="#" style="background-color:#faf8ff;"> <span> <i class="fa fa-check"></i> カラーG （ステッチ） </span> </a> </li> <li id="collar_color1" class="no_textyure" data-id="collar_color1"> <a href="#" style="background-color:#faf8ff;"> <span> <i class="fa fa-check"></i> カラーE </span> </a> </li> <li id="shirts_logo_color" class="no_textyure" data-id="shirts_logo_color"> <a href="#" style="background-color:#d32f2f;"> <span> <i class="fas fa-check"></i> カラーF （ロゴ） </span> </a> </li> </ul> </div> </div> </div>  </section>  <div id="type_shirts_design" class="choice__panel"> <div class="closeBtn"></div> <section class="type__panel type__panel--item"> <h1>シャツ<i class="fa fa-angle-right"></i><br>デザイン</h1> <div class="filter">  <div class="filter__target type__scroll type__panel--item__info"> <ul> <li class=""> <a class="type__list--item" data-id="TOC-001A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/06/001.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-001A </span> </h2> </a> </li> <li class="1829275d329dc4ef2ed2150b58fb33a884cae2f7"> <a class="type__list--item" data-id="TOC-001B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/01.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-001B </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-002A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/06/002.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-002A </span> </h2> </a> </li> <li class="f404b89c6437c0b2d7e050627385ab74aa5000e6"> <a class="type__list--item" data-id="TOC-002B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/02.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-002B </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-003A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/06/egata_NEW.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-003A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-003B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/05.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-003B </span> </h2> </a> </li> <li class="0bdbbc6013dd141528998f715ec16c3a5047426a"> <a class="type__list--item" data-id="TOC-004A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/名称未設定-1-復元.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-004A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-004B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/04.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-004B </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-005A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/名称未設定-1.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-005A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-005B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/03.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-005B </span> </h2> </a> </li> <li class="f927dcb33c260041bbd4f01c8070a898763e0853"> <a class="type__list--item" data-id="TOC-006A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/名称未設定-2.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-006A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-006B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/06.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-006B </span> </h2> </a> </li> <li class="f927dcb33c260041bbd4f01c8070a898763e0853"> <a class="type__list--item" data-id="TOC-007A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/12/名称未設定-復元.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-007A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-007B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/07.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-007B </span> </h2> </a> </li> <li class="f927dcb33c260041bbd4f01c8070a898763e0853"> <a class="type__list--item" data-id="TOC-008A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/12/名称未設定.png"></span> <h2> <span class="brand">インスパイアード</span> <span> TOC-008A </span> </h2> </a> </li> <li class=""> <a class="type__list--item" data-id="TOC-008B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/08.png"></span> <h2> <span class="brand">ベーシック</span> <span> TOC-008B </span> </h2> </a> </li> </ul> </div> </div> </section>  </div> <div id="type_shirts_collar" class="choice__panel"> <div class="closeBtn"></div> <section class="type__panel type__panel--item"> <h1>シャツ<i class="fas fa-angle-right"></i><br>衿</h1> <div class="type__scroll type__panel--item__info"> <div class="type__panel--item__info"> <div class="line"> <div> <ul> <li> <a href="#" data-id="1"> <i class="fas fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/item_icon/collar_1.png"></span> <h2><span>Neck A</span><span></span></h2> </a> </li> <li> <a href="#" data-id="2"> <i class="fas fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/item_icon/collar_2.png"></span> <h2><span>Neck B</span><span></span></h2> </a> </li> <li> <a href="#" data-id="3"> <i class="fas fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/item_icon/collar_3.png"></span> <h2><span>Neck C</span><span></span></h2> </a> </li> <li> <a href="#" data-id="4"> <i class="fas fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/item_icon/collar_4.png"></span> <h2><span>Neck D</span><span></span></h2> </a> </li> <li> <a href="#" data-id="5"> <i class="fas fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/item_icon/collar_5.png"></span> <h2><span>Neck E</span><span></span></h2> </a> </li> </ul> </div> </div> </div> </div> </section>  </div> </div> <div id="type_pants" class="type__wrap--sub"> <section class="color" class="u-inner"> <div class="color__tab"> <div class=""> <div class=""> <ul> <li id="pants_main_color" data-id="pants_main_color"> <a href="#" style="background-color:#ba0322;"> <span> <i class="fa fa-check"></i> カラーA </span> </a> </li> <li id="pants_sub_color1" class="no_textyure" data-id="pants_sub_color1"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> カラーB </span> </a> </li> <li id="pants_sub_color2" class="no_textyure" data-id="pants_sub_color2"> <a href="#" style="background-color:#ceccd2;"> <span> <i class="fa fa-check"></i> カラーC </span> </a> </li> <li id="pants_sub_color3" class="no_textyure" data-id="pants_sub_color3"> <a href="#" style="background-color:#faf8ff;"> <span> <i class="fa fa-check"></i> カラーD （Rライン） </span> </a> </li> <li id="pants_sub_color4" class="no_textyure" data-id="pants_sub_color4"> <a href="#" style="background-color:#faf8ff;"> <span> <i class="fa fa-check"></i> カラーG （ステッチ） </span> </a> </li> <li id="pants_logo_color" class="no_textyure" data-id="pants_logo_color"> <a href="#" style="background-color:#d32f2f;"> <span> <i class="fa fa-check"></i> カラーF （ロゴ） </span> </a> </li> </ul> </div> </div> </div>  </section>  <div id="type_pants_design" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--item choice__panel"> <h1>パンツ<i class="fa fa-angle-right"></i><br>デザイン</h1> <div class="filter">  <div class="filter__target type__scroll type__panel--item__info"> <ul> <li id="f58ac571c92e4fc4687c57e19aa513780df4bf09" class="inspired"> <a class="type__list--item" data-id="TOP-007A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/名称未設定-p1.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-007A </span> </h2> </a> </li> <li id="f58ac571c92e4fc4687c57e19aa513780df4bf09" class="basic"> <a class="type__list--item" data-id="TOP-007B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/007b.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-007B </span> </h2> </a> </li> <li id="1829275d329dc4ef2ed2150b58fb33a884cae2f7" class="inspired"> <a class="type__list--item" data-id="TOP-008A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/008-1.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-008A </span> </h2> </a> </li> <li id="1829275d329dc4ef2ed2150b58fb33a884cae2f7" class="basic"> <a class="type__list--item" data-id="TOP-008B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/008b.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-008B </span> </h2> </a> </li> <li id="f404b89c6437c0b2d7e050627385ab74aa5000e6" class="inspired"> <a class="type__list--item" data-id="TOP-009A"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/009.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-009A </span> </h2> </a> </li> <li id="f404b89c6437c0b2d7e050627385ab74aa5000e6" class="basic"> <a class="type__list--item" data-id="TOP-009B"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2020/02/009b.png"></span> <h2> <span class="brand">bonera</span> <span> TOP-009B </span> </h2> </a> </li> </ul> </div> </div> </div> </div>  </div>  <div id="type_stocking" class="type__wrap--sub"> <section class="color" class="u-inner"> <div class="color__tab"> <div class=""> <div class=""> <ul> <li id="stocking_main_color" data-id="stocking_main_color"> <a href="#" style="background-color:#ba0322;"> <span> <i class="fas fa-check"></i> カラーA </span> </a> </li> <li id="stocking_sub_color1" data-id="stocking_sub_color1"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fas fa-check"></i> カラーB </span> </a> </li> <li id="stocking_sub_color2" data-id="stocking_sub_color2"> <a href="#" style="background-color:#ceccd2;"> <span> <i class="fas fa-check"></i> カラーD （Rライン） </span> </a> </li> <li id="stocking_logo_color" data-id="stocking_logo_color"> <a href="#" style="background-color:#d32f2f;"> <span> <i class="fa fa-check"></i> カラーF （ロゴ） </span> </a> </li> </ul> </div> </div> </div>  </section>  <div id="type_stocking_design" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--item"> <h1>ストッキング<i class="fa fa-angle-right"></i><br>デザイン</h1> <div class="filter">  <div class="filter__target type__scroll type__panel--item__info"> <ul> <li class="0bdbbc6013dd141528998f715ec16c3a5047426a"> <a class="type__list--item" data-id="TOS-006"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/19SS_F03_P30-P45_OL.png"></span> <h2> <span class="brand">bonera</span> <span> TOS-006 </span> </h2> </a> </li> <li class="0bdbbc6013dd141528998f715ec16c3a5047426a"> <a class="type__list--item" data-id="TOS-007"> <i class="fa fa-check"></i> <span><img src="https://simulator.bonera.jp/wp-content/uploads/2019/01/003.png"></span> <h2> <span class="brand">bonera</span> <span> TOS-007 </span> </h2> </a> </li> </ul> </div> </div> </div> </div>  </div>  <div id="type_text" class="type__wrap--sub"> <section class="color" class="u-inner"> <div class="color__tab"> <div class=""> <ul> <li id="name1_color" data-id="name1_color"> <a href="#" style="background-color:#ba0322;"> <span> <i class="fa fa-check"></i> ネーム1 （全胸） </span> </a> </li> <li id="name2_color" data-id="name2_color"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> ネーム2 （背上） </span> </a> </li> <li id="name3_color" data-id="name3_color"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> ネーム3 （背下） </span> </a> </li> </ul> <ul class=""> <li id="shirts_number_color" data-id="shirts_number_color"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> シャツナンバーカラー </span> </a> </li> </ul> <ul class=""> <li id="pants_number_color" data-id="pants_number_color"> <a href="#" style="background-color:#8d021a;"> <span> <i class="fa fa-check"></i> パンツナンバーカラー </span> </a> </li> </ul> </div> </div>  </section>  <div id="type_text_number" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--text type__panel--position"> <h1 class="line">テキスト<i class="fa fa-angle-right"></i><br>ナンバー（胸番号）</h1> <section class="type__scroll" > <div class="type__form line"> <dl> <dt><h2>ナンバー</h2></dt> <dd> <input id="number_text" type="text" placeholder="ナンバーを入力" maxlength='2' pattern="0|[1-9][0-9]*" style="ime-mode: disabled;"> <a class="render" href="#">反映する</a> </dd> </dl> <div class="attention__box"> <p>上記のナンバーはシミュレーション画面用のものです。ナンバーは注文画面でメンバー別に入力できます。</p> </div> </div>  <section id="number_position" class="type__position line"> <h2>胸番号の位置</h2> <ul class="column-1"> <li data-id="A"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> 左胸(番号A) </a> </li> <li data-id="B"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> 中央(番号B) </a> </li> <li data-id="C"> <a href="#"> <i class="fas fa-check"></i> 中央左(番号C) </a> </li> <li data-id="NONE"> <a href="#"> <i class="fas fa-check"></i> なし </a> </li> </ul> <div class="attention__box"> <p>設定により、ロゴやデザインと重なる場合がございます。ご調整下さい。</p> </div> </section> <section id="pants_number_position" class="type__position line"> <h2>パンツ番号</h2> <ul class="column-1"> <li data-id="RIGHT"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> あり </a> </li> <li data-id="NONE"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> なし </a> </li> </ul> <div class="attention__box"> <p>設定により、ロゴやデザインと重なる場合がございます。ご調整下さい。</p> </div> </section> <section class="type__position design_rule line"> <h2>胸・背番号に台地をつける</h2> <div id="number_daichi"> <ul class="column-1"> <li data-id="0"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつけない</p> </a> </li> <li data-id="1"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつける</p> </a> </li> </ul> <div class="attention__box"> <p>胸・背番号に台地をつける場合は「台地をつける」にチェックを入れてください。</p> </div> </div> </section> <div class="type__font" id="number_font"> <h2>フォント</h2> <ul class="u-pc"> <li data-id="BFN-001"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-001</span> <p style="font-family: Bfn_001-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-005"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-005</span> <p style="font-family: Bfn_005-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-008"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-008</span> <p style="font-family: Bfn_008-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-009"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-009</span> <p style="font-family: Bfn_009-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-011"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-011</span> <p style="font-family: Bfn_011-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-012"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-012</span> <p style="font-family: Bfn_012-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-013"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-013</span> <p style="font-family: Bfn_013-Regular; font-size: 30px">1234567890</p> </a> </li> <li data-id="BFN-014"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-014</span> <p style="font-family: Bfn_014-Regular; font-size: 30px">1234567890</p> </a> </li> </ul> <ul class="u-sp"> <li data-id="BFN-001"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-001</span> <p style="font-family: Bfn_001-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-005"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-005</span> <p style="font-family: Bfn_005-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-008"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-008</span> <p style="font-family: Bfn_008-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-009"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-009</span> <p style="font-family: Bfn_009-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-011"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-011</span> <p style="font-family: Bfn_011-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-012"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-012</span> <p style="font-family: Bfn_012-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-013"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-013</span> <p style="font-family: Bfn_013-Regular; font-size: 26.4px">1234567890</p> </a> </li> <li data-id="BFN-014"> <a href="#"> <i class="fas fa-check"></i> <span class="font_name">BFN-014</span> <p style="font-family: Bfn_014-Regular; font-size: 26.4px">1234567890</p> </a> </li> </ul> </div>  </section>  </div>  </div>  <div id="type_text_name1" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--text"> <h1 class="line">テキスト<i class="fa fa-angle-right"></i><br>ネーム1（胸フロント）</h1> <section class="type__scroll"> <div> <section id="name1_type" class="type__position line"> <h2>ネーム種別</h2> <ul class="column-1"> <li data-id="TEAM"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> チーム名 </a> </li> <li data-id="LOGO"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> boneraロゴ </a> </li> <li data-id="NONE"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> なし </a> </li> </ul> </section> </div> <div class="view-name1_type--TEAM"> <div class="type__form line"> <dl> <dt><h2><label for="name1_text">テキスト</label></h2></dt> <dd> <input id="name1_text" type="text" placeholder="テキストを入力" maxlength='12' pattern="^[A-Z]+$" style="ime-mode: disabled;"><a class="render" href="#">反映する</a> </dd> </dl> <div class="attention__box"> <p>※ネームフォントは【アルファベットの大文字のみ、12文字】の入力が可能です。</p> <p>※全胸チーム名はシミュレーターの性質上フォントサイズの大きさに制限があるため、若干小さく表示されております。</p> <p>上記のテキストはシミュレーション画面用のものです。注文画面にて個別の入力が可能です。</p> </div> </div>  <section class="type__position design_rule line"> <h2>チーム名に台地をつける</h2> <div id="name1_daichi"> <ul class="column-1"> <li data-id="0"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつけない</p> </a> </li> <li data-id="1"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつける</p> </a> </li> </ul> <div class="attention__box"> <p>チーム名に台地をつける場合は「台地をつける」にチェックを入れてください。</p> </div> </div> </section> <div class="type__font" id="name1_font"> <h2>フォント</h2> <ul> <li data-id="BFT-013"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-013</span> <p style="font-family: Bft_013-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-014"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-014</span> <p style="font-family: Bft_014-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-015"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-015</span> <p style="font-family: Bft_015-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-018"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-018</span> <p style="font-family: Bft_018-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-019"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-019</span> <p style="font-family: Bft_019-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-022"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-022</span> <p style="font-family: Bft_022-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-023"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-023</span> <p style="font-family: Bft_023-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-024"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-024</span> <p style="font-family: Bft_024-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> </ul> </div>  </div> </section>  </div>  </div>  <div id="type_text_name2" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--text"> <h1 class="line">テキスト<i class="fa fa-angle-right"></i><br>ネーム2（背バック上）</h1> <section class="type__scroll"> <div id="name2_type" class="view-reversible__normal type__position line"> <h2>ネーム種別</h2> <ul class="column-1"> <li data-id="TEAM"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> チーム名 </a> </li> <li data-id="NAME"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> 個人名 </a> </li> <li data-id="LOGO"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> boneraロゴ </a> </li> <li data-id="NONE"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> なし </a> </li> </ul> </div> <div class="view-name2_type--TEAM"> <div class="type__form line"> <dl> <dt><h2><label for="name2_text" maxlength='15'>テキスト</label></h2></dt> <dd><input id="name2_text" type="text" placeholder="テキストを入力" maxlength='12' pattern="^[A-Z]+$" style="ime-mode: disabled;"> <a class="render" href="#">反映する</a></dd> </dl> <div class="attention__box"> <p>上記のテキストはシミュレーション画面用のものです。注文画面にて個別の入力が可能です。</p> <p>ネームフォントはアルファベットの大文字のみ、12文字の入力が可能です。</p> </div> </div>  <section class="type__position design_rule line"> <h2>チーム名、個人名に台地をつける</h2> <div id="name2_daichi"> <ul class="column-1"> <li data-id="0"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつけない</p> </a> </li> <li data-id="1"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつける</p> </a> </li> </ul> <div class="attention__box"> <p>チーム名、個人名に台地をつける場合は「台地をつける」にチェックを入れてください。</p> </div> </div> </section> <div class="type__font" id="name2_font"> <h2>フォント</h2> <ul> <li data-id="BFT-013"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-013</span> <p style="font-family: Bft_013-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-014"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-014</span> <p style="font-family: Bft_014-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-015"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-015</span> <p style="font-family: Bft_015-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-018"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-018</span> <p style="font-family: Bft_018-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-019"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-019</span> <p style="font-family: Bft_019-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-022"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-022</span> <p style="font-family: Bft_022-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-023"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-023</span> <p style="font-family: Bft_023-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-024"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-024</span> <p style="font-family: Bft_024-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> </ul> </div>  </div> </section>  </div>  </div>  <div id="type_text_name3" class="choice__panel"> <div class="closeBtn"></div> <div class="type__panel type__panel--text"> <h1 class="line">テキスト<i class="fa fa-angle-right"></i><br>ネーム3（背バック下）</h1> <section class="type__scroll"> <div id="name3_type" class="view-reversible__normal type__position line"> <h2>ネーム種別</h2> <ul class="column-1"> <li data-id="TEAM"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> チーム名 </a> </li> <li data-id="NAME"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> 個人名 </a> </li> <li data-id="LOGO"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> boneraロゴ </a> </li> <li data-id="NONE"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> なし </a> </li> </ul> </div> <div class="view-name3_type--TEAM"> <div class="type__form line"> <dl> <dt><h2><label for="name3_text" maxlength='15'>テキスト</label></h2></dt> <dd><input id="name3_text" type="text" placeholder="テキストを入力" maxlength='12' pattern="^[A-Z]+$" style="ime-mode: disabled;"> <a class="render" href="#">反映する</a></dd> </dl> <div class="attention__box"> <p>上記のテキストはシミュレーション画面用のものです。注文画面にて個別の入力が可能です。</p> <p>ネームフォントはアルファベットの大文字のみ、12文字の入力が可能です。</p> </div> </div>  <section class="type__position design_rule line"> <h2>チーム名、個人名に台地をつける</h2> <div id="name3_daichi"> <ul class="column-1"> <li data-id="0"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつけない</p> </a> </li> <li data-id="1"> <a href="#"> <i class="fas fa-check"></i> <p>台地をつける</p> </a> </li> </ul> <div class="attention__box"> <p>チーム名、個人名に台地をつける場合は「台地をつける」にチェックを入れてください。</p> </div> </div> </section> <div class="type__font" id="name3_font"> <h2>フォント</h2> <ul> <li data-id="BFT-013"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-013</span> <p style="font-family: Bft_013-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-014"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-014</span> <p style="font-family: Bft_014-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-015"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-015</span> <p style="font-family: Bft_015-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-018"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-018</span> <p style="font-family: Bft_018-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-019"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-019</span> <p style="font-family: Bft_019-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-022"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-022</span> <p style="font-family: Bft_022-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-023"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-023</span> <p style="font-family: Bft_023-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> <li data-id="BFT-024"> <a href="#" class="type__list--item"> <i class="fa fa-check"></i> <span class="font_name">BFT-024</span> <p style="font-family: Bft_024-Regular; font-size: 26.4px"> BONERA ABCDEFGHIJKLMNOPQ</p> </a> </li> </ul> </div>  </div> </section>  </div>  </div>  </div> </section>   </section>  <section id="price"> <div class="price_wrap"> <div class="table_wrap"> <table class="table--noborder"> <tr><th>シャツ</th><td id="price__shirts">¥9,000</td></tr> <tr><th>パンツ</th><td id="price__pants">¥7,500</td></tr> <tr><th>ソックス</th><td id="price__stocking">¥1,500</td></tr> </table> </div> </div> </section> <section id="menu"> <div class="menu__wrap"> <ul class="menu__sub"> <li> <a class="menu__screenShot" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_screenshot.png"> <span class="screenshot">スクリーンショット</span> <span>戻る</span> </a> </li> <li> <a class="menu__bg" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_background.png"> <span>背景</span> </a> </li> <li> <a id="zoom__switch" class="switch__icon" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_zoom.png"> <span>拡大 / 縮小</span> </a> </li> <li> <a id="character__switch" class="switch__icon" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_reverse.png"> <span>前身 / 後身</span> </a> </li> <li> <a class="menu__shuffle" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_shuffle.png"> <span style="letter-spacing: -1px ;">シャッフル</span> </a> </li> <li> <a class="menu__save" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_save.png"> <span>保存</span> </a> </li> <li> <a class="menu__share" href="#"> <img src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/img/common/icon_share.png"> <span>シェア</span> </a> </li> </ul>  </div>  </section>  <div id="menu__order"> <div class="menu__order"> <a href="#">このデザインで注文する</a> </div> </div> <section id="character" > <div id="character__wrap" class="character__wrap"> <div class="character__img"> <div class="character__img__loading"><i class="fa fa-spinner fa-4x fa-spin" aria-hidden="true"></i></div> <canvas id="mainCanvas" width="1000" height="1800"></canvas> </div>  </div>  </section>  <div id="background"> <div class="background__image" style="height: 810px;"></div> </div>  </div>  <div id="modal"> <section class="modal__save"> <h1>デザインを保存</h1> <p>作成したデザインの情報は、ご指定のメールアドレスに送り、保存することができます。メールに記載されている「デザインURL」にアクセスすれば、再度デザインの閲覧と編集が可能です。</p> <form action="" method="get"> <div class="modal__form"> <dl> <dt><label for="modal__mail">メールアドレス</label></dt> <dd><input type="email" id="modal__mail" placeholder="例）sample@sample.com" autocomplete="email" required="required"></dd> <dt><label for="modal__design">デザイン名</label></dt> <dd><input type="text" id="modal__design" placeholder="例）ユニフォームデザイン案1" required="required"></dd> </dl> </div> <div class="modal__select u-clearfix"> <span class="modal__close"><i class="fa fa-fw fa-angle-left"></i>キャンセル</span> <a href="#"><button type="submit"><i class="fa fa-fw fa-download"></i> デザインを保存</button></a> </div> </form> </section>  <section class="modal__save_complete"> <h1>デザインを保存</h1> <p>作成したデザインの情報をご指定のメールアドレスに送信しました。</p> <div class="modal__select u-clearfix"> <span class="modal__close">閉じる</span> </div> </section>  <section class="modal__share"> <h1>デザインを共有</h1> <p> 作成したデザインの情報を、SNSへ投稿します。共有された「デザインURL」にアクセスすれば、誰でも作成したデザインの閲覧が可能です。<br> ※下記の投稿ボタンを押すと、SNS側の投稿確認ウィンドウが表示されます。 </p> <dl> <dt><label for="modal__url">デザイン保存用URL</label></dt> <dd><input type="text" id="modal__url" readonly="readonly" value="" style="width: 100%;"></dd> </dl> <br> <ul class="modal__sns"> <li class="modal__twitter"> <a href="#"> <i class="fab fa-fw fa-twitter"></i> <span>Twitter</span> </a> </li> <li class="modal__facebook"> <a href="#"> <i class="fab fa-fw fa-facebook"></i> <span>Facebook</span> </a> </li> <li class="modal__line"> <a href="#"> <i class="fab fa-fw fa-line"></i> <span>LINE</span> </a> </li> </ul> <div class="modal__select u-clearfix"> <span class="modal__close"><i class="fa fa-fw fa-angle-left"></i>キャンセル</span> </div> </section>  <div class="modal__background"></div>  </div>  <section id="modal__shuffle" class="modal modal__shuffle"> <h1>デザインをシャッフルしますか？</h1> <p> デザインがランダムで変更されます。現在のデザインは保存されません。<br> 変更しますか？ </p> <div class="modal__select u-clearfix"> <span class="modal__close close"><i class="fa fa-fw fa-angle-left"></i>キャンセル</span> <a href="#" class="ok"><i class="fa fa-fw fa-random" aria-hidden="true"></i> シャッフルする</a> </div> </section>  <section id="modal__order" class="modal modal__order"> <h1>このデザインで注文しますか？</h1> <p> このデザインでよろしければ、<a href="#" class="modal__btn">ご注文フォームへ</a> を押してください。<br> ご注文フォームへ遷移します。<br> デザインを再度編集したい場合は、<a href="" class="modal__close">キャンセル</a> を押してください。 </p> <div class="modal__select u-clearfix"> <span class="modal__close close"><i class="fa fa-fw fa-angle-left"></i>キャンセル</span> <a href="#" class="modal__btn ok">ご注文フォームへ<i class="fa fa-fw fa-angle-right"></i></a> </div> </section>  <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/userdefine.php?js&1739844331"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/lib/inc_acf_fields.php?js&1739844331"></script> <script src="https://apis.google.com/js/client.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/simulator-core.min.js?1739844331"></script> <script src="https://simulator.bonera.jp/wp-content/themes/mycos-uniform/js/simulator-config.min.js?1739844331"></script>  <footer id="footer"> <section class="footer__sizespec"> <div class="sizespec sizespec--inspiredshirt"> <p>INSPIRED MODEL[TYPE-A] 昇華ゲームシャツ</p> <table> <tbody> <tr> <th colspan="6">BOYS</th> <th colspan="6">MENS</th> </tr> <tr> <th>サイズ</th> <th>120</th> <th>130</th> <th>140</th> <th>150</th> <th>160</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> </tr> <tr> <th>BC着丈</th> <td>50</td> <td>54</td> <td>58</td> <td>62</td> <td>66</td> <td>66</td> <td>69</td> <td>72</td> <td>75</td> <td>78</td> <td>81</td> </tr> <tr> <th>身巾</th> <td>35</td> <td>37</td> <td>39</td> <td>42</td> <td>45</td> <td>46</td> <td>48</td> <td>50</td> <td>52</td> <td>54</td> <td>56</td> </tr> <tr> <th>半袖裄丈</th> <td>30</td> <td>32</td> <td>34</td> <td>35</td> <td>37</td> <td>38</td> <td>40</td> <td>42</td> <td>44</td> <td>46</td> <td>48</td> </tr> <tr> <th>長袖裄丈</th> <td>64</td> <td>66</td> <td>68</td> <td>70</td> <td>72</td> <td>76</td> <td>78</td> <td>80</td> <td>82</td> <td>84</td> <td>86</td> </tr> </tbody> </table> </div> <div class="sizespec sizespec--inspiredpants"> <p>INSPIRED MODEL[TYPE-A] 昇華ゲームパンツ</p> <table> <tbody> <tr> <th colspan="6">BOYS</th> <th colspan="6">MENS</th> </tr> <tr> <th>サイズ</th> <th>120</th> <th>130</th> <th>140</th> <th>150</th> <th>160</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> </tr> <tr> <th>ウエスト</th> <td>46</td> <td>49</td> <td>52</td> <td>55</td> <td>58</td> <td>60</td> <td>64</td> <td>68</td> <td>72</td> <td>76</td> <td>78</td> </tr> <tr> <th>股下</th> <td>11.5</td> <td>13</td> <td>14</td> <td>15.5</td> <td>17</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr> <tr> <th>総丈</th> <td>31</td> <td>33</td> <td>35</td> <td>37</td> <td>39</td> <td>39</td> <td>41</td> <td>43</td> <td>45</td> <td>47</td> <td>49</td> </tr> </tbody> </table> </div> <div class="sizespec sizespec--standardshirt"> <p>STANDARD MODEL[TYPE-B] 昇華ゲームシャツ</p> <table> <tbody> <tr> <th colspan="6">BOYS</th> <th colspan="6">MENS</th> </tr> <tr> <th>サイズ</th> <th>120</th> <th>130</th> <th>140</th> <th>150</th> <th>160</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> </tr> <tr> <th>BC着丈</th> <td>49</td> <td>52</td> <td>55</td> <td>58</td> <td>61</td> <td>64.5</td> <td>67</td> <td>69.5</td> <td>72</td> <td>74.5</td> <td>77</td> </tr> <tr> <th>身巾</th> <td>34</td> <td>37</td> <td>39</td> <td>42</td> <td>45</td> <td>49</td> <td>51</td> <td>53</td> <td>55</td> <td>57</td> <td>59</td> </tr> <tr> <th>半袖裄丈</th> <td>29</td> <td>31</td> <td>33</td> <td>35</td> <td>37</td> <td>41</td> <td>42</td> <td>44</td> <td>46</td> <td>48</td> <td>50</td> </tr> <tr> <th>長袖裄丈</th> <td>64</td> <td>66</td> <td>68</td> <td>70</td> <td>72</td> <td>75</td> <td>77</td> <td>79</td> <td>81</td> <td>83</td> <td>85</td> </tr> </tbody> </table> </div> <div class="sizespec sizespec--standardpants"> <p>STANDARD MODEL[TYPE-B] 昇華ゲームパンツ</p> <table> <tbody> <tr> <th colspan="6">BOYS</th> <th colspan="6">MENS</th> </tr> <tr> <th>サイズ</th> <th>120</th> <th>130</th> <th>140</th> <th>150</th> <th>160</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> </tr> <tr> <th>ウエスト</th> <td>46</td> <td>49</td> <td>52</td> <td>55</td> <td>58</td> <td>60</td> <td>64</td> <td>68</td> <td>72</td> <td>76</td> <td>78</td> </tr> <tr> <th>股下</th> <td>11.5</td> <td>13</td> <td>14</td> <td>15.5</td> <td>17</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr> <tr> <th>総丈</th> <td>32</td> <td>35</td> <td>37</td> <td>40</td> <td>42</td> <td>44</td> <td>45</td> <td>47</td> <td>49</td> <td>51</td> <td>53</td> </tr> </tbody> </table> </div> </section> <nav class="footer__navigation"> <div class="footer__box"> <ul> <strong class=""> <a href="https://bonera.jp/images/OrderSheet.pdf" target="_blank"> <span>カタログ</span> </a> </strong> </ul> </div>  <div class="footer__box"> <ul> <strong class="jp"><a href="https://store.bonera.jp/help/about" target="_blank">会社概要</a></strong> </ul> </div>  <div class="footer__box"> <ul> <strong class="jp"><a href="https://store.bonera.jp/help/privacy" target="_blank">プライバシーポリシー</a></strong> </ul> </div>  <div class="footer__box"> <ul> <strong class="jp"><a href="https://store.bonera.jp/contact" target="_blank">お問い合わせ</a></strong> </ul> </div>  </nav>  <ul class="footer__sns"> <li> <a href="https://ja-jp.facebook.com/bonera.jp/" target="_blank"> <i class="fab fa-facebook"></i> </a> </li> <li> <a href="https://www.instagram.com/bonera_official/" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> </ul>  <div class="footer__copy"> <small>Copyright © bonera. All Rights Reserved.</small> </div>  </footer>  <script type='text/javascript' src='https://simulator.bonera.jp/wp-includes/js/wp-embed.min.js?ver=5.2.1'></script> </body> </html>

CINXE.COM

BONERA チームオーダー | BONERA チームオーダーシミュレーター