@charset "UTF-8";

@media screen and (max-width: 1728px) {

    /* macbook16 */
    img.mainvisimg {
        /*    height: auto;*/
        /*    object-fit: none;*/
    }
}

@media screen and (max-width: 1240px) {
    .cont {
        max-width: 96%;
        max-width: 100%;
    }

    .inner {
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

ul.nav>li>a {
    font-size: 1.0vw;
}
ul.nav>li.nav_tel a {
    font-size: 1.3vw;
}

a.head_logo {
    max-width: 10.5vw;
}
}

@media screen and (max-width: 1080px) {}

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

/*モバイルサイズ*/

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

/*@media screen and (max-width: 767px), (orientation: landscape){*/
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 821px) {

    .toggle {
        display: inline-block;
    }

    img.mainvisimg {
        /*    object-fit: initial;*/
    }

    div#navi {
        padding: 0;
    }

    /*@media screen and (max-width: 767px) {*/
    .pcview_only {
        display: none;
    }

    .spview_only {
        display: inherit;
        /*display: initial;*/
    }

    .col.flex {
        display: block !important;
    }

    .col [class*="w_per"] {
        width: 100% !important;
        display: block;
    }

    [class*="w_per"]>img {
        width: 100%;
    }

    .f_left {
        float: none !important;
    }

    .f_right {
        float: none !important;
    }

    #main,
    .mainvis,
    .block,
    .container,
    .cont {
        min-width: 0;
    }

    #main,
    .mainvis {
        overflow-x: hidden;
    }

    .container,
    .mainvis,
    .inner {
        width: 100%;
    }

    .inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pagetop {
        width: 50px;
        height: 50px;
        right: 0px;
        font-size: 14px;
    }

    .pagetop a {
        width: 44px;
        height: 44px;
    }

    .pagetop.footPosition {
        bottom: 105px;
    }

    body {
        font-size: 14px;
    }

    .txtSS {
        font-size: 12px;
    }

    .txtS {
        font-size: 13px;
    }

    .txtN {
        font-size: 16px;
    }

    .txtM {
        font-size: 18px;
    }


    .txt20 {
        font-size: 18px;
        /*        line-height: 1.4;*/
    }

    .txt25 {
        font-size: 20px;
        /*        line-height: 1.4;*/
    }

    .txt30 {
        font-size: 22px;
        /*        line-height: 1.3;*/
    }

    .txt35 {
        font-size: 25px;
        /*        line-height: 1.3;*/
    }

    .txt40 {
        font-size: 30px;
        /*        line-height: 1.2;*/
    }

    .txt45 {
        font-size: 32px;
        /*        line-height: 1.2;*/
    }

    .txt50 {
        font-size: 35px;
        /*        line-height: 1.1;*/
    }

    .txt55 {
        font-size: 40px;
        /*        line-height: 1.1;*/
    }


    .outer_nav {
        /*    display: none;*/
        display: block;
        transition: all .4s;
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        background: #000;
        color: #fff;
        z-index: 999;
        top: 0;
        left: -110vw;
        padding: 10px 30px;
    }

    .nav_show .outer_nav {
        left: 0;
    }

     #header .outer_nav a.head_logo {
        /* display: none; */
        position: fixed;
        left: 15px;
        top: 20px;
        max-width: 110px;
    }

    ul.nav {
        display: block;
        text-align: center;
        margin: 110px auto 40px;
    }

    ul.nav>* {
        font-size: 22px;
        font-weight: 200;
        margin: 40px auto;
    }

    ul.nav>li>a {
        text-decoration: underline;
        display: block;
        color: #fff;
        font-size: 17px;
    }
    ul.nav>li.nav_tel a {
        font-size: 24px;
    }

    .instagram_area>* {
        max-width: 44%;
        width: auto;
        margin-bottom: 15px;
    }

    .instagram_area {
        justify-content: space-around;
    }

.footer {
    margin-top: 1px;
}
.nav_footer {
    position: relative;
}
.outer_nav.footer_nav {
    position: relative;
    left: 0;
    height: auto;
    color: #000;
    background: #fff;
    padding-left: 0;
    padding-right: 0;
}
ul.nav.nav_footer > li.nav_add {
    text-align: center;
    display: block;
    padding-left: 0;
    margin-top: 70px;
    margin-bottom: 1px;
}
.outer_nav.footer_nav a.head_logo {
    max-width: 200px;
    margin: auto;
    display: block;
}
.outer_nav.footer_nav .nav {
    margin: 40px auto;
    margin: 1px auto 20px;
}
.outer_nav.footer_nav .nav>li>a {
    color: #000;
}
section#insta .tit01 {
    font-size: 34px;
}
}

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

/*iPhone 414*/

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

@media screen and (max-width: 414px) {}

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

/*iPhone 375*/

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

@media screen and (max-width: 375px) {}

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

/*小さめサイズ*/

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

@media screen and (max-width: 330px) {}