/* Responsive
-------------------------------------------------- */


/* Desktop large
------------------------- */
@media (min-width: 1200px) {
	.topC3mh {
	min-height: 380px;
	}
	[class*="span"] {
	margin-left:40px;
	margin-right:-20px;
	}
    .kamoku h4 {
        font-size: 130%;
    }
    .kamoku p {
        font-size: 90%;
    }

	#mapcss {
		width: 600px;
	}

}
/* Desktop
------------------------- */
@media (min-width: 980px) and (max-width: 1199px) {
	.topC3mh {
	min-height: 400px;
  }
	[class*="span"] {
	margin-left:30px;
	margin-right:-20px;
	}
	.navbar-inner3 > .container > ul >li {
		width:154px;
	}
	.navbar-inner3 > .container > ul > li > a {
		font-size: 90%;
	}

    .kamoku h3 {
        font-size: 100%;
    }
    .kamoku h4 {
        font-size: 100%;
    }
    .kamoku p {
        font-size: 80%;
    }

    .yobou li {
        font-size: 80%;
    }
    .last {
        display: none;
    }

	#mapcss {
		width: 600px;
	}
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
	.teikyubi table {
		font-size: 12px;
	}

	.topC3mh {
		min-height: 400px;
	}

	[class*="span"] {
		margin-left: 30px;
		margin-right: -20px;
	}

	.pull-left h2 {
		font-size: 110%;
/*		line-height: 120%;
*/	}

	#phonebox p {
		font-size: 110%;
	}

	#h2box {
		width: 250px;
	}


	#phonebox {
		width: 200px;
	}

	.navbar-inner3 > .container > ul > li {
		width: 118px;
	}

		.navbar-inner3 > .container > ul > li > a {
			font-size: 80%;
		}

	.kamoku h3 {
		font-size: 80%;
	}

	.kamoku h4 {
		font-size: 75%;
	}

	.kamoku p {
		font-size: 60%;
	}

	.zihi p {
		font-size: 60%;
	}

	.teikyubi .table td {
		font-size: 80%;
	}

	.topC3 p {
		font-size: 85%;
	}

	.yobou li {
		font-size: 70%;
	}

	#intro-main h3 {
		margin-left: 2px;
		margin-right: 2px;
	}

	#intro-main h4 {
		margin-left: 4px;
		margin-right: 4px;
	}

	#intro-main h5 {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#intro-main p {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#mapcss {
		width: 100%;
	}
}
	/* Tablet
------------------------- */
@media (max-width: 767px) {

	.navbar-inner3 > .container > ul > li > a {
		padding: 6px 0 3px 0;
	}

	.topC1 {
		padding-left: 20px;
	}

	.kamoku h3 {
		font-size: 100%;
		line-height: 100%;
		text-align: center;
		margin: 10px 0px 0px 0px;
	}

	.kamoku p {
		text-align: center;
		margin: 5px;
		font-size: 100%;
		line-height: 120%;
		font-weight: normal;
	}

	.phone_p p {
		font-size: 100%;
		line-height: 120%;
		text-align: center;
		font-weight: bold;
/*		margin: 0 0 5px 0;
*/	}

	#intro-main h3 {
		margin-left: 2px;
		margin-right: 2px;
	}

	#intro-main h4 {
		margin-left: 4px;
		margin-right: 4px;
	}

	#intro-main h5 {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#intro-main p {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#mapcss {
		width: 100%;
	}
/*	.visible-phone > p {
		line-height: 120%;
		font-size: 100%;
		text-align: right;
		font-weight: bold;
		margin: 6px 0px 0px 0px;
	}
*/
}


	/* Landscape phones
------------------------- */
@media (max-width: 480px) {

	.cliniclogo {
		font-size: 270%;
	}

	h1 {
		font-size: 90%;
		margin: 3px 0px 3px 5px;
	}


	.navbar-inner3 > .container > ul > li {
		width: 49%;
	}

		.navbar-inner3 > .container > ul > li > a {
			font-size: 100%;
		}

/*	.visible-phone > p {
		line-height: 120%;
		font-size: 100%;
		text-align: right;
		font-weight: bold;
		margin: 6px 0px 0px 0px;
	}
*/
	.oshirase li {
		font-size: 80%;
	}

	.kamoku h3 {
		font-size: 100%;
		line-height: 100%;
		text-align: center;
		margin: 10px 0px 0px 0px;
	}

	.carousel-caption {
		padding: 5px;
	}

		.carousel-caption p {
			font-size: 60%;
		}

		.carousel-caption h4 {
			margin: 0px;
			font-size: 80%;
		}

	.accesstop td, .accesstop th {
		font-size: 75%;
	}

	.accesstop .table-condensed th, .accesstop .table-condensed td {
		padding: 4px 0px;
	}

	#intro-main h3 {
		margin-left: 2px;
		margin-right: 2px;
	}

	#intro-main h4 {
		margin-left: 4px;
		margin-right: 4px;
	}

	#intro-main h5 {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#intro-main p {
		margin-left: 6px;
		margin-right: 6px;
		font-size: 85%;
	}

	#intro-main ul {
		margin-left: 9px;
	}

	#intro-main table {
		width: 100%;
	}

		#intro-main table td {
			font-size: 80%;
			margin: 0;
			padding: 0;
		}

	#intro-main .centerimg img {
		margin: 3px auto;
	}

	.bookstyle {
		width: 65%;
	}

	#mapcss {
		width: 100%;
	}
}