.section--category{background:url(../image/white-diamond.png);background-repeat:repeat;background-size:18rem;position:relative;z-index:1;padding-top:0}.section--category:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0,#fffc 49.5%,#ffffffa6 72%,#fff0);z-index:2}.content-for-layout .category-section{position:relative;z-index:3;padding:10rem 0}.section--category .page-width{max-width:1082px}.category-section .title-wrapper{margin-bottom:5rem}.section--category .category h3{font-size:2rem;text-align:center;margin:0;color:#78552a;position:relative}.section--category .category h3:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:35rem;height:2rem;background-image:url(../image/line.png);background-size:cover;background-repeat:no-repeat;background-position:left}.section--category .category h3:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:35rem;height:2rem;background-image:url(../image/line.png);background-size:cover;background-repeat:no-repeat;background-position:right}.section--category .category ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:0;list-style:none;max-width:1005px;margin:6rem 2rem 7.5rem}.section--category .category ul:last-child{margin-bottom:0}.section--category .category ul:has(li.category),.section--category .category ul:has(li.type),.section--category .category ul:has(li.image){column-gap:2rem;row-gap:3rem}.section--category .category ul li{text-align:center}.section--category .category ul li.category{width:calc((100% - 10rem)/5)}.section--category .category ul:has(li.category-6) li{width:calc((100% - 10rem) / 6)}.section--category .category ul li.type,.section--category .category ul li.image{width:calc((100% - 10rem)/4)}.section--category .category ul:has(li.text){row-gap:3rem;column-gap:6rem}.section--category .category ul li.text{width:auto}.section--category .category ul:has(li.size){gap:4rem}.section--category .category ul li.size{width:calc((100% - 8rem) / 3);text-align:center}.section--category img{width:100%;height:100%;object-fit:cover;border-radius:100%}.section--category .category a{text-decoration:none;border-radius:100%;display:block}.section--category .category a:hover{opacity:.8;transition:.5s}.section--category .category ul li.text a{display:flex;justify-content:center;align-items:center;gap:.5rem}.section--category .category ul li.text a:before{border-top:1px solid;content:"";width:1rem;color:#332929}.section--category .category a h4{font-size:1.6rem;color:#332929;margin:0}@media screen and (max-width: 989px){.section--category .category h3:before{width:20rem}.section--category .category h3:after{width:20rem}.section--category .category ul{margin:4rem 1rem 5rem}.section--category .category ul:has(li.image){column-gap:1.5rem;row-gap:3rem}.section--category .category ul li.image{width:calc((100% - 4.5rem)/4)}.section--category .category ul:has(li.text){row-gap:2rem;column-gap:5rem}.section--category .category a h4{font-size:1.5rem}}@media screen and (max-width: 750px){.section--category{background-size:20%}.section--category .category h3{font-size:1.6rem}.section--category .category h3:before{width:8rem}.section--category .category h3:after{width:8rem}.section--category .category ul{margin:2rem .5rem 4rem}.section--category .category ul:has(li.category),.section--category .category ul:has(li.type),.section--category .category ul:has(li.image),.section--category .category ul:has(li.size){column-gap:.9rem;row-gap:2rem}.section--category .category ul li.category,.section--category .category ul:has(li.category-6) li,.section--category .category ul li.image,.section--category .category ul li.size{width:calc((100% - 1.8rem) / 3)}.section--category .category ul li.type{width:calc((100% - 1.8rem)/2)}.section--category .category ul:has(li.text){row-gap:1.5rem;column-gap:1rem}.section--category .category ul li.text{width:calc((100% - 1rem)/2)}.section--category .category a h4{font-size:1.5rem}.content-for-layout .category-section{padding:3rem 0}.category-section .title-wrapper{margin-bottom:3rem}}@media screen and (max-width: 374px){.section--category .category h3:after,.section--category .category h3:before{width:5rem}.section--category .category a h4{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/category-section.css.map?v=170106975412763125551722490432 */