﻿/* CSS Document */

@media screen and (max-width:640px) {
    html {
        overflow: auto;
    }

    body {
        font-size: 14px;
        overflow: hidden;
    }

    body,
    #main,
    header,
    footer {
        min-width: 100%;
    }

        body.page #main .inner, body.archive #main .inner, body.single #main .inner, body.home #main .inner, body.error404 #main .inner {
            max-width: 100%;
        }

    html #wpadminbar {
        display: none;
    }

    .admin-bar {
        margin-top: -34px !important;
    }


    /*============================================================================

	#fotter

============================================================================*/


    .pagetop {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: -28px;
        bottom: auto;
    }

        .pagetop div {
            background-color: #567B03;
        }

            .pagetop div:hover {
                background-color: #fff;
            }

        .pagetop span::before,
        .pagetop span::after {
            border-color: #fff;
        }

        .pagetop:hover span::before,
        .pagetop:hover span::after {
            border-color: #567B03;
        }


    .footer_info_left,
    .footer_sche_area {
        float: none;
        width: auto;
    }

    .footer_info_left {
        text-align: center;
        margin-left: 0;
    }

    footer .left_clinic_box {
        width: auto;
    }

    .left_clinic dl,
    .left_clinic_img {
        float: none;
        width: auto;
        margin-bottom: 15px;
        text-align: center;
    }

    .left_clinic_img {
        max-width: none;
    }

    .left_clinic .schedule {
        padding: 0;
    }

    .footer_sche_area {
        margin-right: 0;
    }

    .footer_map {
        width: 100%;
    }

        .footer_map iframe {
            height: 300px !important;
        }

    .footer_sche_area .schedule {
        padding: 4%;
    }


    footer .schedule .tb01 {
        width: 100%;
    }

    .schedule_note {
        font-size: 12px;
    }




    .footer_info .inner {
        width: 88%;
        padding: 40px 6%;
    }

    .footer_info dl {
        float: none;
        width: 100%;
    }

        .footer_info dl dt {
            float: none;
            text-align: center;
            margin: 0 auto 30px;
            width: 24%;
            font-size: 12px;
        }

        .footer_info dl dd {
            width: 70%;
            font-size: 12px;
        }

    .footer_info_logo a,
    .footer_info_logo {
        height: auto;
    }

        .footer_info_logo img {
            width: 96px;
            height: 96px;
        }

    .footer_info_logo {
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }

    .footer_info dl dd {
        float: none;
        margin-left: 0;
        text-align: left;
    }

    .footer_info_overview_tel {
        padding-bottom: 20px;
    }

    .footer_info_left dd.footer_info_tel a {
        font-size: 9vw;
    }

    .footer_info_sche_time .schedule {
        padding: 6%;
    }

    .footer_info_sche_time .tb01 {
        width: 100%;
    }

    footer .schedule .tb01 tr:first-child td,
    footer .schedule .tb01 tr:first-child th {
        font-weight: normal;
    }

    .footer_info_sche_time .tb01 tr:first-child td,
    .footer_info_sche_time .tb01 tr:first-child th,
    .footer_info_sche_time .tb01 th:first-child {
        padding: 2% 3% 0 2%;
        font-weight: normal;
    }

    .footer_info_sche_time .tb01 th:first-child {
        text-align: left;
    }


    .footer_info_sche {
        float: none;
        width: 100%;
        font-size: 13.5px;
    }

        .footer_info_sche p {
            margin: 0;
        }

    .footer_info_ad {
        float: none;
        width: auto;
        margin-top: 20px;
        margin-right: 0;
        text-align: left;
    }

    .footer_info_ad_note {
        display: inline-block;
    }

    .footer_navi {
        display: none;
    }

    body.home .footer_map {
        height: auto;
    }

    .sp_navi_btn_area02 {
        position: fixed;
        width: calc(100% - 6px);
        z-index: 1;
        margin-left: 3px;
        bottom: 0;
    }

        .sp_navi_btn_area02 li {
            display: block;
            width: calc(100% / 2 ) !important;
            float: left;
            text-align: center;
            font-family: "TB荳ｸ繧ｴ繧ｷ繝�け DB",sans-serif;
        }

            .sp_navi_btn_area02 li a {
                display: block;
                color: #fff;
                width: 180px;
                height: 60px;
                line-height: 10px;
                margin: 2px;
                border-radius: 2px;
                font-size: 5vw;
                background: #fff;
                z-index: 3;
            }

            .sp_navi_btn_area02 li i {
                position: relative;
                font-size: 1.3em !important;
                top: 2px;
                left: -10px;
                color: #fff;
            }

            .sp_navi_btn_area02 li:nth-child(2) i {
                font-size: 1.6em !important;
            }

    .copy {
        margin-top: 0;
        height: 30px;
    }

        .copy small {
            line-height: 30px;
        }

    /*ついき*/
    #fotba {
        text-align: center;
    }
}