.as-coll-main{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.as-coll-right{position:relative}.as-coll-right:before{content:"";width:100%;height:65%;background-color:#e3e3e3;position:absolute;top:0;left:0;z-index:1;border-radius:20px}.as-coll-right-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:70px;padding:30px;border-radius:20px;position:relative;z-index:2}.as-coll-item_img{width:100%;height:100%;object-fit:cover}.as-coll-right_content{width:80%;margin:20px auto 0}.as-coll-right_content p{font-size:18px;color:#4c4c4c;line-height:1.5;margin:0}.as-coll__item{position:relative}.as-coll__item-image{width:400px;height:300px;margin:0;object-position:center;border-radius:20px;background-color:#e3e3e3;position:relative;z-index:4;overflow:hidden}.as-coll-inner{display:flex;flex-direction:column;justify-content:space-between;gap:100px}.coll-section-ttl{margin-bottom:0;transition:all .3s ease;cursor:default}.coll-section-ttl:hover{letter-spacing:10px;-webkit-text-stroke:1px #000;color:transparent}.as-coll-left{display:flex;flex-direction:column;justify-content:space-between}.as-coll__item2{display:flex;gap:20px;flex-direction:row-reverse;position:relative}.as-coll_content2{width:max-content;height:100%;position:relative;display:flex;justify-content:end}.as-coll_content2:before{content:"";width:150px;height:150px;position:absolute;top:0;left:100%;transform:translate(-50%,-35%);border-radius:50%;background-color:#d9fff4;z-index:-1}.as-coll-left-description{margin:0;font-weight:500;color:#4c4c4c}.as-coll__item2 p{rotate:90deg;width:90%}.as-coll_content1{width:300px;padding:20px;background-color:#d9fff4;border-radius:10px;position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);z-index:5}.as-coll-left-title1{border-left:2px solid #000;padding-left:10px;margin-bottom:10px}.left-desc1{font-size:16px;line-height:1.4}.as-coll-left_img{width:100%;height:100%;object-fit:cover;object-position:center}.coll-shop-name-marquee{position:absolute;top:0;right:0;height:100%;width:150px;overflow:hidden;z-index:1}.coll-shop-name-track{display:flex;gap:130px;flex-direction:column;animation:marqueeVertical 15s linear infinite}.coll-shop-name{-webkit-text-stroke:1.5px #01563e33;color:#fff0;font-size:120px;rotate:270deg;margin:60px 0;letter-spacing:10px;white-space:nowrap}@keyframes marqueeVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.as-coll__item-image{width:400px;height:300px;margin:0;object-position:center;border-radius:20px;background-color:#e3e3e3;position:relative;z-index:4;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.as-coll__item:hover .as-coll__item-image{transform:scale(1.03) rotate(-2deg);box-shadow:10px 10px #d9fff4}.as-coll__item2:hover .as-coll__item-image{transform:scale(1.03) rotate(2deg);box-shadow:-10px 10px #d9fff4}@media screen and (max-width:1440px){.as-coll__item-image{width:330px;height:230px}.as-coll_content1{left:68%}.as-coll__item2 p{width:70%}.as-coll-inner{gap:70px}.as-coll_content2:before{transform:translate(-48%,-25%)}.coll-shop-name{font-size:90px}.as-coll-right_content{margin:0 auto}}@media screen and (max-width:1200px){.coll-shop-name-marquee{display:none}}@media screen and (max-width:1024px){.as-coll__item-image{width:300px;height:200px}.as-coll_content2:before{width:130px;height:130px;transform:translate(-48%,-20%)}.as-coll__item2 p{width:60%}.as-coll_content1{left:66%}.as-coll-inner{gap:60px}.as-coll-right-inner{gap:30px;padding:20px}.as-coll-right:before{height:60%}.coll-section-ttl{margin-bottom:20px}}@media screen and (max-width:800px){.as-coll-main{grid-template-columns:repeat(1,1fr)}.as-coll__item-image{width:400px;height:300px}.as-coll_content2:before{width:150px;height:150px}.as-coll__item2 p{width:90%}.as-coll-inner{gap:80px}.as-coll-right-inner{gap:50px;padding:30px}.as-coll-item_img{width:80%;margin:0 auto}}@media screen and (max-width:600px){.as-coll__item-image{width:100%;height:350px}.as-coll_content1{left:auto;right:4%;transform:translateY(10%)}.as-coll_content2:before{display:none}.as-coll_content2{height:auto;position:absolute;z-index:5;padding:15px;background-color:#d9fff4;bottom:6%;left:4%;border-radius:10px;width:270px}.as-coll__item2 p{rotate:0deg;width:100%}.as-coll-right-inner{gap:20px;padding:20px}.as-coll-inner{gap:30px}.as-coll-main{gap:60px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/as-collection.css.map */