@-webkit-keyframes gradAnime{0%{top:50%;left:50%}20%{top:0%;left:30%}50%{top:10%;left:0%}70%{top:30%;left:30%}100%{top:50%;left:50%}}@keyframes gradAnime{0%{top:50%;left:50%}20%{top:0%;left:30%}50%{top:10%;left:0%}70%{top:30%;left:30%}100%{top:50%;left:50%}}@-webkit-keyframes bgRoop{from{background-position:0 0}to{background-position:-1715px 0}}@keyframes bgRoop{from{background-position:0 0}to{background-position:-1715px 0}}.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%;color:#000}@media(min-width: 993px){.d-main a{transition:opacity .1s ease}.d-main a:hover{opacity:.6}}.d-contentsBox-inner{overflow:hidden}.caststaff-area{width:100%;padding:115px 0 80px;margin:0 auto}@media(max-width: 600.98px){.caststaff-area{padding:85px 0 50px}}.caststaff-area__inner{width:100%;max-width:1040px;padding:0 20px;margin:0 auto}@media(max-width: 992.98px){.caststaff-area__inner{width:100%;max-width:100%;padding:0 4vw;margin:0 auto}}.caststaff-area__inner{word-break:break-all}.cast-box__title,.staff-box__title{position:relative;width:100%;max-width:500px;margin:0 auto 40px}@media(max-width: 600.98px){.cast-box__title,.staff-box__title{margin:0 auto 20px}}.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{background-color:#f0f0f0}.staff-box__body,.cast-box__body{margin-top:80px}@media(max-width: 600.98px){.staff-box__body,.cast-box__body{margin-top:10.6666666667vw}}.staff-box__item,.cast-box__item--main,.cast-box__item{display:grid;grid-template-columns:100px 130px 120px;-moz-column-gap:40px;column-gap:40px;align-items:center;margin-top:30px}@media(max-width: 600.98px){.staff-box__item,.cast-box__item--main,.cast-box__item{grid-template-columns:18.6666666667vw 24vw 26.6666666667vw;-moz-column-gap:5.3333333333vw;column-gap:5.3333333333vw;margin-top:5.3333333333vw}}.staff-box__item .role,.cast-box__item--main .role,.cast-box__item .role{font-size:1.8rem;text-align:right;white-space:nowrap}@media(max-width: 600.98px){.staff-box__item .role,.cast-box__item--main .role,.cast-box__item .role{font-size:3.7333333333vw}}.staff-box__item .name,.cast-box__item--main .name,.cast-box__item .name{font-size:3rem;font-weight:bold;line-height:1;white-space:nowrap}@media(max-width: 600.98px){.staff-box__item .name,.cast-box__item--main .name,.cast-box__item .name{font-size:5.3333333333vw}}.staff-box__item .btn .link::after,.cast-box__item--main .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: 600.98px){.staff-box__item .btn .link::after,.cast-box__item--main .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--main .btn .comment-btn,.cast-box__item .btn .comment-btn{cursor:pointer}@media(min-width: 993px){.staff-box__item .btn .comment-btn,.cast-box__item--main .btn .comment-btn,.cast-box__item .btn .comment-btn{transition:opacity .1s ease}.staff-box__item .btn .comment-btn:hover,.cast-box__item--main .btn .comment-btn:hover,.cast-box__item .btn .comment-btn:hover{opacity:.6}}.staff-box__item .btn .comment-btn::before,.cast-box__item--main .btn .comment-btn::before,.cast-box__item .btn .comment-btn::before,.staff-box__item .btn .comment-btn::after,.cast-box__item--main .btn .comment-btn::after,.cast-box__item .btn .comment-btn::after{position:absolute;right:15px;width:8px;height:1px;content:"";background-color:#fff}@media(max-width: 600.98px){.staff-box__item .btn .comment-btn::before,.cast-box__item--main .btn .comment-btn::before,.cast-box__item .btn .comment-btn::before,.staff-box__item .btn .comment-btn::after,.cast-box__item--main .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--main .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--main .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--main .btn .link,.cast-box__item .btn .link,.staff-box__item .btn .comment-btn,.cast-box__item--main .btn .comment-btn,.cast-box__item .btn .comment-btn{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:30px;font-size:1.2rem;color:#fff;background-color:#000;border-radius:15px}@media(max-width: 600.98px){.staff-box__item .btn .link,.cast-box__item--main .btn .link,.cast-box__item .btn .link,.staff-box__item .btn .comment-btn,.cast-box__item--main .btn .comment-btn,.cast-box__item .btn .comment-btn{width:26.6666666667vw;height:8vw;font-size:2.6666666667vw;border-radius:4vw}}.cast-box__title span{background-image:url("/hatsukoinoakuma/images/caststaff/ttl-cast.svg")}.cast-box__list{width:430px;margin:auto}@media(max-width: 600.98px){.cast-box__list{width:80vw}}.cast-box__list:not(:first-of-type){margin-top:90px}@media(max-width: 600.98px){.cast-box__list:not(:first-of-type){margin-top:16vw}}.cast-box__item--main{row-gap:30px}@media(max-width: 600.98px){.cast-box__item--main{row-gap:5.3333333333vw}}.cast-box__item--main>div:nth-of-type(5){grid-row:1/3;grid-column:3/4}.cast-box__separater{width:25px;height:25px;margin:90px auto 0;background-color:#000}@media(max-width: 600.98px){.cast-box__separater{width:4.5333333333vw;height:4.5333333333vw;margin-top:16vw}}.staff-box{margin-top:130px}@media(max-width: 600.98px){.staff-box{margin-top:24vw}}.staff-box__title span{background-image:url("/hatsukoinoakuma/images/caststaff/ttl-staff.svg")}.staff-box__list{width:480px;margin:auto}@media(max-width: 600.98px){.staff-box__list{width:88vw}}.staff-box__item{grid-template-columns:180px 110px 1fr;-moz-column-gap:20px;column-gap:20px}@media(max-width: 600.98px){.staff-box__item{grid-template-columns:37.3333333333vw 18.6666666667vw 1fr;-moz-column-gap:2.6666666667vw;column-gap:2.6666666667vw}}.staff-box__item .name{margin-left:20px}@media(max-width: 600.98px){.staff-box__item .name{margin-left:2.6666666667vw}}.staff-box__item .name span{font-size:1.8rem}@media(max-width: 600.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 .comment-btn{cursor:pointer}@media(min-width: 993px){.staff-box__item .comment-btn{transition:opacity .1s ease}.staff-box__item .comment-btn:hover{opacity:.6}}.staff-box__item .js-comment{grid-column:1/3;width:800px;padding:0 45px;margin-top:-4px;margin-left:-160px;background-color:#fff;border:2px solid #000;border-radius:10px;opacity:0;transition-duration:.3s}@media(max-width: 600.98px){.staff-box__item .js-comment{padding:0 6.6666666667vw}}.staff-box__item .js-comment p{display:none;font-size:1.6rem;letter-spacing:.01em}@media(max-width: 600.98px){.staff-box__item .js-comment p{font-size:4.2666666667vw}}.staff-box__item .js-comment.is-on{padding:25px 45px;margin-top:20px;opacity:1}@media(max-width: 600.98px){.staff-box__item .js-comment.is-on{padding:5.3333333333vw 6.6666666667vw;margin-top:5.3333333333vw}}.staff-box__item .js-comment.is-on p{display:block}@media(max-width: 992.98px){.staff-box__item .js-comment{width:92vw;margin-left:calc((480px - 92vw) * 0.5)}}@media(max-width: 600.98px){.staff-box__item .js-comment{margin-left:-2vw}}