.p-comparison-section{background-color:var(--color-gold-0)}.p-compare{padding:6rem 0 8rem}.p-compare__inner{display:flex;flex-direction:column;align-items:center;gap:8.8rem}.p-compare__head-text{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center}.p-compare__title{margin:0;font-family:var(--font-sunset-family);font-weight:var(--font-h2-weight);font-size:var(--font-h3-size);line-height:1.2;color:var(--color-coco-main)}.p-compare__body{margin:0;max-width:60rem;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-l-size);line-height:var(--font-paragraph-l-line);color:var(--color-gold-600)}.p-compare__scroll{display:contents}.p-compare__board{position:relative;display:grid;grid-template-columns:minmax(10rem,1.1fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;width:100%;max-width:126rem;margin-top:1.6rem}.p-compare__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--color-gold-50);border:.1rem solid var(--color-gold-200);border-radius:3.2rem}.p-compare__corner{min-height:13rem}.p-compare__head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.6rem;min-height:13rem;padding:1.6rem 1.2rem 2rem;text-align:center}.p-compare__cup{position:relative;display:flex;align-items:flex-end;justify-content:center}.p-compare__cup-img{width:auto;height:6.8rem;object-fit:contain}.p-compare__brand{font-family:var(--font-sunset-family);font-weight:var(--font-h4-weight);font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.2;color:var(--color-coco-main)}.p-compare__brand-sub{font-family:var(--font-sunset-family);font-size:1.2rem;line-height:1.3;color:var(--color-gold-600)}.p-compare__head--a{background-color:var(--color-coco-main);border-left:.2rem solid var(--color-gold-500);border-right:.2rem solid var(--color-gold-500);padding-top:4rem}.p-compare__head--a .p-compare__brand{color:var(--color-gold-50)}.p-compare__head--a .p-compare__brand-sub{color:var(--color-gold-400)}.p-compare__cup--a .p-compare__cup-img{height:17.2rem;margin-top:-3.6rem;position:absolute;top:-114px}.p-compare__cup--a:before{position:absolute;left:50%;top:-2.4rem;width:13rem;height:13rem;transform:translate(-50%);background:radial-gradient(circle,#d7af6059,#d7af6000 70%);z-index:-1;pointer-events:none}.p-compare__head--a:before{content:"";position:absolute;left:-.2rem;right:-.2rem;bottom:100%;height:2.4rem;background-color:var(--color-coco-main);border:.2rem solid var(--color-gold-500);border-bottom:0;border-radius:2.4rem 2.4rem 0 0}.p-compare__label{position:relative;z-index:2;display:flex;align-items:center;gap:1.1rem;min-height:7.2rem;padding:1.4rem 1.2rem 1.4rem 1.4rem;border-top:.1rem solid var(--color-gold-200);text-align:left}.p-compare__label-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;color:var(--color-gold-600)}.p-compare__label-icon .p-compare-icon{width:2.4rem;height:2.4rem}.p-compare__label-text{display:flex;flex-direction:column;gap:.1rem}.p-compare__label-main{font-family:var(--font-sunset-family);font-weight:var(--font-h5-weight);font-size:clamp(1.4rem,1.8vw,1.7rem);line-height:1.3;color:var(--color-coco-main)}.p-compare__cell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:7.2rem;padding:1.4rem 1.2rem;text-align:center}.p-compare__cell--b,.p-compare__cell--c{border-top:.1rem solid var(--color-gold-200)}.p-compare__cell--b .p-compare__value,.p-compare__cell--c .p-compare__value{font-size:1.7rem}.p-compare__cell--a{background-color:var(--color-coco-main);border-left:.2rem solid var(--color-gold-500);border-right:.2rem solid var(--color-gold-500);border-top:.1rem solid var(--color-gold-500)}.p-compare__cell--a.is-row-last:after{content:"";position:absolute;left:-.2rem;right:-.2rem;top:100%;height:2.6rem;background-color:var(--color-coco-main);border:.2rem solid var(--color-gold-500);border-top:0;border-radius:0 0 2.4rem 2.4rem}.p-compare__value{font-family:var(--font-sunset-family);font-weight:var(--font-h4-weight);font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.15}.p-compare__sub{font-family:var(--font-sunset-family);font-size:1.2rem;line-height:1.3}.p-compare__cell--a .p-compare__value{color:var(--color-gold-50)}.p-compare__cell--a .p-compare__sub{color:var(--color-gold-300)}.p-compare__cell--b .p-compare__value,.p-compare__cell--c .p-compare__value{color:var(--color-gold-700);font-weight:var(--font-h5-weight)}.p-compare__cell--b .p-compare__sub,.p-compare__cell--c .p-compare__sub{color:var(--color-gold-600)}.p-compare__stars{display:inline-flex;gap:.2rem}.p-compare__star{display:inline-flex;color:var(--color-gold-300)}.p-compare__star.is-on{color:var(--color-gold-500)}.p-compare__star .p-icon--star{width:1.6rem;height:auto;display:block}.p-compare__cell--a .p-compare__star{color:var(--color-navy-600)}.p-compare__cell--a .p-compare__star.is-on{color:var(--color-gold-400)}.p-compare__caption{font-family:var(--font-sunset-family);font-size:1.2rem;line-height:1.3;color:var(--color-gold-600)}.p-compare__cell--a .p-compare__caption{color:var(--color-gold-300)}.p-compare__mark{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:999rem}.p-compare__mark .p-compare-icon{width:1.8rem;height:1.8rem}.p-compare__mark--yes{background-color:var(--color-gold-500);color:var(--color-coco-main)}.p-compare__mark--maybe{border:.2rem solid var(--color-gold-400);color:var(--color-gold-500)}.p-compare__mark--no{color:var(--color-gold-300)}.p-compare__badge{display:inline-block;margin-top:.4rem;padding:.3rem 1rem;border-radius:999rem;background-color:var(--color-gold-500);color:var(--color-coco-main);font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:1.1rem;letter-spacing:.04em}.p-compare__footer{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:56rem;margin-top:1.2rem}.p-compare__crown{display:flex;align-items:center;justify-content:center;width:100%;color:var(--color-gold-500)}.p-compare__crown:before,.p-compare__crown:after{content:"";flex:1;height:.1rem;background-color:var(--color-gold-300)}.p-compare__crown .p-compare-icon{width:2.4rem;height:2.4rem;margin:0 1.4rem}.p-compare__footnote{margin:0;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-m-size);line-height:var(--font-paragraph-m-line);color:var(--color-gold-600)}.p-compare__swipe{display:none}@keyframes p-compare-nudge{0%,to{transform:translate(0)}50%{transform:translate(.6rem)}}@media(prefers-reduced-motion:reduce){.p-compare__swipe-icon{animation:none}}@media screen and (max-width:749px){.p-compare{padding:4rem 0 6rem}.p-compare__swipe{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.6rem 0 -2.4rem;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);line-height:1.2;color:var(--color-gold-600)}.p-compare__swipe-icon{display:inline-flex;animation:p-compare-nudge 1.6s ease-in-out infinite}.p-compare__swipe-icon .p-icon--arrow-right{width:1.4rem;height:auto}.p-compare__scroll{display:block;align-self:stretch;margin-inline:-2rem;padding:4.4rem 2rem 3.2rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.p-compare__scroll::-webkit-scrollbar{display:none}.p-compare__board{width:750px;max-width:none;margin-top:0;grid-template-columns:minmax(10rem,1fr) minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1.2fr)}.p-compare__corner,.p-compare__head{min-height:10rem}.p-compare__head{padding:1.2rem .6rem 1.4rem}.p-compare__cup-img{height:5rem}.p-compare__cup--a .p-compare__cup-img{height:6.4rem;margin-top:-2.4rem}.p-compare__head--a{padding-top:3rem}.p-compare__cell,.p-compare__label{padding:1rem .6rem}.p-compare__label{gap:.6rem;padding-left:.8rem}.p-compare__label-icon{width:2rem;height:2rem}.p-compare__label-icon .p-compare-icon{width:1.9rem;height:1.9rem}.p-compare__brand-sub,.p-compare__caption,.p-compare__cell--b .p-compare__sub,.p-compare__cell--c .p-compare__sub{display:none}.p-compare__mark{width:2.6rem;height:2.6rem}.p-compare__mark .p-compare-icon{width:1.5rem;height:1.5rem}.p-compare__star .p-icon--star{width:1.2rem}}@media screen and (max-width:749px){.p-compare__inner{gap:4rem}.p-compare__cup--a .p-compare__cup-img{height:12.2rem;top:-82px;position:absolute}.p-compare__title{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-p-comparison.css.map */