@media screen and (min-width:1024px){.topics-page{background-color:#33cbff}.topics-page .topics-section{position:relative;padding-left:20px;padding-right:20px;padding-bottom:70px}.topics-page .topics-section__title{max-width:960px;margin:0 auto}.topics-page .topics-section__title h1{margin:calc(100% * 66 / 960) auto 0;font-size:46px;font-weight:bold;color:#fff;text-align:center;line-height:1}.topics-page .topics-section__title:after{content:"";display:block;margin:18px auto 0;height:6px;width:60px;background:#ff3232;border-radius:3px}.topics-page .topics-section__deco{position:absolute;width:calc(100% * 100 / 960);top:-1.5%;right:calc(100% * 266 / 960);transform:rotate(10.84deg)}.topics-page .topics-section__header-back{position:absolute;top:0;left:0;right:0;width:960px;margin:auto;padding:0 20px}.topics-page .topics-section__header-back a{background:#fff;display:inline-block;padding:8px 30px 8px 40px;line-height:1;border-radius:30px}.topics-page .topics-section__header-back a:hover{background:#ffd723}.topics-page .topics-section__header-back>a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:36px;margin:auto;height:11px;width:10px;transform:rotate(180deg);background-image:url(/assets/img/top/arrow_r_r.svg);background-repeat:no-repeat;background-size:contain}.topics-page .topics-section-main{display:flex;flex-direction:row;justify-content:center;max-width:1012px;margin:0 auto;margin-top:26px;padding-right:16px}.topics-page .topics-section__list{width:375px;flex-grow:0;flex-shrink:0}.topics-page .topics-list{padding-top:35px;padding-bottom:18px}.topics-page .vue-topics-list{padding-left:40px;padding-right:40px;background-image:url(/assets/img/top/topics_middle_sp.png);background-repeat:repeat-y;background-size:contain}.topics-page .topics-list::before{content:"";display:block;background-image:url(/assets/img/top/topics_top_sp.png);background-repeat:no-repeat;background-size:contain;padding-top:37px;width:100%}.topics-page .topics-list::after{content:"";display:block;background-image:url(/assets/img/top/topics_bottom_sp.png);background-repeat:no-repeat;background-size:contain;padding-top:30px;width:100%}.topics-page .topics-item{padding-top:12px;padding-bottom:12px}.topics-page .topics-item+.topics-item{border-top:1px solid #dcdcdc}.topics-page .topics-item__date{font-size:13px;color:#00beff}.topics-page .topics-item__description{font-size:13px;font-weight:900;line-height:1.461538462}.topics-page .topics-item__description>a{display:block;text-decoration:none;color:#000}.topics-page .topics-section__articles{padding-left:16px;padding-top:34px}.topics-page .topics-articles{background-color:#fff;border-radius:10px;padding-left:10px;padding-right:10px}.topics-page .topics-article+.topics-article{border-top:1px solid #dcdcdc}.topics-page .topics-article{padding-top:28px}.topics-page .topics-article__date{font-size:13px;color:#00beff}.topics-page .topics-article__title{font-size:17px;font-weight:700;line-height:1.461538462;margin-top:3px}.topics-page .topics-article__text{font-size:13px;line-height:1.461538462;margin-top:13px;padding-bottom:28px}.topics-page .topics-article__text>div+div{margin-top:24px}.topics-page .topics-article__text img{display:block;width:100%;height:auto;margin-top:16px}.topics-page .topics-movie-box>a{display:block}.topics-page .topics-movie-box__thumbnail>img{display:block;width:100%;height:auto}.topics-page .topics-movie-box__thumbnail{position:relative}.topics-page .topics-movie-box__thumbnail::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:74px;height:74px;background-image:url(/assets/img/top/movie_play_ico.svg);background-repeat:no-repeat;background-size:contain;transition:transform .25s}}@media screen and (max-width:1023px){.topics-page body{background-color:#33cbff}.topics-page .topics-section{position:relative;padding-bottom:calc(100vw * 110 / 750)}.topics-page .topics-section__title h1{margin-top:calc(100vw * 66 / 750);font-size:28px;font-weight:bold;color:#fff;text-align:center;line-height:1}.topics-page .topics-section__title:after{content:"";display:block;margin:calc(100vw * 24 / 750) auto 0;height:calc(100vw * 6 / 750);width:calc(100vw * 60 / 750);background:#ff3232;border-radius:calc(100vw * 6 / 750)}.topics-page .topics-section__deco{position:absolute;width:calc(100% * 180 / 750);top:-1.5%;right:calc(100% * 10 / 750);transform:rotate(10.84deg)}.topics-page .topics-section__header-back a{position:absolute;top:0;left:0;line-height:1;background:#fff;padding:calc(100vw * 12 / 750) calc(100vw * 24 / 750) calc(100vw * 12 / 750) calc(100vw * 60 / 750);border-radius:0 calc(100vw * 40 / 750) calc(100vw * 40 / 750) 0}.topics-page .topics-section__header-back>a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:10px;margin:auto;height:11px;width:10px;transform:rotate(180deg);background-image:url(/assets/img/top/arrow_r_r.svg);background-repeat:no-repeat;background-size:contain}.topics-page .topics-list{padding-top:calc(100vw * 70 / 750);padding-bottom:calc(100vw * 36 / 750)}.topics-page .vue-topics-list{padding-left:calc(100vw * 80 / 750);padding-right:calc(100vw * 80 / 750);background-image:url(/assets/img/top/topics_middle_sp.png);background-repeat:repeat-y;background-size:contain}.topics-page .topics-list::before{content:"";display:block;background-image:url(/assets/img/top/topics_top_sp.png);background-repeat:no-repeat;background-size:contain;padding-top:calc(100% * 74 / 750);width:100%}.topics-page .topics-list::after{content:"";display:block;background-image:url(/assets/img/top/topics_bottom_sp.png);background-repeat:no-repeat;background-size:contain;padding-top:calc(100% * 60 / 750);width:100%}.topics-page .topics-item{padding-top:calc(100vw * 24 / 750);padding-bottom:calc(100vw * 24 / 750)}.topics-page .topics-item+.topics-item{border-top:calc(100vw * 2 / 750) solid #dcdcdc}.topics-page .topics-item__date{font-size:calc(100vw * 26 / 750);color:#00beff}.topics-page .topics-item__description{font-size:calc(100vw * 26 / 750);font-weight:900;line-height:1.461538462}.topics-page .topics-item__description>a{display:block;text-decoration:none;color:#000}.topics-page .topics-section__articles{margin-top:calc(100vw * 60 / 750);margin-left:calc(100vw * 30 / 750);margin-right:calc(100vw * 30 / 750)}.topics-page .topics-articles{background-color:#fff;border-radius:calc(100vw * 20 / 750);padding-left:calc(100vw * 30 / 750);padding-right:calc(100vw * 30 / 750)}.topics-page .topics-article+.topics-article{border-top:calc(100vw * 2 / 750) solid #dcdcdc}.topics-page .topics-article{padding-top:calc(100vw * 56 / 750)}.topics-page .topics-article__date{font-size:calc(100vw * 26 / 750);color:#00beff}.topics-page .topics-article__title{font-size:calc(100vw * 34 / 750);font-weight:700;line-height:1.461538462;margin-top:calc(100vw * 6 / 750)}.topics-page .topics-article__text{font-size:calc(100vw * 26 / 750);line-height:1.461538462;margin-top:calc(100vw * 26 / 750);padding-bottom:calc(100vw * 56 / 750)}.topics-page .topics-article__text>div+div{margin-top:calc(100vw * 32 / 750)}.topics-page .topics-article__text>p>img{display:block;width:100%;height:auto;margin-top:calc(100vw * 32 / 750)}.topics-page .topics-movie-box__thumbnail{position:relative}.topics-page .topics-movie-box__thumbnail>img{display:block;width:100%;height:auto}.topics-page .topics-movie-box__thumbnail::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:calc(100vw * 126 / 750);height:calc(100vw * 126 / 750);background-image:url(/assets/img/top/movie_play_ico.svg);background-repeat:no-repeat;background-size:contain}}