.wrapper{.modal{display:none}.modal.active{display:block}.btn-more-box .load-more{display:none}}.modal-card{background-repeat:no-repeat;background-color:var(--_content-bg);font-family:var(--_font)}.modal-card .cast-rank-container[data-has-rank=警視監]>.cast-rank[data-rank=警視監]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=警視長]>.cast-rank[data-rank=警視長]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=警視正]>.cast-rank[data-rank=警視正]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=警視]>.cast-rank[data-rank=警視]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=警部]>.cast-rank[data-rank=警部]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=警部補]>.cast-rank[data-rank=警部補]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=巡査部長]>.cast-rank[data-rank=巡査部長]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.modal-card .cast-rank-container[data-has-rank=巡査]>.cast-rank[data-rank=巡査]{background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;color:#333}.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:2px;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(15vw / var(--_mbw));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;position:relative;vertical-align:top;border-radius:calc(4vw / var(--_mbw));background:url(../../common-img/contents_bg.png) #d3d3d3 0% 0% / calc(50vw / var(--_mbw)) calc(50vw / var(--_mbw)) repeat;box-shadow:0 calc(10vw / var(--_mbw)) calc(18vw / var(--_mbw)) 0 #00000038,0 calc(14vw / var(--_mbw)) calc(45vw / var(--_mbw)) 0 #00000040}.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}.modal-card .cast-box__head{display:block;margin-bottom:calc(12vw / var(--_mbw))}.modal-card .cast-thumb{text-align:center;margin-bottom:calc(17vw / 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-name{font-weight:700;font-size:calc(14vw / var(--_mbw));margin-bottom:calc(10vw / var(--_mbw))}.modal-card .cast-name-kana{display:block;font-weight:500;letter-spacing:.05rem;font-size:calc(14vw / var(--_mbw));margin-bottom:calc(4vw / var(--_mbw))}.modal-card .cast-name-role{font-weight:700;font-size:calc(22vw / var(--_mbw))}.modal-card .cast-name-actor{font-size:calc(18vw / var(--_mbw))}.modal-card .cast-txt-detail{font-size:calc(15vw / var(--_mbw));line-height:166.667%;letter-spacing:.75px}.modal-card .cast-name-sub{letter-spacing:.07rem;font-weight:500;background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;font-size:calc(14vw / var(--_mbw));padding:calc(4vw / var(--_mbw)) calc(10vw / var(--_mbw));border-radius:calc(3vw / var(--_mbw))}.modal-card .rank-box{margin-top:calc(16vw / var(--_mbw));.cast-rank-container{display:flex;flex-wrap:wrap;gap:calc(4vw / var(--_mbw))}.cast-rank{width:calc(50% - calc(2vw / var(--_mbw)));background-color:#fff;color:#aaa;text-align:center;font-weight:500;line-height:1;font-size:calc(12vw / var(--_mbw));padding:calc(5vw / var(--_mbw)) 0 calc(6vw / 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;max-width:800px;width:800px;min-height:298px;padding:26px;display:inline-block;text-align:left;position:relative;vertical-align:top;border-radius:4px;background:url(../../common-img/contents_bg.png) #d3d3d3 0% 0% / 100% auto repeat;box-shadow:0 10px 18px #00000038,0 14px 45px #00000040;&:has(.rank-box){max-width:956px;width:956px}}.modal-card .cast-box,.modal-card .cast-box__head{-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:1.25rem;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-name{font-weight:700;font-size:18px;margin-bottom:10px}.modal-card .cast-name-kana{display:block;letter-spacing:.07rem;font-family:var(--_latin-font);font-weight:500;font-size:14px;line-height:110%;margin-bottom:5px}.modal-card .cast-name-role{font-weight:700;letter-spacing:.05rem;font-size:22px}.modal-card .cast-name-actor{font-weight:700;letter-spacing:.05rem;font-size:18px}.modal-card .cast-read{font-size:15px;line-height:166%}.modal-card .cast-name-sub{letter-spacing:.07rem;font-weight:500;background:url(../../common-img/nav_bg.png) #d3d3d3 50% / cover no-repeat;font-size:14px;padding:2px 10px;margin-bottom:20px;border-radius:3px}.modal-card .cast-txt{width:482px}.modal-card .cast-txt-detail{font-size:15px;line-height:166.667%;letter-spacing:.75px}.modal-card .rank-box{width:140px;margin-left:17px;.cast-rank-container{display:flex;flex-direction:column;gap:8px 0}.cast-rank{background-color:#fff;color:#aaa;text-align:center;font-weight:700;line-height:1;font-size:18px;line-height:138.889%;letter-spacing:.9px;padding:16px;border-radius:8px}}}