@charset "UTF-8";

@media screen and (max-width: 1728px) { /* macbook16 */
}
@media screen and (max-width: 1240px) {
}

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

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

/*モバイルサイズ*/

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

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

.news_li {
    width: 100%;
    margin-right: 0 !important;
}
.scrlArea {
    padding: 10px 20px;
}

    /*@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;
    }

ul.slick-dots {
    bottom: 15px;
}

.balloons > img {
    display: none;
}
img[src*="tit_chocotto.png"] {
    max-width: 85%;
}

}

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

/*iPhone 414*/

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

@media screen and (max-width: 414px) {
.btn {
    max-width: 92%;
    font-size: 18px;
}
.btn.btn_mail {
    max-width: 100%;
    width: 100%;
    padding: 26px 10px 26px 32px;
    font-size: 14px;
}
.btn.btn_mail:before {
    transform: scale(0.8);
    left: 22px;
}
.inner.lead_inner {
    padding-left: 2px;
    padding-right: 2px;
}
.inner.lead_inner .area_round {
    padding-left: 0;
    padding-right: 0;
}
.inner.lead_inner .area_round .txtN {
    font-size: 15px;
}
.footer_copy {
    font-size: 11px;
}
.tit_01 {
    font-size: 40px;
}

}

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

/*iPhone 375*/

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

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

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

/*小さめサイズ*/

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

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