.comparison-item{width:100%;overflow:hidden}.chart-wrap>.chart-group-wrap{margin-top:30px}.chart-wrap .chart-group-wrap h2{display:flex;align-items:center;color:var(--CHART-COLOR);font-size:calc(var(--font-3) * var(--FONT-ADJUST-HEADING))}.chart-wrap .chart-group-wrap h2 p{font-size:min(50%,13px);display:flex;align-items:center;padding-left:15px}.chart-wrap .chart-group-wrap h2 p i{width:14px;height:14px;transform-origin:50% 50%;background:url(/cdn/shop/files/coffee-bean.svg) no-repeat;background-size:contain}.chart-wrap .chart-group-wrap h2 p span{padding-left:5px}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-group,.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content{display:flex;justify-content:space-between}.chart-wrap .chart-group-wrap.chart-group-wrap1>.chart-group{border:1px solid var(--CHART-COLOR);border-bottom:none}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-group+.chart-group{border-top:none;border-bottom:1px solid var(--CHART-COLOR)}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-group+.chart-group .chart-title{border-top:1px solid var(--BTN-PRIMARY-TEXT-COLOR)}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-group+.chart-group .chart-content{border-top:1px solid var(--CHART-COLOR)}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-title{display:flex;font-weight:700;flex-direction:column;align-items:center;justify-content:center;color:var(--CHART-COLOR);font-size:calc(.6rem * var(--FONT-ADJUST-BODY));width:120px}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-title p{margin:0;font-size:calc(.6rem * var(--FONT-ADJUST-BODY))}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-group>.chart-title{padding:10px;background:var(--CHART-COLOR);color:var(--BTN-PRIMARY-TEXT-COLOR);width:90px}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-title span{font-size:75%;opacity:.5}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content{width:calc(100% - 90px);display:flex;justify-content:space-between}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart{width:100%;position:relative}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart:after{content:"";width:calc(100% - 1vw);height:1px;background:var(--CHART-COLOR);opacity:.5;position:absolute;top:calc(50% - .5px);left:.5vw}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i{width:3vw;height:3vw;border-radius:50vw;position:absolute;top:calc(50% - 1.3vw);background:#cfc0a4;z-index:1;display:flex;align-items:center;justify-content:center;transform:scale(.4) translateY(-.3vw);transform-origin:50% 50%}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i{width:1vw;height:1vw;top:calc(50% - .45vw);transform:scale(.4) translateY(-.1vw)}}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.active{transform:scale(1) translate(0);background:var(--CHART-COLOR)}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.active:before{content:"";width:3vw;height:3vw;border-radius:50vw;transform:scale(.4);transform-origin:50% 50%;background-color:var(--BTN-PRIMARY-TEXT-COLOR)}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.active:before{width:min(1vw,12px);height:min(1vw,12px)}}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label1{left:0%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label2{left:10.6%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label3{left:21.2%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label4{left:31.8%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label5{left:42.4%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label6{left:53%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label7{left:63.6%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label8{left:74.2%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label9{left:84.8%}.chart-wrap .chart-group-wrap.chart-group-wrap1 .chart-content .chart i.label10{left:95.5%}.chart-wrap .chart-group-wrap.chart-group-wrap1>p{font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY));margin-top:1.5em}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box{display:grid;grid-template-rows:20px auto 20px;grid-template-columns:20px auto 20px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-header,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-left,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-right,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-footer{font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY));color:var(--CHART-COLOR);font-weight:700;display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-header,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-left,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-right,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-footer{font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY) * .8)}}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-left,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-right{writing-mode:vertical-rl;letter-spacing:.1rem}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-header{grid-row:1/2;grid-column:1/4;align-items:flex-start}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-left{grid-row:2/3;grid-column:1/2;align-items:flex-end}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-right{grid-row:2/3;grid-column:3/4;align-items:flex-start}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-footer{grid-row:3/4;grid-column:1/4;align-items:flex-end}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group{grid-row:2/3;grid-column:2/3;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;border-right:1px solid #cfc0a4;border-bottom:1px solid #cfc0a4;margin-top:10px;margin-bottom:10px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*{border:1px solid #cfc0a4;border-right:none;border-bottom:none;aspect-ratio:1 / .5;position:relative;display:flex}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*{aspect-ratio:1 / .4}}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>i,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>a{transform:scale(1) translate(0);background:#cfc0a4;border-radius:50vw;content:"";position:absolute;width:3vw;height:3vw;top:-1.5vw;right:-1.5vw;z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon{cursor:pointer}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active a:hover{transform:scale(1.5) translate(0)}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>i,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon{width:3vw;height:3vw;top:-1.5vw;right:-1.5vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.first{right:inherit;left:-1.5vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.bottom{top:inherit;bottom:-1.5vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.first.bottom{top:inherit;right:inherit;left:-1.5vw;bottom:-1.5vw}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>i,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon{width:1.6vw;height:1.6vw;top:-.8vw;right:-.8vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.first{right:inherit;left:-.4vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.bottom{top:inherit;bottom:-.4vw}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon.first.bottom{top:inherit;right:inherit;left:-.4vw;bottom:-.4vw}}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>i:before,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon:before{content:"";display:block;width:3vw;height:3vw;border-radius:50vw;transform:scale(.4);transform-origin:50% 50%;background-color:var(--BTN-PRIMARY-TEXT-COLOR)}@media only screen and (min-width: 750px){.emplate-product .product__content .chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active>i:before,.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon:before{width:.8vw;height:.8vw;transform:scale(.6)}}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.current-item i:before{display:none}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.current-item i{transform-origin:50% 50%;background:url(/cdn/shop/files/coffee-bean.svg) no-repeat;background-size:contain}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl{width:300px;padding:15px;position:absolute;z-index:2;top:0;left:0;transform:translate(-35%,calc(-100% - 25px));background:var(--CHART-COLOR);color:var(--BTN-PRIMARY-TEXT-COLOR);opacity:0;transition:opacity .2s linear,transform .3s linear;pointer-events:none}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl>dd>.close-icon{content:"";position:absolute;top:-5px;right:-5px;width:20px;height:20px;display:block;z-index:100;background:var(--BTN-PRIMARY-TEXT-COLOR) url(/cdn/shop/files/close.svg?v=1717469923) no-repeat 50% 50%;background-size:60%;cursor:pointer}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .active-dl{pointer-events:inherit}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row1 dl{transform:translate(-5%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row2 dl{transform:translate(-15%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row3 dl{transform:translate(-25%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row4 dl{transform:translate(-35%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row7 dl{transform:translate(-55%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row8 dl{transform:translate(-65%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row9 dl{transform:translate(-75%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row10 dl{transform:translate(-85%,calc(-100% - 25px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active .tasteitem-icon+.active-dl{opacity:1;transform:translate(-35%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row1 .tasteitem-icon+.active-dl{transform:translate(-5%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row2 .tasteitem-icon+.active-dl{transform:translate(-15%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row3 .tasteitem-icon+.active-dl{transform:translate(-25%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row4 .tasteitem-icon+.active-dl{transform:translate(-35%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row7 .tasteitem-icon+.active-dl{transform:translate(-55%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row8 .tasteitem-icon+.active-dl{transform:translate(-65%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row9 .tasteitem-icon+.active-dl{transform:translate(-75%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active.row10 .tasteitem-icon+.active-dl{transform:translate(-85%,calc(-100% - 15px))}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl dt{position:relative;font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY) * 1);padding-bottom:5px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl dd{justify-content:space-between;align-items:center;display:flex}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl dd>img{width:40px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl dd>div{width:calc(100% - 60px);font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY) * .8);line-height:1.5}.chart-wrap .chart-group-wrap.chart-group-wrap2 .chart-group-box .chart-group>*.active dl dd>div p+p{text-align:right}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list{margin-top:30px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list>dl{padding-bottom:0;margin-bottom:1em;margin-top:-90px;padding-top:90px}@media only screen and (min-width: 750px){.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list>dl{margin-top:-90px;padding-top:90px}}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list dl dt{position:relative;font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY) * 1.2);padding-top:1em;padding-bottom:10px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list>dl:not(:first-child) dt{border-top:1px solid var(--border)}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list dd{justify-content:space-between;align-items:center;display:flex}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list dd>img{width:80px}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list dd>div{width:calc(100% - 100px);font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY));line-height:1.6}.chart-wrap .chart-group-wrap.chart-group-wrap2 .tasteitem-list dd>div p+p{text-align:right}.template-product .product__content .staff-comment{list-style:none;background:#f5f5f5;margin:2em 0 0;padding-top:1.5em}.template-product .product__content .staff-comment>li{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 1.5em 1.5em}.template-product .product__content .staff-comment>li figure{width:80px}.template-product .product__content .staff-comment>li figure img{width:100%;border-radius:100px;overflow:hidden}.template-product .product__content .staff-comment>li div{width:calc(100% - 100px)}.template-product .product__content .staff-comment>li div h2{margin:0 0 10px}.template-product .product__content .staff-comment>li div h2 span{font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY));letter-spacing:.1em;display:block}.template-product .product__content .staff-comment>li div h2 p{font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY))}.template-product .product__content .staff-comment>li div>p{font-size:calc(var(--font-1) * var(--FONT-ADJUST-BODY));margin:0}.template-product .product__content .staff-comment>li:not(:first-child){border-top:1px solid #fff;padding-top:1.5em}
/*# sourceMappingURL=/cdn/shop/t/9/assets/chart-warp.css.map */