.c-content-carousel{width:100%;padding:40px 0 0}.c-content-carousel__header{text-align:center;margin-bottom:20px}.c-content-carousel__heading{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:14px;line-height:1.8;margin:0 0 20px;color:#555;background-color:#f8efe6;padding:5px 15px;text-align:left}.c-content-carousel__subheading{font-family:Noto Sans JP,sans-serif;font-weight:300;font-size:11px;line-height:1;margin:0 0 10px;color:#555;text-align:left}.c-content-carousel__description{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:12px;line-height:1.6;margin:0;padding:0 20px;color:#555}.c-content-carousel__description p{text-align:center}.c-content-carousel__carousel-wrapper{position:relative;overflow:hidden;margin-bottom:20px;margin-top:30px;padding:0 0 50px}.c-content-carousel__track{display:flex;gap:25px;padding:0 20px;transition:transform .8s ease-in-out;will-change:transform}.c-content-carousel__track[data-transition-speed]{transition-duration:var(--transition-speed)}.c-content-carousel__track--centered{justify-content:flex-start}@media(prefers-reduced-motion:reduce){.c-content-carousel__track{transition:none}}.c-content-carousel__track .c-content-card{flex-shrink:0;width:263px}.c-content-carousel__arrow{position:absolute;top:calc(50% - 25px);transform:translateY(-50%);z-index:10;width:34px;height:34px;background-color:#ffffffe6;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.c-content-carousel__arrow:hover{background-color:#fff;box-shadow:0 2px 8px #00000026}.c-content-carousel__arrow:active{transform:translateY(-50%) scale(.95)}.c-content-carousel__arrow:focus-visible{outline:2px solid #000000;outline-offset:2px}.c-content-carousel__arrow--prev{left:10px}.c-content-carousel__arrow--next{right:10px}.c-content-carousel__arrow svg{width:16px;height:16px;fill:#000}.c-content-carousel__arrow--hidden{opacity:0;pointer-events:none}.c-content-carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.c-content-carousel__dots{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5}.c-content-carousel__dot{width:8px;height:8px;border-radius:50%;background-color:#d0d0d0;border:none;padding:0;cursor:pointer;transition:all .3s ease}.c-content-carousel__dot:hover{background-color:#a0a0a0;transform:scale(1.2)}.c-content-carousel__dot.is-active{background-color:#000;width:24px;border-radius:4px}.c-content-carousel__dot:focus-visible{outline:2px solid #000000;outline-offset:2px}.c-content-carousel__more-button{display:block;width:225px;height:35px;margin:0 auto;background-color:#e4d2a2;border-radius:6px;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:12px;color:#5a5a5a;text-align:center;text-decoration:none;line-height:35px;transition:all .3s ease}.c-content-carousel__more-button:hover{background-color:#d9c68f;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.c-content-carousel__more-button:active{transform:translateY(0)}.c-content-carousel__more-button:focus-visible{outline:2px solid #000000;outline-offset:2px}.c-content-carousel__empty{text-align:center;padding:60px 20px;color:#999;font-size:14px}.c-content-card{display:flex;flex-direction:column;transition:transform .3s ease}.c-content-card:hover{transform:translateY(-4px)}.c-content-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.c-content-card__link:focus-visible{outline:2px solid #000000;outline-offset:2px;border-radius:4px}.c-content-card__image-wrapper{position:relative;width:100%;aspect-ratio:600 / 370;overflow:hidden;background-color:#f5f5f5;margin-bottom:12px}.c-content-card__image{width:100%;height:100%;object-fit:cover;display:block}.c-content-card__image--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.c-content-card__info{display:flex;flex-direction:column;gap:8px;flex:1}.c-content-card__title{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;line-height:1.6;color:#000;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-content-card__description{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#000;margin:0;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(min-width:700px){.c-content-carousel{padding:50px 0}.c-content-carousel__header{margin-bottom:50px}.c-content-carousel__heading{font-size:20px;margin-bottom:28px}.c-content-carousel__subheading{font-size:16px;margin-bottom:16px}.c-content-carousel__description{font-size:16px;padding:0}.c-content-carousel__track{gap:28px;padding:0 40px}.c-content-carousel__track .c-content-card{width:300px}.c-content-carousel__arrow{width:40px;height:40px}.c-content-carousel__arrow--prev{left:20px}.c-content-carousel__arrow--next{right:20px}.c-content-carousel__arrow svg{width:20px;height:20px}.c-content-carousel__more-button{width:300px;height:50px;font-size:14px;line-height:50px}.c-content-card__title{font-size:16px}.c-content-card__description{font-size:14px}}@media(min-width:1000px){.c-content-carousel{padding:60px 0 0}.c-content-carousel__header{margin-bottom:5px}.c-content-carousel__heading{font-size:20px;margin-bottom:28px}.c-content-carousel__subheading{font-size:16px;margin-bottom:16px}.c-content-carousel__description{font-size:16px;padding:0}.c-content-carousel__track{gap:32px;padding:0 60px}.c-content-carousel__track .c-content-card{width:338px}.c-content-carousel__arrow{width:44px;height:44px}.c-content-carousel__arrow--prev{left:30px}.c-content-carousel__arrow--next{right:30px}.c-content-carousel__arrow svg{width:22px;height:22px}.c-content-carousel__more-button{width:401px;height:60px;font-size:18px;line-height:60px;color:#000;font-family:Hiragino Kaku Gothic Pro,sans-serif}.c-content-card__title{font-size:18px;line-height:1.4}.c-content-card__description{font-size:16px;line-height:1.9}}@media(prefers-reduced-motion:no-preference){.c-content-carousel__arrow:focus-visible,.c-content-carousel__dot:focus-visible,.c-content-carousel__more-button:focus-visible,.c-content-card__link:focus-visible{animation:focus-pulse 1.5s ease-in-out infinite}}@keyframes focus-pulse{0%,to{outline-offset:2px}50%{outline-offset:4px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/26/assets/c-content-carousel.css.map */
