.d-contentsBox,.drama-contentsBox{position:relative}.d-contentsBox::after,.drama-contentsBox::after{position:fixed;top:0;left:0;z-index:-2;display:block;width:100%;height:100%;content:"";background-image:url("/koiyami/images/common/bg.jpg");background-repeat:repeat;background-position:center;background-size:100% auto}.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}}.spinoff-area{width:100%;padding:100px 0;margin:0 auto}@media(max-width: 600.98px){.spinoff-area{padding:60px 20px}}.spinoff-box{word-break:break-all}.spinoff-title{position:relative;width:100%;margin:0 auto 70px}@media(max-width: 600.98px){.spinoff-title{margin:0 auto 45px}}.spinoff-title>span{font-size:0;text-indent:-9999px;white-space:nowrap;display:block;padding-top:90px;background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-title>span{padding-top:67px}}.d-contentsBox{background-image:url("/koiyami/images/spinoff/bg-hulu.png")}.spinoff-area{padding:80px 0}@media(max-width: 992.98px){.spinoff-area{padding:60px 0}}.spinoff-title{margin:0 auto 80px}@media(max-width: 992.98px){.spinoff-title{margin:0 auto 60px}}.spinoff-title span{padding-top:112px}@media(max-width: 992.98px){.spinoff-title span{padding-top:89px}}body.webp .spinoff-title span{background-image:url("/koiyami/images/spinoff/ttl/ttl-hulu.webp")}body.no-webp .spinoff-title span{background-image:url("/koiyami/images/spinoff/ttl/ttl-hulu.png")}.spinoff-body{margin-top:70px}@media(max-width: 992.98px){.spinoff-body{margin-top:60px}}.spinoff-story{display:flex;gap:40px;max-width:960px;padding:40px;margin:0 auto;text-align:center;background-color:#404640}@media(max-width: 992.98px){.spinoff-story{flex-direction:column;gap:30px;align-items:center;width:calc(100% - 40px);max-width:500px;padding:30px 20px 20px}}.spinoff-story-box{width:calc((100% - 40px)/2)}@media(max-width: 992.98px){.spinoff-story-box{width:100%}}.spinoff-story-number{display:block;width:70px;height:35px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;text-indent:-9999px;white-space:nowrap}@media(max-width: 600.98px){.spinoff-story-number{width:60px;height:30px}}.spinoff-story-text{margin-top:20px;font-family:"FOT-筑紫明朝 Pr6 D",tsukuminpr6-d,serif;font-size:2.8rem;font-weight:700;line-height:170%;color:#fff;letter-spacing:1.4px}@media(max-width: 600.98px){.spinoff-story-text{font-size:2.2rem;letter-spacing:1.1px}}.spinoff-story-text span{font-size:2rem;letter-spacing:1px}@media(max-width: 600.98px){.spinoff-story-text span{font-size:1.6rem;letter-spacing:.8px}}.spinoff-story figure{width:100%;padding-top:66.6666666667%;margin-top:20px;background-repeat:no-repeat;background-position:center;background-size:contain}.spinoff-link{padding:30px 0;margin-top:60px;text-align:center;background-color:#838b71}@media(max-width: 992.98px){.spinoff-link{margin-top:30px}}.spinoff-link-title{width:308px;margin:0 auto}@media(max-width: 992.98px){.spinoff-link-title{width:240px}}.spinoff-link-btn{width:100%;max-width:550px;margin:20px auto 0}@media(max-width: 600.98px){.spinoff-link-btn{max-width:300px;margin:10px auto 0}}.spinoff-link-btn>a{display:block}.spinoff-link-btn>a>span{font-size:0;text-indent:-9999px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;padding-top:14.5454545455%}body.webp .spinoff-link-btn>a>span{background-image:url("/koiyami/images/spinoff/btn-to-hulu.webp")}body.no-webp .spinoff-link-btn>a>span{background-image:url("/koiyami/images/spinoff/btn-to-hulu.png")}