.simulator{--color-bg: white}button{padding:0;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgba(0,0,0,0);border:none;outline:none}.simulator img{max-width:100%;pointer-events:none}.simulator *{box-sizing:border-box}@media screen and (max-width: 767px){.simulator .pc{display:none !important}}@media screen and (min-width: 768px){.simulator .sp{display:none !important}}.simulator button{display:block;color:inherit;cursor:pointer}@media screen{.print{display:none !important}}@media screen and (max-width: 767px){#rwd-content .rwd-product-header{margin-bottom:0 !important}}.simulator{background-color:var(--color-bg)}.simulator .layout{background-color:var(--color-bg)}@media screen and (min-width: 768px){.simulator .layout{display:grid;grid-template:"photo estimate" auto "color estimate" auto "console console" auto/1fr 1fr;place-content:center center;border-block:1px solid #000}}@media screen and (max-width: 767px){.simulator .layout{position:relative;border-block-end:1px solid #000}}.simulator .layout .photo{z-index:1;grid-area:photo;justify-self:end}.simulator .layout .color{grid-area:color}.simulator .layout .console{grid-area:console}@media screen and (min-width: 768px){.simulator .layout .console{border-block-start:1px solid #000}}.simulator .layout .estimate{position:relative;z-index:2;grid-area:estimate}@media screen and (min-width: 768px){.simulator .layout .photo{-ms-grid-row:1;-ms-grid-column:1}.simulator .layout .color{-ms-grid-row:2;-ms-grid-column:1}.simulator .layout .console{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.simulator .layout .estimate{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}}@media screen and (min-width: 768px){.simulator .layout .estimate{border-inline-start:1px solid #000}}.simulator .layout .photo{position:relative;padding:25px 50px}@media screen and (min-width: 768px){.simulator .layout .photo{width:min(100%,650px);padding:0 50px}}@media screen and (max-width: 767px){.simulator .layout .photo{padding:0 10px 15px}}.simulator .layout .photo .bike{position:relative}.simulator .layout .photo .bike .acc{position:absolute;inset:0;width:100%;height:100%;margin:0}.simulator .layout .photo .bike .acc img{position:absolute;width:100%;height:100%}.simulator .layout .photo .angle{position:absolute;top:25px;right:25px}@media screen and (max-width: 767px){.simulator .layout .photo .angle{top:20px;right:unset;left:20px}}.simulator .layout .photo .angle button img{width:84px}@media screen and (max-width: 767px){.simulator .layout .photo .angle button img{width:60px}}.simulator .layout .photo .attention{position:absolute}@media print{.simulator .layout .photo .attention{right:0;bottom:0}}@media screen and (min-width: 768px){.simulator .layout .photo .attention{bottom:5px;left:50px}}@media screen and (max-width: 767px){.simulator .layout .photo .attention{right:10px;bottom:0}}.simulator .layout .photo .attention p{font-size:13px}@media screen and (max-width: 767px){.simulator .layout .photo .attention p{font-size:11px}}.simulator .layout .color{padding-block:10px;padding-inline:50px}@media screen and (min-width: 768px){.simulator .layout .color{justify-self:end;width:min(100%,650px)}}@media screen and (max-width: 767px){.simulator .layout .color{padding-block:15px 0;padding-inline:15px;margin-block-end:10px}}.simulator .layout .color h3{display:flex;flex-wrap:wrap;gap:.5em;align-items:baseline;font-size:16px;font-weight:normal}@media screen and (min-width: 768px){.simulator .layout .color h3{margin-block-end:10px}}@media screen and (max-width: 767px){.simulator .layout .color h3{flex-direction:column;gap:0;padding-inline-end:100px;font-size:13px}}.simulator .layout .color h3 strong{font-size:14px;font-weight:bold}@media screen and (max-width: 767px){.simulator .layout .color h3 strong{display:block;font-size:12px}}@media screen and (max-width: 767px){.simulator .layout .color h3 span.color-bike-name{display:block;font-weight:600}}@media screen and (max-width: 767px){.simulator .layout .color h3 span.color-name{display:block;font-size:10px}}.simulator .layout .color ul.color-buttons{display:flex;gap:10px;align-items:center;width:fit-content}@media screen and (max-width: 767px){.simulator .layout .color ul.color-buttons{margin-block:10px 0}}.simulator .layout .color ul.color-buttons li{outline:1px solid #000}@media screen and (min-width: 768px){.simulator .layout .color ul.color-buttons li{flex:0 1 80px}}@media screen and (max-width: 767px){.simulator .layout .color ul.color-buttons li{flex:1 1 auto;max-width:100px}}.simulator .layout .color ul.color-buttons li button.active{outline:3px solid #000}.simulator .layout .console{padding:15px 50px}@media screen and (max-width: 767px){.simulator .layout .console{padding:10px 0}}@media screen and (min-width: 768px){.simulator .layout .console .tab{margin-inline:-50px}}.simulator .layout .console .tab .scroll{width:min(100%,1300px);margin-inline:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.simulator .layout .console .tab .scroll ＆::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.simulator .layout .console .tab .scroll{padding-inline:50px}}@media screen and (max-width: 767px){.simulator .layout .console .tab .scroll{padding-inline:10px}}.simulator .layout .console .tab ul{display:flex;width:fit-content;border:1px solid #000;border-radius:20px}@media screen and (max-width: 767px){.simulator .layout .console .tab ul{border-radius:15px}}.simulator .layout .console .tab ul li button{height:30px;padding:0 20px;font-size:12px;line-height:1;text-align:center;white-space:nowrap;background-color:var(--color-bg);border-radius:15px}@media screen and (max-width: 767px){.simulator .layout .console .tab ul li button{height:30px;padding:0 20px;font-size:12px;border-radius:15px}}.simulator .layout .console .tab ul li button.active{mix-blend-mode:difference}.simulator .layout .console .accessary{position:relative;margin-block-start:10px}@media screen and (min-width: 768px){.simulator .layout .console .accessary{margin-inline:-50px}}@media screen and (max-width: 767px){.simulator .layout .console .accessary{margin-block-start:15px}}.simulator .layout .console .accessary .scroll{width:min(100%,1300px);margin-inline:auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.simulator .layout .console .accessary .scroll ＆::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.simulator .layout .console .accessary .scroll{padding-inline:50px}}@media screen and (max-width: 767px){.simulator .layout .console .accessary .scroll{padding-inline:10px}}.simulator .layout .console .accessary ul{display:flex;gap:20px;width:fit-content}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul{gap:10px}}.simulator .layout .console .accessary ul li{width:100px}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li{width:100px}}.simulator .layout .console .accessary ul li.hidden{display:none}.simulator .layout .console .accessary ul li button figure{display:flex;flex-direction:column;gap:5px;margin:0 !important}.simulator .layout .console .accessary ul li button figure .thumbs{border:3px solid rgba(0,0,0,0)}.simulator .layout .console .accessary ul li button figure .thumbs img{width:100%;aspect-ratio:1;background-color:#eee}.simulator .layout .console .accessary ul li button figure figcaption{display:contents;margin:0 !important;text-align-last:left}.simulator .layout .console .accessary ul li button figure figcaption span.name{display:block;font-size:12px;line-height:1.4;text-align:left}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li button figure figcaption span.name{font-size:12px}}.simulator .layout .console .accessary ul li button figure figcaption span.price{display:block;font-size:12px}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li button figure figcaption span.price{font-size:11px}}.simulator .layout .console .accessary ul li button figure figcaption a.link{display:block;font-size:12px;text-decoration-line:underline !important}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li button figure figcaption a.link{font-size:11px}}.simulator .layout .console .accessary ul li button.active .thumbs{position:relative;border:3px solid #000}.simulator .layout .console .accessary ul li button.active .thumbs::before{position:absolute;top:5px;right:5px;box-sizing:border-box;display:block;width:30px;aspect-ratio:1;content:"";background-color:#fff;border:1px solid #fff;border-radius:3px;opacity:.6}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li button.active .thumbs::before{right:3px;width:25px}}.simulator .layout .console .accessary ul li button.active .thumbs::after{position:absolute;top:5px;right:14px;box-sizing:border-box;display:block;width:12px;aspect-ratio:.5;content:"";border-right:4px solid #000;border-bottom:4px solid #000;transform:rotate(45deg)}@media screen and (max-width: 767px){.simulator .layout .console .accessary ul li button.active .thumbs::after{right:10px;width:10px;border-right:4px solid #000;border-bottom:4px solid #000}}@media screen and (min-width: 768px){.simulator .layout .console .accessary ul li button.active:hover .thumbs::after{top:18px;right:10px;width:20px;aspect-ratio:unset;border-right:none;transform:rotate(0)}}@media screen and (max-width: 767px){.simulator .layout .console .accessary .chevron{display:none}}.simulator .layout .console .accessary .chevron button{position:absolute;z-index:10;display:block;width:50px;cursor:pointer}.simulator .layout .console .accessary .chevron button.prev{inset:0 auto 0 0}.simulator .layout .console .accessary .chevron button.next{inset:0 0 0 auto}.simulator .layout .console .accessary .chevron button svg{inset:0;width:22px;margin-block:auto}@media screen and (min-width: 768px){.simulator .layout .estimate{display:grid;grid-template-rows:1fr auto;grid-template-columns:auto;grid-auto-flow:row;gap:15px;width:min(100%,600px);padding:15px 50px 20px 25px}}@media screen and (max-width: 767px){.simulator .layout .estimate{position:absolute;inset:0 0 auto auto;display:grid;grid-template-rows:auto auto;grid-template-columns:auto;grid-auto-flow:row;gap:25px;align-content:start;padding:15px}}@media screen and (min-width: 768px){.simulator .layout .estimate div.estimate-sheet{max-height:462px;overflow-y:scroll}}@media screen and (max-width: 767px){.simulator .layout .estimate div.estimate-sheet{display:none;order:2}}.simulator .layout .estimate div.estimate-sheet table{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:repeat(4, auto);grid-auto-rows:auto;gap:12px 10px;width:100%;height:100%}.simulator .layout .estimate div.estimate-sheet table thead,.simulator .layout .estimate div.estimate-sheet table tbody,.simulator .layout .estimate div.estimate-sheet table tfoot{display:grid;grid-template-columns:subgrid;grid-row:span 1;grid-column:span 4;gap:10px}.simulator .layout .estimate div.estimate-sheet table thead tr th,.simulator .layout .estimate div.estimate-sheet table thead tr td,.simulator .layout .estimate div.estimate-sheet table tbody tr th,.simulator .layout .estimate div.estimate-sheet table tbody tr td,.simulator .layout .estimate div.estimate-sheet table tfoot tr th,.simulator .layout .estimate div.estimate-sheet table tfoot tr td{font-size:14px;font-weight:normal;line-height:1.4;text-align:right}@media screen and (max-width: 767px){.simulator .layout .estimate div.estimate-sheet table thead tr th,.simulator .layout .estimate div.estimate-sheet table thead tr td,.simulator .layout .estimate div.estimate-sheet table tbody tr th,.simulator .layout .estimate div.estimate-sheet table tbody tr td,.simulator .layout .estimate div.estimate-sheet table tfoot tr th,.simulator .layout .estimate div.estimate-sheet table tfoot tr td{font-size:11px}}@media print{.simulator .layout .estimate div.estimate-sheet table thead tr th,.simulator .layout .estimate div.estimate-sheet table thead tr td,.simulator .layout .estimate div.estimate-sheet table tbody tr th,.simulator .layout .estimate div.estimate-sheet table tbody tr td,.simulator .layout .estimate div.estimate-sheet table tfoot tr th,.simulator .layout .estimate div.estimate-sheet table tfoot tr td{font-size:16px}}.simulator .layout .estimate div.estimate-sheet table thead tr th:first-child,.simulator .layout .estimate div.estimate-sheet table thead tr td:first-child,.simulator .layout .estimate div.estimate-sheet table tbody tr th:first-child,.simulator .layout .estimate div.estimate-sheet table tbody tr td:first-child,.simulator .layout .estimate div.estimate-sheet table tfoot tr th:first-child,.simulator .layout .estimate div.estimate-sheet table tfoot tr td:first-child{text-align:left}.simulator .layout .estimate div.estimate-sheet table thead tr th *,.simulator .layout .estimate div.estimate-sheet table thead tr td *,.simulator .layout .estimate div.estimate-sheet table tbody tr th *,.simulator .layout .estimate div.estimate-sheet table tbody tr td *,.simulator .layout .estimate div.estimate-sheet table tfoot tr th *,.simulator .layout .estimate div.estimate-sheet table tfoot tr td *{font-size:inherit}.simulator .layout .estimate div.estimate-sheet table thead{grid-row:1/2;padding-block-end:10px;border-block-end:1px solid #000}@media screen and (min-width: 768px){.simulator .layout .estimate div.estimate-sheet table thead{position:sticky;top:0;background-color:#fff}}.simulator .layout .estimate div.estimate-sheet table thead tr{display:contents}.simulator .layout .estimate div.estimate-sheet table thead tr th{font-size:14px;vertical-align:top}@media screen and (max-width: 767px){.simulator .layout .estimate div.estimate-sheet table thead tr th{font-size:11px}}.simulator .layout .estimate div.estimate-sheet table thead tr th:first-child{font-weight:bold}@media screen and (min-width: 768px){.simulator .layout .estimate div.estimate-sheet table thead tr th .print-date{display:none}}.simulator .layout .estimate div.estimate-sheet table tbody tr{display:contents}.simulator .layout .estimate div.estimate-sheet table tbody.sheet-bike tr th{font-weight:bold}.simulator .layout .estimate div.estimate-sheet table tbody.sheet-accessary{align-content:start}.simulator .layout .estimate div.estimate-sheet table tbody.sheet-accessary span.sub{font-size:.7em}.simulator .layout .estimate div.estimate-sheet table tfoot{grid-row:-2/-1;padding-block-start:12px;border-block-start:1px solid #000}@media screen and (min-width: 768px){.simulator .layout .estimate div.estimate-sheet table tfoot{position:sticky;bottom:0;background-color:#fff}}.simulator .layout .estimate div.estimate-sheet table tfoot tr{display:contents}.simulator .layout .estimate div.estimate-sheet table tfoot tr th{display:grid;place-content:end start}.simulator .layout .estimate div.estimate-sheet table tfoot tr td{display:grid;place-content:end}@media screen and (max-width: 767px){.simulator .layout .estimate div.estimate-print{order:1}}.simulator .layout .estimate div.estimate-print button{width:100%;height:30px;font-size:14px;line-height:1;text-align:center;background-color:#fff;border:1px solid #000;border-radius:15px}.simulator .layout .estimate div.estimate-print button:hover{color:#fff;background-color:#000}.simulator .layout .estimate div.estimate-modal{order:1}.simulator .layout .estimate div.estimate-modal button{display:block;width:fit-content;height:30px;padding:0 1em;margin-inline:auto 0;font-size:12px;line-height:1;text-align:center;border:1px solid #000;border-radius:15px}.simulator .layout .estimate div.estimate-modal button.open{width:90px}.simulator .layout .estimate div.estimate-modal button.close{position:relative;width:30px;padding:0}.simulator .layout .estimate div.estimate-modal button.close::before,.simulator .layout .estimate div.estimate-modal button.close::after{position:absolute;inset:0;display:block;width:15px;height:2px;margin:auto;content:"";background-color:#333}.simulator .layout .estimate div.estimate-modal button.close::before{transform:rotate(45deg)}.simulator .layout .estimate div.estimate-modal button.close::after{transform:rotate(-45deg)}@media screen and (max-width: 767px){.simulator .layout .estimate.open{inset:0;min-height:100%;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px) saturate(500%);backdrop-filter:blur(5px) saturate(500%)}.simulator .layout .estimate.open div.estimate-sheet{display:block;max-height:100%;overflow:auto}}@media print{.rwd-main-content{width:auto !important}#rwd-main-content{margin-block-end:0 !important}.rwd-section-break{margin-block-end:0 !important}footer.rwd-main-footer{display:none}#onetrust-consent-sdk{display:none !important}.rwd-product-header p{display:none !important}.simulator{margin-block-end:30px !important}.simulator .layout{grid-template:"photo" auto "estimate" auto/1fr;border-block:none}.simulator .color,.simulator .console{display:none}.simulator .photo{display:grid;grid-template-columns:1fr 1fr;padding:0 !important}.simulator .photo .angle{display:none}.simulator .photo .bike.angle-3,.simulator .photo .bike.angle-4{display:block !important}.simulator .estimate{padding:0 !important;margin-block-start:40px;border-inline-start:none !important}.simulator .estimate .print-date{font-weight:normal}.simulator .estimate .print-color{font-weight:normal}.simulator .estimate .estimate-print,.simulator .estimate .estimate-modal{display:none}.notes{width:80%;padding:30px;margin-block-start:30px;margin-inline:auto;border:.5px solid #000;border-radius:5px}.notes .rwd-notes-list01{margin-bottom:0 !important}.notes .rwd-notes-list01 dt,.notes .rwd-notes-list01 dd{font-size:11px !important}.cta{display:none}.banner{display:none}.copyright{display:block;margin-top:20px}.copyright p{font-size:10px;text-align:center}.simulator .layout .photo{-ms-grid-row:1;-ms-grid-column:1}.simulator .layout .estimate{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}}