@charset "UTF-8";

#fp-contents{
    background-color: #f6f4ed;
}
/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */
/*-------------メインビジュアル-------------*/
.header__main{
    background: #032747 url("../img/mainV_pc.png") no-repeat center center;
    background-size: contain;
    /* border-bottom: solid 5px #7a6224; */
}
@media screen and (max-width: 768px){
    .header__main{
        /* background: #fff url("../photo/mainV_sp.jpg") no-repeat center center; */
        background-size: cover;
    }
}
/* ---------------------------------------------
	ナビゲーション
--------------------------------------------- */
.nav-wrap{
    background: #7a6224;
    background: linear-gradient(to bottom,  rgba(155,124,45,1) 0%,rgba(122,98,36,1) 100%);
}
.cx_displaydevice .nav__list > li > a:hover{
    background: #ba912972;
}
/* ---------------------------------------------
	コンテンツ
--------------------------------------------- */
.contents-all h2{
    background: rgb(181,141,50);
    background: -moz-linear-gradient(left,  rgba(181,141,50,1) 0%, rgba(221,171,64,1) 50%, rgba(242,212,79,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(181,141,50,1)), color-stop(50%,rgba(221,171,64,1)), color-stop(100%,rgba(242,212,79,1)));
    background: -webkit-linear-gradient(left,  rgba(181,141,50,1) 0%,rgba(221,171,64,1) 50%,rgba(242,212,79,1) 100%);
    background: -o-linear-gradient(left,  rgba(181,141,50,1) 0%,rgba(221,171,64,1) 50%,rgba(242,212,79,1) 100%);
    background: -ms-linear-gradient(left,  rgba(181,141,50,1) 0%,rgba(221,171,64,1) 50%,rgba(242,212,79,1) 100%);
    background: linear-gradient(to right,  rgba(181,141,50,1) 0%,rgba(221,171,64,1) 50%,rgba(242,212,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58d32', endColorstr='#f2d44f',GradientType=1 );
    color: #fff;
    padding: 0 0.2em;
    position: relative;
}
.contents-all h2::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0; right: 0;
	margin:-0.4em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 1.6em 1.6em 0;
	border-color: transparent #f6f4ed transparent transparent;
}
/* @media screen and (max-width: 768px){
    .contents-all h2{ font-size: 110%;}
} */

/*-------------放送スケジュール-------------*/
.oaSchedule__list > li{
    border-bottom: solid 1px #333;
    padding: 1em 0;
    margin-bottom: 0;
}
.oaSchedule__list > li:nth-of-type(1){ padding-top: 0;}
.oaSchedule__list > li > dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    line-height: 1.0;
}
.oaSchedule__list > li > dl > *{ flex-shrink: 0;}
.oaSchedule__list__date{
    font-size: 110%;
    font-weight: bold;
    margin-right: 0.5em;
    min-width: 7em;
}
.oaSchedule__list__round{
    min-width: 6em;
}
.oaSchedule__list__detail > div,
.oaSchedule__list__detail > a div{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5em;
    align-items: center;
    border: none;
    padding-bottom: 0;
}
.oaSchedule__list__detail > div:nth-last-of-type(1),
.oaSchedule__list__detail > a div,
.oaSchedule__list__detail > a:nth-last-of-type(1){ margin-bottom: 0;}
/* .oaSchedule__list__detail > a:nth-last-of-type(1){ margin-bottom: 0.5em;} */
.oaSchedule__list__detail > a{
    display: block;
    margin-bottom: 0.5em;
}
.oaSchedule__list__detail .ch{
    color: #fff;
    display: flex;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.8em;
    height: 1.3em;
    margin: 0 0.4em 0;
}

.oaSchedule__list__detail .cs{ background-color: #006931;}
.oaSchedule__list__detail .bs{ background-color: #002f65;}
.oaSchedule__list__detail .ter{ background-color: #a27000;}
.oaSchedule__list__detail .fod{ background-color: #a20000;}

@media screen and (max-width: 550px){
    .oaSchedule__list__date{ margin-bottom: 0.3em;}
    .oaSchedule__list__round{
        width: calc( 100% - 8.5em);
        margin-bottom: 0.3em;
    }
    .oaSchedule__list__detail .ch{ margin: 0 0.4em 0 0;}
}

.oaSchedule__list__detail.time{
    font-weight: bold;
    font-size: 110%;
    color: #333;
    padding-top: 0.1em;
}
.oaSchedule__list__detail .link{
    display: flex;
    align-items: center;
    height: 1.5em;
    border: solid 0.2em #a20000;
    font-size: 88%;
    padding: 0 1.5em 0 0.5em;
    border-radius: 3em;
    font-weight: bold;
    color: #a20000;
    position: relative;
    margin-left: 0.5em;
    box-sizing: border-box;
}
.oaSchedule__list__detail .link_cs .link{
    border: solid 0.2em #006931;
    color: #006931;
}
.oaSchedule__list__detail .link::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 0.3em;
	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 #a20000;
}
.oaSchedule__list__detail .link_cs .link::after{
    border-color: transparent transparent transparent #006931;
}
.cx_displaydevice .oaSchedule__list__detail a:hover .link{
    background-color: #a20000;
    color: #fff;
}
.cx_displaydevice .oaSchedule__list__detail a.link_cs:hover .link{ background-color: #006931;}
.cx_displaydevice .oaSchedule__list__detail a:hover .link::after{
    border-color: transparent transparent transparent #fff;
}

/*-------------結果-------------*/
#result{
    /* border-bottom: solid 0.2em #001e71; */
    padding-bottom: 20px;
}
#result > ul > li{
    background-color: #efe4ca;
    margin-bottom: 0.3em;
    padding: 0.8em 1em 1em;
}
@media screen and (max-width: 550px){
    #result > ul > li{ padding: 0.8em 0.3em 1em;}
}
#result dt{
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.2;
    color: #a27612;
    font-feature-settings: "palt";
    /*border-bottom: solid 2px #b58d32;
    padding-bottom: 0.3em;*/
    margin-bottom: 0.3em;
    position: relative;
}
#result dt::before{
    content: "";
    display: block;
    width: calc(50% - 5em);
    height: 2px;
    background-color: #b58d32;
    position: absolute;
    top: 50%;
    left: 0;
}
#result dt::after{
    content: "";
    display: block;
    width: calc(50% - 5em);
    height: 2px;
    background-color: #b58d32;
    position: absolute;
    top: 50%;
    right: 0;
}
#result dd{
    display: flex;
    justify-content: center;
}
#result dd > *{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6em 0 0.4em;
    line-height: 1.2;
    background-color: #fff;
    box-sizing: border-box;
}
@media screen and (max-width: 550px){
    #result dd > *{ padding: 0.6em 0.3em 0.4em;}
}
#result .name{
    width: 40%;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
}
#result .name p{
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
}
#result .name:nth-of-type(1){
    border-left: solid 6px #ccc;
}
#result .name:nth-of-type(3){
    border-right: solid 6px #ccc;
}
#result .name:nth-of-type(1).win{
    border-left: solid 6px #ff0093;
}
#result .name:nth-of-type(3).win{
    border-right: solid 6px #ff0093;
}
#result .name:nth-of-type(3).drop::before{
    content: "棄権";
    display: flex;
    font-size: 88%;
    width: 1em;
    height: 80%;
    position: absolute;
    top: 10%;
    left: -3%;
    background-color: #ccc;
    align-items: center;
    font-weight: normal;
    padding: 0 0.2em;
}
#result .name span{
    font-size: 78%;
    font-weight: normal;
    color: #555;
}
#result .name li{ margin-bottom: 0.3em;}
#result .name li:nth-last-of-type(1){ margin-bottom: 0;}
#result .point{ color: #555; width: 20%;}
#result .point .win{ color: #ff0093; font-weight: bold;}
#result .point p{ text-align: center;}

#result a{ background: #e20082; margin-top: 1em;}
.cx_displaydevice #result a:hover{ background: #ff0294;}

/*-------------注目ポイント-------------*/
.summary p.summary__catch{
    font-weight: bold;
    color: #a20000;
    font-size: 120%;
    line-height: 1.4;
    margin: 1.2em 0 0.6em;
}
.summary .strong{
    font-weight: bold;
    color: #a27000;
}
.summary .small{ font-size: 80%;}
.dash{
    display: inline-block;
    letter-spacing: -0.3em;
    width: 3em;
}

/*-------------スペシャル動画-------------*/
.movie__list > li:hover{ border-bottom: solid 5px #900000;}


/*-------------ランキング-------------*/
.ranking .d-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2em;
}
.table-wrap{
    flex-shrink: 0;
    width: 49%;
}
@media screen and (max-width: 900px){
    .table-wrap{ width: 100%;}
    .ranking .d-flex .table-wrap{ margin-bottom: 2em;}
    .ranking .d-flex .table-wrap:nth-last-of-type(1){ margin-bottom: 0;}
}
.table-wrap h3{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0.3em;
    color: #9a7113;
}
.ranking__table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 100%;
}
.ranking__table tr{
    border-bottom: solid 1px #aaa;
    background-color: rgba(255,255,255,0.7);
}
.ranking__table tr.japan{
    background-color: #fceec2;
    background: linear-gradient(135deg,  rgba(247,242,222,1) 0%,rgba(234,221,173,1) 100%);
    color: #a27000;
    font-weight: bold;
}
.ranking__table th{
    background-color: #002f65;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 0.3em 0;
    border-right: solid 1px #fff;
    box-sizing: border-box;
    font-size: 88%;
}
.ranking__table.women th{ background-color: #a20000;}
.ranking__table.mix th{ background-color: #006931;}

.ranking__table td{
    line-height: 1.2;
    padding: 0.3em 0.4em;
    border-right: dashed 1px #aaa;
    box-sizing: border-box;
}
.ranking__table th:nth-last-of-type(1),
.ranking__table td:nth-last-of-type(1){ border-right: none;}
.ranking__table td.rank{
    text-align: center;
    width: 3.6em;
}
.ranking__table td.point{
    text-align: center;
    width: 5.5em;
}
.ranking__table td.country{
    width: 11em;
    font-size: 88%;
}
/* .ranking__table td.name{ font-weight: bold;} */
@media screen and (max-width: 768px){
    .ranking__table td.country{ width: 7em;}
}

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

/* 写真入り */
.cast-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.cast-wrap.len4 dl,
.cast-wrap.len5 dl{ width: 100%;}
/* .cast-wrap.len2 > dl, */
.cast-wrap.len4 .cast__list.photo li{
    width: 22%;
    margin-right: 1%;
    margin-bottom: 1em;
}
.cast-wrap.len2 > dl,
.cast-wrap.len5 .cast__list.photo li{
    width: 19%;
    margin-right: 1.25%;
    margin-bottom: 1em;
}
.cast-wrap.len2 > dl:nth-of-type(2n),
.cast-wrap.len4 .cast__list.photo li:nth-of-type(4n),
.cast-wrap.len5 .cast__list.photo li:nth-of-type(5n){
    margin-right: 0;
}
.cast-wrap.len2 .cast__list.photo li{ width: 100%;}
@media screen and (max-width: 1000px){
    /* .cast-wrap.len2 > dl, */
    .cast-wrap.len4 .cast__list.photo li{
        width: 24%;
        margin-right: 1%;
    }
}
@media screen and (max-width: 768px){
    .cast__list.photo { display: flex;}
    .cast-wrap.len2 > dl,
    .cast-wrap.len5 .cast__list.photo li{
        width: 32%;
        margin-right: 2%;
    }
    .cast-wrap.len5 .cast__list.photo li:nth-of-type(3n){ margin-right: 0;}
}
@media screen and (max-width: 550px){
    /* .cast-wrap.len2 > dl,
    .cast-wrap.len4 .cast__list.photo li,
    .cast-wrap.len5 .cast__list.photo li{
        width: 49%;
        margin-right: 2%;
    } */
    .cast-wrap.len2 > dl,
    .cast-wrap.len4 .cast__list.photo li,
    .cast-wrap.len5 .cast__list.photo li{
        width: 32%;
        margin-right: 2%;
    }
    .cast-wrap.len5 .cast__list.photo li:nth-of-type(3n){ margin-right: 2%;}
    /* .cast-wrap.len2 > dl:nth-of-type(2n),
    .cast-wrap.len4 .cast__list.photo li:nth-of-type(2n),
    .cast-wrap.len5 .cast__list.photo li:nth-of-type(2n){
        margin-right: 0;
    } */
    .cast-wrap.len4 .cast__list.photo li:nth-of-type(3n){ margin-right: 0;}
}
#cast .cast__pos::before{
    content: "◆ ";
    color: rgb(222, 162, 25);
}
#cast .cast__pos{
    font-size: 100%;
    margin-bottom: 0.2em;
    font-weight: bold; color: #9a7113;
}
.cast__list__photo{ margin-bottom: 0.3em;}
.cast__list__name{ font-weight: bold;}
.cast__list__career{
    font-size: 80%;
    font-weight: normal;
    line-height: 1.4;
}





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