@charset "utf-8";
/* header{width:100%;background-image:url(../img/top/scan-line.png),url(../img/top/kv-pc.jpg);background-position:0 0,center center;background-repeat:repeat, no-repeat;background-size:auto, cover;} */
header{width:100%;}
header .header-inner{height:640px;position:relative;}
header .header-inner .header-bar > a.logo{background-image:url(../img/logo-white.svg);z-index:10;}
header .header-inner .header-bar .hamburger a{background-image:url(../img/hamburger-white.svg);}

header .header-inner .notice-scroll-down{position:absolute;right:20px;bottom:30px;width:14px;height:102px;background:url(../img/top/scroll.gif) no-repeat;font-size:0;z-index:9;}

header .header-inner .top-info-stage{position:relative;max-width:1600px;min-width:1100px;margin:-110px auto 0 auto;z-index:11;}

header .header-inner .top-info-stage .circle{position:absolute;z-index:12;}
header .header-inner .top-info-stage .circle div{position:absolute;width:220px;height:220px;border-radius:100px 110px;font-size:0;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0.3;}
header .header-inner .top-info-stage .circle.pos1{top:330px;left:100px;}
header .header-inner .top-info-stage .circle.pos2{top:35px;right:685px;}
header .header-inner .top-info-stage .circle.pos3{top:365px;right:435px;}
header .header-inner .top-info-stage .circle.pos1 div{background:linear-gradient(45deg, #a1e6cf, #00EAFF);animation-name:top-circle-type1;}
header .header-inner .top-info-stage .circle.pos2 div{background:linear-gradient(45deg, #F6416C, #FFF6B7);animation-name:top-circle-type2;}
header .header-inner .top-info-stage .circle.pos3 div{background:linear-gradient(45deg, #FFDB01, #32CCBC);animation-name:top-circle-type3;}
header .header-inner .top-info-stage .circle div.type1{top:0;left:0;transform-origin:50% 50% 0;}
header .header-inner .top-info-stage .circle div.type2{top:25px;left:10px;transform-origin:48% 48% 0;}
header .header-inner .top-info-stage .circle div.type3{top:30px;left:25px;transform-origin:52% 52% 0;}

header .header-inner .top-info-stage .catchcopy{position:absolute;top:300px;left:0;z-index:11;width:100%;height:30px;background:url(../img/top/txt-catch-copy-pc.png) no-repeat center center;font-size:0;}
header .header-inner .top-info-stage .info-box{position:absolute;z-index:12;}


header .header-inner .top-info-stage .info-box{position:absolute;width:165px;color:white;}
header .header-inner .top-info-stage .info-box .title{font-size:18px;text-align:center;font-weight:bold;font-family:'Noto Sans JP';}
header .header-inner .top-info-stage .info-box .body{font-size:12px;color:white;margin:17px 0 16px 0;}
header .header-inner .top-info-stage .info-box .i-btn a img{width:17px;height:17px;}
header .header-inner .top-info-stage .info-box .more-btn{text-align:center;}
header .header-inner .top-info-stage .info-box .more-btn a img{width:39px;}

header .header-inner .top-info-stage .tvrank{top:396px;left:140px;}

header .header-inner .top-info-stage .birthday{top:72px;right:475px;}
header .header-inner .top-info-stage .birthday .birthday-icon a{display:block;width:155px;height:48px;margin-top:10px;background:url(../img/top/top-icon-birthday.png) no-repeat center center;font-size:0;}

header .header-inner .top-info-stage .cmrank{top:420px;right:228px;}

header .header-inner .top-info-stage .info-text{position:absolute;top:45px;right:224px;width:251px;font-size:13px;color:white;padding:18px;box-sizing:border-box;background-color:rgba(11,152,169,0.8);border-radius:9px;z-index:20;}
header .header-inner .top-info-stage .info-text a{text-decoration:underline;color:white;}

header .header-inner .video-bg{position:absolute;left:0;top:0;display:flex;align-items:center;width:100%;height:100%;z-index:1;overflow:hidden;background:url(../img/top/bg-poster.jpg) center center no-repeat;background-size:cover;}
header .header-inner .video-bg video{width:100%;min-width:1350px;}
header .header-inner .scan-line{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;font-size:0;background:url(../img/top/scan-line.png) 0 0;}



main .main-inner{width:100%;margin:0 auto;}
main .main-inner .info-area{background-color:black;}
main .main-inner .info-area .info-content{height:70px;display:flex;align-items:center;width:1100px;margin:0 auto;color:white;font-size:0;}
main .main-inner .info-area .info-content .info-title img{width:59px;height:19px;}
main .main-inner .info-area .info-content .info-text{font-size:13px;margin-left:30px;}
main .main-inner .info-area .info-content .info-text .date{margin-right:0.75em;}
main .main-inner .info-area .info-content .info-text a{color:white;}
main .main-inner .info-area .info-content .more-btn{margin-left:auto;}
main .main-inner .info-area .info-content .more-btn a{display:flex;align-items:center;height:40px;}
main .main-inner .info-area .info-content .more-btn a img{width:38px;height:8px;}

main .main-inner .tv-meta-data{padding:160px 0 100px 0;}
main .main-inner .content-area .title{margin:0 auto;}
main .main-inner .tv-meta-data .title{width:397px;}
main .main-inner .content-area .title img{display:block;height:37px;}
main .main-inner .tv-meta-data .title img{width:397px;}
main .main-inner .tv-meta-data .top-img-area .top-img{/*width:1150px;*/ height:614px;background:url(../img/top/top-img-1-pc.jpg) bottom center no-repeat;}

main .main-inner .content-area .catch-copy{margin-top:75px;font-size:20px;text-align:center;line-height:2;font-weight:bold;letter-spacing:0.02em;font-family:'Noto Sans JP';}
main .main-inner .content-area .read-more-btn{margin:55px auto 0 auto;font-size:14px;font-weight:bold;color:#8e8e8e;text-align:center;width:170px;line-height:44px;border:4px solid #bbbbbb;border-radius:26px;}


main .main-inner .blog{padding:102px 0 91px 0;}
main .main-inner .bg-gray{background-color:#f1f1f1;}
main .main-inner .blog .title{width:138px;}
main .main-inner .blog .title img{width:138px;}
main .main-inner .blog .blog-content-area{display:flex;justify-content:space-between;margin:83px auto 0 auto;width:1100px;}
main .main-inner .blog .blog-content-area .blog-content{width:340px;}
main .main-inner .blog .blog-content-area .blog-content .blog-img:empty{width:340px;height:210px;background:url(../img/no-image.gif) no-repeat;background-size:contain;} 
main .main-inner .blog .blog-content-area .blog-content .blog-img img{width:100%;height:auto;} 
main .main-inner .blog .blog-content-area .blog-content .date{font-size:12px;margin-top:16px;}
main .main-inner .blog .blog-content-area .blog-content .blog-title{font-size:18px;margin-top:5px;font-weight:bold;}
main .main-inner .blog .read-more-btn{margin:38px auto 0 auto;}

main .main-inner .ranking{position:relative;padding:100px 0 130px 0;}
main .main-inner .ranking .title{width:245px;position:relative;z-index:11;}
main .main-inner .ranking .title img{width:245px;}
main .main-inner .ranking .title .i-btn img{width:17px;height:17px;position:absolute;top:-7px;right:-25px;}
main .main-inner .ranking .ranking-popup{position:relative;width:1100px;margin:0 auto;}
main .main-inner .ranking .ranking-popup .ranking-text{position:absolute;top:-60px;right:140px;width:251px;font-size:13px;color:white;padding:18px;box-sizing:border-box;background-color:rgba(11,152,169,0.8);border-radius:9px;z-index:20;}
main .main-inner .ranking .ranking-popup .ranking-text a{text-decoration:underline;color:white;}
main .main-inner .ranking .update{margin-top:23px;font-size:14px;text-align:center;}
main .main-inner .ranking .box-area{display:flex;justify-content:space-between;width:1100px;margin:30px auto 0 auto;}
main .main-inner .ranking .box-area .content-box{width:525px;height:420px;border:solid 2px #f1f1f1;box-sizing:border-box;} 
main .main-inner .ranking .box-area .content-box .heading{font-size:0;margin:-13px auto 12px auto;width:228px;height:20px;background-color:white;}
main .main-inner .ranking .box-area .content-box .heading.news{background:url(../img/top/ranking-tv-news.png) no-repeat center center;background-size:contain;background-color:white;}
main .main-inner .ranking .box-area .content-box .heading.cm{background:url(../img/top/ranking-cm.png) no-repeat center center;background-size:contain;background-color:white;}
main .main-inner .ranking .box-area .content-box .sub-heading{font-size:14px;text-align:center;color:#777;}
main .main-inner .ranking .box-area .content-box .ranking-box{width:450px;margin:47px 0 0 50px;overflow-y:auto;}
main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner{width:415px;height:300px;}
main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl{display:flex;font-size:16px;margin-bottom:4px;}
main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl dt{width:55px;color:#0b98a9;font-weight:bold;}
main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl dd{width:360px;color:#444444;}


main .main-inner .media{padding:108px 0 112px 0;}
main .main-inner .media .title{width:170px;}
main .main-inner .media .title img{width:170px;}
main .main-inner .media .content-box{margin:54px auto 0 auto;width:1100px;background-color:white;padding:44px 55px 30px 55px;box-sizing:border-box;}
main .main-inner .media .content-box dl{display:flex;margin-bottom:1em;align-items:flex-start;}
main .main-inner .media .content-box dl dt{font-size:10px;width:57px;line-height:17px;text-align:center;color:white;margin:4px 10px 5px 0;flex-shrink:0;font-weight:bold;}
main .main-inner .media .content-box dl dd{font-size:16px;width:923px;flex-shrink:0;}
main .main-inner .media .content-box dl .bg-blue{background-color:#0b98a9;}
main .main-inner .media .content-box dl .bg-green{background-color:#c5b25c;}

main .main-inner .information{padding:110px 0 50px 0;}
main .main-inner .information .info-text{font-size:20px;text-align:center;line-height:2;font-weight:bold;}





@keyframes top-circle-type1 {0% {transform:rotate(0deg);}50% {transform:rotate(180deg);}100% {transform:rotate(360deg);}}
@keyframes top-circle-type2 {0% {transform:rotate(90deg);}50% {transform:rotate(270deg);}100% {transform:rotate(450deg);}}
@keyframes top-circle-type3 {0% {transform:rotate(180deg);}50% {transform:rotate(360deg);}100% {transform:rotate(540deg);}}



@media screen and (max-width:750px){
    body{overflow-x:hidden !important;}
    header{background-image:url(../img/top/scan-line.png),url(../img/top/kv-sp.jpg);}
    header .header-inner{height:133.3333vw;}

    header .header-inner .header-bar{background-color:rgba(0,0,0,0);transition:background-color 0.2s;}
    header .header-inner .header-bar.scrolled{background-color:white;}
    header .header-inner .header-bar.scrolled > a.logo{background-image:url(../img/logo.png);}
    header .header-inner .header-bar.scrolled .hamburger a{background-image:url(../img/hamburger.svg);}
    
    header .header-inner .notice-scroll-down{display:none;}

    header .header-inner .top-info-stage{position:relative;max-width:100%;min-width:100%;margin:0;}
    header .header-inner .top-info-stage .circle div{width:40vw;height:40vw;border-radius:20vw 18.3333vw;}
    header .header-inner .top-info-stage .circle.pos1{top:86vw;left:8vw;}
    header .header-inner .top-info-stage .circle.pos2{top:4vw;left:43.3333vw;right:auto;}
    header .header-inner .top-info-stage .circle.pos3{top:73vw;left:58vw;right:auto;}
    header .header-inner .top-info-stage .circle div.type1{top:0;left:0;}
    header .header-inner .top-info-stage .circle div.type2{top:3.3333vw;left:1.3333vw;}
    header .header-inner .top-info-stage .circle div.type3{top:4vw;left:3.3333vw;}

    header .header-inner .top-info-stage .info-box{width:24vw;}
    header .header-inner .top-info-stage .catchcopy{top:53.2vw;height:13.0666vw;background-image:url(../img/top/txt-catch-copy-sp.png);background-size:contain;}
    header .header-inner .top-info-stage .info-box .title{font-size:2.8vw;}
    header .header-inner .top-info-stage .info-box .body{font-size:2.1333vw;margin:2vw 0 1.8666vw 0;}
    header .header-inner .top-info-stage .info-box .i-btn a img{width:4vw;height:4vw;}
    header .header-inner .top-info-stage .info-box .more-btn a img{width:6.1333vw;}

    header .header-inner .top-info-stage .tvrank{top:96.1333vw;left:15.6vw;}

    header .header-inner .top-info-stage .birthday{top:13.4666vw;left:51.4666vw;right:auto;}
    header .header-inner .top-info-stage .birthday .birthday-icon{margin-left:-1.3333vw;}
    header .header-inner .top-info-stage .birthday .birthday-icon a{width:27.7333vw;height:8.5333vw;margin-top:0;background-image:url(../img/top/top-icon-birthday-sp.png);background-size:contain;}


    header .header-inner .top-info-stage .cmrank{top:83.2vw;right:8.2666vw;}

    header .header-inner .top-info-stage .info-text{top:17.3333vw;right:27.8666vw;width:62.1333vw;font-size:3.2vw;padding:3.7333vw 5.4666vw;border-radius:2.6666vw;}

    header .header-inner .video-bg video{position:absolute;top:0;left:-85.5vw;width:271vw;min-width:100%;height:152vw;}
    
    


    main .main-inner .info-area .info-content{min-height:30.6666vw;padding:5.3333vw 0;box-sizing:border-box;flex-wrap:wrap;width:84vw;}
    main .main-inner .info-area .info-content .info-title img{width:11.4666vw;height:3.6vw;margin:0 0 1.4666vw 36.9333vw;}
    main .main-inner .info-area .info-content .more-btn{order:2;margin-bottom:1.3333vw;}
    main .main-inner .info-area .info-content .more-btn a{height:auto;}
    main .main-inner .info-area .info-content .more-btn a img{width:9.3333vw;height:2.2666vw;}
    main .main-inner .info-area .info-content .info-text{width:100%;order:3;font-size:3.2vw;margin-left:0;}

    main .main-inner .tv-meta-data{padding:17.6vw 0 15.7333vw 0;}
    main .main-inner .content-area .title{margin:0 auto;}
    main .main-inner .tv-meta-data .title{width:66vw;}
    main .main-inner .content-area .title img{display:block;height:5.7333vw;}
    main .main-inner .tv-meta-data .title img{width:66vw;}
    main .main-inner .tv-meta-data .top-img-area{width:82vw;margin:0 auto;}
    main .main-inner .tv-meta-data .top-img-area .top-img{width:82vw;height:87.4666vw;background:url(../img/top/top-img-1-sp.jpg)center center no-repeat;background-size:cover;}
    main .main-inner .content-area .read-more-btn{font-size:3.2vw;color:#8e8e8e;text-align:center;width:40vw;line-height:10.4vw;border:0.5333vw solid #bbbbbb;border-radius:5.3333vw;}
    main .main-inner .tv-meta-data .read-more-btn{margin:10vw auto 0 auto;}

    main .main-inner .content-area .catch-copy{margin-top:14vw;font-size:4vw;line-height:1.73;}
    
    main .main-inner .blog{padding:13.0666vw 0 13.3333vw 0;}
    main .main-inner .blog .title{width:21.2vw;}
    main .main-inner .blog .title img{width:21.2vw;}
    main .main-inner .blog .blog-content-area{display:flex;flex-flow:row wrap;justify-content:space-between;margin:11.0666vw auto 0 auto;width:83.7333vw;}
    main .main-inner .blog .blog-content-area .blog-content{width:83.7333vw;margin-bottom:7.3333vw;}
    main .main-inner .blog .blog-content-area .blog-content .blog-img{width:64vw;margin:0 auto;} 
    main .main-inner .blog .blog-content-area .blog-content .blog-img:empty{width:64vw;height:40vw;background:url(../img/no-image.gif) no-repeat;background-size:contain;} 
    main .main-inner .blog .blog-content-area .blog-content .date{font-size:4vw;margin-top:2.6666vw;}
    main .main-inner .blog .blog-content-area .blog-content .blog-title{font-size:4.2666vw;margin-top:1.3333vw;}
    main .main-inner .blog .read-more-btn{margin:2vw auto 0 auto;}

    main .main-inner .ranking{padding:16.4vw 0 0 0;}
    main .main-inner .ranking .title{width:37.7333vw;}
    main .main-inner .ranking .title img{width:37.7333vw;}
    main .main-inner .ranking .title .i-btn img{width:4vw;height:4vw;top:-0.4vw;right:-5.4666vw;}
    main .main-inner .ranking .ranking-popup{width:100%;margin:0;}
    main .main-inner .ranking .ranking-popup .ranking-text{top:5vw;right:17vw;width:62.1333vw;font-size:3.2vw;padding:3.7333vw 5.4666vw;border-radius:2.6666vw;}
    main .main-inner .ranking .update{margin-top:6.6666vw;font-size:4vw;}
    main .main-inner .ranking .box-area{flex-flow:row wrap;width:84vw;margin:8vw auto 0 auto;}
    main .main-inner .ranking .box-area .content-box{width:84vw;height:66vw;border:solid 0.8vw #f1f1f1;margin-bottom:13.0666vw;padding-bottom:7.3333vw;}
    main .main-inner .ranking .box-area .content-box .heading{margin:-2.7vw auto 4.2666vw auto;width:31.2vw;height:4vw;}
    main .main-inner .ranking .box-area .content-box .sub-heading{font-size:3.2vw;}
    main .main-inner .ranking .box-area .content-box .ranking-box{width:72vw;margin:6vw auto 0 auto;}
    main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner{width:72vw;height:42vw;}
    main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl{font-size:4vw;margin-bottom:1.0666vw;}
    main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl dt{width:12vw;}
    main .main-inner .ranking .box-area .content-box .ranking-box .ranking-box-inner dl dd{width:60vw;}



    main .main-inner .media{padding:13.3333vw 0 19.7333vw 0;}
    main .main-inner .media .title{width:26.2666vw;}
    main .main-inner .media .title img{width:26.2666vw;}
    main .main-inner .media .content-box{margin:12.9333vw auto 0 auto;width:84vw;padding:8vw 7.2vw 4.9333vw 7.2vw;}
    main .main-inner .media .content-box dl{display:block;margin-bottom:3.0666vw;align-items:baseline;}
    main .main-inner .media .content-box dl dt{font-size:2.8vw;width:16.2666vw;height:4.9333vw;line-height:4.9333vw;margin-bottom:1.3333vw;}
    main .main-inner .media .content-box dl dd{font-size:4vw;width:auto;}
    main .main-inner .information{padding:16.6666vw 0 7.3333vw 0;}
    main .main-inner .information .info-text{font-size:4.8vw;text-align:center;line-height:1.8;}
}