@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@500&display=swap');
@media screen and (max-width: 1200px){
    body #fp-contents{ font-size: 1.28vw;}
}
@media screen and (max-width: 900px){
    body #fp-contents{ font-size: 1.48vw;}
}
@media screen and (max-width: 768px){
    body #fp-contents{ font-size: 2.0vw;}
}
@media screen and (max-width: 550px){
    body #fp-contents{ font-size: 3.5vw;}
}
/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */
.headerWrap{
    /* background-color: #00184b; */
    overflow: hidden;
    position: relative;
}
.headerWrap::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background: url("../photo/mainVisual_bg.jpg") no-repeat center center;
    background-size: cover;
    z-index: 1;
    filter: blur(1em);
}
.headerWrap::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00184b;
    opacity: 0.55;
    z-index: 2;
}

.header__main{
    width: 100%;
    height: 0;
    padding-top: 48.148%;
    position: relative;
    z-index: 333;
}

.webp .header__main{ 
    background: url("../photo/mainVisual_pc.webp") no-repeat center center;
    background-size: contain;
}
.no-webp .header__main{ 
    background: url("../photo/mainVisual_pc.jpg") no-repeat center center;
    background-size: contain;
}

@media screen and (min-width: 1500px){
    .header__main{
        /* width: 1350px;
        height: 650px; */
        width: 1500px;
        height: 722px;
        padding-top: 0;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
    .header__main{
        /* width: 1350px;
        height: 650px; */
        /* width: 1500px;
        height: 722px; */
        width: 1200px;
        height: 577px;
        padding-top: 0;
        margin: 0 auto;
    }
    /* .header__main::before,
    .header__main::after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
        height: 100%;
        background: -moz-linear-gradient(left,  rgba(0,24,75,1) 0%, rgba(0,24,75,0) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,24,75,1) 0%,rgba(0,24,75,0) 100%);
        background: -o-linear-gradient(left,  rgba(0,24,75,1) 0%,rgba(0,24,75,0) 100%);
        background: -ms-linear-gradient(left,  rgba(0,24,75,1) 0%,rgba(0,24,75,0) 100%);
        background: linear-gradient(to right,  rgba(0,24,75,1) 0%,rgba(0,24,75,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
        z-index: 333;
    }
    .header__main::after{
        left: auto; right: 0;
        transform: rotate( 180deg);
    } */
}
@media screen and (max-width: 768px){
    .header__main{
        height: 0;
        padding-top: 110%;
    }
    .webp .header__main{ 
        background: #fff url("../photo/mainVisual_sp.webp") no-repeat center center;
        background-size: cover;
    }
    .no-webp .header__main{ 
        background: #fff url("../photo/mainVisual_sp.jpg") no-repeat center center;
        background-size: cover;
    }
}
.header__main h1{
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.header__main_oadate{
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.header__main__onTVer{
    position: absolute;
    top: 1em;
    left: 1em;
    width: 150px;
    z-index: 3333;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
.header__main__onTVer a{
    display: block;
    width: 150px;
    height: 127px;
    background: url("../img/onTVer_logo.jpg") no-repeat 0 0;
    background-size: contain;
}

.header__oadate{
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 333;
    background-color: #00184b;
}
.header__oadate__start{
    font-size: 300%;
    font-weight: bold;
    line-height: 1.0;
    background-color: #ea5504;
    padding: 0.1em 0;
    transform: skew(-10deg);
    width: 110%;
    margin-left: -5%;
}
.header__oadate__start a{ display: block;}
.header__oadate__time{
    font-size: 220%;
    line-height: 1.2;
    padding: 0.3em 0;
    border-top: solid 4px #ea5504;
}

@media screen and (max-width: 1200px){
    .header__main__onTVer{ width: 11%;}
    .header__main__onTVer a{
        width: 100%;
        height: 0;
        padding-top: 84.333%;
    }
}
@media screen and (max-width: 1000px){
    #ttlWrap{ margin-top: -9vw;}
}
@media screen and (max-width: 768px){
    #ttlWrap{ margin-top: -13vw;}
    .header__main h1{ font-size: 350%;}
    .header__main__period{ font-size: 280%;}
    .header__main__logoComp{
        bottom: auto; top: 1.5vw; right: 1.5vw;
        width: 20%;
        padding-top: calc(73.4% * 0.2);
    }
    .header__main__onTVer{
        width: 16%;
        top: 0.6em; left: 0.6em;
    }
}
@media screen and (max-width: 550px){
    .header__main__onTVer{
        width: 19%;
    }
    .header__oadate__start{
        font-size: 200%;
    }
    .header__oadate__time{ font-size: 160%;}
}

/* ---------------------------------------------
	コンテンツ
--------------------------------------------- */
.contents-all{
    position: relative;
    border-bottom: solid 0.2em #00184b;
    /* z-index: 33333; */
}
.content-base{ padding: 3em 0 4em;}
.content-base.color{
    background: #b4c1dc;
}
.content-base.color2{
    background: -moz-linear-gradient(top,  rgba(210,220,239,1) 0%, rgba(210,220,239,0.99) 1%, rgba(180,193,220,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,220,239,1)), color-stop(1%,rgba(210,220,239,0.99)), color-stop(100%,rgba(180,193,220,0)));
    background: -webkit-linear-gradient(top,  rgba(210,220,239,1) 0%,rgba(210,220,239,0.99) 1%,rgba(180,193,220,0) 100%);
    background: -o-linear-gradient(top,  rgba(210,220,239,1) 0%,rgba(210,220,239,0.99) 1%,rgba(180,193,220,0) 100%);
    background: -ms-linear-gradient(top,  rgba(210,220,239,1) 0%,rgba(210,220,239,0.99) 1%,rgba(180,193,220,0) 100%);
    background: linear-gradient(to bottom,  rgba(210,220,239,1) 0%,rgba(210,220,239,0.99) 1%,rgba(180,193,220,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dcef', endColorstr='#00b4c1dc',GradientType=0 );
}
.content-base.color3{
    background: #00184b;
    padding: 1.5em 0;
}
.content-wrap h2{
    text-align: center;
    font-size: 188%;
    color: #00236e;
    margin-bottom: 1.4em;
    font-weight: bold;
}
.bold{ font-weight: bold;}
.fRight{
    float: right;
    margin-left: 2em;
}
@media screen and (max-width: 550px){
    .content-wrap h2{
        font-size: 150%;
        margin-bottom: 1em;
    }
}
/* ---------------------------------------------
	SNSリンク
--------------------------------------------- */
.content-base.snsLink{
    border-top: 0.2em solid #ea5504;
    border-bottom: 0.2em solid #ea5504;
    padding: 1.0em 0;
}
@media screen and (max-width: 768px){
    .content-base.snsLink{ padding: 0.5em 0;}
}
/* .snsLink .content-wrap{
    width: 100%;
    max-width: 1500px;
} */
@media screen and (max-width: 1200px){
    .snsLink .content-wrap{ padding-left: 2%; padding-right: 2%;}
}
.snsLink__list{
    display: flex; flex-wrap: wrap; justify-content: space-between;
    width: 62%;
    border-right: solid 1px rgba(255,255,255,0.4);
    padding-right: 1%;
}
.snsLink__list__btn{
    width: 32.6%;
}
.snsLink__list__btn a{
    background-color: rgba(255,255,255,1);
    /* color: #00184b; */
    color: #fff;
    border-radius: 6em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 126%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.2em;
    transition: 300ms;
    filter: drop-shadow( 0px 0px 0.2em #6889cc);
    transform: translateZ(0);
    /* border-top: solid 0.1em #fff; */
    box-sizing: border-box;
}
.cx_displaydevice .snsLink__list__btn a:hover{
    /* background-color: rgba(255,255,255,1); */
    /* filter: drop-shadow( 0px 0px 0.5em #6889cc); */
    filter: drop-shadow( 0px 0px 0.2em #fff);
}
.snsLink__list__btn.x a{ background-color: #000;}
.snsLink__list__btn.insta a{
    background: #d322be;
    /* background: rgb(81,93,208); */
    background: -moz-linear-gradient(45deg,  rgba(81,93,208,1) 0%, rgba(155,54,186,1) 30%, rgba(218,46,125,1) 70%, rgba(254,219,127,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(81,93,208,1)), color-stop(30%,rgba(155,54,186,1)), color-stop(70%,rgba(218,46,125,1)), color-stop(100%,rgba(254,219,127,1)));
    background: -webkit-linear-gradient(45deg,  rgba(81,93,208,1) 0%,rgba(155,54,186,1) 30%,rgba(218,46,125,1) 70%,rgba(254,219,127,1) 100%);
    background: -o-linear-gradient(45deg,  rgba(81,93,208,1) 0%,rgba(155,54,186,1) 30%,rgba(218,46,125,1) 70%,rgba(254,219,127,1) 100%);
    background: -ms-linear-gradient(45deg,  rgba(81,93,208,1) 0%,rgba(155,54,186,1) 30%,rgba(218,46,125,1) 70%,rgba(254,219,127,1) 100%);
    background: linear-gradient(45deg,  rgba(81,93,208,1) 0%,rgba(155,54,186,1) 30%,rgba(218,46,125,1) 70%,rgba(254,219,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515dd0', endColorstr='#fedb7f',GradientType=1 );

}
.snsLink__list__btn.line a{ background-color: #00b900;}
.snsLink__list__btn a::before{
    content: "";
    display: block;
    background-color: #000;
    width: 2.4em;
    height: 2.4em;
    border-radius: 50%;
}
.snsLink__list__btn.x a::before{
    background: #000 url("../../img/icn_x.svg") no-repeat center center;
    background-size: 50%;
}
.snsLink__list__btn.insta a::before{
    background: url("../../img/icn_instagram.svg") no-repeat center center;
    background-size: 55%;
}
.snsLink__list__btn.line a::before{
    background: #00b900 url("../../img/icn_line.svg") no-repeat center center;
    background-size: 55%;
}

.snsLink__list__btn a::after{
	content: "";
	display: block;
	/* position: absolute;
    top: 50%; right: 10px;
	margin:-9px 0 0 0; */
	margin-right: 0.8em;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.34em 0 0.34em 0.56em;
	/* border-color: transparent transparent transparent #00184b; */
	border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 768px){
    /* .snsLink__list{ justify-content: center;}
    .snsLink__list__btn{ width: 90%; margin-bottom: 0.3em;}
    .snsLink__list__btn:nth-last-of-type(1){ margin-bottom: 0;} */
    .content-wrap.snsLink{
        padding: 0 3%;
    }
    .snsLink__list{
        width: 50%;
    }
    .snsLink__list__btn a{
        flex-wrap: wrap;
        border-radius: 0.5em;
        justify-content: center;
        padding: 0.5em 0.5em;
        /* text-indent: -300%;
        overflow: hidden;
        white-space: nowrap; */
        height: 3em;
    }
    .snsLink__list__btn a::before{
        width: 100%;
        height: 2em;
        border-radius: 0.5em;
        margin-bottom: 0.2em;
    }
    .snsLink__list__btn.x a::before{ background-size: auto 80%;}
    .snsLink__list__btn.insta a::before{ background-size: auto 80%;}
    .snsLink__list__btn.line a::before{ background-size: auto 80%;}
    .snsLink__list__btn a::after{ display: none;}
}
@media screen and (max-width: 550px){
    .snsLink__list__btn a{ font-size: 100%;}
}

/* ---------------------------------------------
	ナビゲーション
--------------------------------------------- */
.content-base.nav-wrap{
    background-color: #00236e;
    padding: 0.5em 0;
}
.content-base.nav-wrap .content-wrap{
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
@media screen and (min-width: 1500px){
    .content-base.nav-wrap .content-wrap{ max-width: 1500px;}
}
.nav-main__list{
    display: flex;
    width: 36%;
}
.nav-main__list > li{
    /* padding: 0 0.2em; */
    flex: 1;
    box-sizing: border-box;
}
.nav-main__list > li > a{
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    border-right: solid 1px rgba(255,255,255,0.4);
    display: flex;
    height: 3.6em;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    /* background-color: rgba(0,0,0,0.3); */
    /* border: none; */
}
.nav-main__list > li:nth-of-type(1) > a{ border-left: solid 1px rgba(255,255,255,0.4);}
@media screen and (max-width: 768px){
    .nav-main__list{ width: 48%;}
    .nav-main__list > li:nth-of-type(1) > a{ border-left: none;}
}
@media screen and (max-width: 550px){
    .nav__list > li > a{ height: 3.0em;}
    .nav-main__list > li > a{ font-size: 105%;}
}

/* ---------------------------------------------
	概要
--------------------------------------------- */
.about__intro{
    text-align: center;
    line-height: 2;
    font-size: 120%;
}
@media screen and (max-width: 550px){
    .about__intro{ font-size: 110%;}
}

/* ---------------------------------------------
	次回予告
--------------------------------------------- */
.lineup__date{
    background-color: #ea5504;
    color: #fff;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    margin-top: -1.2em;
    margin-bottom: 0.6em;
    border-radius: 4em;
}
.lineup__date.next{ margin-top: 0.6em;}

.lineup__detail{
    line-height: 2;
    font-size: 120%;
    margin-bottom: 2em;
}
.lineup__detail:has(+ .lineup__date.next.border) {
  border-bottom: dashed 0.1em #00236e;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 1200px){
    .lineup__detail{ font-size: 120%;}
}
@media screen and (max-width: 550px){
    .lineup__date{ margin-top: -0.8em;}
    .lineup__detail{ font-size: 110%;}
}


/* ---------------------------------------------
	すぽると！ on TVer
--------------------------------------------- */
.onTVer{
    margin-top: 3em;
    border: solid 0.4em #00184b;
    padding: 1em 0 0;
    position: relative;
}
@media screen and (max-width: 1200px){
    .content-wrap.onTVer{
        width: 96%;
    }
}
.onTVer__intro{
    color: #00184b;
    font-size: 170%;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: solid 0.2em  #ea5504;
    margin-bottom: 0.5em;
    letter-spacing: -0.03em;
    text-align: center;
    margin: 0 1em 0.5em;
}
.onTVer__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.8em;
}
.onTVer__list li{
    width: 50%;
    box-sizing: border-box;
    padding: 0 2%;
}
.onTVer__list li:nth-of-type(1){
    border-right: dashed 2px #00184b;
}
.onTVer__list__link{ text-align: center;}
.onTVer__list__link img{ width: 84%; height: auto;}
.onTVer__list__link__time{
    background-color: #ea5504;
    text-align: center;
    color: #fff;
    font-size: 120%;
    line-height: 1;
    font-weight: bold;
    padding: 0.7em;
    border-radius: 4em;
    position: relative;
    width: 90%;
    margin: 0.5em auto 0;
}
.onTVer__list__link__time::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
	margin: -8px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffe8e3;
}
.cx_displaydevice .onTVer__list__link:hover .onTVer__list__link__time{ background-color: #ff6c1d;}
.onTVer__catch{
    background-color: #00184b;
    color: #fff;
    text-align: center;
    font-size: 150%;
    line-height: 1.2;
    font-weight: bold;
    padding: 0.5em 0 0.2em;
}
@media screen and (max-width: 768px){
    .onTVer__list__link img{ width: 100%;}
    .onTVer__list__link__time{
        padding: 0.3em;
        line-height: 1.2;
    }
}
@media screen and (max-width: 550px){
    .onTVer__intro{
        margin: 0 0.5em 0.5em;
        font-size: 140%;
    }
    .onTVer__list li{ padding: 0 1%;}
    .onTVer__list__link__time{ font-size: 94%;}
    .onTVer__list__link__time::after{
        bottom: 0.4em;
        top: auto;
        margin-top: 0;
        border-width: 6px 0 6px 10px;
    }
    .onTVer__catch{ font-size: 120%;}
}


.onTVer a{
    display: block;
}
.onTVer .clearfix{ display: block;}
.onTVer__main__img{
    /* width: 27%; */
    width: 21%;
    float: left;
    margin-right: 1em;
    box-sizing: border-box;
    box-shadow: 1px 1px 10px #00236e54;
    position: relative;
    z-index: 333;
}
/* .onTVer__main__detail{
    padding: 1em;
} */
.onTVer__main__detail__intro{
    color: #00184b;
    /* font-size: 150%; */
    font-size: 200%;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: solid 0.2em  #ea5504;
    margin-bottom: 0.5em;
    letter-spacing: -0.03em;
}
@media screen and (max-width: 900px){
    .onTVer__main__detail__intro{ font-size: 129%;}
}
.onTVer__main__detail__detail{
    font-size: 110%;
    line-height: 1.4;
    margin-bottom: 0.3em;
}
.onTVer__main__detail__date{
    font-size: 130%;
    line-height: 1.4;
    font-weight: bold;
    color: #ea5504;
}
.onTVer__main__detail__catch{
    position: absolute;
    top: -2.5em;
    right: -0.5em;
    background-color: #ea5504;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    transform: skewX(-10deg);
    padding: 1em;
}
.onTVer__main__detail__cast{
    display: flex;
    flex-wrap: wrap;
    width: calc( 100% - 27% - 1em);
    justify-content: space-between;
}
.onTVer__main__detail__cast li{
    flex-shrink: 1;
    width: 24%;
    text-align: center;
}
.onTVer__main__detail__cast__photo{
    background-color: #bcbcbc;
    margin-bottom: 0.3em;
}
.onTVer__main__detail__cast__name{
    font-weight: bold;
    color: #00184b;
    line-height: 1.2;
    font-size: 110%;
}
.onTVer__main__detail__cast__day{
    font-size: 90%;
    line-height: 1.2;
}
.onTVer__main__detail__link{
    background-color: #ea5504;
    text-align: center;
    color: #fff;
    font-size: 130%;
    line-height: 1;
    font-weight: bold;
    padding: 0.7em;
    margin-top: 0.5em;
    border-radius: 4em;
    position: relative;
}
.onTVer__main__detail__link::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
	margin: -8px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffe8e3;
}
.cx_displaydevice .onTVer a:hover .onTVer__main__detail__link{ background-color: #ff6c1d;}

.sp-only2{ display: none;}
@media screen and (max-width: 768px){
    /* .onTVer__main__img{ width: 25%;} */
    .onTVer__main__img{ width: 31%;}
    .onTVer__main__detail__intro{ font-size: 178%;}
    .onTVer__main__detail__catch{
        position: relative;
        z-index: 111;
        top:0; right: auto; left: 0;
        font-size: 130%;
        padding: 0.4em;
        transform: skewX(0);
    }
    .onTVer__main__detail__cast{
        width: 100%;
        padding-top: 0.8em;
    }
}
@media screen and (max-width: 550px){
    .onTVer__main__img{
        /* width: 40%; */
        width: 42%;
        margin-right: 0.5em;
    }
    .onTVer__main__detail__intro{
        font-size: 138%;
        margin-bottom: 0.2em;
    }
    .onTVer__main__detail__detail{ font-size: 100%;}
    .onTVer__main__detail__date{ font-size: 117%;}
    .onTVer__main__detail__catch{ font-size: 86%;}
    .sp-only2{ display: block;}
}

/* ---------------------------------------------
	出演者
--------------------------------------------- */
.cast__list{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.cast__list li{
    flex-shrink: 0;
    text-align: center;
    /* border-left: solid 1px #fff;
    border-right: solid 1px #fff; */
    box-sizing: border-box;
    position: relative;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 );
}
.cast__list.len2{ margin-bottom: 2em;}
.cast__list.len4{ width: 80%;}
.cast__list.len2 li{ width: 49%;}
.cast__list.len3 li{ width: 33%;}
.cast__list.len4 li{ width: 24%;}
.cast__list__photo{
    background-color: #00184b;
    overflow: hidden;
    position: relative;
    z-index: 333;
}
.cast__list__photo img{
    width: 100%; height: auto;
}
@media screen and (max-width: 768px){
    .cast__list.len4{ width: 100%;}
    /* .cast__list.len4 li{ width: 24%;} */
}
@media screen and (max-width: 550px){
    .cast__list.len3,
    .cast__list.len4{ width: 90%;}
    .cast__list.len3{ justify-content: center;}
    /* .cast__list.len2 li,
    .cast__list.len3 li{
        width: 100%;
        margin-bottom: 1em;
    } */
     .cast__list.len3 li,
    .cast__list.len4 li{
        width: 48%; margin: 0 1% 1em;
    }
    /* .len2 .cast__list__photo,
    .len3 .cast__list__photo{
        float: left;
        margin-right: 0.8em;
    } */
    /* .len2 .cast__list__photo{ width: 50%;}
    .len3 .cast__list__photo{ width: 45%;} */
}
.cast__list__name{
    position: absolute;
    bottom: 0.2em;
    left: 0; right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 300%;
    font-weight: bold;
    line-height: 1.1;
    filter: drop-shadow(0 0 10px rgb(0,24,75)) drop-shadow(0 0 10px rgb(0,24,75)) drop-shadow(0 0 10px rgb(0,24,75));
    transform: skew(-10deg);
}
.cast__list__name span.cast__list__name__sub{
    font-size: 40%;
}
.len3 .cast__list__name{
    font-size: 200%;
    filter: drop-shadow(0 0 6px rgb(0,24,75)) drop-shadow(0 0 6px rgb(0,24,75)) drop-shadow(0 0 6px rgb(0,24,75));
}
.len4 .cast__list__name{
    font-size: 170%;
    color: #00184b;
    /* filter: drop-shadow(0 0 4px rgb(0,24,35)) drop-shadow(0 0 4px rgb(0,24,35)) drop-shadow(0 0 4px rgb(0,24,35)); */
    filter: none;
}
@media screen and (max-width: 768px){
    .content-wrap .len2 .cast__list__photo img,
    .content-wrap .len3 .cast__list__photo img{
        max-width: 150%;
        width: 150%;
        margin-left: -25%;
    }
    .len4 .cast__list__name{ font-size: 146%;}
}
@media screen and (max-width: 550px){
    .content-wrap .len2 .cast__list__photo img,
    .content-wrap .len3 .cast__list__photo img{
        /* max-width: 170%;
        width: 170%;
        margin-left: -35%; */
        max-width: 210%;
        width: 210%;
        margin-left: -55%;
    }
    .cast__list__name{
        font-size: 180%;
    }
    .len3 .cast__list__name{ font-size: 127%;}
    .len4 .cast__list__name{ font-size: 116%;}
}

.cast__list__day{
    position: absolute;
    top: 0.8em;
    left: 0.8em;
}
.len3 .cast__list__day{ font-size: 88%;}
.cast__list__day .sun{
    color: #ea5504;
}
.cast__list__day .sat{
    color: #00184b;
}
.cast__list__day span{
    display: inline-block;
    line-height: 1.0;
    background-color: #fff;
    font-weight: bold;
    padding: 0.1em 0.4em 0.2em;
    border-radius: 0.3em;
    margin-bottom: 0.2em;
}
.cast__list__day span:first-letter{
    font-size: 170%;
}
@media screen and (max-width: 768px){
    .cast__list__day{ font-size: 90%;}
    .len3 .cast__list__day{ font-size: 72%;}
}
@media screen and (max-width: 550px){
    .cast__list__day{
        font-size: 70%;
        top: 0.6em;
        left: 0.4em;
    }
    .len3 .cast__list__day{ font-size: 60%;}
}

.cast__list__profile{
    padding: 1em 1.5em 1.2em;
    text-align: left;
    line-height: 1.8;
}
.len4 .cast__list__profile{ padding: 0.5em 0.5em;}
.cast__list__profile dl{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: 1.4;
    margin-bottom: 0.5em;
    font-weight: 500;
}
.cast__list__profile dt{
    background-color: #ff6c1d;
    min-width: 8em;
    text-align: center;
    color: #fff;
    margin-right: 0.6em;
}
@media screen and (max-width: 768px){
    .cast__list__profile dt{
        min-width: auto;
        padding: 0 0.3em;
        text-align: left;
    }
    .cast__list__profile dd{
        width: 100%;
    }
}

.cast__list__profile__link{
    background-color: #00184b;
    color: #fff;
    border-radius: 6em;
    display: block;
    text-align: center;
    position: relative;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    padding: 0.8em 0.5em;
    /* margin-top: 0.8em; */
    transition: 300ms;
    filter: drop-shadow( 0px 0px 0.2em #6889cc);
    border-top: solid 0.1em rgba(255,255,255,0.7);
    box-sizing: border-box;
}
.cx_displaydevice .cast__list__profile__link:hover{
    background-color: #002d8c;
    filter: drop-shadow( 0px 0px 0.5em #fff);
}

.cast__list__profile__link::after{
	content: "";
	display: block;
	position: absolute;
    top: 50%; right: 5%;
	margin: -0.45em 0 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.45em 0 0.45em 0.7em;
	border-color: transparent transparent transparent #fff;
}
.len4 .cast__list__profile__link{
    margin-top: 0;
    font-size: 90%;
}
@media screen and (max-width: 768px){
    /* .len3 .cast__list__profile{ padding: 0.8em 1.0em 1.0em;} */
    .len3 .cast__list__profile,
    .len4 .cast__list__profile{ padding: 0.5em 0.3em;}
    .cast__list__profile__link::after{
        margin-top: -0.4em;
        border-width: 0.4em 0 0.4em 0.65em;
    }
}
@media screen and (max-width: 550px){
    .cast__list__profile{ padding: 0.5em 0.6em 1em;}
    .cast__list__profile__link{ text-align: left;padding: 0.8em 0.7em;}
    .len3 .cast__list__profile__link,
    .len4 .cast__list__profile__link{ padding: 0.8em 1.1em; font-size: 90%;}
}

.cast h3{
    border-top: solid 0.2em #fff;
    margin: 2em 0 0;
    text-align: center;
    padding: 1.4em;
    color: #00236e;
    font-size: 140%;
    font-weight: bold;
}
@media screen and (max-width: 550px){
    .cast h3{ font-size: 120%;}
}

/* ---------------------------------------------
	コメント
--------------------------------------------- */
.comment__list > li{
    margin-bottom: 2em;
    background: -moz-linear-gradient(-45deg,  rgba(0,24,75,0) 0%, rgba(0,24,75,0) 71%, rgba(0,24,75,0.2) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,24,75,0)), color-stop(71%,rgba(0,24,75,0)), color-stop(100%,rgba(0,24,75,0.2)));
    background: -webkit-linear-gradient(-45deg,  rgba(0,24,75,0) 0%,rgba(0,24,75,0) 71%,rgba(0,24,75,0.2) 100%);
    background: -o-linear-gradient(-45deg,  rgba(0,24,75,0) 0%,rgba(0,24,75,0) 71%,rgba(0,24,75,0.2) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(0,24,75,0) 0%,rgba(0,24,75,0) 71%,rgba(0,24,75,0.2) 100%);
    background: linear-gradient(135deg,  rgba(0,24,75,0) 0%,rgba(0,24,75,0) 71%,rgba(0,24,75,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000184b', endColorstr='#3300184b',GradientType=1 );
    /* background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(0,24,75,0.2) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(71%,rgba(255,255,255,1)), color-stop(100%,rgba(0,24,75,0.2)));
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(0,24,75,0.2) 100%);
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(0,24,75,0.2) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(0,24,75,0.2) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(0,24,75,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3300184b',GradientType=1 ); */

}
.comment__list > li > dl{
    width: 100%;
}
.comment__list__photo{
    float: left;
    width: 30%;
    height: auto;
    background-color: #00184b;
    margin-right: 1.6em;
    position: relative;
    z-index: 333;
}
.comment__list__name{
    color: #00184b;
    font-size: 240%;
    font-weight: bold;
    line-height: 1.1;
    transform: skew(-10deg);
    position: relative;
    margin-bottom: 0.6em;
}
.comment__list__name__sub{ font-size: 40%;}
.comment__list__name::after{
    content: "";
    display: block;
    width: 98%;
    height: 0.14em;
    background-color: #ea5504;
    position: absolute;
    bottom: -0.2em;
    right: 0;
    z-index: 222;
}
.comment__list__comment{
    line-height: 2.2;
    padding-left: 1.6em;
    padding-right: 1.6em;
    padding-bottom: 2em;
}
.comment__list .clearfix:after{ content: "";}

@media screen and (max-width: 768px){
    .content-wrap.comment{ padding: 0;}
    .comment__list__photo{
        margin-left: 1.6em;
        width: 42%;
        margin-right: 1em;
    }
    .comment__list__name{ font-size: 200%;}
}