@charset "UTF-8";
/* CSS Document */

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.navbar-brand img{width: 200px;}
}
@media (min-width: 769px) {
}

/*pad*/
@media (max-width: 992px) {
.top-card-imagebox{height: 300px;}
}

/*sp*/
@media (max-width: 768px) {
.l-box{padding: 0 5px;}
.m-box,.s-box{padding-right:5px;padding-left:5px;}
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
footer{padding-bottom: 50px;}
footer hr{margin: 30px 20px 10px;}
#f-address img{margin: 0 0 20px;}
footer .col-xs{margin-top: 15px;}
footer h4{margin-top: 10px;}
#f-menu{padding: 0 20px;}
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 0, 0, 0, 0.6 );
z-index: 10000;
text-align: center;
}
.footer_area span{
width: 80%;
display: inline-block;
margin: 10px 5px;
border: 1px #fff solid;
padding: 5px;
color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: rgba( 0, 0, 0, 0.4 );
}
/*--top---*/
.top-card-imagebox{height: 150px;}
#top-card2{margin-top: 0;}
#top-card .col-md-4{margin-top: 15px;}
#history{text-align:left; margin: 50px 20px 0;}
.time-table2 td{width: 14.2%;}
#top-links li{margin: 3px; 5px;}
.doctor .col-md-9{margin-top: 20px;}
.time-table th,td{padding: 5px 0;}
.time-table th{padding-left: 5px;}
/*--diarysis--*/
#dialysis .box div{width: 100%;}
/*--facilities--*/
#ct h3{margin-top: 30px;}
/*--sick--*/
#sick .col-md-4{margin-top: 30px;}
#sick .col-md-4:first-child{margin-top: 0;}
#sick .row:first-child{margin-top: 0;}
.dock img{width: 50%;margin: 0 0 10px 10px;}
.pde5{width: 100%}
/*--kidney--*/
#kidney td{padding: 0px 5px;}
/*--study--*/
#study .time span{float: right;}
/*--book--*/
#book .col-md-3{text-align: center;}
#book .row img{width: 50%;}
#book h3{margin-top: 20px;}


}



/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
}
 
/* bace-size */
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }