@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Noto+Serif+TC&display=swap);
body{color:#0c0303;font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}body,html{margin:0;padding:0;background-color:#8b2f25;color:#0c0303;z-index:0;height:100%;scrollbar-width:none}header{width:100%;height:50px;position:fixed;display:flex;z-index:2000}*{margin:0;padding:0;position:relative;z-index:inherit;scrollbar-color:rgba(129,126,116,.25)}ul{list-style-type:none}a{color:#0c0303;text-decoration:none}a:hover{text-decoration:underline}[data-language=jp]{font-family:"Playfair Display","Noto Serif JP",serif}[data-language=en]{font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}[data-language=cn]{font-family:"Playfair Display","Noto Serif TC",serif}.logo-mini{max-width:100px;margin-inline:auto}.logo-text{width:100px;height:100px;padding:1rem 1rem 1.7rem 1rem;scale:.7;background-color:#942428;font-family:"Times New Roman",Times,serif;font-size:2rem;opacity:1;border:1px solid #fff}.logo-text>p{margin:0;padding:0;color:#fff}.content-container{height:100%;width:100vw;overflow-x:hidden;overflow-y:auto;scroll-snap-align:center;scroll-snap-stop:always;scrollbar-width:none}.content{height:fit-content;top:5%;width:90%;box-sizing:border-box;z-index:10;transition-duration:.151s;border-radius:5px}@media(min-width: 768px){.content{top:10%;width:90%;min-width:600px;max-width:1000px}}.paper{background:#c9a669}.paper::after{background:url(img/paper-transparent.png) repeat;background-size:100px,100%;opacity:1;pointer-events:none;z-index:1000}.rough{background:url(img/rough-transparent.png) repeat;background-size:450px,100%}.rough:after{content:" ";position:absolute;z-index:1;backdrop-filter:blur(0.4px)}.separator-1{height:1px;margin:.1rem 0 .5rem 0;background-color:#0c0303}.separator-3{height:3px;margin:.5rem 0 .5rem 0;background-color:#0c0303}.no-display,.modal-bg.no-display{display:none}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-center,.flex-center-all{justify-content:center}.justify-space-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center,.flex-center-all{align-items:center}.align-start{align-items:start}.align-space-between{align-items:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-2{margin-block-end:.5rem}.mb-4{margin-block-end:1rem}.over{z-index:9001}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-4{padding-left:2rem}.border-top{border-top:1px solid rgba(0,0,0,.5)}.border-bottom{border-bottom:1px solid rgba(0,0,0,.5)}.border-all{border:1px solid rgba(0,0,0,.5)}.mbl-1{margin-top:.5rem;margin-bottom:.5rem}.font-thin{font-weight:300}.font-regular{font-weight:400}.font-thick{font-weight:600}.font-sm{font-size:.7rem}.font-italic{font-style:italic}.font-noto{font-family:"Noto Sans",Arial,sans-serif}.font-noto-jp{font-family:"Playfair Display","Noto Serif JP",serif}.font-noto-tc{font-family:"Playfair Display","Noto Serif TC",serif}.font-playfair{font-family:"Playfair Display","Noto Serif JP","Noto Serif TC","Times New Roman",serif}.text-center,.text-center-all{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-middle,.text-center-all{vertical-align:middle}.float-right{float:right}.disabled{pointer-events:none;opacity:.3}.radius-16{border-radius:16px}.radius-8{border-radius:8px}.radius-4{border-radius:4px}.radius-2{border-radius:2px}.edge-inset-shadow,.paper::after,.rough:after{top:0;left:0;right:0;bottom:0}.edge-inset-shadow,.paper::after{content:" ";position:absolute;border-radius:inherit;box-shadow:inset .5px .5px 0 0 rgba(255,255,255,.5),inset -0.5px -0.5px 0 0 rgba(0,0,0,.5);pointer-events:none}.shadow-2{box-shadow:1px 1px 2px 0 rgba(0,0,0,.7)}.shadow-4{box-shadow:1px 1px 4px -1px rgba(0,0,0,.7)}.shadow-8{box-shadow:2px 2px 8px -2px rgba(0,0,0,.7)}.shadow-16{box-shadow:2px 2px 16px -2px rgba(0,0,0,.7)}.modal-bg{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.5);backdrop-filter:blur(8px);z-index:100}.modal-bg>*{position:absolute}.light{position:fixed;top:-100px;left:-100px;bottom:-100px;right:-100px;z-index:1900;animation:light-translator 360s infinite alternate;transition-duration:.7s;scale:1.3;background:radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 100%);pointer-events:none}@media(min-width: 768px){.light{scale:1.5}}.scrolling .light{scale:1}@keyframes light-translator{0%{transform:translate(0px, 0px);backdrop-filter:brightness(1.05)}17%{transform:translate(-5px, -5px)}33%{transform:translate(5px, -5px)}50%{transform:translate(-5px, 0px)}67%{transform:translate(5px, 0px)}83%{transform:translate(-5px, 5px)}100%{transform:translate(5px, 5px);backdrop-filter:brightness(0.95)}}.placeholder{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem;box-sizing:border-box;border:4px dashed rgba(0,0,0,.25);border-radius:8px;outline:none;user-select:none}.main-container{display:flex;height:100%;width:auto;position:absolute;top:0;left:0;overflow-y:hidden;scroll-snap-type:x mandatory;background-color:#8b2f25}.content{min-height:90%;height:auto;top:5%;width:90%;box-sizing:border-box;z-index:10}@media(min-width: 768px){.content{min-height:80%;top:10%;width:90%;min-width:600px;max-width:1000px}}.logo{display:none}@media(min-width: 768px){.logo{display:block;height:12%;position:absolute;top:0;left:50%;transform:translateX(-50%)}}.go-home{position:absolute;top:1.5rem;left:1rem;text-decoration:underline}.products{box-sizing:border-box}.product-item{min-height:200px;height:fit-content;min-width:300px;width:fit-content;max-width:1000px;box-sizing:border-box;overflow:hidden;background-color:#fff}.product-item.small{min-width:auto;min-height:auto;cursor:pointer}@media only screen and (min-width: 0px)and (max-width: 588px){.product-item.small{width:calc(100%/1 + .5rem/1 - .5rem)}}@media only screen and (min-width: 589px)and (max-width: 790px){.product-item.small{width:calc(100%/2 + .5rem/2 - .5rem)}}@media only screen and (min-width: 791px)and (max-width: 992px){.product-item.small{width:calc(100%/3 + .5rem/3 - .5rem)}}@media only screen and (min-width: 993px)and (max-width: 100000px){.product-item.small{width:calc(100%/4 + .5rem/4 - .5rem)}}.product-item.small .product-item--image{width:100%;max-height:auto}.product-item.small .product-item--image img{width:100%;max-height:auto}.product-item--images{overflow-x:auto;overflow-y:hidden}.product-item--image{max-height:60vh}.product-item--image img{max-height:60vh}.product-item.small .product-item--desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-item--expand{position:absolute;right:1rem;bottom:1rem;transition-duration:.151s;opacity:.75;cursor:pointer;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3))}.product-item--expand:hover{scale:1.1;filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3))}.product-item--expand:active{scale:.9;filter:none}