@charset "UTF-8";
/* CSS Document */
/*===================================================
    スマホ用土台作成用CSS
===================================================*/
/*//////////////////////////////////////////////////
    Base set
///////////////////////////////////////////////////*/
html,body {
    min-width: 0;
}
body {
    font-size: 12px;
}
/* マウスオーバーのスタイル */
a:hover {
    text-decoration: none!important;
    opacity: 1!important;
    -ms-filter: "alpha(opacity=100)"!important;
}

/*//////////////////////////////////////////////////
    Base layout(PC)
///////////////////////////////////////////////////*/
/* --------------------------------------------------
    ヘッダー(header)
-------------------------------------------------- */
header .headMenu > div {
    height: 85px;
    padding: 5px 10px;
    border-bottom: 2px solid #f5f2e9;
}
header .headMenu h1 {
    float: left;
    max-width: 208px;
    width: 60%;
}
header .headMenu .btnBoxSmt {
    float: right;
    display: block;
    padding-top: 10px;
}
    header .headMenu .btnBoxSmt li {
        display: inline-block;
        width: 50px;
    }
/* --------------------------------------------------
    ナビ
-------------------------------------------------- */
nav {
    display: none;
    position: absolute;
    top: 85px;
    width: 100%;
    z-index: 1;
    background: #f6f3ea;
}
    nav ul {
        overflow: hidden;
    }
        nav ul li {
            float: left;
            width: 50%;
            height: 60px;
            border-bottom:1px solid #dcd5bf;
        }
        nav ul li:nth-child(odd) {
            border-right:1px solid #dcd5bf;
        }
        nav ul li a {
            display: block;
            padding: 20px 0 20px 10px;
        }
        /*ホーム*/
        nav ul #gNav01 img {
            width:106px;
        }
        /*当院につい*/
        nav ul #gNav02 img {
            width:130px;
        }
        /*院長紹介*/
        nav ul #gNav03 img {
            width:115px;
        }
        /*診療のご案内*/
        nav ul #gNav04 a {
            padding: 20px 0 20px 2px;
        }
        nav ul #gNav04 img {
            width:138px;
        }
        /*年間スケジュール*/
        nav ul #gNav05 img {
            width:140px;
        }
        /*よくあるご質問*/
        nav ul #gNav06 img {
            width:136px;
        }
        /*採用情報*/
        nav ul #gNav07 img {
            width:115px;
        }
        /*ペットホテル*/
        nav ul #gNav08 img {
            width:128px;
        }

/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    タイトル
-------------------------------------------------- */
.ttl01 {
    margin-bottom: 15px;
    font-size: 19px;
}
    .ttl01 span {
        padding: 0 25px;
    }
    .ttl01 span:before {
        width: 14px;
        height: 14px;
        background-size: 14px auto;
    }
    .ttl01 span:after {
        width: 17px;
        height: 17px;
        background-size: 17px auto;
    }

/*    週間診療スケジュール表
-------------------------------------------------- */
.weeklyTbl {
    font-size: 11px;
}
.weeklyTbl th,
.weeklyTbl td {
    padding: 5px 1%;
}
.weeklyTbl th {
    width: 30%;
}
.weeklyTbl tbody tr th,
.weeklyTbl tbody tr td {
    font-size: 10px;
}
.weeklyTbl + p {
    margin:0.5em auto;
    font-size: 11px;
    text-align: left;
}
/*対象*/
.trgtBox dt {
    width: 18%;
    font-size: 11px;
}
.trgtBox dd {
    padding: 5px 10px;
    font-size: 11px;
}

/*    採用情報バナー
-------------------------------------------------- */
.bnrRecruit {
    padding: 0 10px;
}

/* --------------------------------------------------
    ページトップ
-------------------------------------------------- */
#pagetop {
    display: none;
    visibility: hidden;
    z-index: -9999;
}
/* --------------------------------------------------
    フッター(footer)
-------------------------------------------------- */
/* フッターメニュー */
footer .footMenu {
        overflow: hidden;
}
    footer .footMenu li {
        float: left;
        width: 50%;
        height: 60px;
        border-bottom:1px solid #dcd5bf;
    }
    footer .footMenu li:nth-child(odd) {
        border-right:1px solid #dcd5bf;
    }
    footer .footMenu li a {
        display: block;
        padding: 20px 0 20px 10px;
    }
    /*ホーム*/
    footer .footMenu #footMenu01 img {
        width:106px;
    }
    /*当院につい*/
    footer .footMenu #footMenu02 img {
        width:130px;
    }
    /*院長紹介*/
    footer .footMenu #footMenu03 img {
        width:115px;
    }
    /*診療のご案内*/
    footer .footMenu #footMenu04 a {
        padding: 20px 0 20px 2px;
    }
    footer .footMenu #footMenu04 img {
        width:139px;
    }
    /*年間スケジュール*/
    footer .footMenu #footMenu05 img {
        width:140px;
    }
    /*よくあるご質問*/
    footer .footMenu #footMenu06 img {
        width:136px;
    }
    /*採用情報*/
    footer .footMenu #footMenu07 img {
        width:115px;
    }
    /*ペットホテル*/
    footer .footMenu #footMenu08 img {
        width:128px;
    }
    footer .footMenu li span {
        display: none;
    }

footer .footBox {
    margin:0 auto;
    padding: 20px 10px;
}
    footer .footBox .leftBox,
    footer .footBox .rightBox {
        float: none;
        width: 100%;
    }
    footer .footBox .rightBox {
        margin-bottom: 20px;
    }
        footer .footBox .rightBox .weeklyTbl + p {
            text-align: center;
        }
    footer .footBox .leftBox dt {
        width: 165px;
        margin:0 auto 10px;
    }
    footer .footBox .leftBox dd {
        text-align: center;
    }
        footer .footBox .leftBox dd .tel {
            display: none;
        }

/*コピーライト*/
footer .copy {
    padding: 10px;
    font-size: 10px;
}