@charset "UTF-8";

/* ------------------------------------------------------------------
	TOPページ
------------------------------------------------------------------ */
/* ----------更新情報---------- */
#update_info{
    margin-bottom: 1.5em; background-color: #f42383;
    padding: 0.5em 0.7em; font-weight: bold; text-align: center;
}
#update_info a{ display: block; color: #fff; font-size: 104%; line-height: 1.4;}
#update_info a:hover{ color: #fff; text-decoration: underline;}

/* ----------レコメンドエリア---------- */
#top_rcmnd{
    width: 100%;
    height: 316px;
    margin-bottom: 36px;
}
#top_rcmnd img{ width: 100%; height: auto;}


/* ----------フジスケニュースtop---------- */
#top_news .cntntTtl{ margin: 0;}
.cx_smartphoneview #top_news .cntntCap{ letter-spacing: -0.05em;}
.newsIndex > ul{
    display: flex;
}
.newsIndex li{
    width: 201px;
    border-bottom: solid 1px #ccc;
    padding: 0 0 10px;
    float: left;
    margin-top: 10px;
}
.newsIndex li:nth-of-type(3n+2){ width:210px;}
.newsIndex li dl{ position: relative;}
.newsIndex li:nth-of-type(3n+1) dl{
    padding: 0 7px 0 0;
    border-right: solid 1px #ccc;
}
.newsIndex li:nth-of-type(3n+2) dl{
    padding: 0 7px;
    border-right: solid 1px #ccc;
}
.newsIndex li:nth-of-type(3n) dl{
    padding: 0 0 0 7px;
}
.cx_smartphoneview .newsIndex li{ width: 50%;}
.cx_smartphoneview .newsIndex li:nth-of-type(3n+2) dl,
.cx_smartphoneview .newsIndex li:nth-of-type(3n) dl{
    border-right: none;
    padding: 0;
}
.cx_smartphoneview .newsIndex li:nth-of-type(2n) dl{ padding: 0 0 0 0.6em;}
.cx_smartphoneview .newsIndex li:nth-of-type(2n+1) dl{
    padding: 0 0.6em 0 0;
    border-right: solid 1px #ccc;
}

.newsIndex li .thum{
    width: 100%;
    height: 118px;
    overflow: hidden;
}
.cx_smartphoneview .newsIndex li .thum{
    height: 187px;
}
.newsIndex li .category{
    width: 100%;
    font-size: 82%;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
}
@media all and (-ms-high-contrast:none) {
	.newsIndex li .category{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

.newsIndex li dt{
    font-size: 94%;
    line-height: 1.4;
    font-weight: bold;
    padding: 0 0 0.4em;
}
.newsIndex li .update{
    font-size: 82%;
    color: #666;
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    line-height: 1.0;
}
/*.newsIndex li:nth-of-type(3n+2) .update,
.newsIndex li:nth-of-type(3n) .update{ left: 7px;}*/
#top_oaSchedule li.w50{ width: 50%;}
#top_oaSchedule li.w50 dl{ padding: 0 7px;}
#top_oaSchedule li.w50:nth-of-type(2n) dl{ border-right: none;}
#top_oaSchedule li.w50:nth-of-type(2n) .link{ margin-left: 0;}

/* ----------歌子の部屋top---------- */
.cx_smartphoneview #top_utako .cntntCap.narrow{ letter-spacing: 0;}

#utakoLatest dl{ position: relative;}
#utakoLatest .thum{
    width: 310px;
    height: 192px;
    /*background: #aeaeae;*/
    float: left;
    margin-right: 10px;
}
#utakoLatest .vol{
    color: #fff;
    font-size: 119%;
    display: inline-block;
    line-height: 1.6;
    padding: 0 10px;
    margin: 0 0 0 -10px;
}
@media all and (-ms-high-contrast:none) {
	#utakoLatest .vol{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

#utakoLatest dt{
    font-weight: bold;
    margin: 10px 0 6px;
    line-height: 1.4;
}
#utakoLatest a:hover dt{ text-decoration: underline;}

#utakoLatest .summary{
    font-size: 88%;
    line-height: 1.6;
}
#utakoLatest .update{
    font-size: 82%;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
}
#utakoLatest .sLbtn{
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#utakoLatest .sLbtn::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; left: 0;
	margin:-9px 0 0 12px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 11px;
	border-color: transparent transparent transparent #fff;
}


/* ----------注目選手紹介top---------- */
#top_skater li{
    float: left;
    width: 194px;
    margin: 0 15px 0 0;
    position: relative;
}
#top_skater li:nth-of-type(3n){ margin: 0;}
#top_skater li a{
    height: 70px;
    line-height: 70px;
    position: relative;
    text-align: left;
    padding: 0 0 0 14px;
    font-size: 119%;
    letter-spacing: -0.12em;
}
#top_skater li a::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 10px;
	margin:-7px 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #ffc279;
}

#top_skater li.comingsoon::after{
    content: "coming soon";
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    color: #555;
}


.cx_smartphoneview #top_skater li a{
    height: 100px;
    line-height: 1.2;
    padding: 15px 0 0 14px;
    box-sizing: border-box;
}
.cx_smartphoneview #top_skater li.comingsoon::after{ line-height: 100px;}


/* ----------最新動画top---------- */
#movLatest{
    position: relative;
    height: 192px;
    margin-bottom: 10px;
}
#movCntrl li{
    position: absolute;
    width: 36px;
}
#movCntrl li:nth-of-type(1){
    top: 0;
    left: 0;
}
#movCntrl li:nth-of-type(2){
    top: 0;
    right: 0;
}
#movCntrl li a{
    height: 192px;
    position: relative;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
#movCntrl li:nth-of-type(1) a{ opacity: 0.3; cursor: default;}
#movCntrl li:nth-of-type(1) a::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; left: 10px;
	margin:-10px 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #fff transparent transparent;
}
#movCntrl li:nth-of-type(2) a::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 10px;
	margin:-10px 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #fff;
}
#movMask{
    width: 538px;
    /*height: 192px;*/
    height: auto;
    margin: 0 auto;
    background: #f4f4f4;
    overflow: hidden;
}

.cx_smartphoneview #movLatest{ height: 280px;}
.cx_smartphoneview #movCntrl { display: none;}
.cx_smartphoneview #movMask{
    width: 100%;
    /*height: 280px;*/
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

#movLatestList{
    padding: 10px 0;
}
#movLatestList li{
    width: 166px;
    float: left;
    margin: 0 0 0 10px;
}
#movLatestList .thum{
    /*width: 166px;
    height: 94px;*/
    width: 100%;
    height: auto;
    /*background: #aeaeae;*/
    margin: 0 0 5px;
    position: relative;
}
#movLatestList .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn_s.png") no-repeat 0 0;
    width: 29px; height: 29px;
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.cx_smartphoneview #movLatestList li{ width: 246px;}

#movLatestList dt{
    font-size: 88%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
}
#movLatestList dl:hover dt{ text-decoration: underline;}
#movLatestList .subttl{
    font-size: 88%;
    line-height: 1.4;
}


/* ----------これから放送top---------- */
.top_oaSchedule__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_oaSchedule__list li{
    flex-shrink: 0;
}
.top_oaSchedule__list.len2 li{
    width: 50%;
    box-sizing: border-box;
}
.top_oaSchedule__list.len2 li:nth-of-type(2n+1){
    padding-right: 1em;
    border-right: solid 1px #ccc;
}
.top_oaSchedule__list.len2 li:nth-of-type(2n){
    padding-left: 1em;
}
.cx_smartphoneview .top_oaSchedule__list.len2 li:nth-of-type(2n+1){ padding-right: 0.5em;}
.cx_smartphoneview .top_oaSchedule__list.len2 li:nth-of-type(2n){ padding-left: 0.5em;}
.top_oaSchedule__list li a{
    display: block;
    height: 100%;
}

.top_oaSchedule__list__thum img{ width: 100%; height: auto;}
.top_oaSchedule__list__thum{ margin-bottom: 0.3em;}
#top_oaSchedule dl{
    position: relative;
    height: 100%;
}
.top_oaSchedule__list__ttl{
    color: #122593;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.2em;
}
.top_oaSchedule__list__oadate{
    font-size: 92%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 38px;
}
.top_oaSchedule__list__link{
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#top_oaSchedule .w66 .link{ width: 393px;}
#top_oaSchedule li:nth-of-type(3n+2) .link,
#top_oaSchedule li:nth-of-type(3n) .link{ margin: 0 0 0 7px;}
#top_oaSchedule .comingsoon{
    color: #fff;
    background: #aeaeae;
    text-align: center;
}

.cx_smartphoneview .top_oaSchedule__list__oadate{ padding: 0 0 48px;}
.cx_smartphoneview .top_oaSchedule__list__link{
    height: 42px;
    line-height: 42px;
}

/* ----------放送終了番組top---------- */
#top_prgrmArchive .contentWrapBorder{overflow: hidden;}
#top_prgrmArchive ul{ width: 642px;}
#top_prgrmArchive li{ float: left;margin: 0 30px 10px 0;}
#top_prgrmArchive li a{
    font-size: 88%;
    line-height: 1.2;
    position: relative;
    padding: 0 0 0 14px;
    display: block;
}
#top_prgrmArchive li a::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; left: 0;
    margin: -6px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ff6c00;
}
#top_prgrmArchive li a:hover{ text-decoration: underline;}

.cx_smartphoneview #top_prgrmArchive .contentWrapBorder{ padding: 30px 0 10px;}
.cx_smartphoneview #top_prgrmArchive li{margin: 0 30px 24px 0;}