.wrapper{.modal{display:none}.modal.active{display:block}.btn-more-box .load-more{display:none}}.modal-card{background:url(/aibou24/cast/img/modal_bg.png) no-repeat center / cover}.modal-card .cast-txt{color:var(--_wt-color)}.modal-card .cast-name{letter-spacing:2.2px;font-weight:700}.modal-card .cast-name-kana{font-weight:400;display:block;letter-spacing:1.4px;line-height:1}.modal-card .cast-name-sub{background-color:var(--_bg-color1);font-weight:500;letter-spacing:1.4px}.modal-card .cast-box .cast-txt p:not(.cast-name){font-weight:400;line-height:25px}.modal-card .rank-box .cast-rank{background-color:#eee;color:#aaa;text-align:center;font-weight:500}.modal-card .cast-rank-container[data-has-rank=警視監]>.cast-rank[data-rank=警視監]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=警視長]>.cast-rank[data-rank=警視長]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=警視正]>.cast-rank[data-rank=警視正]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=警視]>.cast-rank[data-rank=警視]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=警部]>.cast-rank[data-rank=警部]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=警部補]>.cast-rank[data-rank=警部補]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=巡査部長]>.cast-rank[data-rank=巡査部長]{background-color:var(--_bg-color1);color:#fff}.modal-card .cast-rank-container[data-has-rank=巡査]>.cast-rank[data-rank=巡査]{background-color:var(--_bg-color1);color:#fff}.device-type-mobile{.modal-wrapper{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;z-index:1500;visibility:hidden;text-align:center;width:100%;height:100%}.modal-overlay{position:fixed;height:100%;width:100%;top:0;left:-100%;opacity:0;visibility:hidden;background-color:#0000008a;-webkit-tap-highlight-color:transparent;will-change:opacity;-webkit-transform:translateZ(0px);transform:translateZ(0);z-index:1400;-webkit-transition:left 0ms cubic-bezier(.23,1,.32,1) .4s,opacity .4s cubic-bezier(.23,1,.32,1) 0ms;transition:left 0ms cubic-bezier(.23,1,.32,1) .4s,opacity .4s cubic-bezier(.23,1,.32,1) 0ms}.modal-card{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms;transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms,-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;z-index:1500;left:-100%;-webkit-transform:translate(0px,-64px);transform:translateY(-64px);opacity:0;-webkit-box-shadow:rgba(0,0,0,.25) 0px 14px 45px,rgba(0,0,0,.22) 0px 10px 18px;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px;border-radius:calc(4vw / var(--_mbw));margin:calc(32vw / var(--_mbw)) calc(20vw / var(--_mbw)) calc(50vw / var(--_mbw));width:calc(100vw - calc(40vw / var(--_mbw)));max-height:80%;padding:calc(16vw / var(--_mbw)) calc(16vw / var(--_mbw)) calc(38vw / var(--_mbw));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;position:relative;vertical-align:top}.popup-content{cursor:pointer;border-bottom:solid 1px currentColor;color:var(--_link-color)}.popup-content:hover{border-bottom:none}.modal-card .cast-box{-webkit-overflow-scrolling:touch;overflow-y:auto;margin-bottom:calc(-15vw / var(--_mbw))}.modal-card .cast-thumb{text-align:center;margin-bottom:calc(8vw / var(--_mbw));margin-right:0;float:inherit;width:100%}.modal-card .cast-thumb img{width:100%;height:auto}.modal-card .cast-dot{display:none!important}.modal-card .cast-txt{padding-bottom:calc(20vw / var(--_mbw))}.modal-card .cast-name{font-size:calc(22vw / var(--_mbw));margin:calc(17vw / var(--_mbw)) 0;small{font-size:calc(18vw / var(--_mbw))}}.modal-card .cast-name-kana{font-size:calc(14vw / var(--_mbw));margin-bottom:calc(7vw / var(--_mbw))}.modal-card .cast-box .cast-txt p:not(.cast-name):not(.cast-name-sub){font-size:calc(15vw / var(--_mbw))}.modal-card .cast-name-sub{box-sizing:border-box;font-size:calc(14vw / var(--_mbw));line-height:calc(18vw / var(--_mbw));margin:calc(15vw / var(--_mbw)) 0;padding:calc(5vw / var(--_mbw)) calc(10vw / var(--_mbw));border-radius:calc(3vw / var(--_mbw))}.modal-card .rank-box .cast-rank-container{display:flex;flex-wrap:wrap;gap:calc(5vw / var(--_mbw)) calc(4vw / var(--_mbw))}.modal-card .rank-box .cast-rank{width:calc(50% - (2vw / var(--_mbw)));font-size:calc(12vw / var(--_mbw));padding:calc(5vw / var(--_mbw));border-radius:calc(3vw / var(--_mbw))}}.device-type-desktop{.modal-box{width:800px;.ttl{font-size:1.25rem;text-align:center;padding:.5rem 0}.btn-box{text-align:center;text-decoration:none}.btn-box.inline a{display:inline-block}.btn-box a{position:relative;font-weight:700;line-height:2rem;text-align:center;padding:.5rem 3rem;display:block;background:var(--_btn-bg);color:#fff;text-decoration:none;border-radius:100vh;width:35%;margin:1.25rem auto}.btn-box a:after{display:block;width:1.25rem;height:1.25rem;font-size:2.1rem;position:absolute;top:.5rem;right:1rem;color:#fff}}.modal-wrapper{font-size:16px;line-height:32px;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;z-index:1500;visibility:hidden;text-align:center;width:100%;height:100%}.modal-overlay{position:fixed;height:100%;width:100%;top:0;left:-100%;opacity:0;visibility:hidden;background-color:#0000008a;-webkit-tap-highlight-color:transparent;will-change:opacity;-webkit-transform:translateZ(0px);transform:translateZ(0);z-index:1400;-webkit-transition:left 0ms cubic-bezier(.23,1,.32,1) .4s,opacity .4s cubic-bezier(.23,1,.32,1) 0ms;transition:left 0ms cubic-bezier(.23,1,.32,1) .4s,opacity .4s cubic-bezier(.23,1,.32,1) 0ms}.modal-card{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms;transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms,-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0ms;margin:0 auto;z-index:1500;left:-100%;-webkit-transform:translate(0px,-64px);transform:translateY(-64px);opacity:0;-webkit-box-shadow:rgba(0,0,0,.25) 0px 14px 45px,rgba(0,0,0,.22) 0px 10px 18px;box-shadow:#00000040 0 14px 45px,#00000038 0 10px 18px;border-radius:2px;max-width:800px;width:800px;min-height:298px;padding:27px;display:inline-block;text-align:left;position:relative;vertical-align:top}.modal-card .cast-box{-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.modal-card .cast-box .cast-thumb{margin-right:24px;width:240px;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.modal-card .cast-box .cast-thumb img{width:100%}.modal-card .cast-dot{display:none!important}.modal-card .cast-txt{flex:1}.modal-card .cast-name{font-size:22px;margin-bottom:12px;small{font-size:18px}}.modal-card .cast-name-kana{font-size:14px;margin-bottom:4px}.modal-card .cast-name-sub{font-size:14px;border-radius:3px;margin-bottom:17px;padding:4px 10px}.modal-card .rank-box{width:100px;margin-left:17px}.modal-card .cast-box .cast-txt p:not(.cast-name):not(.cast-name-sub){font-size:15px}.modal-card .rank-box .cast-rank{font-size:14px;padding:4px;border-radius:5px;&:not(:first-child){margin-top:10px}}}.story{.modal{position:fixed;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease}.modal.active{visibility:visible;opacity:1;pointer-events:auto;z-index:100;.modal-overlay{opacity:1;left:0;transition:left cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1);visibility:visible}.modal-wrapper{visibility:visible}.modal-card{left:0;transform:translate(0);opacity:1;visibility:visible}}}