@import"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap";:root{--er-default: #150600;--er-brown-100: #BFB4B0;--er-brown-200: #A1908A;--er-brown-400: #5B3E33;--er-base: #F9F7F4;--er-font-en: "Cormorant", serif}.er-l-inner{width:100%;max-width:1360px;margin-inline:auto;padding:0 40px}.er-c-btn{--text: var(--er-default);--bg: var(--er-base);--border: var(--er-default);--gradation: #EBE7E6;font-size:16px;font-weight:500;line-height:1.5;color:var(--text);text-align:center;box-sizing:border-box;display:inline-block;width:fit-content;min-width:200px;padding:8px 30px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg);box-shadow:3px 4px 10px #00000040;position:relative;overflow:hidden;z-index:1}.er-c-btn:after{content:"";width:200%;height:100%;background-image:linear-gradient(90deg,var(--bg),var(--bg) 50%,var(--gradation) 58%,var(--bg) 90%,var(--bg) 100%);position:absolute;top:0;left:0;translate:-100% 0;z-index:-1;transition:translate 1s ease}.er-c-btn svg{position:absolute;right:10px;top:50%;translate:0 -50%}.er-c-btn svg path{fill:currentColor}:is([data-color=black]).er-c-btn{--text: #fff;--bg: var(--er-default);--gradation: var(--er-brown-200)}:is([data-color=white]).er-c-btn{--text: #fff;--bg: transparent;--border: #fff}@media(any-hover:hover){.er-c-btn:hover:after{translate:0 0}}.er-c-title{--text-color: var(--er-default);--text-light-color: var(--er-default);--sub-color: var(--er-brown-100);--gradation-color: #fff;display:grid;gap:4px}:is([data-color=white]).er-c-title{--text-color: #fff;--text-light-color: #fff;--gradation-color: var(--er-default)}:is([data-color=gradation]).er-c-title{--text-color: #7B2300;--text-light-color:#CC8062}.er-c-title.-center{place-items:center;text-align:center}.er-c-title__main{font-size:40px;font-weight:700;line-height:1.5;color:var(--text-color);order:3;margin:0}.er-c-title__sub{font-size:24px;font-weight:700;line-height:1.5;color:var(--sub-color);font-family:var(--er-font-en);margin:0;order:1}.er-c-title__text{font-size:16px;font-weight:500;line-height:1.5;color:var(--text-color);order:2}.er-c-text{--text-color: var(--er-default);font-size:16px;font-weight:400;line-height:1.5;color:var(--text-color);text-align:center;margin:0}.er-c-circle{--circle-size: 120px;width:var(--circle-size);height:var(--circle-size)}.circle-path{fill:none;stroke:#fff;stroke-width:1;stroke-linecap:round;stroke-dasharray:402;stroke-dashoffset:402}:is([data-animated=true]) .circle-path{animation:drawCircle 2.5s ease-in-out forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}:is([data-scroll-js=fadein]){opacity:0;transform:translateY(20%);transition:opacity 1s ease,transform 1s ease}:is([data-scroll-js=fadein])[data-animated=true]{opacity:1;transform:translateY(0)}:is([data-scroll-js=gradation]){--text-color: var(--er-default);--text-light-color: var(--er-default);--gradation-color: #fff;color:transparent;background:linear-gradient(-45deg,var(--text-color) 0%,var(--text-light-color) 40%,var(--gradation-color) 50%,var(--text-light-color) 60%,var(--text-color) 100%);background-size:250% 100%;background-position:100% 50%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text}:is([data-scroll-js=gradation])[data-color=white]{--text-color: #fff;--text-light-color: #fff;--gradation-color: var(--er-default)}:is([data-scroll-js=gradation])[data-color=gradation]{--text-color: #7B2300;--text-light-color:#CC8062}:is([data-scroll-js=gradation])[data-animated=true]{animation:text-gradation 3s linear forwards}@keyframes text-gradation{0%{background-position:100% 50%}to{background-position:0% 50%}}:is([data-parallax-js=image]){scale:1.2}.u-split-text:not(:lang(ja)){display:none}.u-split-text-hidden:lang(ja){clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.er-c-hide-sp{display:block}.er-c-show-sp{display:none}.er-u-visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:989px){.er-l-inner{padding:0 16px}.er-c-title__main{font-size:24px}.er-c-text{font-size:14px}.er-c-title__text{font-size:12px}.er-c-hide-sp{display:none}.er-c-show-sp{display:block}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/er-component.css.map */