@charset "utf-8";

@media screen and (max-width:767px)
{
    #myc::before
    {
        background-image: url("../images/sp/page_bg.jpg");
    }

    #myc .centerview
    {
        box-sizing: border-box;
        width: 100%;

        padding: 0 5.8vw;
    }

    #myc .ez-large-2
    {
        font-size: 176.92%;
    }

    #myc .ez-large
    {
        font-size: 138.46%;
    }

    #myc .ez-small
    {
        font-size: 107.69%;
    }

    #myc .ez-small-2
    {
        font-size: 84.62%;
    }

    #myc .buttons-list
    {
        display: block;

        width: 100%;
    }
    #myc .buttons-list.type-thin
    {
        width: 100%;
    }
    #myc .buttons-list.type-membership
    {
        width: 100%;
    }

    #myc .buttons-list .button-item+.button-item
    {
        margin-left: 0;
        margin-top: 20px;
    }





    #myc #myc-header .centerview
    {
        padding: 0;
    }





    #myc #myc-date
    {
        padding-top: 13.95349vw;
    }





    #myc #myc-desc
    {
        padding-top: 23.25581vw;
    }

    #myc #myc-desc .text
    {
        
    }





    #myc #myc-movie
    {
        padding-top: 18.60465vw;
    }

    #myc #myc-movie .video-play span
    {
        width: 62px;
        height: 62px;
    }





    #myc #myc-ticket
    {
        padding-top: 23.25581vw;
    }

    #myc #myc-ticket .section-inner
    {
        margin-top: 18.60465vw;
    }

    #myc #myc-ticket .box
    {
        width: 100%;

        padding: 0 4.65vw;
    }

    #myc #myc-ticket .section-heading
    {
        font-size: 7.44186vw;
    }

    #myc #myc-ticket .ticket-group
    {
        padding: 20px 0;
    }

    #myc #myc-ticket .ticket-item
    {
        padding: 6.98vw 0;
    }

    #myc #myc-ticket .ticket-group:first-child,
    #myc #myc-ticket .ticket-item:first-child
    {
        padding-top: 0;
    }

    #myc #myc-ticket .ticket-item:last-child
    {
        padding-bottom: 2vw;
    }

    #myc #myc-ticket .group-content
    {
        margin-top: 20px;
    }

    #myc #myc-ticket .line-box
    {
        
    }

    #myc #myc-ticket .ticket-item .label .line-box
    {
        
    }

    #myc #myc-ticket .ez-subsection
    {
        padding: 20px 0;
    }
    #myc #myc-ticket .ez-subsection:first-child
    {
        padding-top: 0;
    }
    #myc #myc-ticket .ez-subsection:last-child
    {
        padding-bottom: 0;
    }





    #myc #myc-ticket-receive.box
    {
        width: 100%;

        margin-top: 18.60465vw;
        padding: 9.3vw 4.65vw;
    }

    #myc #myc-ticket-receive .app-box
    {
        padding: 20px;
    }





    #myc #myc-ticket-buy
    {
        padding-top: 18.60465vw;
    }

    #myc #myc-ticket-buy > .box
    {
        padding: 0;
    }

    #myc #myc-ticket-buy .box-label
    {
        padding-right: 32px;
        padding-bottom: 16px;
    }

    #myc #myc-ticket-buy .box-label::before,
    #myc #myc-ticket-buy .box-label::after
    {
        right: 6px;
        top: 14px;

        width: 14px;
    }
    #myc #myc-ticket-buy .box-label::before
    {
        right: 16px;
    }





    #myc #myc-inquiry
    {
        margin-top: 23.25581vw;
        padding: 18.60465vw 0;
    }

    #myc #myc-inquiry .group-label br.sp-only
    {
        display: none;
    }





    #myc #myc-sns
    {
        padding: 23.25581vw 0 10.23vw;
    }

    #myc #myc-sns .official .image
    {
        width: 45.93vw;
    }

    #myc #myc-sns .list
    {
        margin-top: 36px;
    }

    #myc #myc-sns .list .item
    {
        width: 33px;
    }





    #myc #myc-pagetop .fix-area
    {
        padding: 12px;
    }

    #myc #myc-pagetop .pagetop,
    #myc #myc-pagetop .pagetop a
    {
        width: 52px;
        height: 52px;
    }

    #myc #myc-pagetop .pagetop a
    {
        padding: 11px;
    }





    #myc #myc-footer
    {
        padding: 32px 0;
    }





    #myc #myc-menu-open
    {
        width: 52px;
    }

    #myc #myc-menu-open a
    {
        width: 52px;
        height: 52px;
    }

    #myc #myc-menu-open .line
    {
        width: 26px;
    }
    #myc #myc-menu-open .line+.line
    {
        margin-top: 6px;
    }

    #myc #myc-menu .list
    {
        font-size: 100%;
    }
}