.story__carousel{--text-body: rgb(54, 49, 61);--detail-high-contrast: rgb(192, 192, 192);--text-high-contrast-rgb-value: 49, 49, 49;--_dot-selected-color: #E72221;--_dot-color: #E9F0F6}.story__carousel{max-width:680px;margin:auto;--slide-height: 19rem;--slide-spacing: 1rem;--slide-size: 100%}.story__carousel__viewport{overflow:hidden}.story__carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.story__carousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.story__carousel__slide>img{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.story__carousel__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.story__carousel__floating{position:relative}.device-type-desktop .story__carousel__floating:hover{>.story__carousel__button--prev{animation:carouselPrev .5s ease-out 0s 1;opacity:1}>.story__carousel__button--next{animation:carouselNext .5s ease-out 0s 1;opacity:1}}@keyframes carouselPrev{0%{transform:translate(30px,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes carouselNext{0%{transform:translate(-30px,-50%);opacity:0}to{transform:translate(50%,-50%);opacity:1}}.story__carousel__button{position:absolute;top:50%;transition:.3s;-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;z-index:2;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center;.device-type-desktop &{width:120px;height:120px;opacity:0}.device-type-mobile &{width:calc(80vw / var(--_mbw2));height:calc(80vw / var(--_mbw2))}}.story__carousel__button:disabled{color:var(--detail-high-contrast)}.story__carousel__button--prev{left:0;transform:translate(-50%,-50%)}.story__carousel__button--next{right:0;transform:translate(50%,-50%)}.story__carousel__button__svg{width:100%}.story__carousel__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;.device-type-desktop &{margin-top:10px;gap:16px;min-height:16px}.device-type-mobile &{margin-top:calc(8vw / var(--_mbw2));gap:calc(8vw / var(--_mbw2));min-height:calc(8vw / var(--_mbw2))}}.story__carousel__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:50%;.device-type-mobile &{width:calc(8vw / var(--_mbw2));height:calc(8vw / var(--_mbw2));&:after{width:calc(8vw / var(--_mbw2));height:calc(8vw / var(--_mbw2))}}.device-type-desktop &{width:16px;height:16px;&:after{width:16px;height:16px}}}.story__carousel__dot:after{background-color:var(--_dot-color);width:.75rem;height:.75rem;border-radius:50%;display:flex;align-items:center;content:""}.story__carousel__dot--selected:after{background-color:var(--_dot-selected-color)}.story__carousel__container{align-items:flex-start}.story__carousel__thumbs__container{display:grid;.device-type-desktop &{grid-template-columns:repeat(var(--_item-count, 5),1fr);margin-top:1rem;gap:.5rem}.device-type-mobile &{grid-template-columns:repeat(var(--_item-count, 5),1fr);margin-top:1rem;gap:.5rem}}.story__carousel__thumbs__slide{cursor:pointer;img{width:100%;height:auto;filter:opacity(.5);transition:filter .5s cubic-bezier(.075,.82,.165,1)}&:hover{img{filter:opacity(1)}}}.story__carousel__thumbs__slide--selected{img{filter:opacity(1)}}.device-type-mobile{.guest__items{font-size:calc(14vw / var(--_mbw));margin-bottom:calc(16vw / var(--_mbw));overflow:hidden;.cast-box{display:flex;align-items:center;flex-wrap:wrap;padding:calc(16vw / var(--_mbw2));margin-bottom:calc(16vw / var(--_mbw2));border-radius:calc(8vw / var(--_mbw2));background:var(--Key, #E72221);overflow:hidden}.cast-thumb{margin-right:calc(16vw / var(--_mbw2));width:calc(120vw / var(--_mbw2));>img{border-radius:calc(4vw / var(--_mbw2));background:#fff;overflow:hidden;width:100%}}.cast-name{color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:calc(16vw / var(--_mbw2));font-weight:800;line-height:1.5}.cast-read{margin-top:calc(16vw / var(--_mbw2));color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:calc(14vw / var(--_mbw2));font-weight:400;line-height:1.8;width:100%}.cast-txt{width:calc(100% - calc(136vw / var(--_mbw2)))}.actor-name{color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:calc(12vw / var(--_mbw2));font-weight:800;line-height:1.4}.actor-voice{margin-top:calc(8vw / var(--_mbw2));color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:calc(12vw / var(--_mbw2));font-weight:800;line-height:1.4}.cast-name-kana{font-weight:400;font-size:calc(12vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));margin-bottom:calc(8vw / var(--_mbw))}}}.device-type-desktop{.guest-box{margin-bottom:24px}.guest__items{margin-bottom:30px;overflow:hidden;.cast-box{padding:16px;border-radius:8px;background:var(--Key, #E72221);display:flex;margin-bottom:24px;overflow:hidden}.cast-thumb{margin-right:32px;width:160px;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;>img{border-radius:4px;background:#fff;overflow:hidden;width:100%}}.cast-name{color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:18px;font-weight:800;line-height:1.45;text-align:justify;font-kerning:normal;overflow-wrap:anywhere;font-feature-settings:"palt"}.cast-txt{width:100%}.actor-name{margin-top:8px;color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:14px;font-weight:800;line-height:1.5}.actor-voice{color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:14px;font-weight:800;line-height:1.5}.cast-read{margin-top:16px;color:#fff;font-family:var(--_font-mplus1);transform:rotate(.05deg);font-size:16px;font-weight:400;line-height:1.9}.cast-name-kana{font-weight:400;font-size:1rem;margin-bottom:.5rem}}}