@charset "UTF-8";.header{position:relative;width:100%;margin:0 auto}.section{overflow:hidden}.section__inner{max-width:1120px;width:100%;margin:0 auto}@media (max-width:768px){.section__inner{padding-left:16px;padding-right:16px}}@media (max-width:768px){.section__title,.snsContents__title{text-align:center}}.section__title img,.snsContents__title img{height:37px}@media (max-width:768px){.section__title img,.snsContents__title img{display:inline;height:40px;object-fit:contain}}.firstArea{position:relative;padding:64px 0 88px}@media (max-width:768px){.firstArea{padding:48px 0 64px}}.firstArea:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:16px;border:8px solid #fff;border-width:8px 0;box-sizing:content-box;background:#fff url(../img/top/border.png) repeat-x 0 0/15px 16px}.firstArea.view .firstArea__bg:before{left:0;opacity:1}.firstArea.view .firstArea__bg .bgR:before{right:0;opacity:1}.firstArea.view .firstArea__bg .bgR:after{right:0;opacity:1}@media (max-width:768px){.firstArea.view .story:after{left:-16px;opacity:1}.firstArea.view .intro:after{left:0;opacity:1}.firstArea.view .streaming:after{right:-16px;opacity:1}}.firstArea__bg{position:absolute;z-index:-1;top:0;left:0;width:100%;height:calc(100% - 32px);overflow:hidden}@media (max-width:768px){.firstArea__bg{display:none}}.firstArea__bg:before{content:"";position:absolute;top:0;left:-65%;width:calc(((100% - 1120px) / 2) + 744px);height:100%;background-color:#fde865;clip-path:polygon(0 0,calc(100% - 348px) 0,100% 50%,calc(100% - 348px) 100%,0 100%);opacity:0;transition:all 0.8s ease-out 0.5s}.firstArea__bg .bgR{position:absolute;top:0;right:0;width:calc(((100% - 1120px) / 2) + 527px);height:100%}.firstArea__bg .bgR:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:43%;background-color:#fdf5c9;clip-path:polygon(151px 0,100% 0,100% 100%,151px 100%,0 50%);opacity:0;transition:all 0.5s ease-in 0.8s}.firstArea__bg .bgR:after{content:"";position:absolute;top:43%;right:-100%;width:calc(100% - 151px);height:57%;background-color:#eee;clip-path:polygon(198px 0,100% 0,100% 100%,198px 100%,0 50%);opacity:0;transition:all 0.5s ease-in 1s}.firstArea .section__inner{display:grid;grid-template-areas:"story intro" "story str";grid-template-columns:712px 344px;grid-template-rows:1fr 1fr;justify-content:space-between}@media (max-width:768px){.firstArea .section__inner{display:block}}.firstArea .story{grid-area:story}@media (max-width:768px){.firstArea .story{position:relative}.firstArea .story:after{content:"";position:absolute;z-index:-1;top:-48px;left:-100%;width:calc(100% + 32px);height:100%;background-color:#fde865;clip-path:polygon(0 0,calc(100% - 216px) 0,100% 50%,calc(100% - 216px) 100%,0 100%);opacity:0;transition:all 0.8s ease-out}}.firstArea .story__info{display:flex;align-items:flex-end}@media (max-width:768px){.firstArea .story__info{flex-wrap:wrap}.firstArea .story__info .section__title,.firstArea .story__info .snsContents__title{width:100%}}.firstArea .story__info .num{display:flex;align-items:flex-end;margin-left:28px;font-size:24px;font-weight:500}@media (max-width:768px){.firstArea .story__info .num{margin-top:34px;margin-left:0}}.firstArea .story__info .num span{display:inline-block;width:40px;height:40px;margin:0 4px;font-size:35px;text-align:center;background-color:#fc7f00}.firstArea .story__info .oa{margin-left:24px;font-size:32px;font-weight:500}@media (max-width:768px){.firstArea .story__info .oa{font-size:5.3vw}}.firstArea .story__info .oa span{margin-right:16px;font-size:18px}@media (max-width:768px){.firstArea .story__info .oa span{margin-right:8px;font-size:3.7vw}}.firstArea .story__img{margin-top:32px;box-shadow:0 3px 6px rgba(0,0,0,0.3)}@media (max-width:768px){.firstArea .story__img{margin-top:8px}}.firstArea .story__text{margin-top:20px}@media (max-width:768px){.firstArea .story__text{margin-top:10px}}.firstArea .story__text .text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width:768px){.firstArea .story__text .text{-webkit-line-clamp:3}}.firstArea .story__text .moreBtn{margin:24px auto 0}.firstArea .intro{grid-area:intro}@media (max-width:768px){.firstArea .intro{position:relative;margin-top:60px}.firstArea .intro:after{content:"";position:absolute;z-index:-1;top:-30px;left:100%;width:calc(100% + 16px);height:calc(100% + 50px);background-color:#fdf5c9;clip-path:polygon(88px 0,100% 0,100% 100%,88px 100%,0 50%);opacity:0;transition:all 0.8s ease-out 0.5s}}.firstArea .intro__title a{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #707070;font-family:"フォーク B JIS2004 AP",sans-serif;font-size:24px;text-decoration:none}.firstArea .intro__title a:after{content:"";width:40px;height:40px;transform:translateY(4px);background:url(../img/top/intro_icon.png) no-repeat 0 0/cover}.firstArea .intro .text{margin-top:8px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}@media (max-width:768px){.firstArea .intro .text{-webkit-line-clamp:3}}.firstArea .streaming{grid-area:str}@media (max-width:768px){.firstArea .streaming{position:relative;margin-top:56px}.firstArea .streaming:after{content:"";position:absolute;z-index:-2;top:-40px;right:-16px;width:calc(100% + 16px);height:calc(100% + 40px + 64px);background-color:#eee;clip-path:polygon(172px 0,100% 0,100% 100%,172px 100%,89px 50%);opacity:0;transition:all 0.8s ease-out 0.8s}}.firstArea .streaming__title{padding-bottom:12px;border-bottom:1px solid #707070;font-size:24px;font-weight:500}@media (max-width:768px){.firstArea .streaming__title{text-align:center}}@media (max-width:768px){.firstArea .streaming__list{display:flex;justify-content:space-between}}.firstArea .streaming__list li{margin-top:16px;box-shadow:0 3px 6px rgba(0,0,0,0.3)}@media (max-width:768px){.firstArea .streaming__list li{width:48.8%}}.topics{position:relative;padding:64px 0 88px}@media (max-width:768px){.topics{padding:56px 0 48px}.topics .section__inner{padding-right:0;padding-left:0}}.topics:before{content:"";position:absolute;top:0;left:0;width:100%;height:48px;background:url(../img/top/bg_sl.png) repeat left top/10px 10px;transform:scaleX(-100%)}@media (max-width:768px){.topics:before{height:24px}}.topics:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:16px;border:8px solid #fff;border-width:8px 0;box-sizing:content-box;background:#fff url(../img/top/border.png) repeat-x 0 0/15px 16px;transform:scaleX(-1)}.topics.view .topics__bg:before{opacity:1;right:0}.topics.view .topics__bg:after{opacity:1;right:0}.topics__bg{position:absolute;top:0;right:0;z-index:-1;width:calc(100% - ((100% - 1120px) / 2));height:calc(100% - 32px)}@media (max-width:768px){.topics__bg{width:100%}}.topics__bg:before{content:"";position:absolute;top:0;right:-100%;width:83.3%;height:52.4%;background-color:#fee7b1;clip-path:polygon(204px 0,100% 0,100% 100%,204px 100%,0 50%);opacity:0;transition:all 0.8s ease-out 0.5s}@media (max-width:768px){.topics__bg:before{top:32px;width:50%;height:33%;clip-path:polygon(109px 0,100% 0,100% 100%,109px 100%,0 50%)}}.topics__bg:after{content:"";position:absolute;bottom:0;right:-100%;width:100%;height:47.6%;background-color:#fdf5c9;clip-path:polygon(184px 0,100% 0,100% 100%,184px 100%,0 50%);opacity:0;transition:all 0.8s ease-out 0.8s}@media (max-width:768px){.topics__bg:after{right:100%;bottom:8%;width:100%;height:54%;clip-path:polygon(0 0,calc(100% - 188px) 0,100% 50%,calc(100% - 188px) 100%,0 100%)}}@media (max-width:768px){.topics__top{display:none}}.topics__top .topArticle:not(:first-of-type){display:none}.topics .topArticle{display:grid;grid-template-areas:"img text";grid-template-columns:448px 416px;justify-content:space-between}.topics .topArticle.hide{display:none!important}.topics .topArticle.show{display:grid}@media (max-width:768px){.topics .topArticle{display:none}}.topics .topArticle a{text-decoration:none}@media (min-width:768px){.topics .topArticle a{transition:all 0.3s ease-in}.topics .topArticle a:hover{display:block;filter:brightness(1.1)}}.topics .topArticle__img{grid-area:img;overflow:hidden;border:4px solid #f8dc4a;border-radius:18px;box-shadow:0 3px 6px rgba(0,0,0,0.3)}.topics .topArticle__textArea{grid-area:text}.topics .topArticle__info{display:flex;align-items:center;margin-top:16px;font-size:14px}.topics .topArticle__info .category{padding:5px 12px;color:#ffdc00;font-weight:500;background-color:#000;white-space:nowrap}.topics .topArticle__info .day{margin-left:16px;padding:5px 0}@media (max-width:768px){.topics .topArticle__info .day{margin-left:8px}}.topics .topArticle__info .new{width:77px;height:28px;margin-right:18px;background:url(../img/top/new.png) no-repeat center center/cover}.topics .topArticle__extract{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:12px;font-size:28px;font-weight:bold;line-height:1.57}.topics .topArticle__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:16px;line-height:1.75}.topics .slideArea__slide{margin-top:48px}@media (max-width:768px){.topics .slideArea__slide{margin-top:24px}}.topics .slideArea__slide .top-hide{display:none}.topics .slide-box.hide{display:none}.topics .slide-box a{display:block;text-decoration:none}@media (min-width:768px){.topics .slide-box a{transition:all 0.3s ease-in}.topics .slide-box a:hover{filter:brightness(1.1)}}.topics .slide-box .slide-img{overflow:hidden;border:4px solid #f8dc4a;border-radius:18px;box-shadow:0 3px 6px rgba(0,0,0,0.3)}.topics .slide-box .slide-info{display:flex;align-items:center;margin-top:16px;font-size:14px}.topics .slide-box .slide-info .category{padding:5px 12px;color:#ffdc00;font-weight:500;background-color:#000;white-space:nowrap}.topics .slide-box .slide-info .day{margin-left:16px;padding:5px 0}@media (max-width:768px){.topics .slide-box .slide-info .day{margin-left:8px}}.topics .slide-box .slide-info .new{display:none}@media (max-width:768px){.topics .slide-box .slide-info .new{display:block;width:24%;height:0;padding-top:9%;margin-right:8px;background:url(../img/top/new.png) no-repeat center center/contain}}.topics .slide-box .slide-text{margin-top:8px}.topics .slide-box .slide-text .text-top{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.75}@media (max-width:768px){.topics .slide-box .slide-text .text-top{font-size:20px;font-weight:bold;line-height:1.4}}.topics .slide-box .slide-text .text{display:none}@media (max-width:768px){.topics .slide-box .slide-text .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.75;margin-top:10px;font-size:14px}}.character{position:relative;padding:64px 0 64px}@media (max-width:768px){.character{padding:56px 0 0}}.character .section__inner{padding-right:0;padding-left:0}@media (max-width:768px){.character .section__title,.character .snsContents__title{padding-right:16px;padding-left:16px}}.character:before{content:"";position:absolute;top:0;left:0;width:100%;height:48px;background:url(../img/top/bg_sl.png) repeat left top/10px 10px}@media (max-width:768px){.character:before{height:24px}}.character.view .character__bg:before{opacity:1;left:0}.character__bg{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:#ffdc00}.character__bg:before{content:"";position:absolute;top:0;left:-100%;width:calc(((100% - 1120px) / 2) + 407px);height:100%;background-color:#fff;clip-path:polygon(0 0,calc(100% - 192px) 0,100% 50%,calc(100% - 192px) 100%,0 100%);opacity:0;transition:all 0.8s ease-out 0.5s}@media (max-width:768px){.character__bg:before{width:100%}}.character .moreBtn{min-width:168px}.character .moreBtn.sp{display:none}@media (max-width:768px){.character .moreBtn.sp{display:table;margin:20px auto 0}}.character .swiper-slide{box-shadow:0 3px 6px rgba(0,0,0,0.3)}.character .swiper-character{padding-top:8px;padding-bottom:8px}.character .swiper-character a{display:block}@media (max-width:768px){.character .swiper-wrapper{padding-left:16px}}.slideArea{display:grid;grid-template-areas:"tag top" "tag slide";grid-template-columns:240px 880px;width:100%;margin-top:34px}@media (max-width:768px){.slideArea{display:block}}@media (max-width:768px){.slideArea .tag .swiper-wrapper{padding-left:16px}}.slideArea .slideBtn{grid-area:tag;width:240px}@media (max-width:768px){.slideArea .slideBtn{width:100%;overflow:hidden}}.slideArea .slideBtn__list{display:block;width:240px}@media (max-width:768px){.slideArea .slideBtn__list{display:flex;width:100%}}.slideArea .slideBtn__list li{height:auto;white-space:nowrap;width:auto}.slideArea .slideBtn__list li+li{margin-top:16px}@media (max-width:768px){.slideArea .slideBtn__list li+li{margin-top:0}}.slideArea .slideBtn__btn{display:table;padding:11px 24px;border:1px solid #666;border-radius:45px;color:#666;text-align:center;text-decoration:none}.slideArea__slide{position:relative}.slideArea__slide .swiper-topics{position:relative;width:100%}.slideArea__slide .swiper-btn-container{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.slideArea__slide .swiper-btn-container{position:relative;width:176px;height:40px;margin:20px auto 0}}.slideArea__slide .swiper__btn{position:absolute;z-index:1;top:92px;width:30px;height:30px;border-style:solid;border-color:#000}@media (max-width:768px){.slideArea__slide .swiper__btn{top:0}}.slideArea__slide .swiper__btn.swiper-prev{left:-45px;transform:rotate(45deg);border-width:0 0 7px 7px}@media (max-width:768px){.slideArea__slide .swiper__btn.swiper-prev{left:0}}.slideArea__slide .swiper__btn.swiper-next{right:-45px;transform:rotate(-45deg);border-width:0 7px 7px 0}@media (max-width:768px){.slideArea__slide .swiper__btn.swiper-next{right:0}}.slideArea__slide .swiper-button-disabled{border-color:#aaaaaa}.moreBtn{display:table;min-width:224px}.moreBtn a{position:relative;display:block;width:100%;padding:4px 32px;border:1px solid #f8dc4a;border-radius:45px;color:#f8dc4a;font-weight:500;line-height:2;text-align:center;text-decoration:none;background-color:#000;box-shadow:0 3px 6px rgba(0,0,0,0.3)}.moreBtn a:after{content:"";position:absolute;top:50%;right:16px;width:14px;height:14px;border-color:#f8dc4a;border-style:solid;border-width:0 4px 4px 0;transform:translateY(-50%) rotate(-45deg)}.snsContents{position:relative;padding:48px 0}@media (max-width:768px){.snsContents{padding:32px 0 30px}}.snsContents:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:50%;height:100%;background-color:#eee;clip-path:polygon(100% 0,calc(100% - 266px) 50%,100% 100%,0 100%,0 0)}@media (max-width:768px){.snsContents:before{display:none}}.snsContents:after{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:112px;background:url(../img/top/bg_sl.png) repeat left top/10px 10px}@media (max-width:768px){.snsContents:after{display:none}}.snsContents__inner{display:flex;justify-content:space-between;max-width:960px;width:100%;margin:0 auto}@media (max-width:768px){.snsContents__inner{display:block;padding:0 16px}}.snsContents .twitter{max-width:584px;width:100%;padding:34px 24px 36px;background-color:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.16)}@media (max-width:768px){.snsContents .twitter{padding:24px 14px;border:2px solid #1ea1f1;box-shadow:none}}.snsContents .twitter__title{color:#1ea1f1;font-size:30px;font-family:"フォーク B JIS2004 AP",sans-serif;text-align:center}.snsContents .twitter__title i{margin-right:16px}.snsContents .twitter__timeline{margin-top:24px}@media (max-width:768px){.snsContents .twitter__timeline{margin-top:12px}}.snsContents .twitter__link a{display:block;width:264px;margin:30px auto 0;padding:14px 0;border:1px solid #022b46;border-radius:45px;color:#022b46;font-size:14px;text-align:center;text-decoration:none}@media (max-width:768px){.snsContents .twitter__link a{margin-top:21px}}.snsContents .snsList{max-width:328px;width:100%}@media (max-width:768px){.snsContents .snsList{display:block;max-width:100%;margin-top:32px}}.snsContents .snsList__item{box-shadow:0 3px 6px rgba(0,0,0,0.2)}.snsContents .snsList__item:not(:first-of-type){margin-top:16px}.bnrArea{position:relative}.bnrArea .section__inner{max-width:832px;padding:40px 0 48px}@media (max-width:768px){.bnrArea .section__inner{padding:24px 16px}}.bnrArea .section__inner li{max-width:400px;width:100%;margin:0 auto}.bnrArea .section__inner img{box-shadow:0 3px 6px rgba(0,0,0,0.3)}.bnrArea__bg{position:absolute;z-index:-1;top:50%;left:0;margin-top:-88px;width:100%;height:168px}.bnrArea__bg:before{content:"";position:absolute;top:0;left:-100%;width:calc(((100% - 1120px) / 2) + 1120px);height:100%;background-color:#fff1a5;clip-path:polygon(0 0,calc(100% - 78px) 0,100% 50%,calc(100% - 78px) 100%,0 100%);opacity:0;transition:all 0.8s ease-out 0.5s}@media (max-width:768px){.bnrArea__bg:before{width:calc(100% - 8px)}}.bnrArea.view .bnrArea__bg:before{left:0;opacity:1}
/*# sourceMappingURL=top.css.map */