@charset "utf-8";
@media (max-width: 1199px) {
        .section--wide{
            padding-left: 100px;
            padding-right: 100px;
        }
        .ttl_wrap {
            position: fixed;
            left: 40px;
            top: 40px;
        }
        .gnav li a {
            padding: 0 1rem;
            letter-spacing: 0.1rem;
        }
        
        /*----------------
            tanaka
        ----------------*/
        .process:nth-child(2n):before{
            display: none;
        }

}
        /*==============================================================================



        tablet



        ==============================================================================*/
        @media (max-width: 991px) {
            .section--wide{
                padding-left: 0;
                padding-right: 0;
            }
            .nav_sns.is--front{
                display: none;
            }
            #countdown-unit {
                top: 0;
                left: 0;
            }
            .ttl--copy {
                display: none;
            }
            /*----------------------------------------------------

            layout

            ----------------------------------------------------*/
            .is--pc{
                display: none;
            }
            .is--sp{
                display: block;
            }
            /*----------------
            header
            ----------------*/
            /*----------------
            footer
            ----------------*/
            .page_footer{
                padding: 2rem 2rem 3rem;
                -webkit-flex-direction: column-reverse;
                    -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse;
            }
            .sponsor {
                text-align: left;
            }
            /*----------------
            flex
            ----------------*/
            .section,
            .section--fixed{
                max-width: 100%;
                padding: 0 6rem;
            }
            /*----------------
            flex
            ----------------*/
            /*----------------
            grid
            ----------------*/
            .grid--L{
                margin-right: -6rem;
                margin-left: -6rem;
            }
            .grid--L .grid_item{
                padding-left: 6rem;
                padding-right: 6rem;
            }


            /*----------------
            width
            ----------------*/
            .width-1_quarter,
            .width-2,
            .width-2_half,
            .width-3,
            .width-3_half,
            .width-4,
            .width-4_half{
                width: 100%;
            }
            /*----------------
            utility
            ----------------*/
            .mar_T--L_sp {
                margin-top: 7rem;
            }


            /*----------------------------------------------------

            common

            ----------------------------------------------------*/
            .page-template-outline,
            .page-template-highlight{
                background: none;
            }
            /*----------------
            font
            ----------------*/
            /*----------------
            ttl
            ----------------*/
            .ttl_wrap{
                position: static;
            }
            .ttl_wrap .logo_subpage{
                display: inline-block;
                margin-bottom: 0;
            }
            .ttl--page {
                -webkit-writing-mode: horizontal-tb;
                    -ms-writing-mode: lr-tb;
                        writing-mode: horizontal-tb;
                width: auto;
                padding: 5px 5px 7px;
                text-indent: 0.4rem;
            }
            /*----------------
            list
            ----------------*/
            .list--outline li{
                margin-bottom: 1.5em;
                padding-bottom: 1.5em;
            }
            .list--outline .list_body{
                margin-bottom: 0;
            }
            /*----------------
            img
            ----------------*/
            /*----------------
            banners
            ----------------*/
            .banners{
                padding: 0;
                border-top-width: 1px;
            }


            /*----------------------------------------------------

            nav

            ----------------------------------------------------*/
            /*----------------
            gnav
            ----------------*/
            .gnav_wrap{
                display: none;
            }
            .navicon-wrap{
                display: block;
            }
            .navicon-fixed {
                position: fixed;
                top: 9px;
                right: 39px;
            }
            /*----------------
            nav sns
            ----------------*/
            .nav_sns{
                position: static;
            }
            .nav_sns a{
                background-color: #9c762b;;
            }
            .overlay ul li a{
                text-align: left;
            }
            /*----------------
            sp nav
            ----------------*/


            /*----------------------------------------------------

            original

            ----------------------------------------------------*/
            /*----------------------------------------
            公式
            ----------------------------------------*/
            /*----------------
            frontpage
            ----------------*/
            .box--logo {
                width: 25%;
                padding: 0;
            }
            #countdown-unit{
               
            }

            #countdown-unit .date {
                font-size: 3.6rem;
                padding-top: 2px;
                margin-bottom: 0;
                height: 10rem;
            }
            #countdown-unit .date p {
                line-height: 5rem;
            }
            #myFormDate {
                font-size: 8rem;
            }
            .cb-slideshow li div h3 > img{
                width: 40px;
            }
            .box--logo {
                width: 100%;
                height: 100%;
                padding: 0;
                left: 0;
                top: 0;
            }
            .box--logo > .title{
                height: 100%;
            }
            .title h1{
                width: 35%;
                margin-top: 10px;
                overflow: hidden;
            }
            .box--logo > .title h1 img {
                margin-left: -20%;
            }
            .logo--date {
                bottom: 0;
                position: absolute;
                width: 50%;
            }

            .cb-slideshow li{

            }
            .cb-slideshow li:nth-child(1){
                background-image: url(../img/slide/sp/1.jpg);
            }
            .cb-slideshow li:nth-child(2){
                background-image: url(../img/slide/sp/2.jpg);
            }
            .cb-slideshow li:nth-child(3){
                background-image: url(../img/slide/sp/3.jpg);
            }
            .cb-slideshow li:nth-child(4){
                background-image: url(../img/slide/sp/4.jpg);
            }
            .cb-slideshow li:nth-child(5){
                background-image: url(../img/slide/sp/5.jpg);
            }
            .cb-slideshow li {
                background: no-repeat;
                background-size: 100% auto;
                background-position: center center;
            }
            .cb-slideshow li div{
                top: 50px;
                bottom: initial;
            }
            .bnr_test{
                width: 100%;
                right:0;
                bottom:-105px;
                left: auto;
                margin-bottom: -31px;
            }
            .news-left .ttl{
                margin-top: 31px;
            }

            .sec-news{
                padding: 0 6rem;
            }
            .sec-news > .inner{
                display: block;
            }
            .news-left{
                border-right: none;
                border-bottom: 1px solid #545454;
            }
            /*----------------
            ticket
            ----------------*/
            .page-template-ticket .subsection{
                border-bottom: 1px dotted #9e9e9e;
                margin-bottom: 2rem;
            }
            .page-template-ticket .subsection:last-child{
                border-bottom: none;
            }
            
        }
        /*==============================================================================



        smartPhone



        ==============================================================================*/
        @media (max-width: 991px) and (orientation: portrait) {

        }
                @media (max-width: 767px) {
                    #countdown-unit .date {
                        font-size: 3rem;
                    }
                    .myFormDate{
                        font-size: 6rem;
                    }

                    

                    /*----------------------------------------------------

                    layout

                    ----------------------------------------------------*/
                    /*----------------
                    section
                    ----------------*/
                    .section,
                    .section--fixed{
                        max-width: 100%;
                        padding: 2rem 2rem;
                        margin: 0 auto;
                    }
                    .subsection{
                        padding:1.5rem 0;
                    }
                    /*----------------
                    header
                    ----------------*/
                    /*----------------
                    footer
                    ----------------*/
                    .page_footer {
                        padding: 1.5rem 1.5rem 2rem;
                    }
                    .sponsor{
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                    }
                    .sponsor li + li {
                        margin-left: 5px;
                    }
                    .sponsor img {
                        height: auto;
                        width: 100%;
                    }
                    .copyright li{
                        font-size: 1rem;
                    }
                    /*----------------
                    flex
                    ----------------*/
                    .flex {
                        -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                                flex-direction: column;
                    }
                    .flex.is--row_sp{
                        -webkit-flex-direction: row;
                            -ms-flex-direction: row;
                                flex-direction: row;
                    }
                    /*----------------
                    grid
                    ----------------*/
                    .grid--L .grid_item {
                        padding-left: 2rem;
                        padding-right: 2rem;
                    }
                    /*----------------
                    width
                    ----------------*/
                    /*----------------
                    utility
                    ----------------*/


                    /*----------------------------------------------------

                    common

                    ----------------------------------------------------*/
                    /*----------------
                    font
                    ----------------*/
                    /*----------------
                    ttl
                    ----------------*/
                    .logo_subpage{
                        width: 35px;
                    }
                    .ttl--page{
                        margin-left: 0;
                        font-size: 1.8rem;
                        display: block;
                        margin-left: -2rem;
                        margin-right: -2rem;
                    }
                    .ttl_wrap .logo_subpage{
                        display: block;
                        margin-bottom: 0.5rem;
                    }
                    .ttl.is--serif.inline > .small{
                        display: block;
                        padding-left: 0.3rem;
                    }
                    /*----------------
                    list
                    ----------------*/
                    .list_ttl{
                        margin-bottom: 1rem;
                    }
                    .list--outline .btn_main{
                        margin-top: 1rem;
                    }
                    .list--outline li:first-child {
                        margin-top: 0;
                    }
                    /*----------------
                    img
                    ----------------*/


                    /*----------------
                    banners
                    ----------------*/
                    .banners li{
                        -webkit-flex: 1 0 50%;
                            -ms-flex: 1 0 50%;
                                flex: 1 0 50%;
                    }



                    /*----------------------------------------------------

                    nav

                    ----------------------------------------------------*/
                    /*----------------
                    gnav
                    ----------------*/
                    .nav_sns{
                        display: none;
                    }
                    /*----------------
                    sp nav
                    ----------------*/
                    .navicon-fixed {
                        position: fixed;
                        top: 0;
                        right: 39px;
                    }



                    /*----------------------------------------------------

                    original

                    ----------------------------------------------------*/
                    /*----------------------------------------
                    公式
                    ----------------------------------------*/
                    /*----------------
                    frontpage
                    ----------------*/
                    .news-left, .news-right {
                        padding-top: 3.5rem;
                        padding-bottom: 3.5rem;
                    }
                    .news-item{
                        position: relative;
                    }
                    
                    /*----------------
                    news
                    ----------------*/
                    /*----------------
                    outline
                    ----------------*/
                    /*----------------
                    highlight
                    ----------------*/
                    .page-template-highlight h2{
                        width: 130px;
                        margin: 30px auto 0;
                    }
                    .page-template-highlight h2 img{
                        width: 100%;
                        margin-bottom: 0;
                    }
                    .page-template-highlight h3{
                        margin-bottom: 0.5em;
                        font-size: 1.3em;
                        line-height: 1.5;
                        letter-spacing: 0.1rem;
                    }
                    .anime--para{
                        width: 100%;
                        padding: 0;
                        background-size: 500% auto;
                        height: auto;
                    }
                    @-webkit-keyframes para{
                        to{
                            background-position:125% 0;
                        }
                    }
                    @keyframes para{
                        to{
                            background-position:125% 0;
                        }
                    }
                    .caution{
                        letter-spacing: 0;
                    }
                    .list--ticket{
                        margin-top: 20px;
                    }
                    .block--radius{
                        margin: 1em 0;
                    }
                    /*----------------
                    works
                    ----------------*/
                    .bg--dark .ttl--page{
                        background: #000;
                        color: #e0e0dc;
                        border: none;
                        border-top: 1px solid #545454;
                        border-bottom: 1px solid #545454;
                    }
                    #chap_01, #chap_02, #chap_03{
                        margin-left: -2rem;
                        margin-right: -2rem;
                        padding-top: 0;
                        padding-bottom: 3rem;
                        margin-bottom: 0;
                    }
                    #chap_03{
                        margin-bottom: 30px;
                    }
                    .chapter{
                        margin-bottom: 0
                    }
                    .chapter .inner{
                        padding: 30px 20px;
                        display: block;
                    }
                    .chapter .ttl-chapter{
                        margin-right: 0;
                    }
                    .chapter .ttl-chapter img{
                        width: 100%;
                    }
                    .chapter .body-chapter{
                        padding-bottom: 0;
                    }
                    .btn_flag.is-prev{
                        left: 10px;
                    }
                    .btn_flag.is-next {
                        right: 10px;
                    }
                    .btn_flag > .inner{
                        width: 25px;
                        height: 25px;
                        font-size: 0;
                    }
                    .btn_flag > .inner:after{
                        bottom: 5px;
                    }
                    .btn_flag.is-next > .inner:after{
                        right: 4px;
                    }
                    .btn_flag.is-prev > .inner:after{
                        left: 4px;
                    }
                    .js--slideshow {
                        width: 100%;
                        height: calc( (100vw * 16 / 8));
                    }
                    .slideshow-slides .slide-item img {
                        position: absolute;
                        top: 50%;
                        left: 0;
                    }
                    .slideshow-slides .slide-item img{
                        -webkit-transform:translate(-10%, -50%);
                            -ms-transform:translate(-10%, -50%);
                                transform:translate(-10%, -50%);
                    }
                    .slideshow-slides .slide-item.active img{
                        -webkit-transform:translate(0, -50%);
                            -ms-transform:translate(0, -50%);
                                transform:translate(0, -50%);
                    }
                    .slideshow-slides .slide-item img.landscape{
                        visibility: hidden;
                        width: 0;
                    }
                    .slideshow-slides .slide-item img.portrait{
                        visibility: visible;
                        width: 100%;
                    }
                    .slideshow-indicator{
                        bottom: initial;
                        top: 20px;
                        position: absolute;
                        text-align: left;
                        padding-left: 10px;
                        z-index: 100;
                        width: 100%;
                    }
                    .slideshow-indicator a{
                        width: 23px;
                        height: 23px;
                    }
                    .slideshow-indicator a + a {
                        margin-left: 0px;
                    }
                    .caption_work{
                        padding-left: 20px;
                        left: 0;
                    }
                    .caption_work > .credit li{
                    }
                    .ttl_work{
                        font-size: 1.6rem;
                    }
                    .caption_work .copy{
                        font-size: 1.4rem;
                    }
                    .ttl_work > .small,
                    .caption_work > .credit,
                    .ttl_work > .credit{
                        font-size: 1.2rem;
                        word-break: break-all;
                    }
                    .ttl_work > .credit{
                        display: inline-block;
                        margin-left: 10px;
                        margin-bottom: 0;

                    }
                    .caption_work > .credit{
                        line-height: 1.5;
                        margin-top: 4px;
                    }
                    /*----------------
                    ticket
                    ----------------*/
                    .page-template-ticket .ttl--page{
                        margin-bottom: 35px;
                    }
                    .page-template-ticket h2{
                        margin-bottom: 0;
                    }
                    /*----------------
                    ono
                    ----------------*/
                    .page-template-ono .slideshow-indicator {
                        top: -75px !important;
                    }
                    .page-template-ono .js--slideshow {
                        margin-bottom: 2rem !important;
                        }
                    /*----------------
                    goods
                    ----------------*/
                    /*----------------
                    event
                    ----------------*/


                    /*----------------------------------------
                    学園
                    ----------------------------------------*/
                    /*----------------
                    top
                    ----------------*/

                    /*----------------
                    about
                    ----------------*/
                    /*----------------
                    exam
                    ----------------*/
                    /*----------------
                    class
                    ----------------*/
                    /*----------------
                    club
                    ----------------*/
                }

                @media (max-width: 575px) {
                     #countdown-unit .date {
                        font-size: 2rem;
                    }
                    .myFormDate{
                        font-size: 4rem;
                    }
                }
                @media (max-width: 575px) and (orientation: portrait){
                     #countdown-unit .date {
                        font-size: 2rem;
                    }
                    .myFormDate{
                        font-size: 4rem;
                    }
                }