.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}}.staff-item .js-toggle,.staff-item .link-btn{width:100%;max-width:360px;padding:21px;margin:0 auto;color:#fff;text-align:center;word-break:break-all;cursor:pointer;border-radius:70px}body.webp .staff-item .js-toggle,.staff-item body.webp .js-toggle,body.webp .staff-item .link-btn,.staff-item body.webp .link-btn{background-image:url("/24h-drama2024/images/common/bg/bg-btn.webp")}body.no-webp .staff-item .js-toggle,.staff-item body.no-webp .js-toggle,body.no-webp .staff-item .link-btn,.staff-item body.no-webp .link-btn{background-image:url("/24h-drama2024/images/common/bg/bg-btn.png")}@media(max-width: 600.98px){.staff-item .js-toggle,.staff-item .link-btn{max-width:300px;padding:19px}}.staff-item .js-toggle:hover,.staff-item .link-btn:hover{opacity:.6}.staff-item .js-toggle>a,.staff-item .link-btn>a{display:block;font-size:1.8rem;font-weight:700;line-height:1;letter-spacing:.9px}.staff-item .js-toggle>a:hover,.staff-item .link-btn>a:hover{opacity:1}@media(max-width: 600.98px){.staff-item .js-toggle>a,.staff-item .link-btn>a{font-size:1.6rem;letter-spacing:.8px}}.d-contentsBox-inner{overflow:hidden}.cast-area,.staff-area{width:100%;padding:100px 0;margin:0 auto}@media(max-width: 992.98px){.cast-area,.staff-area{padding:65px 0}}.cast-area__inner,.staff-area__inner{width:100%;max-width:1000px;margin:0 auto}@media(max-width: 992.98px){.cast-area__inner,.staff-area__inner{padding:0 10px}}@media(max-width: 600.98px){.cast-area__inner,.staff-area__inner{width:100%;max-width:100%}}.cast-box,.staff-box{word-break:break-all}.cast-title,.staff-title{position:relative;width:100%;max-width:500px;margin:0 auto}.cast-title span,.staff-title span{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;padding-top:16.8%}@media(max-width: 600.98px){.cast-title span,.staff-title span{padding-top:15.2112676056%}}.cast-body,.staff-body{position:relative;overflow:hidden}.cast-body .d-frame-deco::after,.staff-body .d-frame-deco::after,.cast-body .d-frame-deco::before,.staff-body .d-frame-deco::before{position:absolute;z-index:2;width:80px;height:80px;content:"";background-size:contain}@media(max-width: 600.98px){.cast-body .d-frame-deco::after,.staff-body .d-frame-deco::after,.cast-body .d-frame-deco::before,.staff-body .d-frame-deco::before{width:48px;height:48px}}.cast-body .d-frame-deco.top::after,.staff-body .d-frame-deco.top::after{top:0;left:0}.cast-body .d-frame-deco.top::before,.staff-body .d-frame-deco.top::before{top:0;right:0;transform:rotate(90deg)}.cast-body .d-frame-deco.bottom::after,.staff-body .d-frame-deco.bottom::after{bottom:0;left:0;transform:rotate(270deg)}.cast-body .d-frame-deco.bottom::before,.staff-body .d-frame-deco.bottom::before{right:0;bottom:0;transform:rotate(180deg)}.cast-body .d-frame-border,.staff-body .d-frame-border{position:absolute;z-index:2;background-position:center;background-size:auto;border-color:#6b493d;border-style:solid}.cast-body .d-frame-border.top,.staff-body .d-frame-border.top,.cast-body .d-frame-border.bottom,.staff-body .d-frame-border.bottom{right:80px;left:80px;width:calc(100% - 160px);height:12px;border-width:2px 0}@media(max-width: 600.98px){.cast-body .d-frame-border.top,.staff-body .d-frame-border.top,.cast-body .d-frame-border.bottom,.staff-body .d-frame-border.bottom{right:48px;left:48px;width:calc(100% - 96px);height:7px;border-width:1px 0}}.cast-body .d-frame-border.top,.staff-body .d-frame-border.top{top:0}.cast-body .d-frame-border.bottom,.staff-body .d-frame-border.bottom{bottom:0}.cast-body .d-frame-border.left,.staff-body .d-frame-border.left,.cast-body .d-frame-border.right,.staff-body .d-frame-border.right{top:80px;bottom:80px;width:12px;height:calc(100% - 160px);border-width:0 2px}@media(max-width: 600.98px){.cast-body .d-frame-border.left,.staff-body .d-frame-border.left,.cast-body .d-frame-border.right,.staff-body .d-frame-border.right{top:48px;bottom:48px;width:7px;height:calc(100% - 96px);border-width:0 1px}}.cast-body .d-frame-border.left,.staff-body .d-frame-border.left{left:0}.cast-body .d-frame-border.right,.staff-body .d-frame-border.right{right:0}.cast-body .d-frame-bg,.staff-body .d-frame-bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}body.webp .cast-body .d-frame-bg,body.webp .staff-body .d-frame-bg{background-image:url("/24h-drama2024/images/common/bg/bg_frame.webp")}body.no-webp .cast-body .d-frame-bg,body.no-webp .staff-body .d-frame-bg{background-image:url("/24h-drama2024/images/common/bg/bg_frame.png")}.cast-body .d-frame-bg .bg-scoop::before,.staff-body .d-frame-bg .bg-scoop::before,.cast-body .d-frame-bg .bg-scoop::after,.staff-body .d-frame-bg .bg-scoop::after{position:absolute;display:block;width:70px;height:70px;content:"";border-radius:50%}body.webp .cast-body .d-frame-bg .bg-scoop::before,body.webp .staff-body .d-frame-bg .bg-scoop::before,body.webp .cast-body .d-frame-bg .bg-scoop::after,body.webp .staff-body .d-frame-bg .bg-scoop::after{background-image:url("/24h-drama2024/images/common/bg/bg-main.webp")}body.no-webp .cast-body .d-frame-bg .bg-scoop::before,body.no-webp .staff-body .d-frame-bg .bg-scoop::before,body.no-webp .cast-body .d-frame-bg .bg-scoop::after,body.no-webp .staff-body .d-frame-bg .bg-scoop::after{background-image:url("/24h-drama2024/images/common/bg/bg-main.jpg")}@media(max-width: 600.98px){.cast-body .d-frame-bg .bg-scoop::before,.staff-body .d-frame-bg .bg-scoop::before,.cast-body .d-frame-bg .bg-scoop::after,.staff-body .d-frame-bg .bg-scoop::after{width:48px;height:48px}}.cast-body .d-frame-bg .bg-scoop::before,.staff-body .d-frame-bg .bg-scoop::before{left:-35px}@media(max-width: 600.98px){.cast-body .d-frame-bg .bg-scoop::before,.staff-body .d-frame-bg .bg-scoop::before{left:-27px}}.cast-body .d-frame-bg .bg-scoop::after,.staff-body .d-frame-bg .bg-scoop::after{right:-35px}@media(max-width: 600.98px){.cast-body .d-frame-bg .bg-scoop::after,.staff-body .d-frame-bg .bg-scoop::after{right:-27px}}.cast-body .d-frame-bg .bg-scoop.top::before,.staff-body .d-frame-bg .bg-scoop.top::before,.cast-body .d-frame-bg .bg-scoop.top::after,.staff-body .d-frame-bg .bg-scoop.top::after{top:-35px}@media(max-width: 600.98px){.cast-body .d-frame-bg .bg-scoop.top::before,.staff-body .d-frame-bg .bg-scoop.top::before,.cast-body .d-frame-bg .bg-scoop.top::after,.staff-body .d-frame-bg .bg-scoop.top::after{top:-27px}}.cast-body .d-frame-bg .bg-scoop.bottom::before,.staff-body .d-frame-bg .bg-scoop.bottom::before,.cast-body .d-frame-bg .bg-scoop.bottom::after,.staff-body .d-frame-bg .bg-scoop.bottom::after{bottom:-35px}@media(max-width: 600.98px){.cast-body .d-frame-bg .bg-scoop.bottom::before,.staff-body .d-frame-bg .bg-scoop.bottom::before,.cast-body .d-frame-bg .bg-scoop.bottom::after,.staff-body .d-frame-bg .bg-scoop.bottom::after{bottom:-27px}}.staff-item,.cast-item{align-items:center}.staff-item .cast,.cast-item .cast{font-size:2.2rem;font-weight:700;line-height:1;text-align:right;letter-spacing:.9px}.staff-item .cast span,.cast-item .cast span{font-size:1.8rem}.staff-item .role,.cast-item .role{font-size:1.8rem;font-weight:700;line-height:1;color:#2aa2bc;text-align:right;letter-spacing:.9px}.staff-item .name,.cast-item .name{display:inline-block;font-size:2.4rem;font-weight:700;line-height:1;letter-spacing:1.2px}@media(max-width: 600.98px){.staff-item .name,.cast-item .name{min-width:auto;font-size:1.6rem;letter-spacing:.8px}}.staff-item .name span,.cast-item .name span{display:block;margin-top:5px;font-size:1.6rem}@media(max-width: 600.98px){.staff-item .name span,.cast-item .name span{font-size:1.2rem}}.staff-item .btn .comment-btn,.cast-item .btn .comment-btn{padding-right:5px;cursor:pointer}@media(max-width: 992.98px){.staff-item .btn .comment-btn,.cast-item .btn .comment-btn{padding-right:0}}@media(min-width: 993px){.staff-item .btn .comment-btn,.cast-item .btn .comment-btn{transition:opacity .1s ease}.staff-item .btn .comment-btn:hover,.cast-item .btn .comment-btn:hover{opacity:.6}}.staff-item .btn .comment-btn::before,.cast-item .btn .comment-btn::before,.staff-item .btn .comment-btn::after,.cast-item .btn .comment-btn::after{position:absolute;top:11px;right:10px;width:11px;height:1px;content:"";background-color:#fff}@media(max-width: 600.98px){.staff-item .btn .comment-btn::before,.cast-item .btn .comment-btn::before,.staff-item .btn .comment-btn::after,.cast-item .btn .comment-btn::after{width:7px}}@media(max-width: 359.98px){.staff-item .btn .comment-btn::before,.cast-item .btn .comment-btn::before,.staff-item .btn .comment-btn::after,.cast-item .btn .comment-btn::after{right:4px}}.staff-item .btn .comment-btn::after,.cast-item .btn .comment-btn::after{transition:all .3s ease;transform:rotate(-90deg)}.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{padding-right:5px;cursor:pointer}@media(max-width: 992.98px){.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{padding-right:0}}@media(min-width: 993px){.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{transition:opacity .1s ease}.staff-item .btn .comment-link-btn:hover,.cast-item .btn .comment-link-btn:hover{opacity:.6}}.staff-item .btn .comment-link-btn::before,.cast-item .btn .comment-link-btn::before{position:absolute;top:0;right:10px;bottom:0;width:12px;height:12px;margin:auto;content:"";background-repeat:no-repeat;background-position:center;background-size:contain}body.webp .staff-item .btn .comment-link-btn::before,body.webp .cast-item .btn .comment-link-btn::before{background-image:url("/24h-drama2024/images/caststaff/icn-comment-arrow.webp")}body.no-webp .staff-item .btn .comment-link-btn::before,body.no-webp .cast-item .btn .comment-link-btn::before{background-image:url("/24h-drama2024/images/caststaff/icn-comment-arrow.png")}@media(max-width: 600.98px){.staff-item .btn .comment-link-btn::before,.cast-item .btn .comment-link-btn::before{width:8px;height:8px}}@media(max-width: 359.98px){.staff-item .btn .comment-link-btn::before,.cast-item .btn .comment-link-btn::before{right:4px}}.staff-item .btn.is-open .comment-btn::after,.cast-item .btn.is-open .comment-btn::after{transform:rotate(0deg)}.staff-item .btn .comment-btn,.cast-item .btn .comment-btn,.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{position:relative;display:flex;align-items:center;width:86px;padding:6px 10px;font-size:1.2rem;font-weight:700;line-height:1;color:#fff;letter-spacing:.6px;background-color:#5ac2d9;border-radius:100px}@media(max-width: 600.98px){.staff-item .btn .comment-btn,.cast-item .btn .comment-btn,.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{width:74px;padding:6px 10px;font-size:1rem;letter-spacing:.5px}}@media(max-width: 359.98px){.staff-item .btn .comment-btn,.cast-item .btn .comment-btn,.staff-item .btn .comment-link-btn,.cast-item .btn .comment-link-btn{width:60px;padding:6px 5px}}.cast-area{padding:100px 0 0;color:#4b271f}body.webp .cast-area{background-image:url("/24h-drama2024/images/common/bg/bg-main.webp")}body.no-webp .cast-area{background-image:url("/24h-drama2024/images/common/bg/bg-main.jpg")}@media(max-width: 992.98px){.cast-area{padding:65px 0 0}}body.webp .cast-title span{background-image:url("/24h-drama2024/images/caststaff/ttl-cast.webp")}body.no-webp .cast-title span{background-image:url("/24h-drama2024/images/caststaff/ttl-cast.png")}.cast-body{padding:70px 200px;margin-top:40px}@media(max-width: 992.98px){.cast-body{padding:50px 22px;margin-top:30px}}@media(max-width: 600.98px){.cast-body{padding:50px 13px}}body.webp .cast-body .d-frame-deco::after,body.webp .cast-body .d-frame-deco::before{background-image:url("/24h-drama2024/images/common/frame/img-frame02.webp")}body.no-webp .cast-body .d-frame-deco::after,body.no-webp .cast-body .d-frame-deco::before{background-image:url("/24h-drama2024/images/common/frame/img-frame02.png")}.cast-list{position:relative;z-index:3;display:grid;row-gap:10px;width:100%}@media(max-width: 600.98px){.cast-list{row-gap:5px}}.cast-item{position:relative;display:grid;grid-template-columns:100%;gap:0;align-items:flex-start}.cast-item.is-grid{grid-template-columns:1fr 1fr;margin-bottom:15px}@media(max-width: 600.98px){.cast-item.is-grid{margin-bottom:10px}}.cast-item.is-grid.m-top15{margin-top:15px}@media(max-width: 600.98px){.cast-item.is-grid.m-top15{margin-top:10px}}.cast-item.is-grid .left{padding-right:16px}@media(max-width: 600.98px){.cast-item.is-grid .left{padding-right:11px}}@media(max-width: 339.98px){.cast-item.is-grid .left{padding-right:8px}}.cast-item.is-grid .left::before{position:absolute;top:0;right:-8px;bottom:0;width:16px;height:16px;margin:auto;content:"";background-repeat:no-repeat;background-position:center;background-size:contain}body.webp .cast-item.is-grid .left::before{background-image:url("/24h-drama2024/images/caststaff/img-3dot.webp")}body.no-webp .cast-item.is-grid .left::before{background-image:url("/24h-drama2024/images/caststaff/img-3dot.png")}@media(max-width: 600.98px){.cast-item.is-grid .left::before{right:-6px;width:12px;height:12px}}@media(max-width: 339.98px){.cast-item.is-grid .left::before{right:-4px;width:8px;height:8px}}.cast-item.is-grid .right{padding-top:3px;padding-left:16px;text-align:left}@media(max-width: 600.98px){.cast-item.is-grid .right{padding-top:0;padding-left:11px}}@media(max-width: 339.98px){.cast-item.is-grid .right{padding-left:8px}}.cast-item .left{position:relative}.cast-item .left p{display:flex;align-items:center;justify-content:flex-end;font-weight:700;line-height:2.4rem}@media(max-width: 600.98px){.cast-item .left p{line-height:2.2rem}}.cast-item .left p .role-name{width:calc(100% - 1.6rem);padding-right:5px;font-size:2.2rem;font-weight:700;text-align:right}@media(max-width: 600.98px){.cast-item .left p .role-name{width:calc(100% - 1.2rem);padding-right:1px;font-size:1.4rem}}.cast-item .left p .role-name br{display:none}@media(max-width: 600.98px){.cast-item .left p .role-name br{display:block}}.cast-item .left p .role-name.text-img{display:block;height:30px;padding-right:0;font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;background-position:right center}@media(max-width: 600.98px){.cast-item .left p .role-name.text-img{height:22px}}.cast-item .left p .acts{font-size:1.6rem;font-weight:700;line-height:2.4rem}@media(max-width: 600.98px){.cast-item .left p .acts{font-size:1.1rem;line-height:2.2rem}}.cast-item .right{position:relative;line-height:2.4rem;text-align:center}@media(max-width: 600.98px){.cast-item .right{line-height:2.2rem}}.cast-item .right .name-box{position:relative;display:inline-block}.cast-item .js-toggle,.cast-item .is-link{position:absolute;top:1px;right:-95px;z-index:1}@media(max-width: 600.98px){.cast-item .js-toggle,.cast-item .is-link{position:relative;top:0;right:0;margin-top:5px}}.cast-item .comment-btn{cursor:pointer}@media(min-width: 993px){.cast-item .comment-btn{transition:opacity .1s ease}.cast-item .comment-btn:hover{opacity:.6}}@media(max-width: 600.98px){.cast-item .comment-btn{margin:0 auto}}.cast-item .js-comment{grid-column:1/3;width:100%;max-width:600px;margin:0 auto;text-align:left;background-color:#fdcac3;border-radius:10px;opacity:0;transition-duration:.3s}.cast-item .js-comment p{display:none;font-size:1.6rem;font-weight:500;line-height:1.8;letter-spacing:.8px}@media(max-width: 992.98px){.cast-item .js-comment p{font-size:14px;letter-spacing:.7px}}.cast-item .js-comment br{display:none}.cast-item .js-comment.is-open{padding:20px;margin-top:20px;opacity:1}@media(max-width: 992.98px){.cast-item .js-comment.is-open{padding:15px;margin-top:14px}}.cast-item .js-comment.is-open p{display:block}.cast-item .js-comment.is-open br{display:inline}.staff-area{color:#4b271f}body.webp .staff-area{background-image:url("/24h-drama2024/images/common/bg/bg-main.webp")}body.no-webp .staff-area{background-image:url("/24h-drama2024/images/common/bg/bg-main.jpg")}body.webp .staff-title span{background-image:url("/24h-drama2024/images/caststaff/ttl-staff.webp")}body.no-webp .staff-title span{background-image:url("/24h-drama2024/images/caststaff/ttl-staff.png")}.staff-body{padding:70px 40px;margin-top:40px}@media(max-width: 600.98px){.staff-body{padding:50px 20px;margin-top:30px}}body.webp .staff-body .d-frame-deco::after,body.webp .staff-body .d-frame-deco::before{background-image:url("/24h-drama2024/images/common/frame/img-frame02.webp")}body.no-webp .staff-body .d-frame-deco::after,body.no-webp .staff-body .d-frame-deco::before{background-image:url("/24h-drama2024/images/common/frame/img-frame02.png")}.staff-list{position:relative;z-index:3;display:grid;row-gap:24px;width:100%}@media(max-width: 992.98px){.staff-list{row-gap:20px}}.staff-list:not(:first-of-type){margin-top:60px}@media(max-width: 992.98px){.staff-list:not(:first-of-type){margin-top:40px}}.staff-item{position:relative;text-align:center}.staff-item .all-staff-btn{position:relative}.staff-item .all-staff-btn::before,.staff-item .all-staff-btn::after{position:absolute;top:50%;right:0;width:15px;height:1.5px;content:"";background-color:#fff;transform:translateY(-50%)}.staff-item .all-staff-btn::after{transition:all .3s ease;transform:rotate(-90deg)}.staff-item .is-open .all-staff-btn::after{transform:rotate(0deg)}.staff-item .btn.is-open{display:none}.staff-item .js-comment{width:100%;margin:0 auto;text-align:left;opacity:0;transition-duration:.3s}.staff-item .js-comment p{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;display:none;padding-top:182.5185185185%}body.webp .staff-item .js-comment p{background-image:url("/24h-drama2024/images/caststaff/another-list.webp")}body.no-webp .staff-item .js-comment p{background-image:url("/24h-drama2024/images/caststaff/another-list.png")}.staff-item .js-comment.is-open{opacity:1}.staff-item .js-comment.is-open p{display:block}.tow-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width: 992.98px){.tow-column{align-items:start}}@media(max-width: 600.98px){.tow-column{grid-template-columns:1fr 1fr;gap:16px}}.tow-column div{width:100%}@media(max-width: 992.98px){.tow-column .left{line-height:1.4}}@media(max-width: 600.98px){.tow-column .left{font-size:1.2rem;letter-spacing:.6px}}@media(max-width: 329.98px){.tow-column .left{font-size:1.1rem}}.tow-column .right{font-size:18px;text-align:left}@media(max-width: 992.98px){.tow-column .right{line-height:1.4}}@media(max-width: 600.98px){.tow-column .right{font-size:1.4rem;letter-spacing:.7px}}.tow-column .is-sp{display:none}@media(max-width: 992.98px){.tow-column .is-sp{display:block}}