@charset "UTF-8";.sp-navs{z-index:-1!important}.header-wrap{width:100%;background:#fff;z-index:9999}.header-wrap a{display:inline-block}.header-wrap img{width:100%}.header-wrap .logo{width:18%;margin-top:4%;margin-left:4%}.header-wrap .menu{float:right;width:74%;margin-top:3%;margin-bottom:3%}.header-wrap .menu>a{width:25%;vertical-align:top;float:left}.header-wrap .menu :nth-child(even){margin:0 2%}.header-wrap .menu .menu-btn{width:13%;float:right;margin-right:5%}main .category{box-sizing:border-box;padding:3%}main .category .top-btn{width:100%;margin-bottom:1%}main .category .top-btn>a{width:49%}main .category .top-btn :first-child{margin-right:2%}main .category .bottom-btn{width:100%;margin-top:.5%}main .category .bottom-btn>a{width:33%}main .category .bottom-btn>:nth-child(2){margin:0 .5%}main .recommend{width:100%;margin-top:.2%;color:#fff}main .recommend>img{width:100%;padding:3% 18.5%;background:#ffd56c}main .recommend>.top{position:relative;width:95%;margin:1% 2.5% 0}main .recommend>.top>.program-info{position:absolute;width:100%;height:40%;background:rgba(0,0,0,.301);bottom:0;z-index:99}main .recommend>.top>.program-info>span{position:relative;margin-top:1%;display:inline-block;margin-left:3%;font-size:3.2vw;font-weight:700;width:58%}main .recommend>.top>.program-info>span>img{float:left;width:25%;margin-right:2%;margin-bottom:2%;position:absolute;top:12%}main .recommend>.top>.program-info .live-time{font-size:2.3vw}main .recommend>.top>.program-info>.label-img{position:absolute;width:29%;top:-31%}main .recommend>.top>.program-info>a{position:absolute;bottom:20%;right:2%;width:34%;z-index:999}main .recommend .recommed-cell-wrap{margin:0 2.5%;width:95%;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main .recommend .recommed-cell-wrap>div:not(.top){position:relative;margin-right:.5%;width:49%;box-sizing:border-box;margin-top:1%;padding:2.1% 2.1% 13%;border:1px solid #000;float:left;color:#000}main .recommend .recommed-cell-wrap>div:not(.top)>span.title{display:inline-block;font-size:3.3vw;margin-top:8%}main .recommend .recommed-cell-wrap>div:not(.top)>span.lesson-title{display:inline-block;font-size:3.3vw;margin-top:3%;margin-bottom:5%}main .recommend .recommed-cell-wrap>div:not(.top) span.text{display:inline-block;font-size:2.3vw;margin-top:3%;margin-bottom:5%}main .recommend .recommed-cell-wrap>div:not(.top) .player-label{width:65%;margin-top:7%}main .recommend .recommed-cell-wrap>div:not(.top)>.live-time{display:inline-block;margin-top:2%;font-size:2.4vw;line-height:2.8vw}main .recommend .recommed-cell-wrap>div:not(.top)>img:last-of-type{width:100%}main .recommend .recommed-cell-wrap>div:not(.top) .icon{width:35%!important;margin-top:5%}main .recommend .recommed-cell-wrap>div:not(.top) .schedul-item{margin-top:5%}main .recommend .recommed-cell.rignt-cell{float:right;margin-right:2.5%;margin-left:.5%}main .cp-info{width:100%;margin-top:6%;background:#ffd56c;padding-bottom:4%}main .cp-info>img{width:87%;margin:4% auto}main .cp-info .cp-info-cell{position:relative;box-sizing:border-box;width:94%;margin:0 3% 2%;padding:4% 2% 3%;background:#fff}main .cp-info .cp-info-cell>.cp_thum{width:33%;float:left;margin-right:2%}main .cp-info .cp-info-cell>span{display:inline-block;width:65%;font-size:calc(100% + ((1vw - 5.2px) * 1.1111))}main .cp-info .cp-info-cell .cp-btn{position:absolute;right:2%;bottom:8%;width:13%}main .cp-info .cp-info-cell span.cp-time{font-size:calc(100% + ((1vw - 8.2px) * 1.1111));color:#e2958b}main .cp-info .cp-info-cell span.option-text{width:50%;font-size:calc(100% + ((1vw - 9.2px) * 1.1111));margin-top:1.5%}main .cp-info .cp-info-cell span.attention-text{width:85%;font-size:calc(100% + ((1vw - 10.5px) * 1.1111));margin-top:1.5%}main .tab-wrap{width:100%;overflow:scroll}main .tabs{width:111%;display:-webkit-flex;display:flex;align-items:stretch;border:none;overflow:scroll;margin-top:3%}main .tabs .tab{position:relative;cursor:pointer;-webkit-flex:1;flex:1;word-wrap:break-word;text-align:center;padding:9% 1% 0;margin:0 .2%;color:#fff;font-size:12px;border-bottom:2px solid transparent;font-weight:700;border-radius:3px 3px 0 0;background:#9f9f9f;writing-mode:lr-tb}main .tabs .tab.is-tab-selected{background:orange}main .tabs a{height:10%;position:absolute;display:inline-block;text-decoration:none;color:#fff;box-sizing:border-box;z-index:99;left:0;right:0;top:0;bottom:0;margin:auto}main .tabs .two-rows{height:70%}main .video-hidden{width:100%;display:inline-block;margin-top:7%}main body,main img{padding:0;margin:0}main .video-hidden>div{width:100%}main .video-hidden>div>*{width:100%!important}main body{font-family:Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif}main img{display:block;width:100%;height:auto;vertical-align:bottom;border:0}main a,main div{display:inline-block;vertical-align:bottom}main .dummy{position:static!important;opacity:0!important}.bottom-btn,main #design-img{position:absolute;left:0;right:0;margin:0 auto}main #design-img{opacity:.2;top:0;width:100%;z-index:-1}.bottom-btn{bottom:4%;width:90%!important}#SPREAD_VIDEO_WRAPPER{display:none}