:root{--font-noto-serif-jp: "Noto Serif JP", serif;--layered-title-text-primary: #ffffff;--layered-title-text-secondary: rgba(255, 255, 255, .8);--layered-title-background-opacity: .1;--layered-title-spacing-xs: .5rem;--layered-title-spacing-sm: 1rem;--layered-title-spacing-md: 1.5rem;--layered-title-spacing-lg: 2rem}.ts-layered-title{position:relative;overflow:hidden;padding:3rem 0;text-align:center;margin:0}.ts-layered-title__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:flex;align-items:center;z-index:0}.ts-layered-title__background--center{justify-content:center}.ts-layered-title__background--left{justify-content:flex-start}.ts-layered-title__background--right{justify-content:flex-end}.ts-layered-title__background-text{font-size:calc(5rem + 1vw);line-height:.8;font-family:var(--font-noto-serif-jp),serif;font-weight:700;letter-spacing:.05em;color:currentColor;margin:0;white-space:nowrap}.ts-layered-title__content{position:relative;z-index:10;margin-bottom:5rem}.ts-layered-title__content--center{text-align:center}.ts-layered-title__content--left{text-align:left}.ts-layered-title__content--right{text-align:right}.ts-layered-title__title{font-size:1.875rem;line-height:1.1;font-weight:500;margin:0 0 2rem;color:var(--layered-title-text-primary);letter-spacing:.025em;font-family:var(--font-noto-serif-jp),serif;text-align:center}.ts-layered-title__subtitle{font-size:1rem;font-weight:500;line-height:1.6;margin:0 auto;color:var(--layered-title-text-secondary);letter-spacing:.025em;text-align:center;width:80%;max-width:600px}@media(min-width:640px){.ts-layered-title__title{font-size:2.25rem}.ts-layered-title__subtitle{font-size:1.125rem;width:70%}}@media(min-width:768px){.ts-layered-title__title{font-size:3rem}.ts-layered-title__subtitle{font-size:1.25rem;width:60%}}@media(min-width:1024px){.ts-layered-title__title{font-size:3.75rem}.ts-layered-title__subtitle{font-size:1.5rem}}@media(min-width:1280px){.ts-layered-title__title{font-size:4.5rem}}@media(max-width:768px){.ts-layered-title__background-text{font-size:calc(2.5rem + 1vw)}.ts-layered-title__title{font-size:1.75rem}.ts-layered-title__subtitle{font-size:.875rem}.ts-layered-title__content{padding-top:var(--layered-title-spacing-xs)}}@media(max-width:480px){.ts-layered-title__background-text{font-size:calc(2rem + 1vw)}.ts-layered-title__title{font-size:1.5rem}.ts-layered-title__subtitle{font-size:.8rem}}@media(min-width:1200px){.ts-layered-title__background-text{font-size:calc(6rem + 1vw)}.ts-layered-title__title{font-size:5rem}.ts-layered-title__subtitle{font-size:1.75rem}.ts-layered-title__content{padding-top:var(--layered-title-spacing-md)}}.ts-layered-title--small .ts-layered-title__background-text{font-size:calc(3rem + .5vw)}.ts-layered-title--small .ts-layered-title__title{font-size:2rem}.ts-layered-title--small .ts-layered-title__subtitle{font-size:.875rem}.ts-layered-title--large .ts-layered-title__background-text{font-size:calc(7rem + 1.5vw)}.ts-layered-title--large .ts-layered-title__title{font-size:3.5rem}.ts-layered-title--large .ts-layered-title__subtitle{font-size:1.25rem}.ts-layered-title--left{text-align:left}.ts-layered-title--left .ts-layered-title__subtitle{margin-left:0;margin-right:0}.ts-layered-title--right{text-align:right}.ts-layered-title--right .ts-layered-title__subtitle{margin-left:0;margin-right:0}.ts-layered-title--subcategory{padding:4rem 0}.ts-layered-title--subcategory .ts-layered-title__background-text{font-size:calc(6rem + 2vw);margin-top:-4rem}.ts-layered-title--dark{--layered-title-text-primary: #000000;--layered-title-text-secondary: rgba(0, 0, 0, .7)}@media(prefers-contrast:high){.ts-layered-title__background-text{opacity:.2}}@media(prefers-reduced-motion:reduce){.ts-layered-title *{transition:none}}.ts-layered-title-subtitle{width:80%;max-width:70ch}@media(min-width:640px){.ts-layered-title-subtitle{width:70%}}@media(min-width:768px){.ts-layered-title-subtitle{width:60%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ts-layered-title.css.map */