@charset 'UTF-8';

/* main
------------------------------*/
.main
{
    width: 100%;
    height: 620px;

    background: url(../img/top/bg_main.jpg) no-repeat center;
}

@media screen and (max-width: 768px)
{
    .main
    {
        height: auto;

        background: none;
    }
}

.main .inner
{
    position: relative;

    width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 768px)
{
    .main .inner
    {
        width: 100%;
    }
}

.main .inner .left,
.main .inner .right
{
    position: absolute;
    top: 20px;

    width: 34px;
    height: 580px;

    text-indent: -9999px; 

    background: url(../img/top/img_main_line.gif) no-repeat;
}

@media screen and (max-width: 768px)
{
    .main .inner .left,
    .main .inner .right
    {
        display: none;
    }
}

.main .inner .left
{
    left: -40px;
}

.main .inner .right
{
    right: -40px;
}

.main .inner .slider
{
    overflow: hidden;

    width: 1000px;
    height: 562px;
    padding: 29px 0 0 0;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider
    {
        width: 100%;
        height: auto;
        padding: 0;
    }
}

.main .inner .slider img
{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider img
    {
        display: none;
    }
    .main .inner .slider img:first-child
    {
        display: block;
    }
}

.main .inner .slider a
{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider a
    {
        display: none;
    }
    .main .inner .slider a:first-child
    {
        display: block;
    }
}

.main .inner .slider .slidesjs-pagination
{
    position: absolute;
    z-index: 6000;
    right: 0;
    bottom: -29px;
    left: 0;

    box-sizing: border-box;
    width: 269px;
    height: 72px;
    margin: auto;
    padding: 33px 0 0 0;

    text-align: center; 

    background: url(../img/top/bg_main_pagination.png) no-repeat;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-pagination
    {
        bottom: 10px; 

        width: 100%;
        height: auto;
        padding: 0;

        background: none;
    }
}

.main .inner .slider .slidesjs-pagination li
{
    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 9px;

    text-indent: -9999px;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-pagination li
    {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }
}

.main .inner .slider .slidesjs-pagination li a
{
    display: block;

    width: 100%;
    height: 100%;

    border: 1px solid #000;
    border-radius: 10px; 
    background: #000;
}

.main .inner .slider .slidesjs-pagination li a.active
{
    background: #ff0;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-pagination li a
    {
        border: 1px solid #fff;
    }
    .main .inner .slider .slidesjs-pagination li a.active
    {
        border: 1px solid #000;
    }
}

.main .inner .slider .slidesjs-navigation
{
    position: absolute;
    top: 48%; 

    display: block;

    width: 50px;
    height: 50px;

    text-indent: -9999px;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-navigation
    {
        z-index: 6000;

        width: 25px;
        height: 25px;
    }
}

.main .inner .slider .slidesjs-navigation.slidesjs-previous
{
    left: -96px;

    background: url(../img/top/btn_prev.png) no-repeat;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-navigation.slidesjs-previous
    {
        left: 10px;

        background-size: 100%;
    }
}

.main .inner .slider .slidesjs-navigation.slidesjs-next
{
    right: -96px;

    background: url(../img/top/btn_next.png) no-repeat;
}

@media screen and (max-width: 768px)
{
    .main .inner .slider .slidesjs-navigation.slidesjs-next
    {
        right: 10px;

        background-size: 100%;
    }
}

/* telop
------------------------------*/
.telop
{
    background: -webkit-linear-gradient(#000, #3c3c3c);
    background:      -o-linear-gradient(#000, #3c3c3c);
    background:         linear-gradient(#000, #3c3c3c);
}

.telop .tickercontainer
{
    overflow: hidden;

    width: 100%;
    height: 60px;
}

.telop .tickercontainer .mask
{
    position: relative;

    overflow: hidden;

    height: 60px;
}

@media screen and (max-width: 768px)
{
    .telop .tickercontainer
    {
        height: 40px;
    }
    .telop .tickercontainer .mask
    {
        height: 40px;
    }
}

.telop .newsticker
{
    position: relative;
}

.telop .newsticker li
{
    font-size: 1.6rem;
    line-height: 60px; 

    float: left;

    margin: 0;
    padding: 0 0 0 60px;

    color: #fff;
}

.telop .newsticker li .data
{
    display: inline;

    color: #ff0;
}

.telop .newsticker li a
{
    text-decoration: underline; 

    color: #fff;
}

.telop .newsticker li a:hover
{
    text-decoration: none;
}

@media screen and (max-width: 768px)
{
    .telop .newsticker li
    {
        font-size: 1.4rem;
        line-height: 40px;
    }
}

/* contents
------------------------------*/
.contents .contents_inner
{
    /* contents > twitter
  ------------------------------*/
    /* contents > result
  ------------------------------*/
    /* contents > c_banner_h250
  ------------------------------*/
    /* contents > schedule
  ------------------------------*/
    /* contents > movie
  ------------------------------*/
}

.contents .contents_inner .bnr_twitter
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .bnr_twitter
    {
        display: block;

        width: 100%;
        height: 60px;
        margin: 0 0 8% 0;
    }
    .contents .contents_inner .bnr_twitter a
    {
        font-size: 1.4rem;

        display: block;

        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 12px 0 0 0;

        text-align: center; 

        color: #fff;
        border-radius: 5px;
        background: #1da1f2;
        -webkit-box-shadow: 3px 3px 0 0 #e6e6e6;
           -moz-box-shadow: 3px 3px 0 0 #e6e6e6;
                box-shadow: 3px 3px 0 0 #e6e6e6;
    }
    .contents .contents_inner .bnr_twitter a i
    {
        display: inline-block;

        width: 40px;
        height: 34px;
        margin: 4px 3%;

        background: url(../img/cmn/icn_twitter.png) no-repeat;
        background-size: 100% auto;
    }
    .contents .contents_inner .bnr_twitter a p
    {
        display: inline-block;

        text-align: left; 
        vertical-align: top;
    }
    .contents .contents_inner .bnr_twitter a p strong
    {
        font-size: 2.1rem;
        line-height: 1.3; 

        color: #fff;
    }
}

.contents .contents_inner .bnr_jinjya
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .bnr_jinjya
    {
        display: block;

        width: 92%;
        margin: 0 auto 4% auto;
    }
    .contents .contents_inner .bnr_jinjya a
    {
        display: block;

        width: 100%;
        height: 100%;
    }
    .contents .contents_inner .bnr_jinjya a img
    {
        width: 100%;
    }
}

.contents .contents_inner .result
{
    float: left;

    width: 940px;
    height: 250px;
    margin: 0 0 28px 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result
    {
        float: none;

        width: 100%;
        height: auto;
        margin: 0 0 8% 0;
    }
}

.contents .contents_inner .result .sbj p i
{
    background: url(../img/cmn/icn_gnv04.png) no-repeat center;
    background-size: 150%;
}

.contents .contents_inner .result ul
{
    overflow: auto;

    box-sizing: border-box;
    width: 100%;
    height: 182px;
    padding: 10px;

    border: 1px solid #646464; 
    background: #fff;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul
    {
        width: 96%;
        height: auto; 
        margin: 0 auto;
    }
}

.contents .contents_inner .result ul li
{
    padding: 10px 5px;

    vertical-align: middle; 

    border-bottom: 1px dotted #000;
}

.contents .contents_inner .result ul li p
{
    font-size: 1.6rem;

    display: inline-block;

    padding-top: 5px;

    vertical-align: top;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul li p
    {
        font-size: 1.4rem;
    }
}

.contents .contents_inner .result ul li p.data
{
    width: 155px;
}

.contents .contents_inner .result ul li p.data .new
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul li p.data
    {
        width: 100%;
    }
    .contents .contents_inner .result ul li p.data .new
    {
        display: inline-block;

        width: 42px;
        height: 16px;
        margin: 0 0 0 5px;

        text-indent: -9999px; 

        background: url(../img/cmn/icn_new.gif) no-repeat;
        background-size: 100%;
    }
}

.contents .contents_inner .result ul li p.tit
{
    line-height: 1.2; 

    box-sizing: border-box;
    width: 668px;
    padding: 5px 10px 0 0;
}

.contents .contents_inner .result ul li p.tit .new
{
    display: inline-block;

    width: 42px;
    height: 16px;
    margin: 0 0 0 5px;

    text-indent: -9999px; 

    background: url(../img/cmn/icn_new.gif) no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul li p.tit
    {
        font-size: 1.6rem; 

        width: 100%;
    }
    .contents .contents_inner .result ul li p.tit .new
    {
        display: none;
    }
}

.contents .contents_inner .result ul li p.more
{
    padding: 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul li p.more
    {
        width: 100%;
        margin: 10px auto 0 auto;

        text-align: center;
    }
}

.contents .contents_inner .result ul li p.more a
{
    font-size: 1.5rem;

    position: relative;

    display: table-cell;

    box-sizing: border-box;
    width: 70px;
    height: 30px;
    padding: 0 16px 0 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #314391;
    background: #314391;
}

.contents .contents_inner .result ul li p.more a i
{
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 28px;

    background: url(../img/cmn/icn_arrow01.png) no-repeat center #fff;
    background-size: 30% auto;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result ul li p.more a
    {
        line-height: 30px; 

        display: block;

        width: 100%;
        margin: 0 auto;
    }
}

.contents .contents_inner .result .more2
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .result .more2
    {
        display: block;

        width: 96%;
        margin: 15px auto 0 auto;
    }
}

.contents .contents_inner .result .more2 a
{
    font-size: 1.8rem;

    position: relative;

    display: table-cell;

    box-sizing: border-box;
    width: 620px;
    height: 40px;
    padding: 0 16px 0 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #314391;
    background: #0669b2;
    background:    -moz-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background: -webkit-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background:         linear-gradient(to bottom, #0669b2 0%, #1f0645 100%);
}

.contents .contents_inner .result .more2 a i
{
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 38px;

    background: url(../img/cmn/icn_arrow01.png) no-repeat center #fff;
    background-size: 30% auto;
}

.contents .contents_inner .c_banner_h250
{
    float: right;

    width: 300px;
    height: 250px;
    margin: 0 0 28px 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .c_banner_h250
    {
        display: none;
    }
}

.contents .contents_inner .schedule
{
    float: left;

    width: 300px;
    margin: 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .schedule
    {
        float: none;

        width: 100%;
        margin: 0 0 8% 0;
    }
}

.contents .contents_inner .schedule .sbj p i
{
    margin-top: 7px;

    background: url(../img/cmn/icn_gnv02.png) no-repeat center;
    background-size: 150%;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .schedule .sbj p i
    {
        margin-top: 4px;
    }
}

.contents .contents_inner .schedule .inner
{
    overflow: auto;

    box-sizing: border-box;
    width: 100%;
    height: 1018px;
    padding: 10px;

    border: 1px solid #646464; 
    background: #fff;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .schedule .inner
    {
        width: 96%;
        height: auto; 
        margin: 0 auto;
    }
}

.contents .contents_inner .schedule .inner .box
{
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;

    border-bottom: 1px dotted #000;
}

.contents .contents_inner .schedule .inner .box p
{
    font-size: 1.4rem;

    width: 100%;

    vertical-align: top;
}

.contents .contents_inner .schedule .inner .box p.data .kinjitsu
{
    display: inline-block;

    width: 42px;
    height: 16px;
    margin: 0 0 0 5px;

    text-indent: -9999px; 

    background: url(../img/cmn/icn_kinjitsu.gif) no-repeat;
    background-size: 100%;
}

.contents .contents_inner .schedule .inner .box p.tit
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4; 

    box-sizing: border-box;
    padding: 5px 0 10px 0;
}

.contents .contents_inner .schedule .inner .box p.more
{
    display: block;

    width: 100%;
}

.contents .contents_inner .schedule .inner .box p.more a
{
    font-size: 1.3rem;

    position: relative;

    display: table-cell;

    box-sizing: border-box;
    width: 263px;
    height: 30px;
    padding: 0 16px 0 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #314391;
    background: #314391;
}

.contents .contents_inner .schedule .inner .box p.more a i
{
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 28px;

    background: url(../img/cmn/icn_arrow01.png) no-repeat center #fff;
    background-size: 30% auto;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .schedule .inner .box p.more a
    {
        line-height: 30px; 

        display: block;

        width: 100%;
        margin: 0 auto;
    }
}

.contents .contents_inner .schedule .inner .box dl
{
    margin: 10px 0;
}

.contents .contents_inner .schedule .inner .box dl dt
{
    font-size: 1.4rem; 

    width: 100%;
    padding: 0 0 8px 0;
}

.contents .contents_inner .schedule .inner .box dl dd
{
    font-size: 1.4rem;

    display: inline-block;

    width: 32%;
    margin: 0 2% 0 0;
    padding: 3px 0;

    text-align: center; 

    color: #fff;
    background: #a7a7a7;
}

.contents .contents_inner .schedule .inner .box dl dd:last-child
{
    margin: 0;
}

.contents .contents_inner .schedule .inner .box dl dd.active
{
    background: #c70000;
}

.contents .contents_inner .schedule .more2
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .schedule .more2
    {
        display: block;

        width: 96%;
        margin: 15px auto 0 auto;
    }
}

.contents .contents_inner .schedule .more2 a
{
    font-size: 1.8rem;

    position: relative;

    display: table-cell;

    box-sizing: border-box;
    width: 620px;
    height: 40px;
    padding: 0 16px 0 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #314391;
    background: #0669b2;
    background:    -moz-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background: -webkit-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background:         linear-gradient(to bottom, #0669b2 0%, #1f0645 100%);
}

.contents .contents_inner .schedule .more2 a i
{
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 38px;

    background: url(../img/cmn/icn_arrow01.png) no-repeat center #fff;
    background-size: 30% auto;
}

.contents .contents_inner .movie
{
    float: left;

    /*width: 620px;
    margin: 0 20px;*/
    width: 940px;
    margin: 0 20px 0 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie
    {
        float: none;

        width: 100%;
        margin: 0 0 8% 0;
    }
}

.contents .contents_inner .movie .sbj p i
{
    background: url(../img/cmn/icn_gnv03.png) no-repeat center;
    background-size: 150%;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .sbj p i
    {
        margin-top: 3px;

        background-size: 120%;
    }
}

.contents .contents_inner .movie .box
{
    position: relative;

    float: left;

    box-sizing: border-box;
    width: 300px;
    height: 310px;
    margin: 0 20px 16px 0;
    padding: 10px;

    border: 1px solid #646464; 
    background: #fff;
}

.contents .contents_inner .movie .box:nth-of-type(3n+1)
{
    margin: 0 0 16px 0;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .box
    {
        width: 47%;
        height: 280px;
        margin: 0 2% 4% 2%;
        padding: 1%;
    }
    .contents .contents_inner .movie .box:nth-of-type(3n+1)
    {
        margin: 0 2% 4% 2%;
    }
    .contents .contents_inner .movie .box:nth-of-type(2n+1)
    {
        margin: 0 0 4% 0;
    }
}

.contents .contents_inner .movie .box .thumb
{
    width: 100%;
}

.contents .contents_inner .movie .box .thumb img
{
    width: 100%;
}

.contents .contents_inner .movie .box .thumb i
{
    font-size: 1.4rem;
    font-style: normal;

    position: absolute;
    top: 10px;
    right: 10px;

    box-sizing: border-box;
    width: 84px;
    height: 24px;
    padding: 5px 8px 0 0;

    text-align: right; 

    color: #fff;
    background: url(../img/cmn/icn_movie.png) no-repeat;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .box .thumb i
    {
        top: 5px;
        right: 5px;
    }
}

.contents .contents_inner .movie .box .data
{
    font-size: 1.4rem; 

    padding: 20px 0 10px 0;
}

.contents .contents_inner .movie .box .data .new
{
    display: inline-block;

    width: 42px;
    height: 16px;
    margin: 0 0 0 5px;

    text-indent: -9999px; 

    background: url(../img/cmn/icn_new.gif) no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .box .data
    {
        font-size: 1.2rem; 

        padding: 10px 0;
    }
    .contents .contents_inner .movie .box .data .new
    {
        width: 27px;
        height: 10px;
    }
}

.contents .contents_inner .movie .box .tit
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;

    text-decoration: underline; 

    color: #314391;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .box .tit
    {
        font-size: 1.4rem; 

        padding: 0 3%;
    }
}

.contents .contents_inner .movie .more
{
    display: block;
}

@media screen and (max-width: 768px)
{
    .contents .contents_inner .movie .more
    {
        width: 96%;
        margin: 0 auto;
    }
}

.contents .contents_inner .movie .more a
{
    font-size: 1.8rem;

    position: relative;

    display: table-cell;

    box-sizing: border-box;
    /*width: 620px;*/
    width: 940px;
    height: 40px;
    padding: 0 16px 0 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #314391;
    background: #0669b2;
    background:    -moz-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background: -webkit-linear-gradient(top, #0669b2 0%, #1f0645 100%);
    background:         linear-gradient(to bottom, #0669b2 0%, #1f0645 100%);
}

.contents .contents_inner .movie .more a i
{
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 38px;

    background: url(../img/cmn/icn_arrow01.png) no-repeat center #fff;
    background-size: 30% auto;
}

/* program
------------------------------*/
.program
{
    overflow: hidden;

    padding: 68px 0;

    background: url(../img/top/bg_program02.png) no-repeat center bottom, url(../img/top/bg_program01.png) repeat;
}

@media screen and (max-width: 768px)
{
    .program
    {
        padding: 5% 3%;
    }
}

.program .inner
{
    width: 834px;
    margin: 0 auto;

    text-align: center;
}

@media screen and (max-width: 768px)
{
    .program .inner
    {
        width: 100%;
    }
}

.program .inner .sbj
{
    text-align: center;
}

.program .inner .sbj p
{
    font-size: 2.4rem;
    line-height: 1.6; 

    padding: 18px 0 40px 0;

    color: #fff;
}

@media screen and (max-width: 768px)
{
    .program .inner .sbj p
    {
        font-size: 1.8rem;
        line-height: 1.6; 

        padding: 5% 0;
    }
    .program .inner .sbj img
    {
        width: 100%;
    }
}

.program .inner .box
{
    width: 380px;
    margin: 0 auto;

    text-align: center;
}

.program .inner .box img
{
    width: 100%;
}

@media screen and (max-width: 768px)
{
    .program .inner .box
    {
        width: 100%;
    }
    .program .inner .box img
    {
        width: 80%;
    }
}

.program .inner .box .tit
{
    font-size: 3.2rem; 

    margin: 15px 0 8px 0;
    padding: 0 0 8px 0;

    color: #ff0;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 768px)
{
    .program .inner .box .tit
    {
        font-size: 2.4rem;
    }
}

.program .inner .box .tit-sub
{
    font-size: 1.4rem; 

    color: #fff;
}

.program .inner .box .txt
{
    font-size: 1.4rem;
    line-height: 1.8;

    padding: 20px 0 0 0;

    color: #fff;

    font-feature-settings: 'palt';
}

@media screen and (max-width: 768px)
{
    .program .inner .box .txt
    {
        font-size: 1.4rem;
        line-height: 1.6;

        text-align: left;
    }
}

.program .inner .box.kaidou
{
    float: left;
}

.program .inner .box.youbun
{
    float: none;
}

/* performer
------------------------------*/
.performer .sbj
{
    padding: 46px 0 36px 0;

    text-align: center; 

    background: -webkit-linear-gradient(#000, #666);
    background:      -o-linear-gradient(#000, #666);
    background:         linear-gradient(#000, #666);
}

@media screen and (max-width: 768px)
{
    .performer .sbj
    {
        box-sizing: border-box; 
        padding: 5%;
    }
    .performer .sbj img
    {
        width: 100%;
    }
}

.performer .performer-inner .box
{
    box-sizing: border-box; 
    width: 1120px;
    height: 300px;
    margin: 0 auto;
    padding: 150px 0 0 0;
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner .box
    {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 105% 3% 10% 3%;

        text-align: center;
    }
}

.performer .performer-inner .box .twitter
{
    margin: 0 0 16px 0;
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner .box .twitter
    {
        margin: 5% 0;
    }
}

.performer .performer-inner .box .txt
{
    font-size: 1.6rem;
    line-height: 1.8;

    color: #fff;

    font-feature-settings: 'palt';
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner .box .txt
    {
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

.performer .performer-inner.yucharo
{
    background: url(../img/top/bg_performer_yucharo-pc.png) no-repeat center, linear-gradient(#000 6%, #f00 95%);
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner.yucharo
    {
        background: url(../img/top/bg_performer_yucharo-sp.png) no-repeat center top 50px, -webkit-linear-gradient(#000 6%, #f00 95%);
        background-size: 100% auto;
    }
    .performer .performer-inner.yucharo .box
    {
        padding-top: 114%;
    }
}

.performer .performer-inner.mouchan
{
    background: url(../img/top/bg_performer_mouchan-pc.png) no-repeat center, linear-gradient(#000 6%, #00b400 95%);
}

/*.performer .performer-inner.mouchan .box
{
    text-align: right;
}*/

@media screen and (max-width: 768px)
{
    .performer .performer-inner.mouchan
    {
        background: url(../img/top/bg_performer_mouchan-sp.png) no-repeat center top 50px, -webkit-linear-gradient(#000 6%, #00b400 95%);
        background-size: 100% auto;
    }
    .performer .performer-inner.mouchan .box
    {
        text-align: center;
    }
}

.performer .performer-inner.seko
{
    background: url(../img/top/bg_performer_seko-pc.png) no-repeat center, linear-gradient(#000 6%, #ffba00 95%);
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner.seko
    {
        background: url(../img/top/bg_performer_seko-sp.png) no-repeat center top 50px, linear-gradient(#000 6%, #ffba00 95%);
        background-size: 100% auto;
    }
}

.performer .performer-inner.tanachu
{
    background: url(../img/top/bg_performer_tanachu-pc.png) no-repeat center, linear-gradient(#000 6%, #e000ff 95%);
}

.performer .performer-inner.tanachu .box
{
    text-align: right;
}

@media screen and (max-width: 768px)
{
    .performer .performer-inner.tanachu
    {
        background: url(../img/top/bg_performer_tanachu-sp.png) no-repeat center top 50px, linear-gradient(#000 6%, #e000ff 95%);
        background-size: 100% auto;
    }
    .performer .performer-inner.tanachu .box
    {
        text-align: center;
    }
}

/*# sourceMappingURL=style-top.css.map */