@charset "UTF-8";

/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */
/*-------------メインビジュアル-------------*/
.header__main{
    background: url("../img/bg_hdr.png") repeat-x center center;
    background-size: contain;
}
.header__main h1{
    position: absolute;
    bottom: 1vw;
    left: 0; right: 0;
    max-width: 0 auto;
    background: url("../img/logo.png") no-repeat center bottom;
    width: 100%;
    height: 19vw;
    background-size: contain;
}
.header__main_oadate{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.header__main_oadate span{ font-size: 60%;}
@media screen and (min-width: 1500px){
    .header__main h1{ height: 280px; bottom: 1em;}
}
@media screen and (max-width: 768px){
    /* .header__main.slide .header__main__photos li:nth-of-type(3) img{
        transform: translate(-65%,0);
    } */
    .header__main h1{
        height: 37vw;
        background-size: cover;
    }
}
@media screen and (max-width: 550px){
    /* .header__main h1{ bottom: 10.0vw;} */
}

/* ---------------------------------------------
	NEWS
--------------------------------------------- */
.news-wrap{
    background-color: #2268ed;
    text-align: center;
}
.news-wrap a{
    display: block;
    padding: 0.8em 0 0.6em;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    line-height: 1.6;
}
/*#newsWrap a span{ color: #f13db2;font-size: 118%;}*/
@media screen and (max-width: 768px){
    .news-wrap a{
        font-size: 94%;
    }
}
.cx_displaydevice .news-wrap a:hover{
    background-color: #0954df;
}

/*-----------------ライブ配信-----------------*/
.liveStream__date{
    font-size: 120%;
    font-weight: bold;
    display: flex;
    line-height: 1.0;
    padding: 0.8em 0 0;
}
.liveStream__date span{
    width: 5em;
    background-color: #a77422;
    color: #fff;
    font-size: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5em;
    padding: 0.2em 0;
    margin-top: -0.2em;
}
.liveStream__now{
    /*background-color: #f47100;*/
    color: #f47100;
    font-weight: bold;
    text-align: center;
    margin-top: 0.4em;
    border: solid 0.2em #f47100;
    line-height: 1.2;
    padding: 0.2em 0;
}
.liveStream h3{
    border-bottom:none;
    margin:0;
    padding: 0.5em 0 0.3em;
    color: #f13db2;
    font-weight:bold;
    font-size:110%;
    line-height:1.4;
    /*transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);*/
}
.liveStream .embedWrap{
    margin: 0 0 0.8em;
    /*display: none;*/
}
.liveStream__photo{
    margin-bottom: 0.6em;
}
.liveStream__photo img{
    width: 100%; height: auto;
    vertical-align: bottom;
}
.liveStream__summary{
    font-size: 94%;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 0.6em;
}
.liveStream__info{
    padding: 0.2em 1em;
    background: #f4f3e5;
    font-size: 94%;
    line-height: 1.4;
    margin-bottom: 1em;
}
.liveStream__info__list{
    padding: 0.6em 0;
    border-bottom: solid 0.1em #aaa;
}
.liveStream__info__list:nth-last-of-type(1){ border: none;}
.liveStream__info dt{
    font-weight: bold;
    color: #a77422;
    padding-bottom: 0.2em;
}
.liveStream__info .ch__name a{
    font-weight: bold;
    color: #333;
}
.liveStream__info .ch__sub{ font-size: 84%;}
.liveStream__info .cast__name{ font-weight: bold;}
.liveStream__info .cast__position{
    font-weight: normal;
    font-size: 85%;
    font-feature-settings: "palt";
}
.cast__catch{
    font-weight: normal;
    width: 7em;
    display: inline-block;
}

.liveStream img{ width: 100%; height: auto;}
.liveStream .thum{ position: relative;}
.liveStream .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -30px auto 0;
    border: solid 4px rgba(255,255,255,0.6);
    border-radius: 50%;
    background-size: contain;
}
.liveStream iframe{ vertical-align: bottom;}
a.link_btn.liveStream__tver-link{
    display: flex;
    align-items: center;;
    justify-content: center;
    /* background-color: #21abe6; */
    background-color: #fff;
    border: solid 3px #21abe6;
    padding: 0.2em 0 0.4em;
    /* position: relative;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.4em;
    margin-bottom: 0.8em;
    text-decoration: none; */
    transition: 0.3s;
}
/* .liveStream__tver-link::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.14);
} */
.cx_displaydevice a.link_btn.liveStream__tver-link:hover{
    border: solid 3px #5bceff;
    box-shadow: 1px 1px 3em #ffe8bc;
}
a.link_btn.liveStream__tver-link::after{
    /* content: "";
    display: block;
    position: absolute;
    top: 50%; right: 10px;
	margin:-0.4em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.7em; */
	border-color: transparent transparent transparent #21abe6;
}
.liveStream__tver-link span.tver{
    background: url("../img/tver_logo.svg") no-repeat center center;
    width: 8.5em;
    height: 2.4em;
    background-size: contain;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.3em;
}

.liveStream__schedule{
    margin: 0 0 0;
    line-height: 1.8;
}
.liveStream__schedule li{
    padding-bottom: 0.8em;
}
.liveStream__schedule__time{
    font-weight: bold;
}
.liveStream__schedule__detail{
    font-size: 94%;
}
.liveStream__schedule__detail dl{
    display: flex;
    flex-wrap: wrap;
    margin: 0.5em 0;
    border-bottom: solid 0.1em #a77422;
}
.liveStream__schedule__detail__ch{
    width: 18%;
    background-color: #f4f3e5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.5em;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.liveStream__schedule__detail__ch a,
.liveStream__schedule__detail__ch span{
    flex-shrink: 0;
    display: block;
    width: 100%;
}
.liveStream__schedule__detail__ch span.youtube{
    background: url("../img/youtube_logo.svg") no-repeat center center;
    height: 1.2em;
    background-size: contain;
}
.liveStream__schedule__detail__ch span.tver{
    background: url("../img/tver_logo.svg") no-repeat center center;
    height: 1.4em;
    background-size: contain;
}
.liveStream__schedule__detail__summary{
    width: 82%;
    box-sizing: border-box;
    padding: 0.6em 0 0.6em 0.8em;
}
.liveStream__schedule__detail__summary__photo{
    margin-bottom: 0.8em;
    text-align: center;
    background-color: #031527;
}
.liveStream__schedule__detail__summary__photo img{
    width: 76%;
}
@media screen and (max-width: 768px){
    .liveStream__schedule__detail__ch{ width: 26%;}
    .liveStream__schedule__detail__summary{ width: 74%;}
    .liveStream__schedule__detail__summary__photo img{ width: 100%;}
}
.liveStream .embedWrap .end_txt{
    background-color: #f4f3e5;
    padding: 1em 0.8em;
    text-align: center;
    font-size: 94%;
    line-height: 1.4;
}

#video_player_wrap,
#liveWrap #live_end{
    /* min-height: 330px; */
    /* height: 0;
    padding-top: 56.25%; */
    background: #000;
}
#liveTarget iframe{ vertical-align: bottom;}
#liveWrap #live_link img,
#liveWrap #live_end img{
    width: 100%;
    height: auto;
}
#liveWrap #live_link a{
    position: relative;
    display: block;
}
#liveWrap #live_link a::after{
    content: "";
    display: block;
    background: rgba(0,0,0,0.4) url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    background-size: contain;
    position: absolute;
    /*bottom: 8px;
    right: 8px;*/
    top: 50%;
    left: 0;
    right: 0;
    margin: -31px auto 0; 
    border: solid 4px rgba(255,255,255,0.9);
    border-radius: 50%;
}

.tver__intro{ text-align: center;}
.tver__intro .tver_logo{
    background-image: url("../img/tver_logo.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5.5em;
    height: 2em;
    display: inline-block;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -0.2em;
}
@media screen and (max-width: 768px){
    .tver__intro{ text-align: left;}
}

/*-----------------テーマソング-----------------*/
#themeSong h3{
    border-bottom:none;
    margin:0;
    padding: 0.5em 0 0.3em;
    color: #f13db2;
    font-weight:bold;
    font-size:120%;
    line-height:1.4;
    transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
}
#themeSong h4{
    color: #a77422;
    line-height:1.4;
    padding-bottom: 0.5em;
    font-size:120%;
}
#themeSong .photoWrap{
    margin-bottom: 1em;
}
#themeSong p{
    font-size: 94%;
    line-height: 1.9;
    padding: 0 0 1.5em;
}
#themeSong p a{
    color: #4d4d4d; font-weight: bold;
    color: #f47100
}
#themeSong .comment{
    background: #f4f3e5;
    padding: 1em 1.6em;
    font-size: 94%;
}
/* #themeSong .photoWrap{ margin-bottom: 0.8em;} */
#themeSong .cx_video_player .thum{
    position: relative;
    margin-bottom: 1em;
}
#themeSong .cx_video_player .thum img{
    width: 100%; height: auto;
}
#themeSong .cx_video_player .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -30px auto 0;
    border: solid 4px rgba(255,255,255,0.6);
    border-radius: 50%;
    background-size: contain;
}

/*-----------------動画-----------------*/
#movie h3{
    border-bottom:none;
    margin:0;
    padding: 0.5em 0 0.6em;
    color: #f13db2;
    font-weight:bold;
    font-size:120%;
    line-height:1.4;
    /* transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg); */
}
.movie__item {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 2em;
}
  
.movie__item iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.movie__list{ justify-content: space-between;}
.movie__list li{
    flex-shrink: 0;
    background-color: #fff;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.16);
    margin-bottom: 1em;
    margin-right: 0;
    border: none;
    border-bottom: solid 5px #aaa;
}
.movie__list > li:nth-of-type(4n){ margin-bottom: 1em;}
.movie__list li.comingsoon{
    opacity: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom: none;
}
.movie__list.len2 li{
    width: 49%;
}
.movie__list.len3 li{
    width: 32%;
}
.cx_displaydevice .movie__list li:hover{ border-bottom: solid 5px #cc9622;}
.movie__list__thum{ margin-bottom: 0;}
.movie__list__thum img{
    width: 100%;
    height: auto;
}
.movie__list__ttl{ padding-bottom: 0;}
.movie__list__cap{
    background-color: #f13db2;
    color: #fff;
    margin-bottom: 0.3em;
}
.movie__list__ttl-sub{
    font-size: 90%;
    padding: 0 10px;
    line-height: 1.4;
}
@media screen and (max-width: 768px){
    .movie__list > li:nth-of-type(4n){ margin-right: 0;}
    .movie__list.len3 li{
        width: 49%;
    }
}
@media screen and (max-width: 550px){
    .movie__list > li:nth-of-type(3n){ margin-right: 0; margin-bottom: 1em;}
    .movie__list > li:nth-of-type(2n){ margin-bottom: 1em;}
}

/*-------------データ放送-------------*/
.present__photo{
    width: 30%;
    float: left;
    margin-right: 1em;
    position: relative;
    z-index: 333;
}
.present__intro{
    margin-bottom: 0.5em;
    font-size: 94%;
    line-height: 1.8;
    padding-top: 0.5em;
}
.present__intro a{
    font-weight: bold;
    color: #27acff;
    text-decoration: underline;
}
.present__list{ margin: 1.5em 0 2.5em;}
@media screen and (max-width: 768px){
    .present__list{ margin: 1.5em 0 1.5em;} 
}
.present__list li{ 
    font-weight: bold;
    font-size: 94%;
    line-height: 1.4;
    margin-bottom: 0.5em;
}
.present__list span{
    color: #d89500;
}
#present a.link_btn{
    width: 100%;
    background-color: #f13db2;
}
/* #present a.link_btn::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.14);
} */
.cx_displaydevice #present a.link_btn:hover{ background-color: #ff54c3;}

#present a.link_btn.end,
.cx_displaydevice #present a.link_btn.end:hover{ background-color: #999;}
.link_btn.end{ color: #eee;}
a.link_btn.end::after{ display: none;}
.present__endDate{
    text-align: center;
    font-size: 84%;
    line-height: 1.2;
    padding: 0.3em 0 0;
}

/*------------見どころ------------*/
#featureWrap{ padding-bottom: 4em;}
#featureWrap h3{
    border: none;
    font-size: 134%;
    font-weight: bold;
    line-height: 1.4;
    color: #f13db2;
    position: relative;
    margin: 0.5em 0 0.5em;
}
#featureWrap h3::before{
    content: "";
    display: block;
    margin: 0 3px 0 0;
    background: url("../img/fuji_icn.png") no-repeat 0 0;
    width: 45px;
    height: 25px;
    background-size: contain;
    float: left;
    /*margin-top: 0.2em;*/
}
@media screen and (max-width: 768px){
    #featureWrap h3::before{ margin-top: -0.2em;}
}
.feat__inner{
    width: 100%;
    margin-bottom: 1em;
}
.photoWrap{ margin-bottom: 0.6em;}
.photoWrap.w50{
    width: 48%;
    background-color: #002b57;
    margin-bottom: 0;
}
.photoWrap.w50.fRight{ 
    float: right;
    margin-left: 2%;
}
.photoWrap.w50.fLeft{
    margin-right: 2%;
    float: left;
}
@media screen and (max-width: 768px){
    .photoWrap.w50{ width: 100%;}
    .photoWrap.w50.fRight,
    .photoWrap.w50.fLeft{  margin: 0 0 0.6em;}
}
.photo__cap{
    background-color: #002b57;
    color: #fff;
    padding: 0.4em 0.5em;
    line-height: 1.4;
    font-size: 88%;
}
.feat__inner__txt{
    font-size: 94%;
    line-height: 2;
    padding: 0 0 1em;
    text-align: justify;
}
@media screen and (max-width: 768px){
    .feat__inner__txt{ font-size: 100%;}
}
.feat__endtxt{
    font-size: 120%;
    line-height: 1.6;
    font-weight: bold;
    color: #f13db2;
    margin-top: 0.8em;
}

.bold1{
    font-weight: bold;
    background: -moz-linear-gradient(top,  rgba(255,217,68,0) 0%, rgba(255,217,68,0) 70%, rgba(255,217,68,1) 71%, rgba(255,217,68,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,217,68,0)), color-stop(70%,rgba(255,217,68,0)), color-stop(71%,rgba(255,217,68,1)), color-stop(100%,rgba(255,217,68,1)));
    background: -webkit-linear-gradient(top,  rgba(255,217,68,0) 0%,rgba(255,217,68,0) 70%,rgba(255,217,68,1) 71%,rgba(255,217,68,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,217,68,0) 0%,rgba(255,217,68,0) 70%,rgba(255,217,68,1) 71%,rgba(255,217,68,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,217,68,0) 0%,rgba(255,217,68,0) 70%,rgba(255,217,68,1) 71%,rgba(255,217,68,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,217,68,0) 0%,rgba(255,217,68,0) 70%,rgba(255,217,68,1) 71%,rgba(255,217,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffd944', endColorstr='#ffd944',GradientType=0 );
}
#featureWrap .bold2{ font-weight: bold; color: #d89500;}
#featureWrap .under{ text-decoration: underline;}
#featureWrap .photo_bs,
#featureWrap  img{ width: 100%; height: auto;}

/*------------出場校------------*/
.entry__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.entry__list li{
    flex-shrink: 0;
    width: 32%;
    /* margin-right: 0.5%; */
    margin-bottom: 0.4em;
    display: flex;
    align-items: center;
}
/* .entry__list li:nth-of-type(3n){ margin-right: 0;} */
@media screen and (max-width: 768px){
    .entry__list li{
        width: 49%;
    }
}
.entry__list li.link a{
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    padding: 0.4em;
    position: relative;
}
.cx_displaydevice .entry__list li.link a:hover{
    background-color: rgba(255,255,255,0.5);
    box-shadow: 1px 1px 0.3em rgba(0,0,0,0.16);
}
.entry__list li.noLink{
    padding: 0.4em;
    box-sizing: border-box;
}
.entry__list li.link a::before,
.entry__list li.noLink::before{
    content: "";
    display: block;
    width: 4em;
    height: 3em;
    margin-right: 0.5em;
}
@media screen and (max-width: 768px){
    .entry__list li.link a::before,
    .entry__list li.noLink::before{
        width: 10vw;
        height: 7.5714vw;
    }
}
.entry__list-meijo::before,
.entry__list-meijo.link a::before{
    background: url("../img/emb_meijo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-daitobunka::before,
.entry__list-daitobunka.link a::before{
    background: url("../img/emb_daitobunka.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-ritsumeikan::before,
.entry__list-ritsumeikan.link a::before{
    background: url("../img/emb_ritsumeikan.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-josai::before,
.entry__list-josai.link a::before{
    background: url("../img/emb_josai.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-nihontaiiku::before,
.entry__list-nihontaiiku.link a::before{
    background: url("../img/emb_nihontaiiku.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-osakagakuin::before,
.entry__list-osakagakuin.link a::before{
    background: url("../img/emb_osakagakuin.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-kansai::before,
.entry__list-kansai.link a::before{
    background: url("../img/emb_kansai.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-tohokufukushi::before,
.entry__list-tohokufukushi.link a::before{
    background: url("../img/emb_tohokufukushi.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-tamagawa::before,
.entry__list-tamagawa.link a::before{
    background: url("../img/emb_tamagawa.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-juntendo::before,
.entry__list-juntendo.link a::before{
    background: url("../img/emb_juntendo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-tokyonogyo::before,
.entry__list-tokyonogyo.link a::before{
    background: url("../img/emb_tokyonogyo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-takushoku::before,
.entry__list-takushoku.link a::before{
    background: url("../img/emb_takushoku.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-chuo::before,
.entry__list-chuo.link a::before{
    background: url("../img/emb_chuo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-osakageijutsu::before,
.entry__list-osakageijutsu.link a::before{
    background: url("../img/emb_osakageijutsu.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-toyo::before,
.entry__list-toyo.link a::before{
    background: url("../img/emb_toyo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-tsukuba::before,
.entry__list-tsukuba.link a::before{
    background: url("../img/emb_tsukuba.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-asia::before,
.entry__list-asia.link a::before{
    background: url("../img/emb_asia.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-chukyo::before,
.entry__list-chukyo.link a::before{
    background: url("../img/emb_chukyo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-kansaigaigo::before,
.entry__list-kansaigaigo.link a::before{
    background: url("../img/emb_kansaigaigo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-josaikokusai::before,
.entry__list-josaikokusai.link a::before{
    background: url("../img/emb_josaikokusai.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-kobegakuin::before,
.entry__list-kobegakuin.link a::before{
    background: url("../img/emb_kobegakuin.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-rikkyo::before,
.entry__list-rikkyo.link a::before{
    background: url("../img/emb_rikkyo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-shizuoka::before{
    background: url("../img/emb_shizuoka.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-zennihon::before{
    background: url("../img/emb_zennihon.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-kyotosangyo::before,
.entry__list-kyotosangyo.link a::before{
    background: url("../img/emb_kyotosangyo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-hyogo::before,
.entry__list-hyogo.link a::before{
    background: url("../img/emb_hyogo.jpg") no-repeat 0 0;
    background-size: contain;
}
.entry__list-teikyokagaku::before,
.entry__list-teikyokagaku.link a::before{
    background: url("../img/emb_teikyokagaku.jpg") no-repeat 0 0;
    background-size: contain;
}

.entry__list li.link a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 10px;
	margin:-0.4em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.6em;
	border-color: transparent transparent transparent #f13db2;
    margin-left: 1em;
}
/* #teamNav li#navMatsuyama a::before,
#teamWrap #matsuyama h3::before{
    background: url("../img/emb_matsuyama.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navKyotosangyo a::before,
#teamWrap #kyotosangyo h3::before{
    background: url("../img/emb_kyotosangyo.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navBukkyo a::before,
#teamWrap #bukkyo h3::before{
    background: url("../img/emb_bukkyo.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navHakuoh a::before,
#teamWrap #hakuoh h3::before{
    background: url("../img/emb_hakuoh.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navFukuoka a::before,
#teamWrap #fukuoka h3::before{
    background: url("../img/emb_fukuoka.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navKyotokoka a::before,
#teamWrap #kyotokoka h3::before{
    background: url("../img/emb_kyotokoka.jpg") no-repeat 0 0;
    background-size: contain;
}
#teamNav li#navKanoya a::before,
#teamWrap #kanoya h3::before{
    background: url("../img/emb_kanoya.jpg") no-repeat 0 0;
    background-size: contain;
} */

/*-------------出演者-------------*/
.cast__list{
    align-items: flex-start;
}
.cast__list__pos{
    background-color: #3164d7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1em;
    margin-right: 0.4em;
    padding: 0 0.2em;
    box-sizing: border-box;
    min-width: 10em;
}
@media screen and (max-width: 768px){
    .cast__list__pos{
        width: 100%;
        justify-content: flex-start;
    }
}

/*-------------事前番組-------------*/
#preprgrm li{
    /* background-color: #f4f3e5;
    padding: 1em 1.2em; */
    box-sizing: border-box;
    margin-bottom: 5px;
}
#preprgrm .photo_bs{
    float: left;
    width: 49%;
    height: auto;
    background-color: #fff;
}
#preprgrm .photo_bs:nth-of-type(1){ margin-right: 2%;}
#preprgrm .photo_bs.w100{
    float: none;
    width: 100%;
    margin: 0.6em 0;
}
@media screen and (max-width: 768px){
    #preprgrm .photo_bs{
        float: none;
        width: 100%;
        margin: 0 0 1em;
    }
}
#preprgrm .photo_bs img{ width: 100%; height: auto;}
#preprgrm .intro{
    font-size: 88%;
    line-height: 1.6;
    padding: 0 0 2px;
    margin: 0 0 5px;
    border-bottom: dotted 2px #f13db2;
    color: #595959;
}
#preprgrm .intro.ter::before,
#preprgrm .intro.cs::before{
    content: "地上波";
    background-color: #806949;
    width: 4em;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 0.7em 0;
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}
#preprgrm .intro.cs::before{
    content: "C S";
}
.preprgrm__ttl{
    font-weight: bold;
    line-height: 1.2;
    color: #2268ed;
    font-size: 140%;
    letter-spacing: -0.03em;
}
.preprgrm__ttl span{ font-size: 82%;}
#preprgrm .cast,
#preprgrm .oadate{
    /*font-size: 94%;*/
    font-size: 120%;
    line-height: 1.4;
    font-weight: bold;
    padding: 0.2em 0;
}
#preprgrm .oadate{ color: #f13db2;}
#preprgrm .oadate span{
    color: #555;
    font-size: 82%;
    font-weight: normal;
}
#preprgrm .deteil{
    font-size: 94%;
    line-height: 1.8;
    text-align: justify;
}
#preprgrm .deteil .ttl{
    background-color: #f13db2;
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em;
    margin: 0 0 0.4em;
}
@media all and (-ms-high-contrast:none) {
	#preprgrm .deteil .ttl{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#preprgrm a{ text-decoration: none;}
#preprgrm a:hover{ text-decoration: underline;}


#preprgrm #yuriyan_mov01{
    float: right;
    width: 48%; height: auto;
    margin-left: 0.6em;
}
.cx_smartphoneview #preprgrm #yuriyan_mov01{ width: 54%;}
#preprgrm #yuriyan_mov01 img{ width: 100%; height: auto;}
#preprgrm .thum{ position: relative;}
#preprgrm .thum::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6em 0 0.6em 1em;
    border-color: transparent transparent transparent #ffffff;
    position:absolute;
    bottom:1.3em;
    right:1.3em;
}
#preprgrm .thum::before{
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0.4em;
    right: 0.4em;
    border-radius: 50%;
    border: solid 0.3em rgba(255,255,255,0.8);
    box-sizing: border-box;
}
#preprgrm .thum:hover::before{
    background-color: rgba(0,0,0,0.6);
    border: solid 0.3em rgba(255,255,255,1);
}
#preprgrm a.comingsoon{ color: #d5d5d5;}
#preprgrm a.comingsoon:hover{ text-decoration: none;}
#preprgrm a.comingsoon::after{ opacity: 0.3;}
/* #preprgrm li > a{
    display: block;
    text-align: center;
    background-color: #f13db2;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    padding: 15px 0;
    position: relative;
    margin: 0.5em 0 0;
    text-decoration: none;
    z-index: 2222;
}
.cx_displaydevice #preprgrm li > a:hover{
    background-color: #ff42bd;
    text-decoration: none;
}
#preprgrm li > a::before{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.16);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
}
#preprgrm li > a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 10px;
	margin:-0.3em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.7em 0.4em 0 0.4em;
	border-color: #fff transparent transparent transparent;
    transform: rotate(-90deg);
} */
.preprgrm__lead{
    font-size: 104%;
    font-weight: bold;
    color: #2268ed;
    line-height: 1.6;
    padding: 0.6em 0;
    letter-spacing: -0.03em;
}
.detail__list{ margin-bottom: 1em;}
.detail__list__ttl{
    font-weight: bold;
    line-height: 1.2;
    padding: 0.3em 0.5em;;
    color: #fff;
    background-color: #f13db2;
    margin-bottom: 0.3em;
}
.detail{
    font-size: 94%;
    line-height: 2;
}
.detail .bold2{ font-weight: bold; color: #d89500;}

/*-------------リンク-------------*/
.officialLink{
    display: flex;
    justify-content: center;
}
.officialLink a{
    width: 620px;
    display: block;
}
.officialLink a img{ width: 100%; height: auto;}
@media screen and (max-width: 640px){
    .officialLink a{ width: 100%;}
}


.cx_displaydevice #gbheader,
.cx_displaydevice #gbfooter{
    position: relative;
    z-index: 99999;
}
@media screen and (max-width: 750px){
    .sp_display #gbfooter p{
        font-size: 3.3vw !important;
        line-height: 1.6 !important
    }
}
#cx_commonOverlayWrap #cx_commonOverlayClose.spBtn{ zoom: 0.6;}