@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap);
.d-contentsWrap{width:100%}@media(max-width: 600.98px){.d-contentsWrap{background-position:10% center;background-size:5% auto}}.d-contentsWrap [class*=-img] img{display:block;width:100%}.d-contentsWrap button{font-family:inherit;color:inherit}.d-main{width:100%}@media(min-width: 993px){.d-main a{transition:opacity .1s ease}.d-main a:hover{opacity:.6}}.d-contentsBox-inner{overflow:hidden}.caststaff-area__inner{width:100%;max-width:800px;margin:0 auto}@media(max-width: 600.98px){.caststaff-area__inner{width:100%;max-width:100%;padding:0;margin:0 auto}}.caststaff-area__inner{word-break:break-all}.director-box__title,.cast-box__title,.staff-box__title{position:relative;width:100%;max-width:99px;margin:0 auto 48px}@media(max-width: 600.98px){.director-box__title,.cast-box__title,.staff-box__title{max-width:19.2vw;margin:0 auto 8.5333333333vw}}.director-box__title span,.cast-box__title span,.staff-box__title span{font-size:0;text-indent:-9999px;white-space:nowrap;display:block;padding-top:20%;background-repeat:no-repeat;background-position:center;background-size:contain}.caststaff-area{width:100%;padding:80px 0 0;margin:0 auto}@media(max-width: 600.98px){.caststaff-area{padding:17.0666666667vw 0 0}}.d-contentsBox-inner{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif}body.webp .d-contentsBox-inner{background-image:url("/24h-drama2022/images/top/common-bg.webp")}body.no-webp .d-contentsBox-inner{background-image:url("/24h-drama2022/images/top/common-bg.png")}.staff-box__item,.cast-box__item{align-items:center}.staff-box__item .role,.cast-box__item .role{font-weight:700;line-height:100%;color:#2fa5f8;text-align:right;letter-spacing:.3em;white-space:nowrap}.staff-box__item .name,.cast-box__item .name{font-size:22px;font-weight:bold;line-height:1;white-space:nowrap}@media(max-width: 992.98px){.staff-box__item .name,.cast-box__item .name{font-size:4.2666666667vw}}.staff-box__item .btn .link::after,.cast-box__item .btn .link::after{position:absolute;right:15px;width:6px;height:6px;content:"";border:1px solid #fff;border-bottom:none;border-left:none;transform:rotate(45deg)}@media(max-width: 992.98px){.staff-box__item .btn .link::after,.cast-box__item .btn .link::after{right:2.6666666667vw;width:1.6vw;height:1.6vw}}.staff-box__item .btn .comment-btn,.cast-box__item .btn .comment-btn{padding-right:5px;cursor:pointer}@media(max-width: 992.98px){.staff-box__item .btn .comment-btn,.cast-box__item .btn .comment-btn{padding-right:0}}@media(min-width: 993px){.staff-box__item .btn .comment-btn,.cast-box__item .btn .comment-btn{transition:opacity .1s ease}.staff-box__item .btn .comment-btn:hover,.cast-box__item .btn .comment-btn:hover{opacity:.6}}.staff-box__item .btn .comment-btn::before,.cast-box__item .btn .comment-btn::before,.staff-box__item .btn .comment-btn::after,.cast-box__item .btn .comment-btn::after{position:absolute;right:10px;width:8px;height:1px;content:"";background-color:#fff}@media(max-width: 992.98px){.staff-box__item .btn .comment-btn::before,.cast-box__item .btn .comment-btn::before,.staff-box__item .btn .comment-btn::after,.cast-box__item .btn .comment-btn::after{right:2.6666666667vw;width:1.6vw}}.staff-box__item .btn .comment-btn::after,.cast-box__item .btn .comment-btn::after{transition:all .3s ease;transform:rotate(-90deg)}.staff-box__item .btn.is-on .comment-btn::after,.cast-box__item .btn.is-on .comment-btn::after{transform:rotate(0deg)}.staff-box__item .btn .link,.cast-box__item .btn .link,.staff-box__item .btn .comment-btn,.cast-box__item .btn .comment-btn{position:relative;display:flex;align-items:center;justify-content:center;width:93px;height:24px;font-size:12px;font-weight:700;color:#fff;background-color:#2fa5f8;border-radius:20px}@media(max-width: 992.98px){.staff-box__item .btn .link,.cast-box__item .btn .link,.staff-box__item .btn .comment-btn,.cast-box__item .btn .comment-btn{width:24.8vw;height:6.4vw;font-size:2.6666666667vw;border-radius:5.3333333333vw}}.director-box__title{max-width:113px}@media(max-width: 600.98px){.director-box__title{max-width:22.1333333333vw}}.director-box__title>span{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:155.7522123894%}body.webp .director-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_scrp-drc.webp")}body.no-webp .director-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_scrp-drc.png")}.director-box__body{display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px;background-color:#fff;border:1px solid #222;border-radius:10px}@media(max-width: 992.98px){.director-box__body{max-width:92vw;padding:6.4vw 4.2666666667vw;margin:0 auto;border-radius:2.6666666667vw}}.director-box__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:32px;background-color:#f7f7f7;border-radius:10px}@media(max-width: 992.98px){.director-box__inner{padding:6.4vw 4.2666666667vw;border-radius:2.6666666667vw}}@media(max-width: 992.98px){.director-box__img{width:100%;margin:0 13.8666666667vw}}.director-box__img p{background-repeat:no-repeat;background-position:center;background-size:contain;width:205px;padding-top:205px}body.webp .director-box__img p{background-image:url("/24h-drama2022/images/caststaff/scrp-drc-item.webp")}body.no-webp .director-box__img p{background-image:url("/24h-drama2022/images/caststaff/scrp-drc-item.png")}@media(max-width: 992.98px){.director-box__img p{width:100%;padding-top:100%}}@media(max-width: 992.98px){.director-box__textarea{margin-top:6.4vw}}.director-box__textarea .name{width:100%;padding-left:16px;border-left:2px solid #000}.director-box__textarea .name>span{display:block;width:130.59px;padding-top:20.39px;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;text-indent:-9999px;white-space:nowrap}body.webp .director-box__textarea .name>span{background-image:url("/24h-drama2022/images/caststaff/scrp-drc-name.webp")}body.no-webp .director-box__textarea .name>span{background-image:url("/24h-drama2022/images/caststaff/scrp-drc-name.png")}@media(max-width: 992.98px){.director-box__textarea .name>span{width:36.5333333333vw;padding-top:5.8666666667vw}}.director-box__textarea .comment{width:100%;max-width:459px;max-height:158px;padding:24px;margin-top:24px;font-size:16px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.1em;background-color:#ffea3a;border-radius:10px}@media(max-width: 992.98px){.director-box__textarea .comment{max-width:74.9333333333vw;min-height:56vw;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding:4.2666666667vw;margin-top:4.2666666667vw;font-size:4.2666666667vw;border-radius:2.6666666667vw}}.director-box .btn{position:relative;margin:32px auto 8px}@media(max-width: 992.98px){.director-box .btn{width:100%;max-width:83.4666666667vw;margin:8.5333333333vw auto 2.1333333333vw}}.director-box .btn a{display:block;width:424px;height:66px;margin:0 auto;font-family:"Noto Serif","Noto Serif JP","Noto Serif Japanese","serif",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:66px;text-align:center;letter-spacing:.1em;background:#ffea3a;border:1px solid #222;border-radius:100px}@media(max-width: 992.98px){.director-box .btn a{width:100%;height:21.3333333333vw;padding-top:4.8vw;font-size:4.2666666667vw;line-height:140%}}@media(min-width: 993px){.director-box .btn a br{display:none}}.director-box .btn a::before{position:absolute;top:45%;right:30px;width:10px;height:10px;content:"";border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(-45deg)}@media(max-width: 992.98px){.director-box .btn a::before{right:6.6666666667vw;width:2.6666666667vw;height:2.6666666667vw}}.cast-box{margin-top:80px}@media(max-width: 992.98px){.cast-box{margin-top:17.0666666667vw}}@media(max-width: 992.98px){.cast-box__title{max-width:19.2vw}}.cast-box__title>span{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:148.4848484848%}body.webp .cast-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_cast.webp")}body.no-webp .cast-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_cast.png")}.cast-box__body{display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px;background-color:#fff;border:1px solid #222;border-radius:10px}@media(max-width: 992.98px){.cast-box__body{max-width:92vw;padding:12.8vw 4.2666666667vw;margin:0 auto;border-radius:2.6666666667vw}}.cast-box__list{display:grid;row-gap:32px;width:605px;margin:auto}@media(max-width: 992.98px){.cast-box__list{row-gap:6.4vw;width:83.4666666667vw}}.cast-box__list:not(:first-of-type){margin-top:64px}@media(max-width: 992.98px){.cast-box__list:not(:first-of-type){margin-top:16vw}}.cast-box__item{position:relative;text-align:center}.cast-box__item .name{margin:0 auto;letter-spacing:.3em}@media(max-width: 992.98px){.cast-box__item .name{margin:0 auto}}.cast-box__item .name .sub-text{display:inline-block;padding-top:16px;font-size:12px;letter-spacing:.1em}@media(max-width: 992.98px){.cast-box__item .name .sub-text{padding-top:4.2666666667vw;font-size:3.2vw}}.cast-box__item .name span{font-size:1.8rem}@media(max-width: 992.98px){.cast-box__item .name span{font-size:3.2vw}}@media(max-width: 699.98px){.cast-box__item .name .narrow-letter{transform:scale(0.7, 1)}}.cast-box__item .js-toggle{position:absolute;top:-1px;right:135px;z-index:1}@media(max-width: 992.98px){.cast-box__item .js-toggle{right:0;margin-top:-0.9333333333vw}}.cast-box__item .toggle2{right:150px}@media(max-width: 992.98px){.cast-box__item .toggle2{right:4vw}}.cast-box__item .toggle3{right:120px}@media(max-width: 992.98px){.cast-box__item .toggle3{right:-1.3333333333vw}}.cast-box__item .comment-btn{cursor:pointer}@media(min-width: 993px){.cast-box__item .comment-btn{transition:opacity .1s ease}.cast-box__item .comment-btn:hover{opacity:.6}}.cast-box__item .js-comment{grid-column:1/3;width:100%;max-width:605px;padding:0 45px;margin:0 auto;margin-top:-4px;text-align:left;background-color:#ffea3a;border-radius:10px;opacity:0;transition-duration:.3s}@media(max-width: 992.98px){.cast-box__item .js-comment{padding:0 6.6666666667vw}}.cast-box__item .js-comment p{display:none;font-size:1.6rem;letter-spacing:.01em}@media(max-width: 992.98px){.cast-box__item .js-comment p{font-size:4.2666666667vw}}.cast-box__item .js-comment br{display:none}.cast-box__item .js-comment span{display:none;font-size:1.6rem;letter-spacing:.01em}@media(max-width: 992.98px){.cast-box__item .js-comment span{font-size:4.2666666667vw}}.cast-box__item .js-comment.is-on{padding:24px;margin-top:24px;opacity:1}@media(max-width: 992.98px){.cast-box__item .js-comment.is-on{padding:4.2666666667vw;margin-top:4.2666666667vw}}.cast-box__item .js-comment.is-on p{display:block}.cast-box__item .js-comment.is-on br{display:inline}.cast-box__item .js-comment.is-on .sp-none{display:inline}@media(max-width: 992.98px){.cast-box__item .js-comment.is-on .sp-none{display:none}}.cast-box__item .js-comment.is-on span{display:inline-block}.cast-box__item .js-comment .from{width:100%;text-align:right}.cast-box .tow-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cast-box .tow-column div{width:100%}.cast-box .tow-column .left{text-align:center}.cast-box .tow-column .right{text-align:center}.cast-box .mt48{margin-top:48px}@media(max-width: 992.98px){.cast-box .mt48{margin-top:10.6666666667vw}}.staff-box{margin-top:80px;margin-bottom:76px}@media(max-width: 992.98px){.staff-box{margin-top:17.0666666667vw;margin-bottom:12.8vw}}@media(max-width: 992.98px){.staff-box__title{max-width:19.2vw}}.staff-box__title>span{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:148.4848484848%}body.webp .staff-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_staff.webp")}body.no-webp .staff-box__title>span{background-image:url("/24h-drama2022/images/caststaff/ttl_staff.png")}.staff-box__body{display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px 32px;background-color:#fff;border:1px solid #222;border-radius:10px}@media(max-width: 992.98px){.staff-box__body{max-width:92vw;padding:12.8vw 4.2666666667vw;margin:0 auto;border-radius:2.6666666667vw}}.staff-box__list{display:grid;row-gap:32px;width:800px;margin:auto}@media(max-width: 992.98px){.staff-box__list{row-gap:6.4vw;width:83.4666666667vw}}.staff-box__list:not(:first-of-type){margin-top:64px}@media(max-width: 992.98px){.staff-box__list:not(:first-of-type){margin-top:10.6666666667vw}}.staff-box__item{position:relative;text-align:center}.staff-box__item .name{margin:0 auto;font-size:20px;letter-spacing:.3em}@media(max-width: 992.98px){.staff-box__item .name{margin:0 auto;font-size:4.8vw}}.staff-box__item .name span{font-size:1.8rem}@media(max-width: 992.98px){.staff-box__item .name span{font-size:3.2vw}}@media(max-width: 699.98px){.staff-box__item .name .narrow-letter{transform:scale(0.7, 1)}}.staff-box__item .js-toggle{width:424px;height:66px;margin:0 auto;background:#ffea3a;border:1px solid #222;border-radius:100px}@media(max-width: 992.98px){.staff-box__item .js-toggle{width:100%;max-width:83.4666666667vw;height:14.1333333333vw}}.staff-box__item .all-staff-btn{position:relative;display:block;font-family:"Noto Serif","Noto Serif JP","Noto Serif Japanese","serif",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:66px;letter-spacing:.1em;cursor:pointer}@media(min-width: 993px){.staff-box__item .all-staff-btn{transition:opacity .1s ease}.staff-box__item .all-staff-btn:hover{opacity:.6}}@media(max-width: 992.98px){.staff-box__item .all-staff-btn{height:14.1333333333vw;font-size:4.2666666667vw;line-height:13.6vw}}.staff-box__item .all-staff-btn::before,.staff-box__item .all-staff-btn::after{position:absolute;top:32px;right:37px;width:16px;height:1.5px;content:"";background-color:#222}@media(max-width: 992.98px){.staff-box__item .all-staff-btn::before,.staff-box__item .all-staff-btn::after{top:6.7386666667vw;right:5.3333333333vw;width:4.2666666667vw;height:1.5px}}.staff-box__item .all-staff-btn::after{transition:all .3s ease;transform:rotate(-90deg)}.staff-box__item .is-on .all-staff-btn::after{transform:rotate(0deg)}.staff-box__item .btn.is-on{display:none}.staff-box__item .js-comment{width:100%;margin:0 auto;text-align:left;opacity:0;transition-duration:.3s}.staff-box__item .js-comment p{display:none;padding-top:185.3260869565%;font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain}body.webp .staff-box__item .js-comment p{background-image:url("/24h-drama2022/images/caststaff/another-list.webp")}body.no-webp .staff-box__item .js-comment p{background-image:url("/24h-drama2022/images/caststaff/another-list.png")}.staff-box__item .js-comment span{display:none;font-size:1.6rem;letter-spacing:.01em}@media(max-width: 992.98px){.staff-box__item .js-comment span{font-size:4.2666666667vw}}.staff-box__item .js-comment.is-on{opacity:1}.staff-box__item .js-comment.is-on p{display:block}.staff-box__item .js-comment.is-on span{display:inline-block}.staff-box__item .js-comment .from{width:100%;text-align:right}.staff-box .tow-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width: 992.98px){.staff-box .tow-column{grid-template-columns:1fr 1fr;gap:4.2666666667vw}}.staff-box .tow-column div{width:100%}.staff-box .tow-column .left{font-size:18px;text-align:right}@media(max-width: 992.98px){.staff-box .tow-column .left{font-size:3.2vw;font-weight:normal;letter-spacing:.1em}}.staff-box .tow-column .right{font-size:18px;text-align:left}@media(max-width: 992.98px){.staff-box .tow-column .right{font-size:3.7333333333vw;letter-spacing:.1em}}.staff-box .mt48{margin-top:48px}@media(max-width: 992.98px){.staff-box .mt48{margin-top:10.6666666667vw}}