.material-items{background:#e0c49e;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;padding:0 20px 24px}.material-items .container{margin:auto;max-width:1200px}.material-items .section-title{color:#000!important;font-size:32px;font-weight:700;margin-bottom:24px;padding-bottom:12px;position:relative;text-align:left}.material-items .section-title:after{background:#d61619;border-radius:2px;content:"";display:block;height:4px;margin-top:10px;width:120px}.material-items .tab.active{box-shadow:0 0 0 2px #d61619,0 4px 10px rgba(0,0,0,.15),0 0 12px rgba(214,22,25,.45);position:relative}.material-items .tab.active:before{font-weight:700}.material-items .tabs{background:#f6e6cc;border:2px solid #b81216;display:grid;gap:0;grid-template-areas:"tab1 tab1" "tab2 tab3";grid-template-columns:1fr 1fr;margin:0 auto 16px;width:1200px}.material-items .tab{align-items:center;background:#fff;border:none;border-right:2px solid #b81216;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;padding:16px 10px;text-align:center;transition:all .25s ease}.material-items .tab:last-child{border-right:none}.material-items .tab[data-tab=material1]{grid-area:tab1}.material-items .tab[data-tab=material2]{grid-area:tab2}.material-items .tab[data-tab=material3]{grid-area:tab3}.material-items .tab:hover{background:#fff3e1}.material-items .tab.active{background:#d61619;color:#fff;transform:translateY(-2px);z-index:2}.material-items .tab.active:before{content:"◎ "}@media(max-width:900px){.tabs{display:grid;grid-template-areas:unset;grid-template-columns:1fr;margin:0 auto;max-width:680px;width:100%}.tabs-row2{display:flex;gap:0}.tabs-row2 .tab{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:60px}.tab,.tabs-row2 .tab{font-size:16px;padding:12px 8px}}@media(max-width:600px){.tabs{display:grid;grid-template-areas:unset;grid-template-columns:1fr;margin:0 auto;max-width:360px;width:100%}.tabs-row2 .tab{flex:1;min-height:50px}.tab,.tabs-row2 .tab{font-size:14px;padding:10px 6px}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.product-grid{grid-template-columns:1fr}.section-title{font-size:26px}}.material-items .tab-content{display:none}.material-items .tab-content.active{display:block}.material-items .product-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.material-items .product-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:5px 5px 6px;text-align:center;transition:all .25s ease}.material-items .product-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-4px)}.material-items .material{color:#000;font-size:15px;font-weight:600;margin-top:10px}.material-items .size{color:#333;font-size:14px;font-weight:700;margin-bottom:6px}.material-items .size-copy{color:#333;font-size:15px;letter-spacing:.03em;line-height:1.8;margin:0 auto 30px;max-width:680px;text-align:center}.material-items .product-card img{display:block;height:auto;margin:0 auto;transition:.3s;width:90%}.material-items .product-card img:hover{transform:scale(1.05)}.material-items .product-title{color:#000;font-size:16px;font-weight:700;line-height:1.4;margin:8px 0 6px}.material-items .product-title a{color:inherit;text-decoration:none}.material-items .product-title a:hover{text-decoration:underline}.material-items .product-badges{margin-bottom:6px}.material-items .product-badges span{border:1px solid #d61619;border-radius:4px;color:#d61619;font-size:12px;margin-right:4px;padding:2px 8px}.material-items .section-cta{margin-top:24px;text-align:center}.material-items .section-cta .cta-button{background:#d61619;border:2px solid #d61619;border-radius:30px;color:#fff!important;display:inline-block;font-weight:700;padding:12px 28px;text-decoration:none;transition:all .2s ease}.material-items .section-cta .cta-button:hover{background:#b81216;color:#000!important;transform:translateY(-1px)}@media(max-width:900px){.material-items .product-grid{grid-template-columns:repeat(2,1fr)}.material-items .tabs{grid-template-columns:1fr}}@media(max-width:600px){.material-items .product-grid{grid-template-columns:1fr}.material-items .section-title{font-size:26px}.material-items .tab{font-size:16px;padding:14px 8px}}