.jojo-listing-voice{position:relative;width:100%;overflow:hidden;color:#ffd593;aspect-ratio:393 / 476}.jojo-listing-voice__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;overflow:hidden;line-height:0}.jojo-listing-voice__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;line-height:normal;pointer-events:none}.jojo-listing-voice__title{position:absolute;top:calc(44 * 100vw / 393);left:50%;z-index:3;display:flex;align-items:center;gap:calc(7.2 * 100vw / 393);width:max-content;margin:0;transform:translate(-50%);font-family:Yu Mincho,serif;font-size:calc(18 * 100vw / 393);font-weight:700;line-height:1.3;text-align:center;white-space:nowrap;pointer-events:none}.jojo-listing-voice__title-text{background-image:linear-gradient(90deg,#d59566,#fedd9a);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.jojo-listing-voice__title-mark{display:flex;flex:0 0 auto;align-items:center;width:calc(5.85 * 100vw / 393);height:calc(16.2 * 100vw / 393)}.jojo-listing-voice__title-icon{display:block;width:100%;height:auto}.jojo-listing-voice__desc{position:absolute;top:calc(84 * 100vw / 393);left:50%;z-index:3;width:calc(290 * 100vw / 393);transform:translate(-50%);font-family:Yu Mincho,serif;font-size:calc(12 * 100vw / 393);font-weight:400;line-height:1.44;text-align:center;text-transform:capitalize;color:#ffd593;pointer-events:none}.jojo-listing-voice__hotspot{position:absolute;z-index:4;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.jojo-listing-voice__hotspot-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jojo-listing-voice__hotspot-media{display:block;width:100%;height:100%}.jojo-listing-voice__hotspot-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.jojo-listing-voice__hotspot-img--pc{display:none}.jojo-listing-voice__hotspot-img--mb{display:block}.jojo-listing-voice__hotspot--list-dio{top:calc(169 * 100vw / 393);left:calc(43 * 100vw / 393);width:calc(28 * 100vw / 393);height:calc(75 * 100vw / 393)}.jojo-listing-voice__hotspot--list-jonathan{top:calc(168 * 100vw / 393);left:calc(328 * 100vw / 393);width:calc(27 * 100vw / 393);height:calc(73 * 100vw / 393)}.jojo-listing-voice__hotspot--listen-dio{top:calc(289 * 100vw / 393);left:calc(156 * 100vw / 393);width:calc(28 * 100vw / 393);height:calc(75 * 100vw / 393)}.jojo-listing-voice__hotspot--listen-jonathan{top:calc(289 * 100vw / 393);left:calc(213 * 100vw / 393);width:calc(28 * 100vw / 393);height:calc(75 * 100vw / 393)}.jojo-listing-voice__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(24 * 100vw / 393)}.jojo-listing-voice__modal[hidden]{display:none}.jojo-listing-voice__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;cursor:pointer}.jojo-listing-voice__dialog{position:relative;z-index:1;width:min(343px,calc(343 * 100vw / 393));max-width:100%;line-height:0}.jojo-listing-voice__dialog-media{position:relative;width:100%;border-radius:12px;overflow:hidden}.jojo-listing-voice__dialog-img{display:block;width:100%;height:auto}.jojo-listing-voice__dialog-img--pc{display:none}.jojo-listing-voice__dialog-img--mb{display:block}.jojo-listing-voice__close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(48 * 100vw / 393);height:calc(48 * 100vw / 393);padding:0;border:0;border-radius:50%;background:linear-gradient(144deg,#3c0a1cb3 -2.19%,#a21b4cb3 147.25%);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);cursor:pointer}.jojo-listing-voice__dialog--jonathan .jojo-listing-voice__close{background:linear-gradient(144deg,#0b1428b3 -2.19%,#3051b2b3 147.25%)}.jojo-listing-voice__close-icon{position:relative;display:block;width:calc(18 * 100vw / 393);height:calc(18 * 100vw / 393)}.jojo-listing-voice__close-icon:before,.jojo-listing-voice__close-icon:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:#fff;border-radius:1px}.jojo-listing-voice__close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.jojo-listing-voice__close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html.jojo-voice-modal-open,html.jojo-voice-modal-open body{overflow:hidden}@media screen and (min-width:750px){.jojo-listing-voice{aspect-ratio:1440 / 1058}.jojo-listing-voice__title{top:calc(139 * 100vw / 1440);gap:min(16px,calc(16 * 100vw / 1440));font-size:calc(40 * 100vw / 1440)}.jojo-listing-voice__title-mark{width:min(13px,calc(13 * 100vw / 1440));height:min(36px,2.5vw)}.jojo-listing-voice__desc{top:calc(228 * 100vw / 1440);width:33.75vw;font-size:1.25vw}.jojo-listing-voice__hotspot-img--pc{display:block}.jojo-listing-voice__hotspot-img--mb{display:none}.jojo-listing-voice__hotspot--list-dio{top:calc(222 * 100vw / 1440);left:calc(142 * 100vw / 1440);width:min(80px,calc(80 * 100vw / 1440));height:min(220px,calc(220 * 100vw / 1440))}.jojo-listing-voice__hotspot--list-jonathan{top:calc(222 * 100vw / 1440);left:calc(1220 * 100vw / 1440);width:min(80px,calc(80 * 100vw / 1440));height:min(220px,calc(220 * 100vw / 1440))}.jojo-listing-voice__hotspot--listen-dio{top:calc(492 * 100vw / 1440);left:calc(569 * 100vw / 1440);width:min(80px,calc(80 * 100vw / 1440));height:min(220px,calc(220 * 100vw / 1440))}.jojo-listing-voice__hotspot--listen-jonathan{top:calc(493 * 100vw / 1440);left:calc(792 * 100vw / 1440);width:min(80px,calc(80 * 100vw / 1440));height:min(220px,calc(220 * 100vw / 1440))}.jojo-listing-voice__modal{padding:min(40px,calc(40 * 100vw / 1440))}.jojo-listing-voice__dialog{width:min(782px,calc(782 * 100vw / 1440))}.jojo-listing-voice__dialog-media{border-radius:18px}.jojo-listing-voice__dialog-img--pc{display:block}.jojo-listing-voice__dialog-img--mb{display:none}.jojo-listing-voice__close{top:min(12px,calc(12 * 100vw / 1440));right:min(12px,calc(12 * 100vw / 1440));width:min(48px,calc(48 * 100vw / 1440));height:min(48px,calc(48 * 100vw / 1440))}.jojo-listing-voice__close-icon{width:min(18px,1.25vw);height:min(18px,1.25vw)}}@media screen and (min-width:1920px){.jojo-listing-voice__hotspot--list-jonathan{left:77.34375vw}.jojo-listing-voice__hotspot--list-dio{left:17.34375vw}.jojo-listing-voice__title{top:calc(139 * 100vw / 1920);gap:calc(16 * 100vw / 1920);font-size:calc(40 * 100vw / 1920)}.jojo-listing-voice__title-mark{width:calc(13 * 100vw / 1920);height:1.875vw}.jojo-listing-voice__desc{top:11.875vw;width:25.3125vw;font-size:.9375vw}}.jojo-listing-voice--rail-left:before,.jojo-listing-voice--rail-right:after{content:"";position:absolute;top:0;bottom:0;z-index:3;width:calc(14 * 100vw / 393);background-repeat:repeat-y;background-position:top center;background-size:100% auto;pointer-events:none}.jojo-listing-voice--rail-left:before{left:calc(14 * 100vw / 393)}.jojo-listing-voice--rail-right:after{right:calc(15 * 100vw / 393)}.jojo-listing-voice__rule{position:absolute;z-index:3;left:calc(86 * 100vw / 393);bottom:0;width:calc(225 * 100vw / 393);height:calc(10 * 100vw / 393);background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}@media screen and (min-width:750px){.jojo-listing-voice--rail-left:before,.jojo-listing-voice--rail-right:after{width:calc(37 * 100vw / 1440)}.jojo-listing-voice--rail-left:before{left:calc(38 * 100vw / 1440)}.jojo-listing-voice--rail-right:after{right:2.5vw}.jojo-listing-voice__rule{left:calc(317 * 100vw / 1440);width:calc(824 * 100vw / 1440);height:calc(10 * 100vw / 1440)}}@media screen and (min-width:1920px){.jojo-listing-voice--rail-left:before,.jojo-listing-voice--rail-right:after{width:calc(37 * 100vw / 1920)}.jojo-listing-voice--rail-left:before{left:calc(280 * 100vw / 1920)}.jojo-listing-voice--rail-right:after{right:calc(262 * 100vw / 1920)}.jojo-listing-voice{aspect-ratio:1920 / 1058}}
/*# sourceMappingURL=/cdn/shop/t/372/assets/section-jojo-listing-voice.css.map */