@charset "UTF-8";

/* ---------------------------------------------
	TOPページ
--------------------------------------------- */
.l-mainvisual{ z-index: 3333;}
/* .l-mainvisual::before{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
} */
.mainvisual{
    /* height: 852px; */
    width: 1200px;
    height: 630px;
    position: relative;
    margin: 0 auto;
    /* background: url("../photo/mainVisual.jpg") no-repeat center 0;
    background-size: auto 924px; */
}
/* .mainvisual::after{
    content: "";
    display: block;
    width: 97%;
    height: 85%;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 4%;
    right: 0;
    z-index: 111;
} */
@media screen and (max-width: 1300px) {
    .mainvisual{
        width: 94%;
        height: 0;
        /* padding-top: 52.5%; */
        padding-top: 49.35%;
    }
}
@media screen and (max-width: 768px) {
    .mainvisual{
        height: 0;
        padding-top: 106%;
    }
}

/* .mainvisual h1{
    width: 920px;
    height: 330px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background: url("../img/logo.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 19%;
    left: 0; right: 0;
    margin: 0 auto 0;
    z-index: 333;
    filter: drop-shadow(1px 1px 0.5em rgba(0, 0, 0, 0.5)) drop-shadow(1px 1px 0.5em rgba(0, 0, 0, 0.8));
    transform: translateZ(0);
}
.mainvisual__oadate{
    width: 100%;
    height: 52px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background: url("../img/oadate.svg") no-repeat center bottom;
    background-size: contain;
    position: absolute;
    top: calc( 19% + 430px);
    left: 0; right: 0;
    margin: 0 auto 0;
} */
.mainvisual h1{
    background: url("../img/logo_pc.svg") no-repeat 0 0;
    background-size: contain;
    width: 43%;
    height: 0;
    padding-top: 89.713%;
    padding-top: 38.577%;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    top: 9%;
    right: 0%;
    /* margin: 0 auto 0; */
    z-index: 222;
}
/* .webp .mainvisual h1{
    background: url("../img/logo.webp") no-repeat center center;
    background-size: contain;
}
.no-webp .mainvisual h1{
    background: url("../img/logo.png") no-repeat center center;
    background-size: contain;
} */
.mainvisual__oadate{
    width: 66%;
    height: 0;
    /* padding-top: 6.4627%; */
    padding-top: 4.2654%;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background: url("../img/oadate.svg") no-repeat center bottom;
    background-size: contain;
    position: absolute;
    bottom: 4.5%;
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 555;
}
.mainvisual__photo{
    position: absolute;
    width: 58%;
    top: 8%;
    z-index: 333;
}

.mainvisual__photo img{
    width: 100%; height: auto;
}

@media screen and (max-width: 1300px) {
    .mainvisual__oadate{
        bottom: 2vw;
    }
}
@media screen and (max-width: 768px) {
    .mainvisual h1{
        width: 54%;
        height: 0;
        padding-top:46%;
        top: auto;
        bottom: 13vw;
        right: 0;
        z-index: 333;
        background: url("../img/logo_sp.svg") no-repeat 0 0;
    }
    .mainvisual__oadate{
        height: 0;
        width: 100%;
        bottom: 4.65vw;
        padding-top: 7.666%;
    }
    .mainvisual__photo{
        width: 100%;
        top: 3%;
        z-index: 222;
    }
}


/* -------------------------------
	what's new
------------------------------- */
#news{ padding-bottom: 2.5em;}
#news .content__body{
    margin-top: 0;
    padding-bottom: 0;
}
#news h2,
.fujitv-view h2{
    text-align: center;
}
/* @media screen and (max-width: 768px) {
    #news h2 img,
    .fujitv-view h2 img{
      width: 46%;
    }
  }
  @media screen and (max-width: 450px) {
    #news h2 img,
    .fujitv-view h2 img{
      width: 58%;
    }
  } */
/* .slider{
    background: rgba(146, 229, 197, 0.5);
} */
/* .slider__item{
    background-color: #fff;
    padding: 0;
    transition: 300ms;
} */
.slider__item a{
    display: block;
    height: 100%;
    position: relative;
    z-index: 30;
    /* padding: 0.8em; */
    transition: 300ms;
}
/* .slider .swiper-slide{
    border-bottom: solid 5px #fff;
    transition: 300ms;
} */
/* .cx_displaydevice .slider .swiper-slide:hover{
    border-bottom: solid 5px #ffe42a;
} */
/* .cx_displaydevice .slider .swiper-slide:hover a{
    margin-top: -5px;
} */
.cx_displaydevice .swiper-slide::before{
    content: '';
    width: 100%;
    height: 6px;
    background: rgb(232,181,81);
background: -moz-linear-gradient(left,  rgba(232,181,81,1) 0%, rgba(183,138,33,1) 50%, rgba(232,181,81,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,181,81,1)), color-stop(50%,rgba(183,138,33,1)), color-stop(100%,rgba(232,181,81,1)));
background: -webkit-linear-gradient(left,  rgba(232,181,81,1) 0%,rgba(183,138,33,1) 50%,rgba(232,181,81,1) 100%);
background: -o-linear-gradient(left,  rgba(232,181,81,1) 0%,rgba(183,138,33,1) 50%,rgba(232,181,81,1) 100%);
background: -ms-linear-gradient(left,  rgba(232,181,81,1) 0%,rgba(183,138,33,1) 50%,rgba(232,181,81,1) 100%);
background: linear-gradient(to right,  rgba(232,181,81,1) 0%,rgba(183,138,33,1) 50%,rgba(232,181,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b551', endColorstr='#e8b551',GradientType=1 );


    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    margin: auto;
    transform-origin: center top;
    transform: scale(0, 1);
    transition: transform 300ms;
}
.cx_displaydevice .swiper-slide:hover::before {
  transform-origin: center top;
  transform: scale(1, 1);
}

.slider .swiper-slide.comingsoon{
    background-color: #000;
    opacity: 0.3;
}
.slider .swiper-slide.comingsoon::after{
    content: "coming soon";
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    margin-top: -0.5em;
    text-align: center;
    font-size: 120%;
    color: #aaa;
    font-weight: bold;
    z-index: 333;
}
/* .cx_displaydevice .slider .swiper-slide.no-link:hover,
.cx_displaydevice .slider .swiper-slide.comingsoon:hover{ border-bottom: solid 5px #fff;}
.cx_displaydevice .slider .swiper-slide.comingsoon:hover a{ margin-top: 0;} */
.cx_displaydevice .swiper-slide.no-link:hover::before,
.cx_displaydevice .swiper-slide.comingsoon:hover::before{
    transform-origin: center top;
    transform: scale(0, 1);
}

/* .cx_displaydevice .slider__item a::after{
    background: #51c7f5;
    content: '';
    width: 100%;
    height: 0.3em;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 300ms;
}
.cx_displaydevice .slider__item a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.cx_displaydevice .slider__item a.no-link:hover::after {
  transform-origin: left top;
  transform: scale(0, 1);
} */
.slider__photo img{ width: 100%; height: auto;}
.slider__update{
    color: #000;
    line-height: 1.2;
}
.slider__update.interview{
    display: flex;
    align-items: center;
}
.slider__update.news::after,
.slider__update.interview::after,
.slider__update.introduction::after{
    content: "ニュース";
    background: #bb1838;
    color: #fff;
    font-size: 90%;
    padding: 0em 1.0em;
    margin-left: 0.5em;
    font-feature-settings: "palt";
    border-radius: 4em;
}
.slider__update.introduction::after{ content: "イントロダクション";}
.slider__update.interview::after{ content: "インタビュー";}
.slider__text p{
    font-size: 90%;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    #news{ padding-bottom: 0.5em;}
    #news .content__body{
        margin-left: 0; margin-right: 0;
        /* padding-bottom: 1rem; */
    }
    .slider__text p{ font-size: 100%;}
}
/* .swiper-next, .swiper-prev{
    background-color: rgba(0, 183, 255, 0.56);
} */


/* -------------------------------
	イントロダクション
------------------------------- */
#introduction .photo-wrap{
    margin-bottom: 2em;
    text-align: center;
    /* background: url("../img/bg_02.jpg") no-repeat center center;
    background-size: cover; */
    /* background-color: #000; */
    z-index: 333;
}
#introduction .photo-wrap .w60{
    width: 60%;
}
#introduction .photo-wrap .w70{
    width: 72%;
}
#introduction .photo-wrap .w80{
    width: 80%;
}
h3.intro{
    font-size: 120%;
    line-height: 1.8;
    margin-top: 1.8em;
    margin-bottom: 0.8em;
}
.cx_smartphoneview h3.intro{
    font-size: 100%;
    line-height: 1.6;
}

.intro__comment__q{
    font-weight: bold;
    padding-bottom: 0.4em;
    background: rgb(243,221,172);
    background: -moz-linear-gradient(-45deg,  rgba(243,221,172,1) 0%, rgba(232,193,101,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,221,172,1)), color-stop(100%,rgba(232,193,101,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(243,221,172,1) 0%,rgba(232,193,101,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(243,221,172,1) 0%,rgba(232,193,101,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(243,221,172,1) 0%,rgba(232,193,101,1) 100%);
    background: linear-gradient(135deg,  rgba(243,221,172,1) 0%,rgba(232,193,101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ddac', endColorstr='#e8c165',GradientType=1 );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.intro__comment__q::before{
    content: "Q. ";
    font-size: 120%;
}
.intro__comment__a{
    line-height: 2.0;
    padding-bottom: 1em;
    color: #fff;
}
.intro__comment__a .name1,
.intro__comment__a .name2{
    background-color: #fff;
    color: #000;
    display: inline-block;
    line-height: 1.2;
    padding: 0 0.2em;
    margin-right: 0.3em;
    font-weight: bold;
}
.intro__comment__a .name2{
    background-color: #000;
    color: #fff;
}
@media screen and (max-width: 768px) {
    #introduction .photo-wrap{ margin-bottom: 1em;}
    #introduction .photo-wrap .w70,
    #introduction .photo-wrap .w80{ width: 100%;}
    .intro__comment__q,
    .intro__comment__a{ font-size: 90%;}
}

/* ------------------------------
	動画
------------------------------ */
/* .content#movie{
    padding-top: 2em;
    overflow: visible;
}
.content#movie::before{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url("../img/nav_bg01.png") repeat-x center 0;
    position: absolute;
    top: -10px;
    left: 0;
} */
@media screen and (max-width: 768px) {
    #movie .content__body.w800{
        margin-left: 0;
        margin-right: 0;
    }
    .movie__player{
        margin-left: 1.8rem;
        margin-right: 1.8rem;
    }
}
.movie__mask{
    margin-top: 0.4em;
    background-color: rgba(255,255,255,0.7);
}
.movie__list{
    display: flex;
    flex-wrap: wrap;
    padding: 0.6em 1em 0.1em;
    justify-content: center;
    /* border: solid 0.3em #000; */
}
.movie__list li{
    flex-shrink: 0;
    width: 24%;
    margin: 0 0.5% 0.5em;
    padding-bottom: 5px;
    background-color: #fff;
    overflow: hidden;
    /* border-bottom: solid 0.4em #fff; */
    transition: 200ms;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
/* .movie__list li.on{ border-bottom: solid 0.4em #d5005c;} */
.movie__list li::before{
    content: '';
    width: 100%;
    height: 5px;
    background: rgb(241,103,98);
    background: -moz-linear-gradient(-45deg,  rgba(241,103,98,1) 0%, rgba(216,148,66,1) 30%, rgba(172,66,95,1) 70%, rgba(53,83,125,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(241,103,98,1)), color-stop(30%,rgba(216,148,66,1)), color-stop(70%,rgba(172,66,95,1)), color-stop(100%,rgba(53,83,125,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(241,103,98,1) 0%,rgba(216,148,66,1) 30%,rgba(172,66,95,1) 70%,rgba(53,83,125,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(241,103,98,1) 0%,rgba(216,148,66,1) 30%,rgba(172,66,95,1) 70%,rgba(53,83,125,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(241,103,98,1) 0%,rgba(216,148,66,1) 30%,rgba(172,66,95,1) 70%,rgba(53,83,125,1) 100%);
    background: linear-gradient(135deg,  rgba(241,103,98,1) 0%,rgba(216,148,66,1) 30%,rgba(172,66,95,1) 70%,rgba(53,83,125,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16762', endColorstr='#35537d',GradientType=1 );
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    margin: auto;
    transform-origin: center top;
    transform: scale(0, 1);
    transition: transform 300ms;
}
.movie__list li.on::before,
.cx_displaydevice .movie__list li:hover::before{
    transform-origin: center top;
    transform: scale(1, 1);
}

.movie__list li img{ width: 100%; height: auto;}
.movie__list__thum{
    position: relative;
}
@media screen and (max-width: 768px) {
    .movie__mask{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .movie__list{
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0.6em 1.8rem 0.6em;
    }
    .movie__list::after{
        content: "";
        display: block;
        width: 30px;
        height: 1.8rem;
        background-color: #000;
    }
    .movie__list li{
        width: 30%;
        margin: 0 1%;
    }
    .movie__list li:nth-of-type(1){ margin-left: 0;}
    .movie__list li:nth-last-of-type(1){
        width: calc(1.8rem - 2%);
        height: 1.8rem;
        background: none;
        box-shadow: none;
    }
}
@media screen and (max-width: 550px) {
    /* .movie__list{ padding: 0.6em 0.3em 0.3em;} */
    .movie__list li{
        width: 46%;
        margin: 0 1% 0.3em;
    }
}
.movie__list__thum::after{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/playIcn.png") no-repeat center center;
    background-size: contain;
    border: solid 3px rgba(255,255,255,0.6);
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    margin: -15px auto 0;
    z-index: 333;
    border-radius: 50%;
    transition: 200ms;
}
/* .cx_displaydevice .movie__list li:hover{
    border-bottom: solid 0.4em #d5005c;
} */
.cx_displaydevice .movie__list li:hover .movie__list__thum::after{
    border: solid 3px rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.8);
}
.movie__list__ttl{
    /* background-color: #fff; */
    font-size: 84%;
    line-height: 1.2;
    padding: 0.4em 0.4em;
    position: relative;
    z-index: 55;
}
.d-flex .mov__ttl{ font-size: 88%;}

/* ------------------------------
	ストーリー
------------------------------ */
.content#story{
    overflow: visible;
}
/* .content#story::before{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url("../img/nav_bg01.png") repeat-x center 0;
    position: absolute;
    top: -10px;
    left: 0;
} */
.story_info{ text-align: center;}
.story__num{
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.1em 1em;
    display: inline-block;
    margin: 0.2em auto 0;
    position: relative;
    z-index: 333;
    background: rgb(53,83,125);
    background: -moz-linear-gradient(-45deg,  rgba(53,83,125,1) 0%, rgba(172,66,95,1) 30%, rgba(216,148,66,1) 70%, rgba(241,103,98,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(53,83,125,1)), color-stop(30%,rgba(172,66,95,1)), color-stop(70%,rgba(216,148,66,1)), color-stop(100%,rgba(241,103,98,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(53,83,125,1) 0%,rgba(172,66,95,1) 30%,rgba(216,148,66,1) 70%,rgba(241,103,98,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(53,83,125,1) 0%,rgba(172,66,95,1) 30%,rgba(216,148,66,1) 70%,rgba(241,103,98,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(53,83,125,1) 0%,rgba(172,66,95,1) 30%,rgba(216,148,66,1) 70%,rgba(241,103,98,1) 100%);
    background: linear-gradient(135deg,  rgba(53,83,125,1) 0%,rgba(172,66,95,1) 30%,rgba(216,148,66,1) 70%,rgba(241,103,98,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537d', endColorstr='#f16762',GradientType=1 );
}
.story__oadate{
    font-size: 110%;
    font-weight: bold;
    color: #333;
    line-height: 1.0;
    padding: 0.4em 0 0.6em;
}
#story .summary{
    color: #000;
    margin: 1.5em 0 1em;
}
#story .summary p{
    font-size: 94%;
    line-height: 1.8;
    /* filter: drop-shadow( 1px 1px 4px #fff) drop-shadow( -1px 1px 4px #fff) drop-shadow( 1px -1px 4px #fff) drop-shadow( -1px -1px 4px #fff); */

}
#story.color .summary p{
    filter: none;
    color: #fff;
}
#story .linkBtn{ margin-top: 0;}

/* -------------------------------
	コンテンツリンク
------------------------------- */
.content__list a{
    display: block;
    border-radius: 2em;
    overflow: hidden;
    transition: 300ms;
    position: relative;
}
.cx_displaydevice .content__list a:hover{
    border-bottom: solid 6px #53bac3;
    margin-top: -6px;
}
.content__list .comingsoon::before{
    content: "coming soon";
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    margin-top: -0.5em;
    text-align: center;
    font-size: 120%;
    color: #00aef0;
    font-weight: bold;
    z-index: 333;
}
.content__list .comingsoon a{
    opacity: 0.5;
    z-index: 222;
}
.content__list .comingsoon a:hover{
    border-bottom: none;
    margin-top: 0;
}
.content__list a::before{
    content: "";
    display: block;
    width: 5em;
    height: 5em;
    position: absolute;
    bottom: 3%;
    right: 2%;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
}
.content__list a::after{
    content: "";
    display: block;
    width: 2.2em;
    height: 2.2em;
    background: url("../img/arrow_bl.svg") no-repeat right bottom;
    background-size: contain;
    position: absolute;
    bottom: 12%;
    right: 5.6%;
}
.content__list .comingsoon a::before,
.content__list .comingsoon a::after{ display: none;}

.content__list img{ backface-visibility: hidden;}
@media screen and (max-width: 1220px) {
    .content__list a::before{
        width: 6vw;
        height: 6vw;
    }
    .content__list a::after{
        width: 3vw;
        height: 3vw;
    }
}

@media screen and (max-width: 768px) {
    .content__list a{ border-radius: 0.6em;}
    .content__list img{
        width: 130%;
        max-width: 130%;
        margin-left: -15%;
    }
    .content__list a::after{
        bottom: 9%;
        right: 5.2%
    }
    .content__list .comingsoon::before{
        font-size: 100%;
    }
}

/* ------------------------------
	Twitter
------------------------------ */
/*#twitterWrap{
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 1.2em;
}*/
#twEmbed{
	/* height:812px; */
	/* overflow-y:auto; */
	background-color: rgba(255,255,255,1);
    padding: 2em 1.6em;
    box-sizing: border-box;
    margin-top: -15px;
    /*border-bottom: solid 1px #aaa;*/
}
.cx_smartphoneview #twEmbed{
    height:auto;
    padding: 1.4em 1.0em;
}
/* #twEmbed > div{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
} */
.cx_smartphoneview #twEmbed > div{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
#twEmbed .twProfImg{
    width: 36px;
    height: 36px;
    margin: 0 6px 0 0;
    border-radius: 8px;
    overflow: hidden;
    float: left;
}
#twEmbed .twProfImg img{
    width: 100%;
    height: auto;
}
#twEmbed .twName{ line-height: 1.2;}
#twEmbed .twName a{
    font-size: 88%;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
#twEmbed .twName a span{color: #707070; font-weight: normal;}
#twEmbed .twDate{
    font-size: 84%;
    color: #109dd4;
    line-height: 1.2;
    padding-top: 0.3em;
}
#twEmbed .twText{
    font-size: 90%;
    margin: 8px 0 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
#twEmbed .twText a{ color: #109dd4;}
#twEmbed .twThumCntnr{ margin: 10px 0 0;position: relative;}
#twEmbed .twThumCntnr a{
    display: block;
    text-align: center;
    /* background: rgb(143,225,252);
    background: -moz-linear-gradient(-45deg,  rgba(143,225,252,1) 0%, rgba(255,246,182,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(143,225,252,1) 0%,rgba(255,246,182,1) 100%);
    background: linear-gradient(135deg,  rgba(143,225,252,1) 0%,rgba(255,246,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fe1fc', endColorstr='#fff6b6',GradientType=1 ); */
}
#twEmbed .twThumCntnr .video a::before{
    content: "";
    display: block;
    background: url(../img/playIcn.png) no-repeat center center;
    width: 60px;
    height: 60px;
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    margin: -32px auto 0;
    border: solid 3px rgba(255,255,255,0.3);
    border-radius: 50%;
}
#twEmbed .twThumCntnr .video a:hover::before{
    border: solid 3px rgba(255,255,255,1);
}
#twEmbed .twThum1-0.horizontal{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#twEmbed .twThum1-0.vertical{
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
#twEmbed .twThum1-0 img{
    width: 100%;
    height: auto;
}
#twEmbed .twThum1-0.vertical img{
    width: auto;
    max-height: 400px;
}
#twEmbed .twThum2-0,
#twEmbed .twThum2-1{
    width: 49.5%;
    max-height: 300px;
    overflow: hidden;
    float: left;
}

#twEmbed .twThum2-0{ margin: 0 1% 0 0;}
#twEmbed .twThum3-0{
    width: 66%;
    height: 338px;
    overflow: hidden;
    float: left;
    margin: 0 1% 0 0;
}
#twEmbed .twThum3-1,
#twEmbed .twThum3-2{
    width: 33%;
    height: 168px;
    overflow: hidden;
}
#twEmbed .twThum3-1{ margin: 0 0 2px;}
#twEmbed .twThum4-0{
    width: 75%;
    height: 380px;
    overflow: hidden;
    float: left;
    margin: 0 1% 0 0;
}
#twEmbed .twThum4-1,
#twEmbed .twThum4-2,
#twEmbed .twThum4-3{
    width: 24%;
    height: 126px;
    overflow: hidden;
}
#twEmbed .twThum4-1,
#twEmbed .twThum4-2{ margin: 0 0 1px;}
#twEmbed .twThum2-0 img,
#twEmbed .twThum2-1 img,
#twEmbed .twThum3-0 img,
#twEmbed .twThum3-1 img,
#twEmbed .twThum3-2 img,
#twEmbed .twThum4-0 img,
#twEmbed .twThum4-1 img,
#twEmbed .twThum4-2 img,
#twEmbed .twThum4-3 img{
    height: 100%;
    width: auto;
}
#twEmbed .twFunc{ margin: 10px 0 0;}
#twEmbed .twFunc li{
    float: left;
    margin: 0 10px 0 0;
}
#twEmbed .twFunc li a{
    display: block;
    background-color: #1082f4;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
    padding: 0.5em 0.8em;
    border-radius: 5px;
}

/* ------------------------------
	Instagram
------------------------------ */
.instaWrap #instaEmbed ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.instaWrap #instaEmbed li{
    flex-shrink: 0;
    width: 33%;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #efe4ca;
    /*display: flex;*/
}
.instaWrap #instaEmbed li:nth-of-type(3n){ margin-right: 0;}
/*.instaWrap #instaEmbed li img{ flex-shrink: 0; opacity: 0;}*/
.instaWrap #instaEmbed li.ll img{ width: 100%; height: auto;}
.instaWrap #instaEmbed li.ww img{ width: auto; height: 100%;}
.instaWrap #instaEmbed li a{
    width: 200px; height: 200px;
    display: block;
    text-align: center;
    background-size: contain;
}

.instaWrap > a{
    display: block;
    background: #e20082;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 3em;
    padding: 0.4em 0;
    position: relative;
}
@media all and (-ms-high-contrast:none) {
    .instaWrap > a{
        font-family: "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Lucida Grande",Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
}
.instaWrap > 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 #fff;
}
.instaWrap > a::before{
    content: "";
    display: block;
    position: absolute;
    background: url(../img/icn_instagram.svg) no-repeat 0 0;
    width: 1.6em;
    height: 1.6em;
    top: 50%; left: 20px;
    background-size: contain;
    margin: -0.8em 0 0;
}
.cx_displaydevice .instaWrap > a:hover{
    background: #ff0294;
}

/* ------------------------------
	SNSリンク
------------------------------ */
.link-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cx_smartphoneview .link-list{
    padding: 0 0.6em;
}
.link-list .linkBtn{
    width: 49%;
}
.link-list .linkBtn a{
    width: 100%;
    padding: 1.4em 0;
    font-size: 110%;
}
.cx_smartphoneview .link-list .linkBtn a{ font-size: 100%;}

/* -------------------------------
	キャスト＆スタッフ
------------------------------- */
#caststaff{text-align: center;}
#caststaff h3{
    margin: 0 auto 1em;
    display: inline-block;
    color: #fff;
    line-height: 1;
    font-size: 130%;
    font-weight: bold;
    padding: 0.1em;
    font-size: 120%;
    padding: 0.1em 1.5em 0.2em 1.7em;
    margin: 0 0 1em;
    background: #000;
    text-shadow: none;
    filter: none;
    position: relative;
    -webkit-text-fill-color:#fff;
    -webkit-background-clip : unset;
}
.cast-list{
    margin-bottom: 3em;
}
.cast-list dl,
.cast-list p.main{
    font-weight: bold;
    color: #fff;
    font-size: 130%;
    /* text-shadow: 1px 1px 0.2em #000b3a, -1px 1px 0.2em #000b3a, 1px -1px 0.2em #000b3a, -1px -1px 0.2em #000b3a, 1px 1px 0.4em #000b3a, -1px 1px 0.4em #000b3a, 1px -1px 0.4em #000b3a, -1px -1px 0.4em #000b3a; */
}
.cast-list dt{ width: 48.5%;}
.cast-list p{
    text-align: center; color: #fff;
    /* text-shadow: 1px 1px 0.2em #000b3a, -1px 1px 0.2em #000b3a, 1px -1px 0.2em #000b3a, -1px -1px 0.2em #000b3a, 1px 1px 0.4em #000b3a, -1px 1px 0.4em #000b3a, 1px -1px 0.4em #000b3a, -1px -1px 0.4em #000b3a; */
}

.cast-list__disc{
    width: 4px;
    height: 4px;
    background-color: #fff;
    margin: 1.0em auto 1.0em;
    border-radius: 50%;
}
.staff-list{
    text-align: center;
    /* text-shadow: 1px 1px 0.2em #000b3a, -1px 1px 0.2em #000b3a, 1px -1px 0.2em #000b3a, -1px -1px 0.2em #000b3a, 1px 1px 0.4em #000b3a, -1px 1px 0.4em #000b3a, 1px -1px 0.4em #000b3a, -1px -1px 0.4em #000b3a; */
}
.staff-list dl{
    font-weight: bold;
    color: #fff;
    margin-bottom: 1.7em;
    font-size: 110%;
}
.staff-list dt{
    font-size: 80%;
    line-height: 1.2;
    padding-bottom: 0.4em;
}
.staff-list dd{
    line-height: 1.4;
    margin-bottom: 0.2em;
}
.staff-list dd span{
    font-size: 80%;
    font-feature-settings: "palt";
    font-weight: normal;
}
.cast-list .pt-1em{ padding-top: 1em;}
@media screen and (max-width: 768px) {
    #caststaff h3{ font-size: 90%;}
    .cast-list dl{ font-size: 110%;}
    .staff-list dl{ font-size: 95%;}
    .cast-list p.main{ font-size: 120%;}
    .cast-list dt{ width: 44.4%;}
}