:root{--font-family-mincho: "Yu Mincho", "\6e38\660e\671d\4f53", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;--fs-body: 1.6rem;--fs-h1: 4.8rem;--fs-h2: 3.2rem;--fs-h3: 2.4rem;--fs-h4: 2rem;--fs-h5: 1.8rem;--fs-h6: 1.6rem;--color-text: #000000;--color-text-muted: #666666;--color-bg: #ffffff;--color-border: #dddddd;--color-primary: #000000;--color-primary-contrast: #ffffff;--color-accent-start: #B8FFAD;--color-accent-end: #94F9B3;--space-0: 0;--space-1: 1rem;--space-2: 2rem;--space-3: 3rem;--space-4: 4rem;--section-padding: 8rem;--section-padding-lg: 12rem;--container-max: 1200px;--container-pad-pc: 20px;--container-pad-sp: 15px}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:var(--font-family-mincho);font-size:var(--fs-body);font-weight:500;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-mincho);font-weight:500;line-height:1.4;margin:0;color:#000}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{margin:0 0 2rem;font-size:1.6rem;line-height:1.6}a{color:var(--color-text);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-text-muted)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad-pc)}.section{padding:var(--section-padding) 0}.section--large{padding:var(--section-padding-lg) 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:none;border-radius:8px;font-family:var(--font-family-mincho);font-weight:500;font-size:1.6rem;text-decoration:none;cursor:pointer;transition:all .3s ease;background:var(--color-primary);color:var(--color-primary-contrast)}.btn:hover{background:#333;transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--color-accent-start) 0%,var(--color-accent-end) 100%);color:var(--color-text)}.btn--primary:hover{background:linear-gradient(135deg,#a8f99d,#84e9a3)}.btn--outline{background:transparent;border:1px solid var(--color-text);color:var(--color-text)}.btn--outline:hover{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--large{padding:20px 40px;font-size:2rem}.btn--small{padding:10px 20px;font-size:1.4rem}.form-group{margin-bottom:2rem}.form-label{display:block;margin-bottom:.5rem;font-family:var(--font-family-mincho);font-weight:500;font-size:1.4rem;color:#000}.form-input{width:100%;padding:15px 20px;border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-family-mincho);font-size:1.6rem;background:var(--color-bg);transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--color-text)}.form-textarea{min-height:120px;resize:vertical}.form-select{width:100%;padding:15px 20px;border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-family-mincho);font-size:1.6rem;background:var(--color-bg);cursor:pointer}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.card__image{width:100%;aspect-ratio:1;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card__image img{transform:scale(1.05)}.card__content{padding:20px}.card__title{font-size:1.8rem;margin-bottom:10px}.card__description{font-size:1.4rem;color:var(--color-text-muted);margin-bottom:15px}.card__price{font-size:1.6rem;font-weight:500;margin-bottom:15px}.grid{display:grid;gap:40px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mt-0{margin-top:0}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.p-0{padding:0}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.p-4{padding:4rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 768px){html{font-size:56.25%}.container{padding:0 var(--container-pad-sp)}:root{--fs-h1: 3.2rem;--fs-h2: 2.4rem;--fs-h3: 1.8rem;--fs-h4: 1.6rem;--fs-h5: 1.5rem;--fs-h6: 1.4rem}.container{padding:0 15px}.section{padding:60px 0}.section--large{padding:80px 0}h1{font-size:2.4rem}h2{font-size:2rem}h3{font-size:1.8rem}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.btn{padding:12px 24px;font-size:1.4rem}.btn--large{padding:15px 30px;font-size:1.6rem}.form-input,.form-select{padding:12px 16px;font-size:1.4rem}}@media (max-width: 480px){.container{padding:0 10px}.section{padding:40px 0}.section--large{padding:60px 0}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*:focus{outline:2px solid #000;outline-offset:2px}button:focus,a:focus{outline:2px solid #000;outline-offset:2px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/base.css.map */