.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: #8D5700;--_dot-color: #CCC}.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:2.75rem;height:5.125rem;opacity:0}.device-type-mobile &{width:calc(24vw / var(--_mbw));height:calc(45vw / var(--_mbw))}}.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{fill:#8d5700}.story__carousel__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;.device-type-desktop &{margin-top:10px;gap:10px;min-height:32px}.device-type-mobile &{margin-top:calc(10vw / var(--_mbw));gap:calc(10vw / var(--_mbw));min-height:calc(10vw / var(--_mbw))}}.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(12vw / var(--_mbw));height:calc(12vw / var(--_mbw));&:after{width:calc(12vw / var(--_mbw));height:calc(12vw / var(--_mbw))}}.device-type-desktop &{width:12px;height:12px;&:after{width:12px;height:12px}}}.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-box{display:flex;flex-wrap:wrap;margin-bottom:calc(20vw / var(--_mbw))}.guest__ttl{font-weight:400;font-size:calc(15vw / var(--_mbw))}.guest__items{font-size:calc(14vw / var(--_mbw));overflow:hidden;display:flex;flex-wrap:wrap;flex:1;gap:0 calc(10vw / var(--_mbw));.cast-box{overflow:hidden}.cast-thumb{margin-right:calc(10vw / var(--_mbw));width:calc(120vw / var(--_mbw));flex:none;float:left;>img{width:100%}}.cast-name{font-size:calc(14vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));font-weight:400}.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{display:flex}.guest__ttl{font-weight:400;font-size:16px}.guest__items{font-weight:400;gap:0 10px;overflow:hidden;display:flex;flex-wrap:wrap;flex:1;margin-bottom:25px;.cast-box{display:flex;overflow:hidden}.cast-thumb{margin-right:1rem;width:180px;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;>img{width:100%}}.cast-name{font-weight:400;font-size:16px;text-align:justify;font-kerning:normal;overflow-wrap:anywhere;font-feature-settings:"palt"}.cast-name-kana{font-weight:400;font-size:1rem;margin-bottom:.5rem}}}
