.c-pickup{display:grid;grid-template:1fr / 1fr;overflow:hidden;background-color:#f5f2ec;--c-pickup-scale: calc(100vw / 1440)}.c-pickup__bg,.c-pickup__inner{grid-area:1 / 1}.c-pickup__bg{width:100%;height:100%;object-fit:cover;object-position:center center}.c-pickup__inner{z-index:1;display:grid;grid-template-columns:1fr 1fr}.c-pickup__media{overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.c-pickup__media-picture{display:flex;width:100%}.c-pickup__image{width:100%;height:auto;display:block;object-fit:contain}.c-pickup__side{display:flex;align-items:center;justify-content:center;position:relative}.c-pickup__tag{position:absolute;top:calc(40 * var(--c-pickup-scale));right:calc(20 * var(--c-pickup-scale));width:calc(108 * var(--c-pickup-scale));height:calc(33 * var(--c-pickup-scale));display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50vh;font-weight:400;font-size:calc(20 * var(--c-pickup-scale));letter-spacing:.14em;color:#000;line-height:1}.c-pickup__card{flex:1;display:flex;flex-direction:column;gap:calc(32 * var(--c-pickup-scale));max-width:80%;margin:0 auto}.c-pickup__section-title{display:flex;flex-direction:column;gap:calc(16 * var(--c-pickup-scale))}.c-pickup__tagline{font-family:Bellefair,serif;font-weight:400;font-size:calc(48 * var(--c-pickup-scale));line-height:1.5;letter-spacing:0;color:#000;margin:0}.c-pickup__text-block{display:flex;flex-direction:column;gap:calc(24 * var(--c-pickup-scale))}.c-pickup__heading{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:calc(24 * var(--c-pickup-scale));line-height:2;letter-spacing:.1em;color:#000;margin:0}.c-pickup__text{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:calc(14 * var(--c-pickup-scale));line-height:2;letter-spacing:0;color:#000;margin:0}.c-pickup__actions{display:flex;flex-direction:row;gap:calc(16 * var(--c-pickup-scale));align-items:center}.c-pickup__button{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:2;font-family:Bellefair,serif;font-weight:400;text-decoration:none;cursor:pointer;border-radius:calc(20 * var(--c-pickup-scale));border:1px solid #212121;transition:color .4s}.c-pickup__button:after{background:#212121;border-radius:50%;content:"";display:block;margin:auto;opacity:0;pointer-events:none;position:absolute;top:50%;left:0;right:0;width:100%;padding-top:100%;height:0;z-index:-1;transform:translateY(-50%) scale(.1);transition:opacity .5s,transform 0s;transition-delay:0s,.4s}.c-pickup__button:hover:after{opacity:1;transform:translateY(-50%) scale(1.1);transition-delay:0s;transition:opacity .8s,transform .6s ease-in-out}.c-pickup__button:focus-visible{outline:2px solid #212121;outline-offset:2px}.c-pickup__button--read-more{font-size:calc(16 * var(--c-pickup-scale));color:#212121;background-color:#fff;padding:calc(8 * var(--c-pickup-scale)) calc(24 * var(--c-pickup-scale));min-width:calc(129 * var(--c-pickup-scale));min-height:calc(39 * var(--c-pickup-scale))}.c-pickup__button--read-more:hover{color:#fff}.c-pickup__button--play{font-size:calc(14 * var(--c-pickup-scale));color:#000;background-color:transparent;padding:calc(8 * var(--c-pickup-scale)) calc(20 * var(--c-pickup-scale));min-width:calc(99 * var(--c-pickup-scale));min-height:calc(37 * var(--c-pickup-scale));gap:calc(6 * var(--c-pickup-scale))}.c-pickup__button--play:hover{color:#fff}.c-pickup__button--play:hover .c-pickup__play-icon{fill:#fff}.c-pickup__play-icon{width:calc(10 * var(--c-pickup-scale));height:calc(12 * var(--c-pickup-scale));fill:#000;transition:fill .3s;flex-shrink:0}@media(max-width:749px){.c-pickup{min-height:auto;--c-pickup-scale: calc(100vw / 430)}.c-pickup__inner{grid-template-columns:1fr}.c-pickup__media{aspect-ratio:430 / 459}.c-pickup__side{padding:calc(125 * var(--c-pickup-scale)) calc(24 * var(--c-pickup-scale)) calc(77 * var(--c-pickup-scale));gap:calc(32 * var(--c-pickup-scale))}.c-pickup__tag{align-self:flex-start;margin:0}.c-pickup__card{background-color:transparent;padding:0;margin-top:0;flex:none;max-width:100%}}@media(prefers-reduced-motion:reduce){.c-pickup *,.c-pickup *:before,.c-pickup *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-pickup.css.map */