@charset "UTF-8";
/* base768.css 2.0.3 2019.5.31 */

@media (min-width: 768px) {

    /*===========
        ベース
    ===========*/
    body { font-size: 1.6rem; }
    section { padding: 50px 0; }
    h1, h2, h3, h4, h5, h6 { margin-bottom : .32rem; }
    main { padding-top: 100px; }
    p { font-size: 1.6rem; line-height: 2.4rem; }

    .col-6-left { padding-right: 15px; }
    .col-6-right { padding-left: 15px; }

    span.br-sp::before { content: ""; }
    span.br-sp-pc::before, span.br-pc::before { content: "\A"; white-space: pre; }


    .btn { margin: .8rem .25rem; padding: 1rem 2rem; font-size: 1.6rem; }
    .btn-large { padding: 1.6rem 3.2rem; }
    .btn-wrapper { margin: 20px 0 0 0; text-align: center; }
    .btn-wrapper h5 { font-size: 1.6rem; }


    /*============
    　　 パーツ
    ============*/
    .section-title h2, .section-title h3 { font-size: 2rem; font-weight: bold; letter-spacing: .2rem; margin-bottom: .2rem; }
    .section-title p { font-size: 1.2rem; line-height: 1.2rem; margin-bottom: .2rem; }

    .header-container h1 img, .header-menu h1 img { height: 80px; padding: 5px 0; }


    /* .header-sp-container { display: none; } */

    .page-header-title::before { width: 70px; height: 70px; }
    .page-header-title h1 { font-size: 2.4rem; letter-spacing: .16rem; }
    .page-header-title h2 { font-size: 1.8rem; }

    .sub-menu ul li { display: inline-block; }
    .sub-menu .btn-md-inline { display: inline-block; }
    .sub-menu p { font-size: 1.6rem; }

    .reserve-inquiry-btn-list { position: fixed; bottom: 20px; right: 20px; z-index: 99; }
    .menu-btn-item img { width: 70px; }

    .menu-btn-wrapper, .menu-btn { top: 5px; }
    .menu-btn img { width: 70px; }
    .menu-sns .fab { font-size: 5rem!important; margin: 0 .384vw!important; }
    .menu-sns { position: absolute; top: 15px; left: inherit; right: 105px; }
    .menu-item-list ul.contents-menu-list li { padding: 1rem 0; }
    .menu-item-list ul.contents-menu-list li a { font-size: 1.92rem; }

    .sns-inside-menu .fab {
        font-size: 4.2rem;
        margin: 4.2rem 1.6rem;
    }

    div.discount-detail { padding: .3rem; }
    div.discount-detail p { font-size: 1.2rem; line-height: 1.6rem; }
    div.discount-price p { font-size: 2.14rem; }


    /*===============
    ページネーション
    ===============*/
    .page-link { font-size: 2.2rem; }
    .page-item .page-link { width: 4.4rem; height: 4.4rem; border-radius: 2.2rem; }
}