@media screen and (min-width:900px) {
    .side {
        width:200px;  
    }
    header {
        width:200px;
    }
    .main {
        width:calc(100vw - 200px);
    }
    .wide-view-menu ul li {
        padding:12px 26px;
        font-size:18px;
    }
    .sns-wrapper {
        padding:30px 15px;
    }
    .sns-text {
        font-size:10px;
        padding-right:8px;
    }
    .sns {
        padding:0 4px;
        font-size:20px;
    }
    .pref-image-wrapper {
        height:calc((100vw - 200px) * 9 * 475 / 141 / 100);
    }
}
@media screen and (max-width:768px) {
    .container {
        display:block;
    }
    .side,.wide-view-menu {
        display:none;
    }
    header {
        width:100%;
        right:auto;
    }
    .main {
        width:100%;
    }

    .flex-design {
        display: block;
    }
    .pref-wrapper {
        width:100%;
    }
    .pref-image-wrapper {
        height:calc(100vw * 9 / 10 / 141 * 100);
    }
    .pref-large-text {
        font-size:calc(100vw / 12);
        top:32%;
    }
    .pref-small-text {
        font-size:calc(100vw / 180 * 10);
        top:50%;
    }
    .button {
        margin:calc(100vw / 150 * 10) 0 calc(100vw / 150 * 20);
    }
    .button span {
        font-size:calc(100vw / 18);
    }

    .flex-design2 {
        display:block;
        margin:20vw 0 15vw;
    }
    .flex-inner {
        width:100%;
    }

    .notice {
        font-size: calc(100vw / 25);
    }
    .category-title {
        font-size: calc(100vw / 20);
    }
    .exhibition {
        font-size:calc(100vw / 300 * 10);
    }
    .navigation-title {
        font-size:calc(100vw / 20);
    }
    .flex-design4-inner {
        display:block;
    }
    .contents1 {
        width:100%;
        height:calc(100vw * 9 / 10 / 141 * 100);
    }
    .contents2,.contents3,.contents4 {
        height:auto;
    }
    .contents2 {
        width:100%;
        margin:4vw 0;
    }
    .genre {
        font-size:calc(100vw / 20);
    }
    .contents6 {
        font-size:calc(100vw / 20);
    }
    .level {
        font-size:calc(100vw / 25);
    }
    .contents4 {
        font-size:calc(100vw / 30);
        margin:2vw 0;
    }
    .contents5 {
        font-size:calc(100vw / 25);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height:7vw;
        margin:0 0 20vw;
    }

    .genre-title {
        font-size:calc(100vw / 20);
    }
    .humburger-menu {
        display:block;
    }
    /*contact*/
    .contact-wrapper section label {
        font-size:calc(100vw / 307 * 10);
    }
    .contact-wrapper section input {
        width:100%;
        height:calc(100vw / 12);
        font-size:calc(100vw / 200 * 10);
        margin:calc(100vw / 384 * 7) 0;
        border-radius:1vw;
    }
    .contact-wrapper section textarea {
        width:100%;
        height:calc(100vw / 256 * 100);
        font-size:calc(100vw / 200 * 10);
        margin:calc(100vw / 384 * 5) 0;
        border-radius:1vw;
    }
    .contact-wrapper section {
        padding:0 calc(100vw / 384 * 10);
    }
    .contact-wrapper section .wpcf7-submit {
        color:#fff;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width:20vw;
        background-color:#3F3E3E;
        font-size:calc(100vw / 200 * 10);
    }
    .menu-content {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
}
@media screen and (max-width:768px) and (orientation:landscape) {
    .menu-content {
        position:relative;
        margin:-12vw 0;
        overflow-y: scroll;
        -webkit-box-pack:start;
            -ms-flex-pack:start;
                justify-content:flex-start;
    }
    .menu-content > ul {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .menu-content li {
        width:50%;
        font-size:calc(100vvw / 30);
    }
}