/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/



@media screen and (max-width: 1000px){
    .foot_copy{
        display: block;
        float: initial;
        margin: 1rem 0 0;
        text-align: center;
    }
    .foot_infos{
        text-align: center;
    }
    .es_wrap{
        width: 95%;
    }
    .etd_imgs{
        -webkit-transform: translate(40%, 40%);
            -ms-transform: translate(40%, 40%);
                transform: translate(40%, 40%);
        width: 100%;
        height: 100%;
        position: relative;
    }
    .exhi_title_deco span{
        background-color: #fff;
    }
    .event_style_e h2,
    .event_title h1{
        font-size: 2rem;
    }
    .events_wrap .date{
        font-size: 2rem;
    }
    .event_style_e .date,
    .event_style_d .date,
    .event_style_c .date,
    .event_style_b .date{
        bottom: -1rem;
    }
    .event_style_b h2,
    .events_wrap h2{
        font-size: 1.5rem;
    }
    .events_wrap > div > a{
        padding: 1rem;
    }
    .eve_deco_l{
        top: 0;
    }
    .lsl_title, .hm_event_title{
        padding: 1rem;
    }
    .event_style_e h2 i:nth-child(2){
        right: 3.9rem;
    }.event_style_e h2 i:nth-child(3) {
        right: 7rem;
    }.event_style_e h2 i:nth-child(4) {
        right: 9.8rem;
    }
    .lsd_cont{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media screen and (max-width: 768px){
    .bodydeco{
        width: 100%;
        text-align: center;
        right: 0;
        font-size: 1rem;
    }
    #navopen,
    #moLogo{
        display: block;
    }
    #gotop{
        right: 0;
    }
    .eve_bigtitle img,
    #mainnav > ul > li:before,
    header.scroll #mainnav i,
    #mainnav:before, #mainnav:after,
    .hmcse1_logo:before, .hmcse1_logo:after,
    .homelogo{
        display: none;
    }
    #mainnav{
        position: fixed;
        background: #fff;
        top: 18vh;
        left: 0;
        width: 100%;
        height: 82vh;
        overflow-y: scroll;
        pointer-events: none;
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);
        -webkit-transition: all .5s cubic-bezier(0.76, 0, 0.24, 1);
        -o-transition: all .5s cubic-bezier(0.76, 0, 0.24, 1);
        transition: all .5s cubic-bezier(0.76, 0, 0.24, 1);
        background: rgb(179,221,215);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(179,221,215,1)), color-stop(76%, rgba(255,255,255,1)));
        background: -o-linear-gradient(bottom, rgba(179,221,215,1) 0%, rgba(255,255,255,1) 76%);
        background: linear-gradient(0deg, rgba(179,221,215,1) 0%, rgba(255,255,255,1) 76%);
    }
    header.scroll #mainnav{
        top: 8.3rem;
        height: 95vh;
        padding: 1rem 0;
    }
    #navopen.open ~ #mainnav{
        opacity: 1;
        pointer-events: initial;
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    #mainnav > ul{
        display: block;
    }
    #mainnav > ul > li,
    .h_event_lists{
        width: 100%;
        display: block;
    }
    .h_event_lists{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        background: rgb(179,221,215);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(179,221,215,1)), color-stop(76%, rgba(255,255,255,0)));
        background: -o-linear-gradient(bottom, rgba(179,221,215,1) 0%, rgba(255,255,255,0) 76%);
        background: linear-gradient(0deg, rgba(179,221,215,1) 0%, rgba(255,255,255,0) 76%);
    }
    #mainnav > ul > li:last-child > a,
    #mainnav > ul > li > a{
        padding: 1rem;
        width: 90%;
        margin: -1px auto 0;
        border: 1px solid #000;
        text-align: left;
        border-bottom: 0;
    }
    #mainnav > ul > li:first-child .sub_nav,
    #mainnav > ul > li:last-child .sub_nav,
    .sub_nav{
        display: block;
        position: relative;
        width: 90%;
        border: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        opacity: 1;
        left: initial;
        margin: -.5rem auto 1rem;
        right: initial;
        background: none;
    }
    .sub_nav a{
        padding: 0 0 0 1rem;
        border: 0;
        text-align: left;
        line-height: 2;
    }
    #navbottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .head_letter img{
        width: 50vw;
    }
    .head_tag img{
        width: 35vw;
    }
    div[data-scroll-container]{
        padding: 12rem 0 0;
    }
    .hmv_tag{
        right: initial;
        left: 1rem;
        width: 2.5rem;
    }
    .sub_nav{
        display: block;
    }
    .hmv_text h1{
        border: 0;
        padding: 0;
    }
    .hmv_text span img {
        width: 70vw;
        margin: 0 0 0 auto;
    }
    .hmv_text{
        padding: 0 0 150vw;
    }
    .main_visual{
        height: 150vw;
        overflow: hidden;
        border-bottom: 1px solid #000;
        max-width: none;
        left: -2.5vw;
        width: 100vw;
    }
    .mv_obj.sound > div{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .mv_obj.sound{
        width: 100vw;
        right: 0;
        bottom: -10rem;
    }
    .mv_obj.people {
        left: 45vw;
        width: 57vw;
        bottom: -5vw;
    }
    .mv_obj.museum{
        width: 74vw;
        bottom: -9vw;
    }
    .mv_obj.girl {
        bottom: 17vw;
        left: 57vw;
        width: 20vw;
    }
    .mv_obj.buffalo {
        bottom: 11vw;
        left: 1vw;
        width: 39vw;
    }
    .mv_obj.building {
        bottom: 17vw;
        top: initial;
        width: 22vw;
        left: 30vw;
    }
    .mv_obj.audio {
        bottom: 43vw;
        top: initial;
        width: 20vw;
        left: 36vw;
    }
    .mv_obj.ball {
        bottom: 46vw;
        top: initial;
        width: 18vw;
        left: 50vw;
    }
    .hmc_sec1{
        border: 0;
    }
    .hmc_sec1 div{
        width: 25%;
    }
    div.hmcse1_logo{
        width: 50%;
        padding: 0 1rem;
    }
    .hmc_sec1 span {
        font-size: 1.8rem;
    }
    .hmc_sec2 div{
        width: 20%;
        background-repeat: repeat;
        background-size: 330px;
    }
    .hmc_sec2 div:nth-child(2){
        width: 60%;
    }
    .hmc_sec2{
        border-left: 0;
        border-right: 0;
    }
    .hmc3_lrtext{
        border-bottom: 1px solid #000;
    }
    .hmc3_lrtext div{
        padding: 2rem 1.5rem;
        border: 0;
    }
    .hmc3_lrtext.astyle h2{
        padding: 1rem;
        font-size: 2rem;
    }
    .hmc3_lrtext.bstyle h2 div{
        padding: 1rem;
    }
    .hmc3_lrtext.bstyle h2{
        font-size: 2rem;
        position: relative;
        right: initial;
        width: 5rem;
        top: -2rem;
        padding: .5rem;
        float: right;
        top: inherit;
        margin: -1rem 1rem 0 0;
    }
    .hmc3_lrtext.bstyle {
        display: block;
    }
    .hmc3_lrtext.bstyle h2:after, 
    .hmc3_lrtext.bstyle h2:before {
        left: -5px;
        bottom: -5px;
        font-size: 2rem;
    }
    .hmc3_lrtext.bstyle h2:after{
        right: -5px;
        top: 10px;
        left: initial;
    }
    .horizon_text img{
        height: 15vw;
    }
    .hmc_sec4{
        padding: 2rem 0;
        border: 0;
    }
    .ls_layout_f > div, .defa_title_text, .defa_title_deco,
    .hmc5_timer, .d_layout_d > div,
    .exhib_infos, .lsl_content,
    .exhib_img, .events_wrap > div:nth-child(1), .events_wrap > div:nth-child(2), .events_wrap > div:nth-child(3),
    .hmc_sec5 > div{
        width: 100%;
    }
    .events_wrap, .defa_title,
    .hmc_sec3, .d_layout_d,
    .ls_layout_f,
    .exhi_banner, .ls_has_title,
    .hmc_sec5, .ls_has_title,
    .hmc_sec6, .ls_video_b,
    .h_event_wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .events_wrap > div:nth-child(3),
    .events_wrap > div{
        border: 1px solid #000;
        margin: -1px 0 0;
    }
    .dtd_text {
        height: auto;
        padding: 1rem;
        text-align: center;
    }
    .defa_title_text{
        min-height: initial;
    }
    .d_layout_b, .d_layout_c{
        padding: 1.5rem;
    }
    .dtd_text span{
        font-size: 2rem;
    }
    .dtd_deco.hastext {
        height: 6rem;
        border-top: 1px solid #000;
    }
    .hmc5_horitext{
        padding: 1.5rem;
    }
    .events_wrap > .event_style_b > a{
        padding: 2rem 1rem 3rem;
    }
    .events_wrap > .event_style_c > a{
        padding: 1rem 1rem 3rem;
    }
    .events_wrap > .event_style_d > a{
        padding: 2rem 1rem 1rem;
    }

    .events_wrap > .event_style_f > a,
    .events_wrap > .event_style_e > a{
        padding: 2rem 1rem 3rem;
    }
    .hmc5_horitext h2{
        font-size: 1.5rem;
        -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
                writing-mode: vertical-lr;
        padding: 0 10px;
    }
    div.hmc5_content{    
        padding: 3rem 1rem;
        border: 0;
    }
    .events_wrap .date{
        font-size: 3rem;
    }
    .hmc6_video{
        width: 100%;
        padding: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .hmc6_content{
        width: 100%;
        padding: 1.5rem;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        border: 0;
    }
    .hmc6_content h2{font-size: 1.4rem;}
    .hmc6_video iframe{
        width: 100%;
        height: 45vw;
    }
    .lsl_title, .hm_event_title{
        width: 100%;
    }
    .lsl_title h2, 
    .hm_event_title h2{
        -webkit-writing-mode: initial;
            -ms-writing-mode: initial;
                writing-mode: initial;
        display: inline-block;
    }
    .hm_event_title:before{
        width: 4rem;
        -webkit-transform: rotate(-90deg) translateX(-99%);
            -ms-transform: rotate(-90deg) translateX(-99%);
                transform: rotate(-90deg) translateX(-99%);
        -webkit-transform-origin: 0% 0%;
            -ms-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
    }
    .hm_event_title:after{
        width: 4rem;
        -webkit-transform: rotate(90deg) translateY(-80%);
            -ms-transform: rotate(90deg) translateY(-80%);
                transform: rotate(90deg) translateY(-80%);
        -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
        left: initial;
        right: 0;
        top: 0;
    }
    .dlf_title b, .event_title.exhi b, .lsl_title b, .hm_event_title b{
        margin: 0 .5rem 0 0;
        display: inline-block;
    }
    .lsl_title b{
        margin: 0 1rem -5px;
    }
    .hm_event_title{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 4rem;
    }
    .lsl_title h2, .hm_event_title h2{margin: 0;}
    .h_event_lists a{
        display: block;
    }
    .hevent_date{
        display: inline-block;
        padding: 0 0 1rem;
    }
    .hevent_type{
        float: right;
        width: auto;
    }
    .hevent_type span{
        font-size: .8rem;
    }
    .hevent_title{    
        padding: 1rem 0 0;
        border-top: 1px solid #c3c3c3;
    }
    .hevent_title b{
        width: 90%;
    }
    .exhib_img{padding: 0;}
    .eve_circle > div {
        position: relative;
        left: initial;
        top: initial;
        right: initial;
        margin: 1rem;
    }.eve_circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 0 -5rem;
    }
    .evedis_title{
        margin: 1rem 0 0;
    }

    .exhib_infos, .events_wrap,
    .lsf_l.edit_style{
        border: 0;
    }
    .event_title h1{
        height: 5rem;
        position: relative;
        z-index: 1;
        padding: 0 3rem;
        font-size: 1.6rem;
    }
    .event_title:before, .event_title:after{
        width: 5rem;
    }
    .lsl_content{
        padding: 0 1.5rem;
    }
    .single_event_layout{
        padding: 1rem 0;
    }
    .eve_deco_l{width: 15vw;}
    .eve_deco_r{
        right: -1rem;
        width: 18vw;
    }
    .ls_d_layout tr{
        border-bottom: 1px solid #ccc;
        padding: .5rem 0;
    }
    .d_layout_a{
        padding: 0;
    }
}

@media screen and (max-width: 550px){
    .page_box{
        overflow: hidden;
    }
    .exhi_title_deco span,
    .event_title.exhi b{
        display: none;
    }
    div[data-scroll-container] {
        padding: 10rem 0 0;
    }
    .etd_imgs{    
        -webkit-transform: scale(0.5) translate(100%, 40%);    
            -ms-transform: scale(0.5) translate(100%, 40%);    
                transform: scale(0.5) translate(100%, 40%);
    }
    .event_title.exhi h1{
        display: block;
        padding: .5rem 2rem;
        text-align: left;
        width: 85%;
        border: 0;
        font-size: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .foot_infos .info{border: 0;}
    .eve_deco_l{
        left: -.5rem;
        top: 1rem;
    }
    .eve_deco_r{    
        right: -1rem;
        top: 2rem;
    }
    .dlf_cont_inner{padding: 0;}
    .eve_sli_obj img{
        height: 30vh;
        width: auto;
    }

    #preload_numb{
        font-size: 6rem;
    }
    #proload_text img{
        width: 90vw;
        max-width: none;
    }
    .lsb_speaker,
    .dlf_cont > div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .dlf_cont{
        width: 100%;
        padding: .5rem;
    }
    .dlf_cont figure img{
        width: 60%;
        margin: 0 auto;
    }
    .dlf_cont_inner,
    .dlf_cont figure{
        width: 100%;
        margin: 0 0 1rem;
    }
    .dlf_cont_inner h3{
        font-size: 1rem;
    }
    .hmv_event{
        padding: 5rem 0 0;
    }
    .lsb_speaker{
        padding: 0 0 2rem;
    }
    .lsb_speaker figure{
        width: 10rem;
        height: 10rem;
        margin: 0 auto;
    }
    .sec_main_visual{
        margin: 0 0 2rem;
    }
    .dlf_title h2{
        font-size: 1.4rem;
        letter-spacing: 2px;
    }
    .dtd_text{
        line-height: 1.2;
    }
    .dtd_deco img{
        width: 10rem;
        max-width: none;
    }
    #navbottom{
        padding: 1rem 1rem 3rem;
    }
}