@charset "UTF-8";

body #fp-contents{
	font-family: "YakuHanJP", "Noto Sans JP", "Avenir", "Helvetica Neue", HelveticaNeue, 'Helvetica', Verdana, "Lucida Grande", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px){
    .narrow_sp{ letter-spacing: -0.05em; font-feature-settings: "palt";}
}
#fp-contents{
    background-color: #f9fcfb;
}
/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */
/*-------------メインビジュアル-------------*/
/* .header__main{
    background-color: #fff;
    background-image: url("../photo/mainV_pc.jpg"),url("../img/bg_hdr.jpg");
    background-size: contain,cover;
    background-repeat: no-repeat,no-repeat;
    background-position: center center, center center;
    border-bottom: solid 2px #b28c45;
    padding-top: 56.27%;
    position: relative;
} */
.header__main{
    background-color: #fff;
    /* background-image: url("../img/bg_hdr.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; */
    /* border-bottom: solid 2px #b28c45; */
    padding-top: 0;
    height: auto;
    position: relative;
    overflow: hidden;
}
.header__main::before,
.header__main::after{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 30%;
    height: calc( 100% + 4px);
    background: url("../img/bg_hdr01.jpg") no-repeat left center;
    background-size: cover;
    filter: blur(2px);
    transform: scale(-1, 1) ;
}
.header__main::after{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: auto;
    right: 0;
    width: 30%;
    height: calc( 100% + 4px);
    background: url("../img/bg_hdr02.jpg") no-repeat right center;
    background-size: cover;
    filter: blur(2px);
    transform: scale(-1, 1) ;
}
.header__main h1{
    width: 100%;
    height: 0;
    padding-top: 56.16%;
    margin: 0 auto;
    /* background-image: url("../photo/mainV_pc.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; */
    position: relative;
    overflow: visible;
    z-index: 33333;
    filter: drop-shadow( 0px 0px 30px rgba(0,0,0,0.2));
}
.webp .header__main h1{ 
    background: url("../photo/mainV_pc.webp") no-repeat center center;
    background-size: contain;
}
.no-webp .header__main h1{ 
    background: url("../photo/mainV_pc.jpg") no-repeat center center;
    background-size: contain;
} 
/* .header__main h1::before,
.header__main h1::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -30%;
    width: 30%;
    height: 100%;
    background: url("../img/bg_hdr01.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: blur(2px);
    transform: scale(-1, 1) ;
}
.header__main h1::after{
    left:auto;
    right: calc(-30% + 2px);
    width: calc(30% + 2px);
    height: 100%;
    background: url("../img/bg_hdr02.jpg") no-repeat center center;
    background-size: 100% 100%;
    filter: blur(2px);
    transform: scale(-1, 1) ;
} */
@media screen and (min-width: 1300px){
    .header__main{
        height: 711px;
        padding-top: 0;
    }
    .header__main::before,
    .header__main::after{
        width: calc((100% - 1266px) / 2 + 4px);
    }
    .header__main h1{
        width: 1266px;
        height: 711px;
        padding-top: 0;
    }
}
@media screen and (max-width: 768px){
    .header__main h1{
        padding-top: 131.25%;
    }
    .webp .header__main h1{ 
        background: url("../photo/mainV_sp.webp") no-repeat center center;
        background-size: contain;
    }
    .no-webp .header__main h1{ 
        background: url("../photo/mainV_sp.jpg") no-repeat center center;
        background-size: contain;
    } 
}
/*-------------下層ページ-------------*/
.pageS .header__main{
    background-color: #fff;
    /* background-image: url("../photo/hdr_s.jpg");
    background-size: contain,contain;
    background-repeat: no-repeat,repeat-x;
    background-position: center center, center center; */
    /* padding-top: 14.933%; */
    padding-top: 0;
    height: auto;
    position: relative;
    overflow: hidden;
}
.pageS .header__main::before{
    background: url("../img/bg_hdr02.jpg") no-repeat left center;
    background-size: cover;
    filter: blur(2px);
    transform: scale(1, 1) ;
}
.pageS .header__main h1{
    width: 100%;
    height: 0;
    padding-top: 14.933%;
    margin: 0 auto;
    /* background-image: url("../photo/mainV_pc.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; */
    position: relative;
    overflow: visible;
    z-index: 8888;
    filter: drop-shadow( 0px 0px 30px rgba(0,0,0,0.2));
}
.pageS .header__main h1{ 
    background: url("../photo/hdr_s.jpg") no-repeat center center;
    background-size: contain;
}
@media screen and (min-width: 1500px){
    .pageS .header__main{
        height: 194px;
        padding-top: 0;
    }
    .pageS .header__main::before,
    .pageS .header__main::after{
        width: calc((100% - 1299px) / 2 + 4px);
    }
    .pageS .header__main h1{
        width: 1299px;
        height: 194px;
        padding-top: 0;
    }
}
@media screen and (max-width: 768px){
    /* .pageS .header__main{
        background-size: cover;
        padding-top: 23%;
    } */
    .pageS .header__main h1{ 
        background: url("../photo/hdr_s_sp.jpg") no-repeat center center;
        background-size: contain;
        padding-top: 21.35%;
    }
}


/* ---------------------------------------------
	ナビゲーション
--------------------------------------------- */
.nav-wrap{
    width: 100%;
    background-color: rgba(144,108,40,1);
    background: #ba8e0d;
    background: -moz-linear-gradient(-45deg,  #ba8e0d 0%, #93710b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ba8e0d), color-stop(100%,#93710b));
    background: -webkit-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: -o-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: -ms-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: linear-gradient(135deg,  #ba8e0d 0%,#93710b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8e0d', endColorstr='#93710b',GradientType=1 );
    position: relative;
    z-index: 8888;
}
.nav__list > li > a{
    transition: all 300ms;
    font-weight: bold;
}
.cx_displaydevice .nav__list > li > a:hover{
    background-color: #D6AA28;
}
.nav__list > li > a.comingsoon:hover{ background: none;}

@media screen and (max-width: 1000px){
    .nav__list > li > a{
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px){
    .nav-wrap{ overflow-x: scroll; overflow-y: hidden;}
    .pageS .nav__list{
        width: 160%;
        flex-wrap: nowrap;
    }
    .pageS .nav__list.len6{
        width: 180%;
        flex-wrap: nowrap;
    }
    .pageS .nav__list.len5 li,
    .pageS .nav__list.len6 li{
        width: auto;
        flex: 1;
    }
    .nav__list > li > a{
        font-size: 90%;
        height: 4.2em;
    }
    .pageS .nav__list > li:nth-of-type(3n) > a{ border-right: solid 1px rgba(255,255,255,0.4);}
}
/* ---------------------------------------------
	コンテンツ
--------------------------------------------- */
.contents-all{
    border-bottom: solid 1px #7a6224;
}
.contents-all h2{
    font-size: 160%;
    color: #906c28;
    text-align: center;
    background: #ba8e0d;
    background: -moz-linear-gradient(-45deg,  #ba8e0d 0%, #93710b 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ba8e0d), color-stop(100%,#93710b));
    background: -webkit-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: -o-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: -ms-linear-gradient(-45deg,  #ba8e0d 0%,#93710b 100%);
    background: linear-gradient(135deg,  #ba8e0d 0%,#93710b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8e0d', endColorstr='#93710b',GradientType=1 );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.contents-all h3{
    font-size: 120%;
    /* background-color: #906c28; */
    color: #fff;
    margin-bottom: 1em;
    line-height: 1.2;
    padding: 0.2em 0.4em;
    background: -moz-linear-gradient(left,  rgba(22,38,110,1) 0%, rgba(109,69,172,1) 65%, rgba(156,86,206,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(22,38,110,1)), color-stop(65%,rgba(109,69,172,1)), color-stop(100%,rgba(156,86,206,0)));
    background: -webkit-linear-gradient(left,  rgba(22,38,110,1) 0%,rgba(109,69,172,1) 65%,rgba(156,86,206,0) 100%);
    background: -o-linear-gradient(left,  rgba(22,38,110,1) 0%,rgba(109,69,172,1) 65%,rgba(156,86,206,0) 100%);
    background: -ms-linear-gradient(left,  rgba(22,38,110,1) 0%,rgba(109,69,172,1) 65%,rgba(156,86,206,0) 100%);
    background: linear-gradient(to right,  rgba(22,38,110,1) 0%,rgba(109,69,172,1) 65%,rgba(156,86,206,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16266e', endColorstr='#009c56ce',GradientType=1 );
}
.content-base.color{
    background: rgb(212,224,226);
    background: -moz-linear-gradient(-45deg,  rgba(212,224,226,1) 0%, rgba(244,253,255,1) 50%, rgba(212,224,226,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(212,224,226,1)), color-stop(50%,rgba(244,253,255,1)), color-stop(100%,rgba(212,224,226,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(212,224,226,1) 0%,rgba(244,253,255,1) 50%,rgba(212,224,226,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(212,224,226,1) 0%,rgba(244,253,255,1) 50%,rgba(212,224,226,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(212,224,226,1) 0%,rgba(244,253,255,1) 50%,rgba(212,224,226,1) 100%);
    background: linear-gradient(135deg,  rgba(212,224,226,1) 0%,rgba(244,253,255,1) 50%,rgba(212,224,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e0e2', endColorstr='#d4e0e2',GradientType=1 );
    /* background-image:url("../../img/skateLink_bg04.png"),url("../../img/skateLink_bg03.png"),url("../../img/skateLink_bg02.png"),url("../../img/skateLink_bg01.jpg");
	background-repeat: repeat, repeat, repeat, repeat;
	background-position: center 0px, center 0px, center 0px, center 0px; */
    position: relative;
    overflow: hidden;
}
.content-base.color > *{
    position: relative;
    z-index: 555;
}
.content-base.color::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/bg_hdr02.jpg") no-repeat right center;
    background-size: cover;
    filter: blur(2px);
    transform: scale(-1, 1);
    z-index: 10;
    opacity: 0.8;
}
/* .content-base.color::before,
.content-base.color::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right,  rgba(237,237,47,1) 14%,rgba(237,237,47,1) 14%,rgba(207,89,184,1) 14%,rgba(207,89,184,1) 28%,rgba(46,184,251,1) 28%,rgba(46,184,251,1) 42%,rgba(0,188,83,1) 42%,rgba(0,188,83,1) 57%,rgba(221,57,117,1) 57%,rgba(221,57,117,1) 71%,rgba(161,63,240,1) 71%,rgba(161,63,240,1) 85%,rgba(250,122,17,1) 85%,rgba(250,122,17,1) 100%);
}
.content-base.color::after{ top: auto; bottom: 0;} */

/*-------------関連イベント-------------*/
.event__ttl{
    font-size: 140%;
    font-weight: bold;
    color: #ba2866;
    text-align: center;
    margin-bottom: 0.4em;
}
.event__ttl span{ font-size: 90%;}
@media screen and (max-width: 768px){
    .event__ttl{ font-size: 120%;}
}
.event__info{
    display: flex;
    line-height: 1.6;
}
.event__info{
    border-bottom: solid 1px #d0b55c;
    padding: 0.5em 0;
}
.event__info dt{
    width: 6em;
}
.event__info dt::before{
    content: "◆ ";
    color: #4a1997;
}
.event__attention{
    margin-top: 1em;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.6;
}

/*-------------放送スケジュール-------------*/
.oaSchedule__list > li{
    font-size: 110%;
    border-color: #d0b55c;
}
.oaSchedule__list__detail{ width: auto;}
.oaSchedule__list > li > dl.flex_start,
.oaSchedule__list__detail > div.flex_start{
    align-items: flex-start;
}
.oaSchedule__list__detail .time,
.oaSchedule__list__detail .category{
    font-weight: bold;
}
.oaSchedule__list__date{
    color: #ba2866;
}
.oaSchedule__list__detail .category{ color: #ac904a;}
.oaSchedule__list__date span,
.oaSchedule__list .time span{ font-size: 130%;}
.oaSchedule__list__detail .ter{ background-color: #c11e00;}
@media screen and (max-width: 768px){
    .oaSchedule__list__detail .ch{
        width: 100%;
        margin: 0 0 0.4em;
        padding-left: 0.3em ;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 550px){
    .oaSchedule__list__detail{ width: 100%;}
}

.oaSchedule a.link_btn{
    width: 80%;
    margin-bottom: 2em;
    background-color: #a8286a;
    transition: all 300ms;
}
.cx_displaydevice .oaSchedule a.link_btn:hover{ background-color: #df2d78;}
@media screen and (max-width: 768px){
    .oaSchedule a.link_btn{
        width: 100%;
        line-height: 1.2;
    }
}

.link_btn.view-all{
    background-color: #b79112;
    cursor: pointer;
}
a.link_btn.view-all::after{
    transform: rotate(90deg);
    transition: 300ms;
    right: 20px;
}
a.link_btn.view-all.open::after{ transform: rotate(270deg);}
.cx_displaydevice .link_btn.view-all:hover{ background-color: #cba015;}

/*-------------#スケーターとつながろう-------------*/
.md__inner{
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    width: 100%;
}
.md__catch{
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4;
    padding: 0.6em 0 0.6em;
}
.md__inner__photo{
    width: 48%;
    float: left;
    margin-right: 2%;
}
.md__inner__intro{
    line-height: 2;
    text-align: justify;
}
.message_delivery a{
    background-color: #00aef4;
}
.message_delivery a::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 4%;
    width: 2em;
    height: 1.8em;
    background: url("../img/icn_x_wh.svg") no-repeat center center;
    background-size: contain;
    margin: -0.9em 0 0;
}
.cx_displaydevice .message_delivery a:hover{
    background-color: #1ebfff;
}
.md__attention{
    font-size: 88%;
    line-height: 1.4;
    text-align: center;
    padding: 0.3em 0 0;
}
@media screen and (max-width: 768px){
    .md__inner__photo{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0.6em;
    }
}

/*-------------YouTubeライブ配信-------------*/
.youtube_live .movie__item{
    box-shadow: 1px 1px 15px rgba(0,0,0,0.16);
    margin-bottom: 0;
    background-color: #000;
}

/* --------------- 切り替えボタン --------------- */
#live_playerWrap #btnWrap{
    background-color: #cfcfd8;
    padding: 0.5em 0.4em 0.5em;
    border-bottom: solid 3px #fff;
}
#live_playerWrap #btnWrap.hide{ display: none;}
#live_playerWrap #btnWrap.show{ display: block;}

.live__btn__list{
    display: flex;
    justify-content: flex-start;
}
.live__btn__list li{
    flex-grow: 1;
    background-color: #592271;
    width: 49.6%;
    height: 4em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 94%;
    line-height: 1.2;
    /*padding: 1em 0 1.2em;*/
    position: relative;
    cursor: pointer;
    opacity: 0.7;
    margin: 0 0.2%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 5em;
    overflow: hidden; */
}
.cx_displaydevice #live_playerWrap #btnWrap ul li:hover{
    background-color: #641c83;
    opacity: 1;
}
@media screen and (max-width: 768px){
    .live__btn__list li{ font-size: 88%;}
}
/* #live_playerWrap #btnWrap ul li::after{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.1);
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
} */
#live_playerWrap #btnWrap ul li::before{
    content: "";
    display: block;
    width: 98%;
    height: 0.30em;
    position: absolute;
    bottom: 0.2em;
    left: 0; right: 0;
    margin: 0 auto;
    background: rgba(0,0,0,0.2);
    border-top: solid 1px rgba(0,0,0,0.5);
}
#live_playerWrap #btnWrap ul li.on,
.cx_smartphoneview #live_playerWrap.stream-2 #btnWrap ul li#live_btn2{
    opacity: 1;
}
#live_playerWrap #btnWrap ul li.on::before,
.cx_smartphoneview #live_playerWrap.stream-2 #btnWrap ul li#live_btn2::before{
    background: #b79a66;
    border-bottom: solid 1px rgba(255,255,255,0.5);
}

#live_playerWrap .attention{
    font-size: 88%;
    line-height: 1.4;
    padding: 0.4em 0.5em;
}

.cx_smartphoneview #live_playerWrap.stream-2 #btnWrap ul li#live_btn1{ opacity: 0.7;}
.cx_smartphoneview #live_playerWrap.stream-2 #btnWrap ul li#live_btn1::before{
    background: rgba(0,0,0,0.2);
    border-top: solid 1px rgba(0,0,0,0.5);
}

/* --------------- スケジュール --------------- */
/* #live_schedule{
    background: rgb(222,234,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZWFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWYzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(222,234,247) 0%, rgb(234,243,252) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,234,247)), color-stop(100%,rgb(234,243,252)));
    background: -webkit-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: -o-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: -ms-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: linear-gradient(to bottom,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeaf7', endColorstr='#eaf3fc',GradientType=0 );
    padding: 1.0em 6em 1.6em;
}
@media screen and (max-width: 1000px){
    #live_schedule{ padding: 1.0em 4em 1.6em;}
}
@media screen and (max-width: 800px){
    #live_schedule{ padding: 1.0em 2em 1.6em;}
}
@media screen and (max-width: 768px){
    #live_schedule{ padding: 1.0em 1.6em 1.6em;}
}
@media screen and (max-width: 550px){
    #live_schedule{ padding: 1.0em 1.2em 1.6em;}
} */
#live_schedule{ margin-top: 1em;}
#live_schedule h3{
    line-height: 1.2;
    font-size: 118%;
    font-feature-settings: "palt";
    margin-bottom: 0;
    background: none;
    color: #000;
    font-weight: bold;
    padding: 0.5em 0 0.3em;
}
#live_schedule li{
    font-size: 94%;
    border-bottom: dotted 2px #a07524;
    padding: 0.6em 0;
}
#live_schedule dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#live_schedule dt{
    font-weight: bold;
    /* color: #a07524; */
    color: #ba2866;
    line-height: 1.6;
    font-size: 108%;
    margin: 0 0.5em 0 0;
}
#live_schedule dd{
    line-height: 1.6;
    font-size: 108%;
    display: flex;
    flex-wrap: wrap;
    /* width: 38em; */
    justify-content: space-between;
    align-items: center;
}
/* #live_schedule dd:nth-of-type(1)::before{
    content: "①";
    float: left;
}
#live_schedule dd:nth-of-type(2)::before{
    content: "②";
    float: left;
}
#live_schedule dd:nth-of-type(3)::before{
    content: "③";
    float: left;
}
#live_schedule dd:nth-of-type(4)::before{
    content: "④";
    float: left;
} */
/*#live_schedule dd p{
    padding-left: 1em;
}*/
#live_schedule dd a{
    display: inline-block;
    background-color: #fff;
    border: solid 3px #ba2866;
    /* margin-left: 1em; */
    line-height: 1.2;
    padding: 0.3em 2.5em 0.3em 2em;
    color: #ba2866;
    font-size: 94%;
    position: relative;
    box-sizing: border-box;
    border-radius: 3em;
    margin-left: 1em;
    transition: all 300ms;
}

@media screen and (max-width: 550px){
    #live_schedule dd{ width: 100%;}
    #live_schedule dd a{
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-top: 0.2em;
    }
}
#live_schedule dd a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 0.6em;
	margin:-0.4em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.5em;
	border-color: transparent transparent transparent #ba2866;
}
.cx_displaydevice #live_schedule dd a:hover{
    background-color:#ba2866;
    color: #fff;
}
.cx_displaydevice #live_schedule dd a:hover::after{ border-color: transparent transparent transparent #fff;}
#live_schedule > a{
    padding: 0.8em 0 0.6em;
    display: block;
    font-size: 94%;
}
.cx_displaydevice #live_schedule > a:hover{ text-decoration: underline;}

/*-------------関連番組-------------*/
.preprogram__list > li{
    font-size: 94%;
    border-bottom: dotted 2px #a07524;
    padding: 0.6em 0;
}
/* .preprogram__list dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} */
.preprogram__list dt{
    font-weight: bold;
    /* color: #a07524; */
    color: #ba2866;
    line-height: 1.6;
    font-size: 108%;
    margin: 0 0.5em 0 0;
}
.preprogram__list dd{
    line-height: 1.6;
    font-size: 108%;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; */
}
.preprogram__list__detail{
    display: flex;
    flex-wrap: wrap;
}
.preprogram__list__detail li::before{
    content: "◆";
    color: #4a1997;
    margin-right: 0.2em;
}
.preprogram__list__detail li{
    line-height: 1.4;
    font-weight: bold;
    color: #4a1997;
    margin-right: 1em;
}

/*-------------スペシャル動画-------------*/
.movie__item {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  
.movie__item iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.movie__list{ padding-bottom: 1em;}
.movie__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.movie__list li{
    box-sizing: border-box;
    border-bottom: solid 5px #aaa;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.16);
    margin-right: 0;
}
.movie__list li.spacer{
    border: none;
    padding-bottom: 0;
    opacity: 0;
}
.movie__list.len2 li{
    width: 49%;
}
.movie__list.len3 li{
    width: 33%;
}
.movie__list li:hover{ border-bottom: solid 5px #b20000;}
.movie__list li .thum{
    margin-bottom: 6px; position: relative;
    min-height: calc( ((800px * 0.49) / 16) * 9);
}
.movie__list.len3 li .thum{
    min-height: calc( ((800px * 0.33) / 16) * 9);
}
.movie__list.len4 li .thum{
    min-height: calc( ((1120px * 0.25) / 16) * 9);
}
@media screen and (max-width: 1200px){
    .movie__list li .thum{ min-height: calc( ((70vw * 0.49) / 16) * 9);}
    .movie__list.len3 li .thum{ min-height: calc( ((70vw * 0.33) / 16) * 9);}
    .movie__list.len4 li .thum{ min-height: calc( ((70vw * 0.25) / 16) * 9);}
}
@media screen and (max-width: 768px){
    .movie__list.len3 li,
    .movie__list.len4 li{ width: 49%;}
    .movie__list.len3 li .thum,
    .movie__list.len4 li .thum{ min-height: calc( ((70vw * 0.49) / 16) * 9);}
    .movie__list.len3 > li:nth-of-type(4n),
    .movie__list.len4 > li:nth-of-type(4n){ margin-right: 0;}
}
/* @media screen and (max-width: 900px){
    .movie__list li .thum{ min-height: calc( ((90vw * 0.49) / 16) * 9);}
} */
.movie .w100 .thum{ position: relative;}
.movie__list li .thum::after,
.movie .w100 .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5%;
    right: 2%;
    background: url("../img/playIcn.png") no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    border: solid 3px rgba(255,255,255,0.4);
    border-radius: 50%;
}
.cx_displaydevice .movie__list li:hover .thum::after{ border: solid 3px rgba(255,255,255,1.0);}
.movie .w100 .thum::after{
    bottom: auto;
    top: 50%;
    left: 0; right: 0;
    margin: -30px auto 0;
    width: 60px;
    height: 60px;
    border: solid 4px rgba(255,255,255,0.4);
}
.movie .w100:hover .thum::after{ border: solid 4px rgba(255,255,255,1.0);}
@media screen and (max-width: 768px){
    .movie__list li .thum::after{
        width: 30px;
        height: 30px;
    }
    .movie .w100 .thum::after{ width: 40px; height: 40px;}
}
.movie__list li.w100 .thum::after{
    width: 60px;
    height: 60px;
    border: solid 5px rgba(255,255,255,0.4);
}
.cx_displaydevice .movie__list li.w100:hover .thum::after{ border: solid 5px rgba(255,255,255,1.0);}

.movie__list li .thum img{
    width: 100%; height: auto; vertical-align: bottom;
    display: none;
} 
.movie__list li .cap,
.movie__list li dt{ padding: 0 10px;}
.movie__list li .cap{
    font-size: 82%;
    line-height: 1.3;
    color: #555;
}
.movie__list li dt{
    font-weight: bold;
    line-height: 1.4;
    color: #967840;
    font-size: 94%;
}
#cx_commonOverlayWrap #cx_commonOverlayClose.spBtn{ zoom: 0.5;}

#movie a.link_btn{
    width: 80%;
    margin-bottom: 2em;
    background-color: #a8286a;
    transition: all 300ms;
}
.cx_displaydevice #movie a.link_btn:hover{ background-color: #df2d78;}
@media screen and (max-width: 768px){
    #movie a.link_btn{
        width: 100%;
    }
}


/*-------------出演者-------------*/
.cast__list{
    align-items: flex-start;
}
.cast__list__pos{
    background-color: #b79112;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1em;
    margin-right: 0.4em;
    min-width: 11.6em;
}
@media screen and (max-width: 768px){
    .cast__list__pos{
        min-width: auto;
        width: auto;
        justify-content: flex-start;
        padding-left: 0.3em;
    }
}




.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
    }
}

#bnr_line_sp{ display: none;}
.cx_smartphoneview #bnr_line_sp{ display: block;}
.cx_smartphoneview #bnr_line_pc{ display: none;}