.modal-container{z-index:3;display:none;padding-top:18rem;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{margin:auto;background-color:#fff;position:relative;padding:4rem;outline:0;width:100rem}.close-modal-button{position:absolute;top:-2.5rem;right:3.5rem}.close-modal-button:hover{cursor:pointer}.close-modal-button svg{position:absolute;width:6rem;height:6rem}.animate-zoom{animation:animatezoom .6s}@keyframes animatezoom{0%{transform:scale(0)}to{transform:scale(1)}}.relative-product-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.relative-product-message{font-family:Zen Kaku Gothic New;font-size:1.6rem;font-weight:500;line-height:1.6;letter-spacing:.05em;text-align:center}.relative-product-item{display:flex;flex-direction:column;height:100%;padding:1.5rem}.relative-product-item .product-image-title{flex-grow:1;display:flex;flex-direction:column;text-decoration:none;text-align:left}.relative-product-item .product-image-title img{max-width:100%;height:auto;max-height:20rem;object-fit:contain}.relative-product-item .product-image-title h3{margin:1rem 0;max-height:3.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Zen Kaku Gothic New;font-size:1.4rem;font-weight:500;line-height:1.6;letter-spacing:.05em}.relative-product-item .relative-product-info{display:flex;flex-direction:column;justify-content:flex-end}.relative-product-item .relative-product-info p{padding:1.4rem 0 0;margin:0;text-align:left;border-top:1px solid #D7D5D5;font-family:Zen Kaku Gothic New;font-size:1.6rem;font-weight:500;line-height:1.5}.relative-product-item .price-tax{font-family:Zen Kaku Gothic New;font-size:1.4rem;font-weight:400;letter-spacing:.1em;color:#8e8e8e}@media screen and (max-width: 1100px){.modal-content{padding:3rem;width:80rem}.close-modal-button{right:3rem}.close-modal-button svg{width:5rem;height:5rem}.relative-product-grid{gap:0}}@media screen and (max-width: 850px){.modal-container{padding-top:10rem}.modal-content{padding:2rem;width:unset;max-width:90%}.relative-product-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/modal-relative-product.css.map */