@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}.section-jojo-campaign-banner{width:100%}.jojo-campaign-banner{position:relative;width:100%;overflow:hidden;background-color:#060c20}.jojo-campaign-banner__media{position:relative;width:100%;line-height:0}.jojo-campaign-banner__media--empty{aspect-ratio:393 / 584}.jojo-campaign-banner__img{display:block;width:100%;height:auto}.jojo-campaign-banner__img--pc{display:none}.jojo-campaign-banner__img--mb{display:block}.jojo-campaign-banner__media:not(:has(.jojo-campaign-banner__img--mb)) .jojo-campaign-banner__img--pc{display:block}.jojo-campaign-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;line-height:normal}.jojo-campaign-banner__heading,.jojo-campaign-banner__subheading,.jojo-campaign-banner__body{position:absolute;left:50%;margin:0;transform:translate(-50%);text-align:center}.jojo-campaign-banner__heading{top:18.913%;font-family:Yu Mincho,serif;font-size:calc(25.511 * 100vw / 393);font-weight:700;line-height:1.3;letter-spacing:calc(-1.02 * 100vw / 393);text-transform:capitalize;white-space:nowrap}.jojo-campaign-banner__heading-line,.jojo-campaign-banner__subheading-line{background-image:linear-gradient(90deg,#b68052,#facc8e,#9f7252);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.jojo-campaign-banner__heading-line--pc,.jojo-campaign-banner__subheading-line--pc,.jojo-campaign-banner__body-copy--pc{display:none}.jojo-campaign-banner__heading-line--mb,.jojo-campaign-banner__subheading-line--mb,.jojo-campaign-banner__body-copy--mb{display:block}.jojo-campaign-banner__heading:not(:has(.jojo-campaign-banner__heading-line--mb)) .jojo-campaign-banner__heading-line--pc,.jojo-campaign-banner__subheading:not(:has(.jojo-campaign-banner__subheading-line--mb)) .jojo-campaign-banner__subheading-line--pc,.jojo-campaign-banner__body:not(:has(.jojo-campaign-banner__body-copy--mb)) .jojo-campaign-banner__body-copy--pc{display:block}.jojo-campaign-banner__subheading{top:30.074%;font-family:Yu Mincho,serif;font-size:calc(13.667 * 100vw / 393);font-weight:500;line-height:1.44;letter-spacing:calc(-.547 * 100vw / 393);white-space:nowrap;text-transform:capitalize}.jojo-campaign-banner__subheading-line{background-image:linear-gradient(90deg,#b68052,#c19c69,#9f7252);font-family:Yu Mincho,serif}.jojo-campaign-banner__cta{position:absolute;top:36.301%;left:50%;display:inline-flex;align-items:center;justify-content:center;border:0;-webkit-appearance:none;appearance:none;background-color:transparent;cursor:pointer;gap:calc(2 * 100vw / 393);height:calc(28 * 100vw / 393);padding:0 calc(16 * 100vw / 393);border-radius:calc(4 * 100vw / 393);background-image:linear-gradient(90deg,#ffd593,#d69766);color:#0a0a0a;font-family:Noto Sans JP,sans-serif;font-size:calc(14 * 100vw / 393);font-weight:500;line-height:1.4;letter-spacing:0;text-decoration:none;white-space:nowrap;transform:translate(-50%);pointer-events:auto}.jojo-campaign-banner__cta-icon{display:block;flex-shrink:0;width:calc(7 * 100vw / 393);height:calc(7 * 100vw / 393);border-top:calc(1.5 * 100vw / 393) solid currentColor;border-right:calc(1.5 * 100vw / 393) solid currentColor;transform:rotate(45deg)}.jojo-campaign-banner__cta:focus-visible{outline:calc(2 * 100vw / 393) solid #ffd593;outline-offset:calc(3 * 100vw / 393)}.jojo-campaign-banner__body{top:69.863%;width:calc(301 * 100vw / 393);color:#c1997a;font-family:Yu Mincho,serif;font-size:calc(11 * 100vw / 393);font-weight:500;line-height:1.29}@media(hover:hover){.jojo-campaign-banner__cta:hover{filter:brightness(1.06)}}@media screen and (min-width:750px){.jojo-campaign-banner__media--empty{aspect-ratio:1440 / 729}.jojo-campaign-banner__img--pc{display:block}.jojo-campaign-banner__img--mb{display:none}.jojo-campaign-banner__media:not(:has(.jojo-campaign-banner__img--pc)) .jojo-campaign-banner__img--mb{display:block}.jojo-campaign-banner__heading-line--pc,.jojo-campaign-banner__subheading-line--pc,.jojo-campaign-banner__body-copy--pc{display:block}.jojo-campaign-banner__heading-line--mb,.jojo-campaign-banner__subheading-line--mb,.jojo-campaign-banner__body-copy--mb{display:none}.jojo-campaign-banner__heading:not(:has(.jojo-campaign-banner__heading-line--pc)) .jojo-campaign-banner__heading-line--mb,.jojo-campaign-banner__subheading:not(:has(.jojo-campaign-banner__subheading-line--pc)) .jojo-campaign-banner__subheading-line--mb,.jojo-campaign-banner__body:not(:has(.jojo-campaign-banner__body-copy--pc)) .jojo-campaign-banner__body-copy--mb{display:block}.jojo-campaign-banner__heading{top:21.308%;font-size:calc(50.069 * 100vw / 1440);line-height:1.44;letter-spacing:calc(-2.003 * 100vw / 1440);white-space:nowrap}.jojo-campaign-banner__subheading{top:31.195%;font-size:calc(26.768 * 100vw / 1440);letter-spacing:calc(-1.071 * 100vw / 1440)}.jojo-campaign-banner__cta{top:43.347%;gap:calc(4 * 100vw / 1440);height:calc(48 * 100vw / 1440);padding:0 calc(32 * 100vw / 1440);border-radius:calc(4 * 100vw / 1440);font-size:calc(16 * 100vw / 1440)}.jojo-campaign-banner__cta-icon{width:calc(8 * 100vw / 1440);height:calc(8 * 100vw / 1440);border-top-width:calc(1.5 * 100vw / 1440);border-right-width:calc(1.5 * 100vw / 1440)}.jojo-campaign-banner__cta:focus-visible{outline-width:2px;outline-offset:3px}.jojo-campaign-banner__body{top:71.193%;width:calc(903 * 100vw / 1440);font-size:calc(15 * 100vw / 1440)}}@media screen and (min-width:1920px){.jojo-campaign-banner__heading{font-size:calc(50.069 * 100vw / 1920);letter-spacing:calc(-2.003 * 100vw / 1920)}.jojo-campaign-banner__subheading{font-size:calc(26.768 * 100vw / 1920);letter-spacing:calc(-1.071 * 100vw / 1920)}.jojo-campaign-banner__cta{gap:calc(4 * 100vw / 1920);height:2.5vw;padding:0 calc(32 * 100vw / 1920);border-radius:calc(4 * 100vw / 1920);font-size:calc(16 * 100vw / 1920)}.jojo-campaign-banner__cta-icon{width:calc(8 * 100vw / 1920);height:calc(8 * 100vw / 1920);border-top-width:calc(1.5 * 100vw / 1920);border-right-width:calc(1.5 * 100vw / 1920)}.jojo-campaign-banner__body{width:47.03125vw;font-size:.78125vw}}
/*# sourceMappingURL=/cdn/shop/t/372/assets/section-jojo-campaign-banner.css.map */