@font-face{font-family:Yu Mincho;src:url(/cdn/shop/files/yuminm.ttf?v=1791624096) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Yu Mincho;src:url(/cdn/shop/files/yumineb.ttf?v=1791624090) format("truetype");font-weight:700;font-style:normal;font-display:swap}.jojo-listing-banner{position:relative;width:100%;overflow:hidden;line-height:0}.jojo-listing-banner__media{position:relative;width:100%}.jojo-listing-banner__img{display:block;width:100%;height:auto}.jojo-listing-banner__img--pc{display:none}.jojo-listing-banner__img--mb{display:block}.jojo-listing-banner__content{position:absolute;left:50%;bottom:calc(36 * 100vw / 393);z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;transform:translate(-50%);text-align:center;line-height:normal;pointer-events:none}.jojo-listing-banner__heading{margin:0;max-width:calc(320 * 100vw / 393);font-family:Yu Mincho,serif;font-size:calc(32 * 100vw / 393);font-weight:700;line-height:1.37;letter-spacing:calc(-.96 * 100vw / 393);text-transform:capitalize;background-image:linear-gradient(90deg,#b68052,#facc8e,#9f7252);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.jojo-listing-banner__subheading{margin:calc(10 * 100vw / 393) 0 0;max-width:calc(291 * 100vw / 393);font-family:Yu Mincho,serif;font-size:calc(16 * 100vw / 393);font-weight:400;line-height:1.44;letter-spacing:calc(-.64 * 100vw / 393);text-transform:capitalize;background-image:linear-gradient(90deg,#b68052,#c19c69,#9f7252);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.jojo-listing-banner__cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:calc(40 * 100vw / 393);margin-top:calc(12 * 100vw / 393);padding:0 calc(32 * 100vw / 393);border:0;border-radius:calc(4 * 100vw / 393);-webkit-appearance:none;appearance:none;background-color:transparent;background-image:linear-gradient(90deg,#ffd593,#d69766);color:#000;font-family:Shokz Sans Text,Noto Sans JP,sans-serif;font-size:calc(16 * 100vw / 393);font-weight:400;line-height:calc(22 * 100vw / 393);letter-spacing:calc(.16 * 100vw / 393);text-decoration:none;white-space:nowrap;cursor:pointer;pointer-events:auto;display:none}.jojo-listing-banner__cta:focus-visible{outline:calc(2 * 100vw / 393) solid #ffd593;outline-offset:calc(3 * 100vw / 393)}@media(hover:hover){.jojo-listing-banner__cta:hover{filter:brightness(1.06)}}.jojo-listing-banner__accent{display:none}@media screen and (min-width:750px){.jojo-listing-banner__img--pc{display:block;aspect-ratio:1440 / 769;object-fit:cover}.jojo-listing-banner__img--mb{display:none}.jojo-listing-banner__content{bottom:calc(52 * 100vw / 1440)}.jojo-listing-banner__heading{max-width:none;font-size:calc(38 * 100vw / 1440);line-height:1.44;letter-spacing:-.1vw;white-space:nowrap}.jojo-listing-banner__heading span{width:.8vw}.jojo-listing-banner__subheading{margin-top:calc(8 * 100vw / 1440);max-width:none;font-size:calc(24 * 100vw / 1440);letter-spacing:calc(-.96 * 100vw / 1440);white-space:nowrap}.jojo-listing-banner__cta{height:calc(40 * 100vw / 1440);margin-top:calc(12 * 100vw / 1440);padding:0 min(32px,calc(32 * 100vw / 1440));border-radius:calc(4 * 100vw / 1440);font-size:calc(16 * 100vw / 1440);line-height:calc(22 * 100vw / 1440);letter-spacing:calc(.16 * 100vw / 1440)}.jojo-listing-banner__cta:focus-visible{outline-width:2px;outline-offset:3px}.jojo-listing-banner__accent{display:block;position:absolute;left:0;bottom:0;z-index:3;width:100%;height:min(4px,calc(4 * 100vw / 1440));background-image:linear-gradient(90deg,#ffd593,#d69766)}}@media screen and (min-width:1920px){.jojo-listing-banner__content{bottom:calc(52 * 100vw / 1920)}.jojo-listing-banner__img--pc{aspect-ratio:1918 / 760}.jojo-listing-banner__heading{font-size:calc(38 * 100vw / 1920);letter-spacing:-.075vw}.jojo-listing-banner__subheading{margin-top:calc(8 * 100vw / 1920);font-size:1.25vw;letter-spacing:-.05vw}}
/*# sourceMappingURL=/cdn/shop/t/372/assets/section-jojo-listing-banner.css.map */
