.blog-articles-hero{background:linear-gradient(to bottom,#f6efdd,#fff);padding:80px 0 40px}.blog-articles-hero__container{max-width:836px;margin:0 auto;padding:0 20px;text-align:center}.blog-articles-hero__title{font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700;line-height:51px;letter-spacing:4px;color:#333;margin:0}.blog-articles-content{padding:40px 0 80px;background-color:#fff}.blog-articles-content__container{max-width:1016px;margin:0 auto;padding:0 20px}.blog-articles-categories{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.blog-articles-category-btn{display:flex;align-items:center;justify-content:space-between;width:268px;height:56px;padding:16px;background-color:#836f68;border:none;text-decoration:none;transition:opacity .3s ease;cursor:pointer}.blog-articles-category-btn:hover{opacity:.8}.blog-articles-category-btn__text{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;line-height:25px;letter-spacing:.64px;color:#fff;width:200px}.blog-articles-category-btn__icon{width:24px;height:24px;color:#fff;flex-shrink:0}.blog-articles-grid{display:grid;grid-template-columns:repeat(2,496px);gap:24px;justify-content:center}.blog-article-card{position:relative;background-color:#fff;border:1px solid #b2a49e;overflow:hidden;height:478px;display:flex;flex-direction:column}.blog-article-card__image{width:100%;height:275px;overflow:hidden;position:relative}.blog-article-card__image img{width:100%;height:100%;object-fit:cover}.blog-article-card__content{position:absolute;top:62.55%;right:4.84%;bottom:5.02%;left:4.84%;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.blog-article-card__tag{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;line-height:0;letter-spacing:2px;color:#836f68;flex:1 1 0;display:flex;flex-direction:column;justify-content:center;min-height:0;width:100%;align-self:stretch}.blog-article-card__inner{display:flex;flex-direction:column;gap:40px;flex-shrink:0;align-self:stretch;width:100%;align-items:flex-start}.blog-article-card__title{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;line-height:0;letter-spacing:.4px;color:#555;margin:0;height:58px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;align-self:stretch;width:100%}.blog-article-card__title p{line-height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.blog-article-card__title a{color:inherit;text-decoration:none}.blog-article-card__title a:hover{opacity:.7}.blog-article-card__footer{display:flex;align-items:flex-end;justify-content:space-between;line-height:0;flex-shrink:0;align-self:stretch;width:100%}.blog-article-card__date{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:0;letter-spacing:2px;color:#555;width:297px;height:14px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;align-self:flex-end}.blog-article-card__date p{line-height:30.222px;margin:0}.blog-article-card__link-wrapper{display:inline-grid;grid-template-columns:max-content;grid-template-rows:max-content;place-items:start;flex-shrink:0;position:relative;height:23px}.blog-article-card__icon{grid-area:1 / 1;width:14px;height:14px;margin-left:105px;margin-top:4.5px;position:relative}.blog-article-card__icon svg{display:block;width:100%;height:100%}.blog-article-card__link{grid-area:1 / 1;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;line-height:0;letter-spacing:1.6px;color:#333;text-decoration:none;text-align:center;transition:opacity .3s ease;width:97px;height:23px;display:flex;flex-direction:column;justify-content:center;margin-left:0;position:relative}.blog-article-card__link p{line-height:57.6px;margin:0}.blog-article-card__link:hover{opacity:.7}.blog-articles-pagination{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:40px}.blog-articles-pagination__prev{margin-right:18px}.blog-articles-pagination__next{margin-left:18px}.blog-articles-pagination__numbers{display:flex;align-items:center;gap:16px}.blog-articles-pagination__number{font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:1;color:#333;text-decoration:none;transition:opacity .3s ease}.blog-articles-pagination__number:hover{opacity:.7}.blog-articles-pagination__number--active{color:#dedede}.blog-articles-pagination__dots{font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:1;color:#333}.blog-articles-pagination__prev,.blog-articles-pagination__next{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#e56e33;color:#fff;text-decoration:none;transition:background-color .3s ease}.blog-articles-pagination__prev:hover,.blog-articles-pagination__next:hover{background-color:#d35f2d}.blog-articles-pagination__prev svg,.blog-articles-pagination__next svg{width:24px;height:24px}@media screen and (max-width:1100px){.blog-articles-grid{grid-template-columns:repeat(2,1fr);max-width:100%}.blog-article-card{height:auto}}@media screen and (max-width:749px){.blog-articles-hero{padding:72px 0 0}.blog-articles-hero__title{font-size:24px;line-height:38px;letter-spacing:4px;height:24px}.blog-articles-content{padding:44px 0 60px}.blog-articles-content__container{padding:0 20px}.blog-articles-categories{flex-direction:column;gap:16px;margin-bottom:44px}.blog-articles-category-btn{width:100%;max-width:272px;margin:0 auto}.blog-articles-grid{grid-template-columns:1fr;gap:23px}.blog-article-card{height:410px}.blog-article-card__image{height:194px}.blog-article-card__content{position:absolute;left:20px;top:250px;width:310px;height:auto;display:flex;flex-direction:column;gap:32px;align-items:flex-start}.blog-article-card__tag{font-size:14px;line-height:0;letter-spacing:2px;height:16px;position:absolute;left:20px;top:222px;transform:translateY(-50%);width:310px;flex:none;display:flex;flex-direction:column;justify-content:center}.blog-article-card__tag p{line-height:26px;margin:0}.blog-article-card__inner{gap:32px;align-self:stretch;width:100%}.blog-article-card__title{font-size:18px;line-height:0;letter-spacing:.36px;height:85px;align-self:stretch;width:100%}.blog-article-card__title p{line-height:32px}.blog-article-card__footer{align-items:center;line-height:0;align-self:stretch;width:100%}.blog-article-card__date{width:192px;height:14px;line-height:0}.blog-article-card__date p{line-height:30.222px}.blog-article-card__link-wrapper{height:23px}.blog-article-card__icon{margin-top:4px}.blog-article-card__link{margin-left:48.5px;margin-top:11.5px;transform:translate(-50%,-50%)}.blog-articles-pagination__number,.blog-articles-pagination__dots{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/blog-articles.css.map */