.is-hide{display:none !important}.ui-comment img,.c-comment img{width:auto;max-width:none;height:auto}.ui-comment .swiper,.ui-comment .swiper-wrapper,.ui-comment .swiper-slide{box-sizing:content-box}.ui-comment{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5}.c-comment{position:absolute;display:inline-block;z-index:1;width:fit-content}.c-comment__inner{--b-cut: 8px;--b-tail-h: 10px;--b-tail-r: 26px;--b-tail-c: 34px;--b-tail-l: 42px;position:absolute;right:-4px;bottom:0;transform:translateX(min(40%, 30px));z-index:1;display:flex;align-items:center;justify-content:center;user-select:none}.c-comment__inner::before,.c-comment__inner::after{content:"";position:absolute;--_tail-l-fix: 0px;--_tail-c-fix: 0px;clip-path:polygon(var(--b-cut) 0, calc(100% - var(--b-cut)) 0, 100% var(--b-cut), 100% calc(100% - var(--b-cut) - var(--b-tail-h)), calc(100% - var(--b-cut)) calc(100% - var(--b-tail-h)), calc(100% - var(--b-tail-r)) calc(100% - var(--b-tail-h)), calc(100% - var(--b-tail-c) + var(--_tail-c-fix)) 100%, calc(100% - var(--b-tail-l) + var(--_tail-l-fix)) calc(100% - var(--b-tail-h)), var(--b-cut) calc(100% - var(--b-tail-h)), 0 calc(100% - var(--b-cut) - var(--b-tail-h)), 0 var(--b-cut))}.c-comment__inner::before{inset:0;background:#fff;z-index:-2}.c-comment__inner::after{inset:1px 3px 3px 1px;background:#000;z-index:-1;--_tail-l-fix: 4px;--_tail-c-fix: 2px}.c-comment__inner img{display:block;object-fit:contain}.c-comment.--sizeS .c-comment__inner{padding:8px 24px 18px}.c-comment.--sizeS .c-comment__inner img{height:18px;width:auto}.c-comment.--sizeM .c-comment__inner{padding:10px 30px 20px}.c-comment.--sizeM .c-comment__inner img{height:24px;width:auto}.c-comment.--sizeL .c-comment__inner{padding:12px 36px 22px}.c-comment.--sizeL .c-comment__inner img{height:30px;width:auto}.mv-commentArea{position:absolute;top:0;left:0;z-index:1;width:100%;height:100vh;transition:opacity .4s ease 0s;pointer-events:none}.mv-commentArea.is-delay:not(.--off){opacity:0}.mv-commentArea.--off{opacity:1}.mv-commentArea.is-fadeOut{opacity:0}body:not(.is-start) .ui-comment,body:not(.is-start) .mv-commentArea{visibility:hidden;opacity:0;pointer-events:none}.is-start .ui-comment{z-index:1000;visibility:visible;opacity:1}.is-start .mv-commentArea{visibility:visible}.is-menu .ui-comment{opacity:0;pointer-events:none;transition-delay:0s}.ui-comment{position:absolute;left:60px;right:8px;bottom:15px;z-index:99;visibility:hidden;opacity:0;transition:opacity .4s ease .5s;max-width:303px;margin-left:auto;padding-top:46px;pointer-events:none}.ui-comment button{cursor:pointer}.ui-comment:has(.ui-comment__area.--hide){padding-top:60px}.ui-comment:has(.ui-comment__area.--hide) .ui-comment__hideBtn{width:50px;height:50px}.ui-comment:has(.ui-comment__area.--hide) .ui-comment__thanksArea{opacity:0;transition-delay:.5s}.ui-comment__hideBtn{position:absolute;top:0;right:0;display:grid;place-content:center;width:41px;height:41px;padding:8px;border:2px solid #fff;border-radius:50%;background:#4d515a;pointer-events:auto;transition:all ease-in-out .4s}.ui-comment__hideBtn img{width:100%}.ui-comment__area{position:relative;max-width:100%;max-height:140px;width:616px;margin-left:auto;transform-origin:bottom right;border:none;border-radius:0;background:url("/kamebeer/assets/images/ui-panel-bg.svg") no-repeat center/100% 100%;pointer-events:auto;transition:none}.ui-comment__area.--hide{max-width:50px;max-height:50px;margin-left:auto;background:#ff7762;border:2px solid #fff;border-radius:50%;animation:fadeInBtn .2s ease-out forwards}.ui-comment__area.--hide .ui-comment__toggleBtn{top:0;right:0;width:100%;height:100%}.ui-comment__area.--hide .ui-comment__postArea,.ui-comment__area.--hide .ui-comment__errorArea,.ui-comment__area.--hide .ui-comment__thanksArea{opacity:1;transform:scale(0);transition:opacity .2s ease,transform .2s ease}.ui-comment__area.--hide:not(:has(.ui-comment__errorArea.is-hide)) .ui-comment__toggleBtn,.ui-comment__area.--hide:not(:has(#ui-thanks.is-hide)) .ui-comment__toggleBtn,.ui-comment__area.--hide:not(:has(#ui-error.is-hide)) .ui-comment__toggleBtn,.ui-comment__area.--hide:not(:has(#ui-sending.is-hide)) .ui-comment__toggleBtn,.ui-comment__area.--hide:not(:has(.ui-comment__thanksArea.is-hide)) .ui-comment__toggleBtn{display:grid}.ui-comment__area:not(:has(.ui-comment__errorArea.is-hide)) .ui-comment__toggleBtn,.ui-comment__area:not(:has(#ui-thanks.is-hide)) .ui-comment__toggleBtn,.ui-comment__area:not(:has(#ui-error.is-hide)) .ui-comment__toggleBtn,.ui-comment__area:not(:has(#ui-sending.is-hide)) .ui-comment__toggleBtn,.ui-comment__area:not(:has(.ui-comment__thanksArea.is-hide)) .ui-comment__toggleBtn{display:none}.ui-comment__area:not(:has(.ui-comment__errorArea.is-hide)) .ui-comment__postArea,.ui-comment__area:not(:has(#ui-thanks.is-hide)) .ui-comment__postArea,.ui-comment__area:not(:has(#ui-error.is-hide)) .ui-comment__postArea,.ui-comment__area:not(:has(#ui-sending.is-hide)) .ui-comment__postArea,.ui-comment__area:not(:has(.ui-comment__thanksArea.is-hide)) .ui-comment__postArea{opacity:0;transition:none}.ui-comment__toggleBtn{position:absolute;top:-17px;right:3px;display:grid;place-content:center;appearance:none;z-index:10;width:28px;height:28px;padding:0;background-color:rgba(0,0,0,0);border:0}.ui-comment__toggleBtn img{width:28px}.ui-comment__label img{width:100%;height:auto}.ui-comment__postArea{padding:16px 16px 12px 16px;transition:opacity .3s ease .3s,transform .2s ease .3s}.ui-comment__postArea.is-stampSelect{padding-right:24px;padding-left:16px}.ui-comment__postArea.is-stampSelect .ui-comment__stampFilter{display:block}.ui-comment__postArea.is-stampSelect .ui-comment__stampList{z-index:10}.ui-comment__postArea.is-stampSelect .ui-comment__stampList .swiper-wrapper{margin-left:0}.ui-comment__postArea.is-stampSelect .ui-comment__label{opacity:.3}.ui-comment__postArea.is-stampSelect .ui-comment__stampList .swiper-slide:not(.is-current){opacity:.3}.ui-comment__postArea.is-stampSelect .ui-comment__stampList .swiper-slide.is-current img{max-height:38px;height:38px}.ui-comment__stampList{overflow-x:hidden;padding-block:4px;margin-inline:-16px;padding-inline:16px}.ui-comment__stampList .swiper-wrapper{margin-left:0}.ui-comment__stampList .swiper-slide{display:grid;place-content:center;width:auto;height:32px}.ui-comment__stampList .swiper-slide:last-child{padding-right:10px}.ui-comment__stampList .swiper-slide img{width:auto;max-height:32px;transition:all ease-in-out .08s;cursor:pointer}@keyframes fadeInBtn{from{opacity:0}to{opacity:1}}.ui-comment__stampFilter{position:absolute;inset:0;z-index:1;display:none}.ui-comment .ui-comment__backBtn{position:absolute;top:-17px;left:10px;display:flex;flex-direction:column;align-items:center;gap:1px;appearance:none;z-index:10;padding:0;background-color:rgba(0,0,0,0);border:0;color:#fff;font-size:11px;font-weight:bold;letter-spacing:-0.06em;text-align:center;cursor:pointer}.ui-comment .ui-comment__backBtn img{width:28px !important;height:28px !important}.ui-comment__errorArea{position:absolute;inset:0;display:grid;place-content:center;z-index:1;color:#fff;font-size:13px;font-weight:700;line-height:1.33;text-align:center;transition:opacity .3s ease .3s,transform .2s ease .3s}.ui-comment__errorArea p{margin-top:10px}.ui-comment__errorArea .ui-comment__error__hideBtn{position:absolute;top:8px;right:8px;appearance:none;border:0;background-color:rgba(0,0,0,0)}.ui-comment__thanksArea{position:absolute;inset:0;display:grid;place-content:center;z-index:1;opacity:1;color:#fff;font-size:16px;font-weight:700;line-height:1.56;text-align:center;transition:opacity .3s ease .3s,transform .2s ease .3s}.ui-comment__thanksArea p{margin-top:4px}.ui-comment__thanksArea .ui-comment__error__hideBtn{position:absolute;top:8px;right:8px;appearance:none;border:0;background-color:rgba(0,0,0,0)}@media print,screen and (min-width: 768px){.c-comment__inner{--b-cut: 12px;--b-tail-h: 14px;--b-tail-r: 34px;--b-tail-c: 44px;--b-tail-l: 54px;bottom:0;transform:translateX(min(40%, 34px))}.c-comment.--sizeS .c-comment__inner{padding:12px 34px 26px}.c-comment.--sizeS .c-comment__inner img{height:28px;width:auto}.c-comment.--sizeM .c-comment__inner{padding:14px 40px 28px}.c-comment.--sizeM .c-comment__inner img{height:34px;width:auto}.c-comment.--sizeL .c-comment__inner{padding:16px 48px 30px}.c-comment.--sizeL .c-comment__inner img{height:42px;width:auto}.ui-comment{max-width:357px;padding-top:20px}.ui-comment__hideBtn{width:64px;height:64px}.ui-comment__hideBtn img{width:38px}.ui-comment__area{max-height:145px}.ui-comment__toggleBtn{top:-22px;right:4px;width:36px;height:36px}.ui-comment__toggleBtn img{width:36px}.ui-comment .ui-comment__backBtn{top:-22px;left:12px}.ui-comment .ui-comment__backBtn img{width:36px !important;height:36px !important}.ui-comment__label img{width:100%}.ui-comment__postArea{padding:22px 20px 14px 20px;transition:opacity .3s ease .3s,transform .2s ease .3s}.ui-comment__postArea.is-stampSelect{padding-right:28px;padding-left:18px}.ui-comment__postArea.is-stampSelect .ui-comment__stampList .swiper-wrapper{margin-left:0}.ui-comment__stampList{margin-inline:-20px;padding-inline:20px;padding-block:4px}.ui-comment__stampList .swiper-wrapper{margin-left:0}.ui-comment__stampList .swiper-slide{height:40px}.ui-comment__stampList .swiper-slide img{max-height:40px}.mv-commentArea{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}}