body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;padding:0;height:100vh;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#fff}.slider{width:100%;height:100%;object-fit:cover;overflow:hidden}.slides{width:500%;height:100%;display:-webkit-flex;display:flex}.slides input{display:none}.slide{width:20%;transition:2s}.slide img{width:100%;height:100%;object-fit:cover;position:relative}.navigation-manual{position:absolute;width:100%;margin-top:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.navigation-manual label{border:2px solid #fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.1);padding:5px;border-radius:10px;cursor:pointer;transition:1s}.navigation-manual label:not(:last-child){margin-right:20px}.navigation-manual label:hover{background:#fff}#radio-lr:checked~.first{margin-left:0}#radio-kc:checked~.first{margin-left:-20%}#radio-br:checked~.first{margin-left:-40%}#radio-mr:checked~.first{margin-left:-60%}#radio-br:checked~.navigation-manual .manual-btn-br,#radio-kc:checked~.navigation-manual .manual-btn-kc,#radio-lr:checked~.navigation-manual .manual-btn-lr,#radio-mr:checked~.navigation-manual .manual-btn-mr{background:#fff}.companion-mainpage{position:absolute;margin-top:35.8%;display:-webkit-flex;display:flex}.companion-mp{position:absolute;height:18vw;margin-left:18vw;cursor:pointer}.bottom{width:100%;text-align:center}.left-arrow{display:-webkit-flex;display:flex;position:fixed;top:27.5vw;left:25px;height:50px;width:50px;-webkit-justify-content:center;justify-content:center;background:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;-webkit-align-items:center;align-items:center;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.left-arrow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.left-arrow img{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.left-arrow img:focus{outline:0}.right-arrow{display:-webkit-flex;display:flex;position:fixed;top:27.5vw;right:25px;height:50px;width:50px;-webkit-justify-content:center;justify-content:center;background:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;-webkit-align-items:center;align-items:center;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.right-arrow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.right-arrow img{-webkit-transform:translateX(2px);transform:translateX(2px)}.right-arrow img:focus{outline:0}#radio-lr:checked~.left-arrow,#radio-mr:checked~.right-arrow{display:none}#pc{margin-left:8%;margin-right:auto;width:92%;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left;-webkit-flex-wrap:wrap;flex-wrap:wrap}#pc,.pcandimg{display:-webkit-flex;display:flex}.pcandimg{-webkit-align-items:flex-start;align-items:flex-start}.pcandimg,.pcandimg>:first-child{width:100%}.pcandimg>:nth-child(2){width:20%;text-align:center}.pcandimg .selected{-webkit-align-self:center;align-self:center}#ccontainer{width:100%;margin:auto}.kk,.kkk{margin-bottom:30px}.kkk{font-size:40px}.imgg{overflow:hidden}.fixed_container{position:absolute;right:0;text-align:right;margin-right:5vw;margin-bottom:-2vw}.checkbox1kk{position:absolute;width:1000px;margin-left:-1000px;margin-top:-30px}.c_companion{margin-right:80px;bottom:0;margin-bottom:40vh}.c_companion,.tmi{position:absolute;right:0}.tmi{margin-top:-69px;margin-right:180px;border:0;outline:0;height:25px;width:500px;font-size:14px;font-style:italic;color:#5c5c5c;-webkit-user-select:none;-ms-user-select:none;user-select:none}.greenn{font-size:16px;font-weight:bolder;margin:3px;color:#58815a}.inaglance{position:absolute;margin-top:-75px;right:0;margin-right:30px;border:0;outline:0;height:32px;width:120px;font-size:17px}.exact_product:hover,.inaglance:hover{-webkit-transition:all .5s ease;opacity:.7}.checkin,.checkin2{position:relative;-webkit-align-items:center;align-items:center}.checkin .labels{border:1px solid #ccc;border-radius:50%;height:22px;left:0;top:0;width:22px}.checkin2 .labels,.checkin .labels{-webkit-transition:all .5s ease;background-color:#fff;cursor:pointer;position:absolute}.checkin2 .labels{border:1px solid #ccc;height:10px;left:1px;top:5px;width:10px}.checkin .labels:after{border:2px solid #fff;border-top:none;border-right:none;height:4px;left:4px;top:7px;width:12px}.checkin2 .labels:after,.checkin .labels:after{content:"";opacity:0;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.checkin2 .labels:after{border:1px solid #fff;border-top:none;border-right:none;height:2px;left:2px;top:3px;width:6px}.checkin2 input[type=checkbox],.checkin input[type=checkbox]{visibility:hidden}.checkin input[type=checkbox]:checked+.labels{-webkit-transition:all .5s ease;background-color:#66bb6a;border-color:#66bb6a}.checkin2 input[type=checkbox]:checked+.labels{-webkit-transition:all .5s ease;background-color:#8b8d8b;border-color:#8b8d8b}.checkin2 input[type=checkbox]:checked+.labels:after,.checkin input[type=checkbox]:checked+.labels:after{opacity:1}.f_name{margin-left:35px;cursor:pointer}.c_name{margin-left:20px;font-size:13px}.c_name,.checkboxes{cursor:pointer}.router2{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin-left:70px;padding:.1vw 9%}#router2-text{margin-right:5px}.pimage{position:relative;padding-top:10px;margin-bottom:10px}.des{max-width:150px;padding-left:10px;text-align:left;margin-bottom:-10px}.heart{position:absolute;margin-top:20px;margin-left:55px;z-index:1}.router{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding:.5vw 9%}#router-text{margin-right:5px}.hr-line{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;color:#d8d8d8;background-color:#d8d8d8;height:.5px;width:82%;border:0}.mv2cat:hover{color:#00a900}.mv2cat:hover,.mv2eachcat:hover{-webkit-transition:all .8s ease;cursor:pointer}.mv2eachcat:hover{color:#616161}.wrap{display:-webkit-flex;display:flex;padding:50px}.img{margin-top:25px}.info,.recbox{display:-webkit-flex;display:flex}.info{-webkit-flex-direction:column;flex-direction:column;margin-left:100px}.row1{margin-top:90px}.row1,.row2{display:-webkit-flex;display:flex}.row2{margin-left:40px;margin-top:60px}.row3{display:-webkit-flex;display:flex}.gotobuy{font-size:20px;height:32px;color:transparent}.price{font-size:23px;margin-top:-5px;margin-right:20px;margin-left:5px;font-weight:700;color:#585858}.whole{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.image{margin-left:15px;margin-top:10px}.share{z-index:5;margin-top:35px;margin-left:-12px}.buy{z-index:5;margin-top:33px}.recommendations{font-size:30px}.icons{margin-top:5px;padding-right:10px;margin-bottom:5px}.product_img{margin-left:200px}.product_name{margin-right:150px;font-weight:400;font-size:45px}.oone{margin-left:170px}.one,.oone{margin-bottom:20px}.one{margin-left:220px}.two{margin-left:80px;margin-bottom:20px}table{border:1px solid rgba(210,211,212,.3);border-collapse:collapse;margin-right:60px}td,th{border:1px solid rgba(210,211,212,.3);padding:10px}#green1{background-color:rgba(208,230,128,.1)}#factors{background-color:rgba(205,206,204,.15)}.first_col{padding-right:40px;padding-left:30px;width:120px}.second_col,.third_col{padding-right:40px;padding-left:30px;width:250px}table{margin-bottom:60px}.table3{margin-left:-50px}.buy:hover,.heart:hover,.share:hover{-webkit-transition:all .5s ease;opacity:.5}.one:hover,.oone:hover,.two:hover{-webkit-transition:all .5s ease;opacity:.6}.contents1,.contents2{pointer-events:none;position:absolute;opacity:0;width:300px;margin-left:-80px;margin-top:120px;padding:20px 18px 20px 20px;text-align:left}.feature1{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-right:20px;padding-top:10px;width:110px;height:100px;-webkit-align-items:center;align-items:center;text-align:center;border-radius:60px;border:7px solid rgba(210,211,212,.5);opacity:.2}.feature1:hover>.contents1{-webkit-transition:all .8s ease;opacity:1;background-color:hsla(0,0%,54.5%,.05);color:#575757}.feature1:hover{cursor:default;border:7px solid #d2d3d4;opacity:1}.feature2{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-right:20px;padding-top:10px;width:110px;height:100px;-webkit-align-items:center;align-items:center;text-align:center;border-radius:60px;border:7px solid rgba(156,178,78,.5)}.feature2:hover>.contents2{-webkit-transition:all .8s ease;opacity:1;background-color:rgba(176,185,141,.05);color:#575757}.feature2:hover{cursor:default;border:7px solid #72852f}.d_companion{position:absolute;right:0;margin-right:80px;bottom:0;margin-bottom:40vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.d_companion_gif{position:fixed;height:22vw;margin-left:-15%}.text{width:200px;padding:10px;position:fixed;margin-left:175vh;bottom:0;margin-bottom:37vh;background-color:#f8f5f0;border-radius:5px;border:4px solid #ece5d5}.heartHome{z-index:5;width:70px;height:70px}.icon1{-webkit-flex-direction:column;flex-direction:column}.icon1,.icon2{display:-webkit-flex;display:flex}.space{width:25px}.space2{width:15px}.space3{height:10px}.hearta{width:40px;margin-left:30px}.hearta,.sharea{padding-top:3px;padding-bottom:3px;border-radius:6px;background-color:#eee;opacity:.8;font-size:13px;text-align:center;margin-top:6px}.sharea{width:46px;margin-left:-19px}.sharec{background-color:#e6e6e6;height:22px;font-size:15px;margin-left:13px;color:#000;padding:6px}.buya,.sharec{border-radius:6px;text-align:center}.buya{padding-top:3px;padding-bottom:3px;background-color:#eee;opacity:.8;width:35px;font-size:13px;margin-top:5px}.shareContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}#a1,#a2,#a3,#a4,#a5,#a6,#a7{width:250px;position:fixed;right:0;bottom:0;visibility:hidden;margin-right:2vw;margin-bottom:32vh;-webkit-user-select:none;-ms-user-select:none;user-select:none}.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}65%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}80%{-webkit-transform:translateY(4%);transform:translateY(4%)}95%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}to{-webkit-transform:translateY(0)}}.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(-8%);transform:translateY(-8%)}65%{-webkit-transform:translateY(4%);transform:translateY(4%)}80%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}95%{-webkit-transform:translateY(2%);transform:translateY(2%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}to{-webkit-transform:translateY(0)}}.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft{0%{-webkit-transform:translateX(150%);transform:translateX(150%)}50%{-webkit-transform:translateX(-8%);transform:translateX(-8%)}65%{-webkit-transform:translateX(4%);transform:translateX(4%)}80%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}95%{-webkit-transform:translateX(2%);transform:translateX(2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%)}50%{-webkit-transform:translateX(-8%)}65%{-webkit-transform:translateX(4%)}80%{-webkit-transform:translateX(-4%)}95%{-webkit-transform:translateX(2%)}to{-webkit-transform:translateX(0)}}.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}50%{-webkit-transform:translateX(8%);transform:translateX(8%)}65%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}80%{-webkit-transform:translateX(4%);transform:translateX(4%)}95%{-webkit-transform:translateX(-2%);transform:translateX(-2%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%)}50%{-webkit-transform:translateX(8%)}65%{-webkit-transform:translateX(-4%)}80%{-webkit-transform:translateX(4%)}95%{-webkit-transform:translateX(-2%)}to{-webkit-transform:translateX(0)}}.slideExpandUp{animation-name:slideExpandUp;-webkit-animation-name:slideExpandUp;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp{0%{-webkit-transform:translateY(100%) scaleX(.5);transform:translateY(100%) scaleX(.5)}30%{-webkit-transform:translateY(-8%) scaleX(.5);transform:translateY(-8%) scaleX(.5)}40%{-webkit-transform:translateY(2%) scaleX(.5);transform:translateY(2%) scaleX(.5)}50%{-webkit-transform:translateY(0) scaleX(1.1);transform:translateY(0) scaleX(1.1)}60%{-webkit-transform:translateY(0) scaleX(.9);transform:translateY(0) scaleX(.9)}70%{-webkit-transform:translateY(0) scaleX(1.05);transform:translateY(0) scaleX(1.05)}80%{-webkit-transform:translateY(0) scaleX(.95);transform:translateY(0) scaleX(.95)}90%{-webkit-transform:translateY(0) scaleX(1.02);transform:translateY(0) scaleX(1.02)}to{-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1)}}@-webkit-keyframes slideExpandUp{0%{-webkit-transform:translateY(100%) scaleX(.5)}30%{-webkit-transform:translateY(-8%) scaleX(.5)}40%{-webkit-transform:translateY(2%) scaleX(.5)}50%{-webkit-transform:translateY(0) scaleX(1.1)}60%{-webkit-transform:translateY(0) scaleX(.9)}70%{-webkit-transform:translateY(0) scaleX(1.05)}80%{-webkit-transform:translateY(0) scaleX(.95)}90%{-webkit-transform:translateY(0) scaleX(1.02)}to{-webkit-transform:translateY(0) scaleX(1)}}.expandUp{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:.7s;-webkit-animation-duration:.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(.6) scaleY(.5);transform:translateY(100%) scale(.6) scaleY(.5)}60%{-webkit-transform:translateY(-7%) scaleY(1.12);transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%);transform:translateY(3%)}to{-webkit-transform:translateY(0) scale(1) scaleY(1);transform:translateY(0) scale(1) scaleY(1)}}@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(.6) scaleY(.5)}60%{-webkit-transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%)}to{-webkit-transform:translateY(0) scale(1) scaleY(1)}}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.1)}80%{-webkit-transform:scale(.9);opacity:1}to{-webkit-transform:scale(1);opacity:1}}.expandOpen{animation-name:expandOpen;-webkit-animation-name:expandOpen;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes expandOpen{0%{-webkit-transform:scale(1.8);transform:scale(1.8)}50%{-webkit-transform:scale(.95);transform:scale(.95)}80%{-webkit-transform:scale(1.05);transform:scale(1.05)}90%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8)}50%{-webkit-transform:scale(.95)}80%{-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(.98)}to{-webkit-transform:scale(1)}}.bigEntrance{animation-name:bigEntrance;-webkit-animation-name:bigEntrance;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes bigEntrance{0%{-webkit-transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{-webkit-transform:scale(.98) rotate(1deg) translateX(0) translateY(0);transform:scale(.98) rotate(1deg) translateX(0) translateY(0);opacity:1}60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);opacity:1}75%{-webkit-transform:scale(.99) rotate(1deg) translateX(0) translateY(0);transform:scale(.99) rotate(1deg) translateX(0) translateY(0);opacity:1}90%{-webkit-transform:scale(1.01) rotate(0deg) translateX(0) translateY(0);transform:scale(1.01) rotate(0deg) translateX(0) translateY(0);opacity:1}to{-webkit-transform:scale(1) rotate(0deg) translateX(0) translateY(0);transform:scale(1) rotate(0deg) translateX(0) translateY(0);opacity:1}}@-webkit-keyframes bigEntrance{0%{-webkit-transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{-webkit-transform:scale(.98) rotate(1deg) translateX(0) translateY(0);opacity:1}60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);opacity:1}75%{-webkit-transform:scale(.99) rotate(1deg) translateX(0) translateY(0);opacity:1}90%{-webkit-transform:scale(1.01) rotate(0deg) translateX(0) translateY(0);opacity:1}to{-webkit-transform:scale(1) rotate(0deg) translateX(0) translateY(0);opacity:1}}.hatch{animation-name:hatch;-webkit-animation-name:hatch;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;visibility:visible!important}@keyframes hatch{0%{-webkit-transform:rotate(0deg) scaleY(.6);transform:rotate(0deg) scaleY(.6)}20%{-webkit-transform:rotate(-2deg) scaleY(1.05);transform:rotate(-2deg) scaleY(1.05)}35%{-webkit-transform:rotate(2deg) scaleY(1);transform:rotate(2deg) scaleY(1)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes hatch{0%{-webkit-transform:rotate(0deg) scaleY(.6)}20%{-webkit-transform:rotate(-2deg) scaleY(1.05)}35%{-webkit-transform:rotate(2deg) scaleY(1)}50%{-webkit-transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}to{-webkit-transform:rotate(0deg)}}.bounce{animation-name:bounce;-webkit-animation-name:bounce;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease;-webkit-animation-timing-function:ease;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes bounce{0%{-webkit-transform:translateY(0) scaleY(.6);transform:translateY(0) scaleY(.6)}60%{-webkit-transform:translateY(-100%) scaleY(1.1);transform:translateY(-100%) scaleY(1.1)}70%{-webkit-transform:translateY(0) scaleY(.95) scaleX(1.05);transform:translateY(0) scaleY(.95) scaleX(1.05)}80%{-webkit-transform:translateY(0) scaleY(1.05) scaleX(1);transform:translateY(0) scaleY(1.05) scaleX(1)}90%{-webkit-transform:translateY(0) scaleY(.95) scaleX(1);transform:translateY(0) scaleY(.95) scaleX(1)}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0) scaleY(.6)}60%{-webkit-transform:translateY(-100%) scaleY(1.1)}70%{-webkit-transform:translateY(0) scaleY(.95) scaleX(1.05)}80%{-webkit-transform:translateY(0) scaleY(1.05) scaleX(1)}90%{-webkit-transform:translateY(0) scaleY(.95) scaleX(1)}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1)}}.pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes pulse{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);opacity:.7}50%{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);opacity:.7}}.floating{animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(8%)}to{-webkit-transform:translateY(0)}}.tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes tossing{0%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}to{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg)}to{-webkit-transform:rotate(-4deg)}}.pullUp{animation-name:pullUp;-webkit-animation-name:pullUp;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes pullUp{0%{-webkit-transform:scaleY(.1);transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98);transform:scaleY(.98)}to{-webkit-transform:scaleY(.98);transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01);transform:scaleY(1.01)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes pullUp{0%{-webkit-transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98)}to{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(1)}}.pullDown{animation-name:pullDown;-webkit-animation-name:pullDown;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0}@keyframes pullDown{0%{-webkit-transform:scaleY(.1);transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98);transform:scaleY(.98)}to{-webkit-transform:scaleY(.98);transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01);transform:scaleY(1.01)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98)}to{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(1)}}.stretchLeft{animation-name:stretchLeft;-webkit-animation-name:stretchLeft;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0}@keyframes stretchLeft{0%{-webkit-transform:scaleX(.3);transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98);transform:scaleX(.98)}to{-webkit-transform:scaleX(.98);transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01);transform:scaleX(1.01)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes stretchLeft{0%{-webkit-transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98)}to{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(1)}}.stretchRight{animation-name:stretchRight;-webkit-animation-name:stretchRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0}@keyframes stretchRight{0%{-webkit-transform:scaleX(.3);transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98);transform:scaleX(.98)}to{-webkit-transform:scaleX(.98);transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01);transform:scaleX(1.01)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes stretchRight{0%{-webkit-transform:scaleX(.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(.98)}to{-webkit-transform:scaleX(.98)}80%{-webkit-transform:scaleX(1.01)}to{-webkit-transform:scaleX(1)}}.linkcopy{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.linkbox{border:2px solid #8f8f8f;margin-left:5px;width:320px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;padding:5px;border-radius:5px}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background-color:rgba(0,0,0,.6)}.modal button{outline:none;cursor:pointer;border:0}.modal>section{width:90%;max-width:450px;margin:0 auto;border-radius:.3rem;background-color:#fff;-webkit-animation:modal-show .3s;animation:modal-show .3s;overflow:hidden}.head,.main{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.space1{height:30px}.space2{height:10px}.check{display:block;margin-right:auto;margin-left:auto}.blockmouse,.check{-webkit-user-select:none;-ms-user-select:none;user-select:none}.close2{visibility:hidden}.close1,.close2{position:absolute;margin-left:390px;float:right;font-size:21px;font-weight:700;color:#999;background-color:transparent}.confirm{font-size:25px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal>section>header button{position:absolute;top:15px;right:15px;width:30px;font-size:21px;font-weight:700;text-align:center;color:#999;background-color:transparent}.modal>section>main{padding:16px;border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6}.modal>section>footer{padding:12px 16px;text-align:right}.close{padding:6px 12px;border-radius:5px;margin-top:20px;margin-right:7px;float:right;font-size:13px;font-weight:700;color:#092517}.close :hover{-webkit-transition:all .5s ease;opacity:.4}.copybtn{padding:6px 12px;color:#092517;border-radius:5px;font-size:13px;font-weight:700;margin-left:10px}.copybtn :hover{-webkit-transition:all .5s ease;opacity:.4}.modal.openModal{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-animation:modal-bg-show .3s;animation:modal-bg-show .3s}@-webkit-keyframes modal-show{0%{opacity:0;margin-top:-50px}to{opacity:1;margin-top:0}}@keyframes modal-show{0%{opacity:0;margin-top:-50px}to{opacity:1;margin-top:0}}@-webkit-keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}@keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}.overlayBox{position:fixed;width:25%;height:2vw;margin-top:1%;background-color:#e9e1e1;opacity:.5;border-radius:10px;margin-left:34%;text-align:center;padding-top:.5vw;font-size:1.2vw}.container{overflow:visible}.background_img{position:fixed;width:100%;height:22vw;object-fit:cover;-webkit-filter:saturate(70%);filter:saturate(70%);z-index:-100}.companion{text-align:center}.companion_gif{position:fixed;height:22vw;margin-left:-15%}.wish_container{position:fixed;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:visible}.wishlist{position:fixed;top:28vw;width:100%;overflow:scroll}.product_img{margin-left:3%}#showwish{margin-left:auto;margin-right:auto;width:-webkit-max-content;width:max-content;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left;-webkit-flex-wrap:wrap;flex-wrap:wrap}.myheart{margin-top:-50px}.myheart,.myheart__{position:absolute;margin-left:186px}.myheart__{margin-top:-100px}.myheart__2{position:absolute;margin-top:-2.8vw;margin-left:4.2vw}.showing{margin-left:40vw}.rshowing,.showing{position:fixed;z-index:100}#showrec{margin-left:14vw;width:-webkit-max-content;width:max-content;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.emptyWished{padding-top:8vw;padding-bottom:8vw;margin-left:50%}.productbox{margin:20px 20px 50px;box-sizing:border-box;padding:.3vw;width:210px;background-color:#fcfcfc;height:280px;font-size:15px;text-align:center}.pimage{margin-top:10px}.wdes1{margin-bottom:-10px}.wdes1,.wdes2{padding-left:10px;text-align:left;max-width:200px}.wdes2{padding-bottom:20px}.myheart{padding-top:15px}.eco1{border:.3vw solid #599659;padding:0}.eco0{border:.3vw solid #7c7c7c;padding:0}.eco2{border:.3vw solid #5c8b71;padding:0}.eco3{border:.3vw solid #a0c99c;padding:0}.checkin{margin-right:20px}.productbox :hover{-webkit-transition:all .8s ease;opacity:.9}.ecoo0{border:.3vw solid #7c7c7c;padding:0}.ecoo2{border:.3vw solid #5c8b71;padding:0}.ecoo3{border:.3vw solid #a0c99c;padding:0}.ecoo1{border:.3vw solid #599659;padding:0}.curBox{background-color:#e9e1e1;opacity:.5;height:16vw;margin-top:4.5vw}.curBox,.currentBox{position:fixed;width:14vw}.currentBox{margin-bottom:2vw;height:15vw;font-size:.9vw;text-align:center;margin-top:3.4vw}.imagec{width:12vw}.cimage{margin-top:1.6vw;margin-bottom:.2vw}.cimage :hover{-webkit-transition:all .5s ease;opacity:.85}.cdes1{margin-top:.1vw}.cdes1,.cdes2{margin-left:1vw;text-align:left}.cdes2{margin-top:-.6vw}.recBox{background-color:#e9e1e1;opacity:.5;width:14vw;height:16vw;margin-top:4.5vw;margin-right:1vw}.recommendbox{position:fixed;margin-bottom:2vw;width:14vw;height:15vw;font-size:.9vw;text-align:center;margin-top:-16.5vw}.imagee{width:12vw}.rimage{padding-top:1vw;margin-bottom:.2vw}.rimage :hover{-webkit-transition:all .5s ease;opacity:.85}.rdes1{margin-top:.1vw}.rdes1,.rdes2{margin-left:1vw;text-align:left}.rdes2{margin-top:-.6vw}.root{margin-left:45vw;width:500px;-webkit-flex-direction:row;flex-direction:row}.login_comp,.root{position:fixed;margin-top:20vh}.login_comp{margin-left:25vw}.explain{position:fixed;margin-top:15vh;margin-left:27vw}.input_login{width:400px;height:40px}.signup{cursor:pointer}.root2{position:fixed;margin-left:45vw;margin-top:3vh;width:500px;-webkit-flex-direction:row;flex-direction:row}.register_comp{position:fixed;margin-top:13vh;margin-left:28vw}.register_img{position:fixed;margin-top:20vh;margin-left:25vw}.signin{cursor:pointer}.no-drag{-ms-user-select:none;-webkit-user-select:none;user-select:none}.selfIntro{text-align:center;width:200px}body{padding-top:6vw}.NavBar{-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;position:fixed;top:0;left:0;right:0;margin:0;padding:0;background-color:hsla(0,0%,100%,.7);height:6vw;-webkit-justify-content:center;justify-content:center;z-index:10}.NavBar-logo{height:5vw;cursor:pointer;margin-right:auto}.NavBar-logo:hover{-webkit-transition:all .8s ease;opacity:.7}a,button,li{font-size:1vw;color:#333;text-decoration:none}.NavBar-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;padding:.5vw 8%}.nav__links{list-style:none}.nav__links li{display:inline-block;padding:0 1vw}.nav__links li a{transition:all .3s ease 0s}.nav__links li a:hover{color:#00a900}.login{padding:.5vw 3vw;background-color:#00a900;border:none;border-radius:3vw;cursor:pointer;transition:all .3s ease 0s;color:#fff}.login:hover{background-color:rgba(0,169,0,.8)}.cta{padding-left:2vw}
/*# sourceMappingURL=main.d4979370.chunk.css.map */