.filter-row{display:grid;gap:8px}.row-1{grid-template-columns:1.8fr 1fr 1fr}.row-3{grid-template-columns:1fr 1fr}.filter-box{min-width:0}.filter-box h3{background:#999;color:#fff;font-size:13px;margin:0 0 6px;padding:3px 8px}.filter-items{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.filter-radio{cursor:pointer;display:block;font-size:11px;text-align:center;width:80px}.filter-radio input{display:none}.thumb{border:1px solid transparent;display:block;height:80px;margin:0 auto 4px;overflow:hidden;position:relative;transition:.2s;width:80px}.thumb:before{background:hsla(0,0%,85%,.65);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease;z-index:1}.thumb img{display:block;height:100%;object-fit:contain;opacity:.95;transition:.2s;width:100%}.filter-radio:hover .thumb:before{opacity:1}.filter-radio:hover .thumb{border:1px solid #ccc}.filter-radio input:checked+.thumb:before{opacity:1}.filter-radio input:checked+.thumb{border-color:#5f8faa}.filter-radio input:checked+.thumb img{opacity:.85}.radio-ui{background:#fff;border:1px solid #bbb;border-radius:50%;box-sizing:border-box;height:13px;position:absolute;right:4px;top:4px;transition:.2s;width:13px;z-index:2}.filter-radio input:checked+.thumb .radio-ui{background:#5f8faa;border-color:#5f8faa}.text{display:block;line-height:1.3;transition:.2s;word-break:break-word}.filter-radio input:checked~.text{color:#3f718b;font-weight:700}.pitch-area{margin-top:10px}.pitch-area .pitch-selects{grid-template-columns:1fr}.pitch-selects{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.pitch-inputs{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.pitch-field{align-items:center;display:flex;gap:8px}.pitch-field img{flex-shrink:0;height:auto;width:30px}.pitch-field input{border:1px solid #ccc;box-sizing:border-box;flex:1;height:36px;padding:0 10px}.search-layout input,.search-layout select{background:#fff;border:1px solid #ccc;box-sizing:border-box;color:#333;height:32px;padding:0 8px;width:100%}.filter-box select,.material select,.pitch-selects select,.range-select select,.side-select select,.size-field select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #ccc;box-sizing:border-box;padding:0 28px 0 8px}.size-layout{align-items:end;display:grid;gap:12px 14px;grid-template-areas:"wheel image height" ". load .";grid-template-columns:1fr 1fr 1fr}.size-wheel{grid-area:wheel}.size-image{grid-area:image;text-align:center}.size-image img{display:block;height:auto;margin:0 auto;width:300px}.size-height{grid-area:height}.size-load{grid-area:load;position:relative}.size-load:before{background:url(https://gigaplus.makeshop.jp/ESBSHOP/theme/img/search/arrow_down.png) no-repeat 50%/contain;content:"";height:56px;left:-70px;position:absolute;top:3px;width:56px}.size-detail-form{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.pitch-selects label,.size-field label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.size-field select{background:#fff;border:1px solid #ccc;box-sizing:border-box;height:36px;padding:0 28px 0 8px;width:100%}.size-note{font-size:11px;line-height:1.6;margin:0 0 12px}.calc-form-box{background:#f5f5f5;margin-top:10px;padding:10px}.calc-form.mini{align-items:end;background:#fff;display:grid;gap:8px;grid-template-columns:1fr 1fr auto 1fr;padding:10px}.calc-form.mini label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px}.calc-form.mini button{background:#5f8b78;border:none;border-radius:4px;color:#fff;cursor:pointer;height:32px;padding:0 14px}.calc-output{align-self:center;font-weight:700;margin-left:10px;white-space:nowrap}.calc-output strong{color:#c00;font-size:20px}@media screen and (max-width:1200px){.row-1{grid-template-columns:1.3fr .8fr .8fr}.size-image img{width:240px}.calc-form.mini{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.pitch-selects,.row-1,.row-3,.size-detail-form{grid-template-columns:1fr}.filter-box{margin-bottom:12px}.size-layout{grid-template-areas:"image" "wheel" "height" "load";grid-template-columns:1fr}.size-image{text-align:center}.size-image img{width:220px}.size-load{margin-bottom:42px;position:relative}.size-load:after{border-bottom:6px solid #cfcfcf;border-right:6px solid #cfcfcf;bottom:-30px;content:"";height:18px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:18px}.calc-form.mini{display:block}.calc-form.mini button,.calc-form.mini label,.calc-output{display:block;margin-bottom:8px;width:100%}}.is-disabled{pointer-events:none}.is-disabled .thumb{opacity:.35}.is-disabled .text{color:#aaa}.pitch-area.is-hidden{display:none}.esb-product-table{border-collapse:collapse;font-size:12px;margin-bottom:30px;width:100%}.esb-product-table th{background:#eee;border:1px solid #888;color:#000;padding:4px}.esb-product-table th div{align-items:center;display:flex;gap:4px;justify-content:center}.esb-product-table th img{width:25px}.esb-product-table td{border:1px solid #aaa;padding:8px;text-align:center;vertical-align:middle}.esb-product-table td:nth-child(2){min-width:220px;text-align:left}.esb-product-table img{height:auto;width:120px}@media screen and (max-width:768px){.esb-product-table,.esb-product-table tbody,.esb-product-table td,.esb-product-table tr{display:block;width:100%}.esb-product-table thead{display:none}.esb-product-table tr{background:#fff;border:1px solid #cfd8dc;display:grid;grid-template-columns:38% 62%;margin-bottom:20px}.esb-product-table td:first-child{border:none;grid-column:1/3;grid-row:1;padding:14px;text-align:center}.esb-product-table td:first-child:before{content:none}.esb-product-table td:first-child img{height:auto;max-width:140px;width:100%}.esb-product-table td{border:0}.esb-product-table td:nth-child(2){text-align:center}.esb-product-table td:nth-child(n+2){align-items:center;border-top:1px solid #e5e5e5;display:grid;font-size:13px;grid-column:1/3;grid-template-columns:120px 1fr;min-height:42px;padding:0 10px 0 0}.esb-product-table td:nth-child(n+2):before{align-items:center;background:#f7f7f7;border-right:1px solid #e5e5e5;box-sizing:border-box;content:attr(data-label);display:flex;font-weight:700;height:100%;justify-content:center;padding:10px}}.search_item-list{display:flex;gap:8px}.search_item-name{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.price{font-size:18px;margin-top:8px}@media screen and (max-width:768px){.price{font-size:15px;font-weight:700;margin-top:10px}}.filter-pagination ol{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.filter-pagination li{height:35px;margin-right:10px;width:35px}.filter-pagination li:last-child{margin-right:0}.filter-pagination .filter-pagination-current,.filter-pagination a{align-items:center;display:flex;justify-content:center}.filter-pagination .filter-pagination-current{background-color:#333;color:#fff}.filter-pagination a{border:1px solid #e7e7e7;height:100%;text-decoration:none;width:100%}.filter-pagination a[aria-disabled=true]{opacity:.3;pointer-events:none}.filter-pagination .filter-pagination-prev a{background:url(https://www.e-caster.shop/view/images/template/10/icon-arrow-left.png) no-repeat 50%/6px 12px}.filter-pagination .filter-pagination-next a{background:url(https://www.e-caster.shop/view/images/template/10/icon-arrow-right.png) no-repeat 50%/6px 12px}.sort-box{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:flex-end;margin-bottom:8px}.sort-box select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #ccc;box-sizing:border-box;height:32px;min-width:180px;padding:0 28px 0 8px}.calc-output{display:none}.calc-error,.calc-output{font-size:13px;margin-top:4px}.calc-error{color:#c00}.contents-wrapper{align-items:flex-start;display:flex;gap:20px}main{flex:1}.esb-main{background:#fff;flex:1;padding:4px}.esb-search-area h2{background:#333;color:#fff;font-size:16px;margin:0 0 8px;padding:4px 8px}.search-layout{align-items:start;border:1px solid #aaa;display:grid;gap:16px;grid-template-columns:minmax(0,58%) minmax(0,42%);padding:8px}.search-left{display:flex;flex-direction:column;gap:10px;min-width:0}.search-right{min-width:0}.result-arrow{border-left:40px solid transparent;border-right:40px solid transparent;border-top:28px solid #999;height:0;margin:12px auto;width:0}.reset-all-btn{align-self:stretch;background:#5f8b78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:0 20px;white-space:nowrap}.reset-all-btn:hover{background:#4d7a67}.result-count-wrap{align-items:stretch;display:flex;gap:12px;justify-content:center;margin:0 auto 20px}.result-count{background:#777;box-sizing:border-box;color:#fff;font-size:16px;padding:10px 20px;text-align:center;width:300px}.result-count strong{color:#ff0;font-size:28px}.esb-table-empty,.esb-table-loading{color:#888;font-size:14px;padding:24px;text-align:center}@media screen and (max-width:1200px){.search-layout{grid-template-columns:1fr}}@media screen and (max-width:768px){.search-layout{display:block}.result-count-wrap{flex-wrap:wrap}.result-count{width:100%}.reset-all-btn{padding:10px 0;width:100%}}