.materials-section.pc{display:none}.materials-section.sp{display:block}.materials-section.sp .materials-title{font-size:1rem}.materials-section.sp .materials-container{overflow:scroll;scrollbar-width:none}.materials-section.sp .materials-container .materials-item-wrap{min-width:90%;width:90%;height:auto;overflow:auto}.materials-section.sp .materials-container .materials-item-wrap img{width:100%;height:100%;object-fit:cover;background-color:#d4d4d480}.materials-section.sp .materials-container .materials-item-wrap .materials-item-description{padding:1rem;color:#fff;bottom:0}.materials-section.sp .materials-container .materials-item-wrap .materials-item-description .materials-title{font-size:1.5rem;line-height:1rem}.materials-section.sp.text-below .materials-container{align-items:flex-start}.materials-section.sp.text-below .materials-container .materials-item-wrap{overflow:visible}.materials-section.sp.text-below .materials-container .materials-item-wrap img{aspect-ratio:1 / 1;height:auto}.materials-section.sp.text-below .materials-container .materials-item-wrap .materials-item-description{padding:1rem 0 0;color:inherit}.materials-section.sp.text-below .materials-container .materials-item-wrap .materials-item-description .materials-title{display:block;margin-bottom:.5rem;line-height:1.4}@media screen and (min-width:768px){.materials-section.pc{display:flex}.materials-section.sp{display:none}.materials-section.pc{padding-top:4rem;padding-bottom:4rem}.materials-section.pc .order{width:100%}.materials-section.pc .order-1{width:40%;top:0}.materials-section.pc .order-2{width:60%;overflow:hidden}.materials-section.pc .order-1{background-color:transparent}.materials-section.pc .materials-title{margin-bottom:2rem;font-size:.75rem;line-height:1rem}.materials-section.pc .materials-button{background-color:transparent;padding-top:1rem;padding-bottom:1rem;width:100%;cursor:pointer;display:flex;flex-direction:column;transition:.3s ease;opacity:.5}.materials-section.pc .materials-button:hover,.materials-section.pc .materials-button.active{opacity:1}.materials-section.pc .materials-button:focus{outline:none}.materials-section.pc .materials-button .materials-button-title{font-size:1.25rem;line-height:1.75rem}@media(min-width:1024px){.materials-section.pc .materials-button .materials-button-title{font-size:1.5rem;line-height:2rem}}.materials-section.pc .materials-content{transition:max-height .3s ease,margin-bottom .3s ease,padding .3s ease}.materials-section.pc .materials-content.open{max-height:100%;padding-top:1rem;padding-bottom:1rem}.materials-section.pc .materials-image-container{position:relative}.materials-section.pc .materials-image-container img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.materials-section.pc .materials-image-container img:first-child{position:relative;height:auto}.materials-section.pc .materials-image-container img.active{opacity:1;z-index:1}}.materials-section.pc .container{padding-left:2rem;padding-right:2rem}@media screen and (min-width:768px){.materials-section.pc .order-2{padding-right:2rem}}@media screen and (min-width:768px){.materials-section.pc .order-1{top:calc(var(--header-height, 0px) + var(--enable-sticky-announcement-bar, 0) * var(--announcement-bar-height, 0px))}.materials-section.pc .order-2{top:calc(var(--header-height, 0px) + var(--enable-sticky-announcement-bar, 0) * var(--announcement-bar-height, 0px) + 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/materials-parts-styles.css.map */