.blog{padding-bottom:12rem}.blog__list{width:88rem;margin:0 auto}.blog__item{display:flex;align-items:center;padding:2.4rem 8rem 2.4rem 0;border-top:1px solid var(--color-main);border-bottom:1px solid var(--color-main);margin-bottom:-1px;position:relative;z-index:0;text-decoration:none;color:inherit}.blog__item:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--color-base);opacity:0;transform:scaleY(.5);transition:.6s var(--ease-out);transition-property:opacity,transform;pointer-events:none}.blog__item:hover:before{opacity:.6;transform:scaleY(1)}.blog__item:hover .blog__item-arrow svg{transform:translate(.8rem)}.blog__item-date{font-family:var(--font-gravitas);font-size:1.4rem;letter-spacing:.07rem;color:var(--color-accent);line-height:1.5;text-align:center;width:18rem;flex-shrink:0;padding-top:.2em}.blog__item-title{font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-main);line-height:1.5;text-align:justify;flex:1;min-width:0}.blog__item-arrow{position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);width:3.2rem;height:.8rem}.blog__item-arrow svg{transition:transform .6s var(--ease-out)}.blog__pagination{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:6.4rem;padding-bottom:8rem}.blog__page-btn{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:1px solid var(--color-main);border-radius:.8rem;background-color:var(--color-white);font-family:var(--font-noto-serif);font-weight:700;font-size:1.6rem;letter-spacing:.08rem;color:var(--color-main);text-decoration:none;transition:background-color .2s,color .2s}.blog__page-btn:hover{background-color:var(--color-base)}.blog__page-btn--current{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.blog__page-btn--current:hover{background-color:var(--color-accent)}.blog__page-btn--disabled{opacity:.3;pointer-events:none}@media screen and (max-width:767px){.blog__list{width:32.7rem}.blog__item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem 1.6rem 3.2rem}.blog__item-date{font-size:1.3rem;letter-spacing:.065rem;width:auto;text-align:left;padding-top:0}.blog__item-title{font-size:1.3rem;letter-spacing:.065rem}.blog__item-arrow{right:.8rem;bottom:1.5rem;top:auto;transform:none}.blog__pagination{gap:.8rem;margin-top:4rem;padding-bottom:4rem}.blog__page-btn{flex:1;width:auto;height:auto;aspect-ratio:1 / 1;font-size:1.3rem;letter-spacing:.065rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog.css.map */