.spinoff.d-main{position:relative;overflow:hidden;background-color:#def0ff;background-image:url(../images/spinoff/spinoff_night_top.png),url(../images/spinoff/spinoff_night_bottom.png);background-repeat:no-repeat;background-position:center 18.7vw,center bottom;background-size:100% auto}@media only screen and (min-width: 1500px){.spinoff.d-main{background-position:center .6vw,center 105%}}@media only screen and (max-width : 992px){.spinoff.d-main{background-position:center -43vw,center bottom;background-size:auto 30%,contain}}@media only screen and (max-width : 600px){.spinoff.d-main{background-position:center -50vw,center bottom}}.spinoff.d-main::before{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;position:absolute;top:18.7vw;left:0;z-index:0;width:42%;height:0;padding-top:calc(385 / 533 * 42%);content:"";background-image:url(../images/top/top_box_ribbon_top.png)}@media only screen and (max-width : 600px){.spinoff.d-main::before{top:44vw;width:90%;padding-top:calc(385 / 533 * 90%)}}.d-contentsBox{padding:0 20px 80px;color:#1d4267}.spinoff-area .d-box-title{position:relative;padding-top:170px;overflow:inherit;background-image:url(../images/spinoff/spinoff_title.png)}@media only screen and (max-width : 600px){.spinoff-area .d-box-title{padding-top:85px}}.spinoff-area .d-box-title::before{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:1%;width:123px;height:105px;content:"";background-image:url(../images/spinoff/star_01.png);background-size:contain;transform:translateY(-50%)}@media only screen and (max-width : 992px){.spinoff-area .d-box-title::before{top:120%;left:1%;width:73px;height:55px}}@media only screen and (max-width : 992px){.spinoff-area .d-box-title::before{top:110%;left:1%;width:30px;height:25px}}.spinoff-area .d-box-title::after{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:1%;width:126px;height:85px;content:"";background-image:url(../images/spinoff/star_02.png);background-size:contain;transform:translateY(-50%)}@media only screen and (max-width : 992px){.spinoff-area .d-box-title::after{top:-20%;right:1%;width:96px;height:55px}}@media only screen and (max-width : 992px){.spinoff-area .d-box-title::after{top:-20%;right:1%;width:44px;height:25px}}.spinoff-area .spinoff-movie{position:relative;width:77%;padding-top:calc(315 / 560 * 77%);margin:0 auto 70px;overflow:hidden}.spinoff-area .spinoff-movie-inner{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain}@media only screen and (max-width : 600px){.spinoff-area .spinoff-movie{width:100%;padding-top:calc(532 / 800 * 100%);margin:0 auto 40px}}.spinoff-area .spinoff-text{font-size:3.6rem;font-weight:bold;text-align:center}@media only screen and (max-width : 600px){.spinoff-area .spinoff-text{font-size:1.8rem}}.intro-area .d-box-title{background-image:url(../images/spinoff/spinoff_intro_title.png)}.intro-area .intro-text{padding-top:calc(553 / 937 * 100%);font-size:0;background-image:url(../images/spinoff/spinoff_intro_text_pc.png);background-repeat:no-repeat;background-size:100% auto}@media only screen and (max-width : 600px){.intro-area .intro-text{padding-top:calc(800 / 601 * 100%);margin:0 auto;background-image:url(../images/spinoff/spinoff_intro_text_sp.png)}}.story-area .d-box-title{background-image:url(../images/spinoff/spinoff_story_title.png)}.story-area .story-tab-list{display:flex;width:100%;max-width:680px;margin:0 auto 40px}.story-area .story-tab-item{display:block;width:100%;background-repeat:no-repeat;background-position:top center;background-size:100% auto;width:calc((100% - 10%) / 3);padding:15px 0;background-image:url(../images/spinoff/spinoff_story_tab_bg.png);background-position:bottom;background-size:cover;border-radius:10px}@media only screen and (max-width : 600px){.story-area .story-tab-item{width:calc((100% - 4%) / 3)}}.story-area .story-tab-item:not(:first-of-type){margin-left:5%}@media only screen and (max-width : 600px){.story-area .story-tab-item:not(:first-of-type){margin-left:2%}}.story-area .story-tab-item:hover{cursor:pointer;opacity:.6}.story-area .story-tab-item.is-open{opacity:1}.story-area .story-tab-item.is-open:hover{cursor:auto}.story-area .story-tab-item.is-off{opacity:.5}.story-area .story-tab-item.is-off:hover{cursor:auto}.story-area .story-tab-item div{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;padding-top:calc(73 / 151 * 80%);background-position:center}.story-area .story-item{display:none}.story-area .story-item.is-open{display:block}.story-area .story-title{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:1000px;height:96px;padding:0 20px;margin:0 auto 60px;background-position:center;height:44px;margin:0 auto}@media only screen and (max-width : 600px){.story-area .story-title{height:48px;margin-bottom:40px}}.story-area .story-article-body{max-width:738px;margin:0 auto}@media only screen and (max-width : 600px){.story-area .story-article-body{width:calc(100% - 40px);padding-bottom:40px}}.story-area .story-article-title{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:30px;line-height:1}@media only screen and (max-width : 600px){.story-area .story-article-title{padding-bottom:10px}}.story-area .story-article-title__number{width:50%;padding-bottom:50px;font-size:0;background-repeat:no-repeat;background-size:contain}@media only screen and (max-width : 600px){.story-area .story-article-title__number{padding-bottom:30px}}.story-area .story-article-title__date{font-family:"ヒラギノ角ゴ Pro",sans-serif;font-size:24.5px;color:#1d4267}@media only screen and (max-width : 600px){.story-area .story-article-title__date{font-size:13px}}.story-area .story-article-title span.number{font-size:6.3rem;font-weight:bold;letter-spacing:1px}@media only screen and (max-width: 600px){.story-area .story-article-title span.number{margin-left:0;font-size:4rem;letter-spacing:0}}.story-area .story-article-title span.date{margin-left:.8rem;font-size:1.6rem;color:#969696}@media only screen and (max-width: 600px){.story-area .story-article-title span.date{font-size:1.3rem}}.story-area .story-article-text>div{display:flex;align-items:flex-start;justify-content:space-between}@media only screen and (max-width : 600px){.story-area .story-article-text>div{display:block}}.story-area .story-article-text>div.fig--r{flex-direction:row-reverse}@media only screen and (max-width : 600px){.story-area .story-article-text>div.fig--r{flex-direction:row}}.story-area .story-article-text>div>*{width:48%;margin-top:40px}@media only screen and (max-width : 600px){.story-area .story-article-text>div>*{width:100%;margin-top:20px}}.story-area .story-article-text>div.column--1>*{width:100%}.story-area .story-article-text p{font-family:"ヒラギノ角ゴ Pro",sans-serif;font-size:16px;line-height:1.75;color:#1d4267;letter-spacing:.12em}@media only screen and (max-width : 600px){.story-area .story-article-text p{font-size:13px;line-height:1.7}}.story-area .story-article-text p a{display:inline;text-decoration:underline}.story-area .story-article-text p .gen--w{color:#ff2b85}.story-area .story-article-text p .gen--m{color:#005aff}.story-area .story-article-text figure{display:block;padding-bottom:calc(336 / 560 * 48%);background-repeat:no-repeat;background-position:center;background-size:cover}@media only screen and (max-width : 600px){.story-area .story-article-text figure{padding-bottom:calc(336 / 560 * 100%)}}.cast-area .d-box-title{background-image:url(../images/spinoff/spinoff_cast_title.png)}.cast-area .cast-name-list{margin-bottom:80px}@media only screen and (max-width : 600px){.cast-area .cast-name-list{margin-bottom:40px}}.cast-area .cast-name-item{display:flex}.cast-area .cast-name-item>div{width:calc(50% - 35px);font-size:2.8rem;font-weight:bold}@media only screen and (max-width : 600px){.cast-area .cast-name-item>div{width:calc(50% - 15px);font-size:1.4rem}}.cast-area .cast-chara{text-align:right}.cast-area .cast-person{margin-left:30px;text-align:left}@media only screen and (max-width : 600px){.cast-area .cast-person{margin-left:15px}}.cast-area .cast-person span{display:inline-block;font-size:2rem}@media only screen and (max-width : 600px){.cast-area .cast-person span{font-size:1rem}}.cast-area .cast-comment-list{max-width:920px;margin:0 auto}.cast-area .cast-comment-item{position:relative;display:flex;padding:40px 20px;background-color:#fef7f7;border:1px solid #fff}@media only screen and (max-width : 600px){.cast-area .cast-comment-item{display:block;padding:20px 10px}}.cast-area .cast-comment-item:not(:first-of-type){margin-top:20px}.cast-area .cast-comment-img{width:193px;margin-right:20px}.cast-area .cast-comment-img-inner{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;padding-top:calc(198 / 193 * 100%)}@media only screen and (max-width : 600px){.cast-area .cast-comment-img{max-width:120px;margin:0 auto}}.cast-area .cast-comment-text{flex:1;color:#1d4267}.cast-area .cast-comment-name{padding-bottom:20px;margin-bottom:20px;font-size:2.8rem;font-weight:bold;line-height:1;color:#267ed0;border-bottom:solid 1px #1d4267}.cast-area .cast-comment-name span{font-size:1.8rem}@media only screen and (max-width : 600px){.cast-area .cast-comment-name{padding:10px 0;margin-bottom:20px;font-size:2rem;text-align:center}.cast-area .cast-comment-name span{font-size:1.2rem}}.cast-area .cast-comment-answer{font-size:1.8rem}@media only screen and (max-width : 600px){.cast-area .cast-comment-answer{font-size:1.4rem}}.cast-area .cast-comment-answer .question{margin:10px 0;font-weight:bold}.staff-area .d-box-title{background-image:url(../images/spinoff/spinoff_staff_title.png)}.staff-area .staff-list:not(:first-of-type){margin-top:40px}.staff-area .staff-item{display:flex;justify-content:center}.staff-area .staff-item>div{width:calc(50% - 35px);font-size:2.8rem;font-weight:bold}@media only screen and (max-width : 600px){.staff-area .staff-item>div{width:calc(50% - 15px);font-size:1.4rem}}.staff-area .staff-position{text-align:right}.staff-area .staff-person{margin-left:30px;text-align:left}@media only screen and (max-width : 600px){.staff-area .staff-person{margin-left:15px}}.staff-area .staff-person span{display:block}.hulu-down{background-color:rgba(255,193,218,.8)}.hulu-area .hulu-down{background-color:rgba(255,231,241,.9)}.hulu-down-inner{width:100%;max-width:725px;padding:40px 10px;margin:80px auto 0;color:#000}@media only screen and (max-width : 600px){.hulu-down-inner{padding:20px 10px;margin:30px auto 0}}.hulu-down-title{margin-bottom:20px;font-size:2.4rem;font-weight:bold;text-align:center;letter-spacing:2px}@media only screen and (max-width : 600px){.hulu-down-title{margin-bottom:10px;font-size:1.6rem;letter-spacing:0}}.hulu-down-text{margin-bottom:20px;font-size:1.8rem;text-align:center}@media only screen and (max-width : 600px){.hulu-down-text{font-size:1.2rem;text-align:left}}.hulu-down-btn{width:100%;font-size:0;text-align:center}@media only screen and (max-width : 600px){.hulu-down-btn{width:100%;font-size:0}}.hulu-down-btn-google,.hulu-down-btn-apple{display:inline-block;width:48.45%;vertical-align:top}@media only screen and (max-width : 600px){.hulu-down-btn-google,.hulu-down-btn-apple{width:47%}}.hulu-down-btn-google:not(:first-child),.hulu-down-btn-apple:not(:first-child){margin-left:3.1%}@media only screen and (max-width : 600px){.hulu-down-btn-google:not(:first-child),.hulu-down-btn-apple:not(:first-child){margin-left:6%}}.hulu-down-btn-google a,.hulu-down-btn-apple a{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;display:block;padding-top:calc(85 / 300 * 100%);border-radius:3px}.hulu-down-btn-google a{background-image:url(../images/spinoff/spinoff_google.png)}.hulu-down-btn-apple a{background-image:url(../images/spinoff/spinoff_apple.png)}@media only screen and (min-width : 601px){.pc-none{display:none !important}}@media only screen and (max-width : 600px){.sp-none{display:none !important}}