.c-blog{--c-blog-ease-o: cubic-bezier(.175, 0, .035, 1);--c-blog-ease-mask: cubic-bezier(0, .03, 0, 1);background:var(--c-top-black, #000);color:#fff}.c-blog__hero{position:relative;width:100%;height:clamp(280px,36vw,620px);overflow:hidden}.c-top-section.c-blog .c-blog__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center}.c-top-section.c-blog .c-blog__hero-img--sp{display:none}.c-top-section.c-blog .c-blog__hero--sp-only .c-blog__hero-img--sp{display:block}.c-blog__hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a}.c-blog__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0000008c,#00000026 40%,#0000 70%);pointer-events:none}.c-blog__hero-title{position:absolute;left:var(--c-top-pad-x, clamp(20px, 4vw, 64px));bottom:120px;z-index:2;margin:0;font-family:var(--c-top-font-mincho);font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:.1em;line-height:1.4;color:#fff}.c-blog__main{padding:120px 0 clamp(32px,4vw,56px)}.c-blog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 66px}.c-blog__empty{grid-column:1 / -1;margin:48px 0;font-family:var(--c-top-font-sans);font-size:14px;letter-spacing:.06em;color:#ffffffb3;text-align:center}.c-article-card{display:flex;flex-direction:column;height:100%}.c-article-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;margin-bottom:16px;background:#1a1a1a}.c-article-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 60%);mask-image:linear-gradient(0deg,#000 40%,transparent 60%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 0%;mask-position:50% 0%;transition:-webkit-mask-position 2.5s var(--c-blog-ease-mask) var(--c-article-delay, 0s),mask-position 2.5s var(--c-blog-ease-mask) var(--c-article-delay, 0s),transform .45s ease}.c-article-card__bg.is-shown{-webkit-mask-position:50% 100%;mask-position:50% 100%}.c-top-section.c-blog .c-article-card__img,.c-article-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover}.c-top-section.c-blog .c-article-card__img{transform:scale(1.1);transform-origin:center center}.c-top-section.c-blog .c-article-card__img--filter{z-index:1;opacity:1;mix-blend-mode:screen;filter:brightness(1.4);pointer-events:none}.c-top-section.c-blog .c-article-card__bg.is-shown .c-article-card__img{transform:scale(1);transition:transform 2s var(--c-blog-ease-o) var(--c-article-delay, 0s)}.c-top-section.c-blog .c-article-card__bg.is-shown .c-article-card__img--filter{opacity:0;transition:opacity 2s var(--c-blog-ease-o) var(--c-article-delay, 0s),transform 2s var(--c-blog-ease-o) var(--c-article-delay, 0s)}@media(hover:hover)and (pointer:fine){.c-article-card:hover .c-article-card__bg{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.c-article-card__bg{-webkit-mask-image:none;mask-image:none;transition:none}.c-top-section.c-blog .c-article-card__img,.c-top-section.c-blog .c-article-card__bg.is-shown .c-article-card__img{transform:none;transition:none}.c-top-section.c-blog .c-article-card__img--filter{display:none}}.c-article-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}.c-article-card__title{margin:0;font-family:var(--c-top-font-sans);font-size:18px;font-weight:500;letter-spacing:.04em;line-height:1.6;color:var(--c-top-cream)}.c-article-card__title a{color:inherit}.c-article-card__title a:hover{opacity:.75}.c-article-card__excerpt{margin:0;font-family:var(--c-top-font-sans);font-size:16px;font-weight:300;letter-spacing:.04em;line-height:1.7;color:var(--c-top-cream);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.c-article-card__date{margin-top:auto;padding-top:8px;font-family:var(--c-top-font-sans);font-size:16px;font-weight:300;letter-spacing:.06em;line-height:1.4;color:var(--c-top-cream)}.c-blog__pagination{margin-top:clamp(48px,6vw,80px)}.c-blog__pagination-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:0;padding:0;list-style:none}.c-blog__pagination-link,.c-blog__pagination-arrow,.c-blog__pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 4px;font-family:var(--c-top-font-sans);font-size:13px;font-weight:400;letter-spacing:.04em;line-height:1;color:#fff;text-decoration:none;transition:background .25s ease,color .25s ease,opacity .25s ease}.c-blog__pagination-link:hover,.c-blog__pagination-arrow:hover{opacity:.7}.c-blog__pagination-link.is-current{border-radius:50%;background:var(--c-top-cream);color:var(--c-top-black);opacity:1}.c-blog__pagination-arrow.is-disabled{opacity:.28;pointer-events:none}.c-blog__pagination-ellipsis{opacity:.6}.c-blog__top{padding:clamp(28px,4vw,48px) 0 clamp(56px,7vw,96px);text-align:center}.c-blog__top-btn{margin:0 auto}@media(max-width:989px){.c-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.c-blog__hero{height:500px}}@media(max-width:749px){.c-top-section.c-blog .c-blog__hero--has-sp:not(.c-blog__hero--sp-only) .c-blog__hero-img--pc{display:none}.c-top-section.c-blog .c-blog__hero--has-sp .c-blog__hero-img--sp{display:block}.c-blog__hero-title{left:20px;bottom:24px;font-size:24px}.c-blog__main{padding-top:40px}.c-article-card__title{font-size:16px}.c-article-card__excerpt,.c-article-card__date{font-size:14px}.c-blog__top{padding:40px 0 80px}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/c-blog.css.map */
