.custom-blog-section *{box-sizing:border-box}.custom-blog-section{width:100%;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:50px;--apl-text: #1d1d1f;--apl-text-sub: #6e6e73;--apl-text-faint: #86868b;color:var(--apl-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-blog-section .article-list-wrapper{position:relative}.custom-blog-section .section-header{text-align:center;margin-bottom:30px}.custom-blog-section .section-header--with-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left}.custom-blog-section .section-header__text{flex-grow:1}.custom-blog-section .section-header__title{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--apl-text)}.custom-blog-section .section-header__subtitle{margin:8px 0 0;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--apl-text-sub)}.custom-blog-section .section-header__title-placeholder{flex-grow:1}.custom-blog-section .slider-navigation{display:flex;gap:8px;flex-shrink:0}.custom-blog-section .slider-navigation__button{background-color:transparent;border:1px solid var(--color-text, currentColor);color:var(--color-text, currentColor);padding:0;cursor:pointer;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease}.custom-blog-section .slider-navigation__button:hover:not(:disabled){background-color:#0000000d}.custom-blog-section .slider-navigation__button:disabled{opacity:.4;cursor:not-allowed}.custom-blog-section .slider-navigation__button .icon{width:20px;height:20px;fill:currentColor}.custom-blog-section .article-grid:not(.slider){list-style:none;padding:0;margin:0;display:grid;grid-gap:20px}.custom-blog-section .article-grid:not(.slider).desktop-grid--1-2{grid-template-columns:repeat(2,1fr)}.custom-blog-section .article-grid:not(.slider).desktop-grid--1-3{grid-template-columns:repeat(3,1fr)}.custom-blog-section .article-grid:not(.slider).desktop-grid--1-4{grid-template-columns:repeat(4,1fr)}.custom-blog-section .article-grid.slider{list-style:none;display:flex;justify-content:safe center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 -15px;padding:5px 15px 20px;width:calc(100% + 30px);grid-template-columns:none!important}.custom-blog-section .article-grid.slider .article-grid-item{scroll-snap-align:start;flex-shrink:0}@media screen and (max-width:749px){.custom-blog-section .article-grid.slider .article-grid-item{width:80%;max-width:320px}}@media screen and (min-width:750px){.custom-blog-section .article-grid.slider .article-grid-item{width:300px}}.custom-blog-section .article-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;text-align:left;background-color:#fff;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.custom-blog-section .article-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.custom-blog-section .article-card__image-container{position:relative;display:block;overflow:hidden;background-color:#f5f5f5}.custom-blog-section .article-card__image-container.aspect-ratio:before{content:"";display:block}.custom-blog-section .article-card__image-container.aspect-ratio--1:before{padding-bottom:100%}.custom-blog-section .article-card__image-container.aspect-ratio--1-777:before{padding-bottom:calc(100% / (1.777/1))}.custom-blog-section .article-card__image-container.aspect-ratio--1-414:before{padding-bottom:calc(100% / (1.414/1))}.custom-blog-section .article-card__image-container.aspect-ratio--0-75:before{padding-bottom:calc(100% / (.75/1))}.custom-blog-section .article-card__image-container>a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height:0}.custom-blog-section .article-card__image-container img,.custom-blog-section .article-card__image-container .placeholder-image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.custom-blog-section .article-card__image-container.image-display--cover img{object-fit:cover}.custom-blog-section .article-card__image-container.image-display--contain img{object-fit:contain}.custom-blog-section .article-card:hover .article-card__image-container img{transform:scale(1.05)}.custom-blog-section .placeholder-image{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.custom-blog-section .placeholder-image svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;max-width:70px;max-height:70px;fill:#ccc}.custom-blog-section .article-card__info{padding:15px 20px;flex-grow:1;display:flex;flex-direction:column}.custom-blog-section .article-card__title{margin:0 0 8px;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--apl-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.4em}.custom-blog-section .article-card__title a{text-decoration:none;color:inherit}.custom-blog-section .article-card__title a:hover{text-decoration:underline;color:var(--color-link-hover, inherit)}.custom-blog-section .article-card__meta{font-size:.8rem;color:var(--apl-text-faint);margin-bottom:12px;display:flex;align-items:center;flex-wrap:wrap}.custom-blog-section .article-card__date,.custom-blog-section .article-card__author{display:inline-block;line-height:1.3}.custom-blog-section .article-card__meta-separator{color:var(--apl-text-faint)}.custom-blog-section .article-card__excerpt{color:var(--apl-text-sub);line-height:1.6;margin-top:auto;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:1.6em}.custom-blog-section .section-footer{margin-top:35px}.custom-blog-section .section-footer.align--left{text-align:left}.custom-blog-section .section-footer.align--center{text-align:center}.custom-blog-section .section-footer.align--right{text-align:right}.custom-blog-section .section-footer .button{display:inline-block;text-decoration:none;border-radius:5px;font-weight:500;transition:background-color .2s ease-out,transform .2s ease-out,border-radius .2s ease-out,padding .2s ease-out,font-size .2s ease-out;border:1px solid transparent;line-height:normal}.custom-blog-section .section-footer .button:hover{filter:brightness(1.15);transform:translateY(-2px)}.custom-blog-section .section-footer .button--pill{border-radius:50px}.custom-blog-section .section-footer .button--small{padding:8px 18px;font-size:.875em}.custom-blog-section .section-footer .button--medium{padding:12px 28px;font-size:1em}.custom-blog-section .section-footer .button--large{padding:16px 36px;font-size:1.125em}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-blog-display.css.map */