@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap);:root{--red:#ff3838}*{border:none;box-sizing:border-box;font-family:Noto Sans JP,sans-serif;margin:0;outline:none;padding:0;text-decoration:none;text-transform:capitalize;transition:all .2s linear}::selection{background:#ff3838;background:var(--red);color:#fff}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:6rem}body{background:#f7f7f7}section{padding:10rem 9%}.heading{color:#666;font-size:3.5rem;padding:1rem 0;text-align:center}.btn,.heading span{color:#ff3838;color:var(--red)}.btn{border:.2rem solid #ff3838;border:.2rem solid var(--red);border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1.7rem;margin-top:1rem;overflow:hidden;padding:.8rem 3rem;position:relative;z-index:0}.btn:before{content:"";height:100%;position:absolute;right:0;top:0;transition:.3s linear;width:0;z-index:-1}.btn:before,.btn:hover:before{background:#ff3838;background:var(--red);color:#fff}.btn:hover:before{left:0;width:100%}.btn:hover{color:#fff}header{align-items:center;background:#fff;box-shadow:.5rem 1rem rgba(0,0,0,.1);display:flex;justify-content:space-between;left:0;padding:2rem 9%;position:fixed;right:0;top:0;z-index:1000}header .logo{color:#666;font-size:2.5rem;font-weight:bolder}header .logo i{color:#ff3838;color:var(--red);padding-right:5rem}header .navbar a{color:#666;font-size:2rem;margin-left:2rem}header .navbar a:hover{color:#ff3838;color:var(--red)}#menu-bar{border:.1rem solid #666;border-radius:.3rem;color:#666;cursor:pointer;display:none;font-size:3rem;padding:.5rem 1.5rem}#menu-bar,.navbar a{text-decoration:none}.home{align-items:center;background-position:50%;background-size:cover;display:flex;flex-wrap:wrap;gap:1.5rem;min-height:100vh}.home .content{flex:1 1 40rem;padding-top:6.5rem}.home .image{flex:1 1 40rem}.home .image img{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite;padding:1rem;width:100%}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}.home .content h3{color:#333;font-size:5rem}.home .content p{color:#666;font-size:1.7rem;padding:1rem 0}.speciality .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.speciality .box-container .box{border:.1rem solid rgba(0,0,0,.3);border-radius:.5rem;box-shadow:.5rem 1rem rgba(0,0,0,.1);cursor:pointer;flex:1 1 40rem;overflow:hidden;position:relative}.speciality .box-container .box .image{height:100%;left:0;object-fit:cover;position:absolute;top:-100%;width:100%}.speciality .box-container .box .content{background:#fff;padding:2rem;text-align:center}.speciality .box-container .box .content img{margin:1.5rem 0}.speciality .box-container .box .content p{color:#666;font-size:1.6rem;padding:1rem 0}.speciality .box-container .box:hover .image{top:0}.speciality .box-container .box:hover .content{-webkit-transform:translateY(100%);transform:translateY(100%)}.popular .box-container{display:flex;flex-wrap:wrap;gap:10px}.popular .box-container .box{background:#fff;border:.1rem solid rgba(0,0,0,.3);border-radius:.5rem;box-shadow:0 .5rem rgba(0,0,0,.1);flex:1 1 30rem;padding:2rem;position:relative;text-align:center}.popular .box-container .box img{border-radius:.5rem;height:25rem;object-fit:cover;width:100%}.popular .box-container .box .price{background:#ff3838;border-radius:.5rem;color:#fff;font-size:2rem;left:3rem;padding:.5rem 1rem;position:absolute;top:3rem}.popular .box-container .box h3{color:#333;font-size:2.5rem;padding-top:1rem}.popular .box-container .box .stars{color:gold;font-size:1.7rem;padding-top:1rem .1rem}.steps{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem}.steps .box{flex:1 1 25rem;padding:1rem;text-align:center}.steps .box img{border:1rem solid #fff;border-radius:50%;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.steps .box h3{color:#333;font-size:2.5rem;padding:1rem 0}.gallery .box-container{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.5rem}.gallery .box-container .box{border:1rem solid #fff;border-radius:.5rem;box-shadow:0 9px 0 0 rgba(0,0,0,.1);flex:1 1 30rem;overflow:hidden;padding:1rem;position:relative;text-align:center}.gallery .box-container .box a{margin:-.5rem 0 0}.gallery .box-container .box img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.gallery .box-container .box .content{background:hsla(0,0%,100%,.9);height:100%;justify-content:center;left:-100%;padding:15% 1.5% 1.5%;position:absolute;text-align:center;top:-100%;width:100%}.gallery .box-container .box .content h3{color:#333;font-size:2.5rem;position:relative;top:2%}.gallery .box-container .box .content p{word-wrap:break-word;color:#666;font-size:1.5rem;padding:4%}.gallery .box-container .box:hover .content{left:0;top:0;transition:.2}.review .box-container{display:flex;flex-wrap:wrap;gap:2rem}.review .box-container .box{background:#333;border:1rem solid#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.3);flex:1 1 30rem;margin-top:6rem;padding:2rem;text-align:center}.review .box-container img{border:1rem solid#fff;border-radius:50%;height:12rem;margin-top:-8rem;object-fit:cover;width:12rem}.review .box-container .box h3{color:#fff;font-size:3rem;padding:.5rem 0}.review .box-container .box .stars{color:#ff3838;font-size:2rem;padding:.5rem 0}.review .box-container .box p{color:#fff;font-size:1.4rem;opacity:.7;padding:1rem 0}.order .row{border:2rem #fff;border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.3);display:flex;flex-wrap:wrap;gap:1.5rem;padding:2rem}.order .row .image{flex:1 1 30rem}.order .row .image img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.order .row form{flex:1 1 50rem;padding:1rem}.order .row form .inputBox{display:flex;flex-wrap:wrap;justify-content:space-between}.order .row form .inputBox input,.order .row form textarea{border:.1rem solid rgba(0,0,0,.3);border-radius:.5rem;color:#333;font-size:1.7rem;margin:1rem 0;padding:1rem;text-transform:none;width:49%}.order .row form textarea{height:15rem;resize:none;width:100%}.order .row form .btn{background:none}.order .row form .btn:hover{background:#ff3838}.footer{background:#000;text-align:center}.footer .share{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.footer .credit{color:#fff;font-size:2rem;font-weight:400;padding:2.5rem 1rem}.footer .credit span{color:#ff3838;color:var(--red)}#scroll-top{background:#ff3838;background:var(--red);border-radius:.5rem;color:#fff;font-size:4rem;padding:.5rem 1.5rem;position:fixed;right:2rem;top:-120%;transition:1s linear;z-index:1000}#scroll-top.active{top:calc(100% - 12rem)}.loader-container{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.loader-container.fade-out{top:-120%}@media(max-width:991px){html{font-size:55%}header{padding:2rem}section{padding:10rem 9%}}@media(max-width:768px){#menu-bar{display:inline;display:initial}header .navbar{background:#f7f7f7;border-top:.1rem solid rgba(0,0,0,.1);left:122%;position:absolute;right:0;top:255%}header .navbar.active{left:0;position:absolute;right:0;top:100%}header .navbar a{background:#fff;border:.2rem solid rgba(0,0,0,.1);border-left:2px solid #ff3838;border-left:2px solid var(--red);display:block;margin:1.5rem;padding:1.5rem}.navbar{display:block}}@media(max-width:500px){html{font-size:50%}header{padding:2rem}.order .row form .inputBox input{width:100%}table{margin:20rem;overflow:hidden;padding:20rem}}.styled-table{border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif;font-size:1em;margin:125px auto;max-width:80%;min-width:400px}.styled-table thead tr{background-color:#009879;color:#fff;text-align:left}.styled-table td,.styled-table th{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid #ddd}.styled-table tbody tr:last-of-type{border-bottom:2px solid #009879}.styled-table tbody tr.active-row{color:#009879;font-weight:700}table{border:solid;border-color:#000;border-width:5px;color:red;margin:20rem;overflow:auto;padding:20rem;width:100%}tr:hover{background-color:rgba(0,152,125,.5);color:green}td:hover{background-color:rgba(0,152,121,.8);color:#fff}.cart{color:blue}.cart_item{color:#2b79c2}.cart-container{color:#666;display:flex;flex-direction:row-reverse;justify-content:flex-end;margin:4px;max-width:600px;min-width:300px;text-align:center;width:55%}.cart-container:hover{box-shadow:1px 1px 13px 1px rgba(10,0,0,.1);cursor:pointer}.cart-container h1,h2{font-size:2.2rem;position:relative;top:30px}.cart-container h2{color:#ff3838;font-size:1.7rem;left:auto;position:relative;text-align:center}.cartCard{border-radius:5px;box-shadow:1px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:10px;outline:1px solid rgba(63,62,55,.7);overflow:hidden;padding:4px;text-align:center;width:150px}.cartCard img{border-radius:10px}.btnBox{align-items:center;display:flex;font-size:1rem;justify-content:space-around;margin:auto;padding:2px;width:60%}.cartCard button{border:1px solid grey;border-radius:5px;color:#000;margin:5px;padding:5%}
/*# sourceMappingURL=main.d02ba4c1.css.map*/