@charset "UTF-8";


/* 診療時間 */
#content .article .timetable .entry_title h3 {
	background: url(../info/images/icon_watch.gif) no-repeat left 0.6em;
	padding-left: 40px;
}
#content .timetable .sp_table {
	display: none;
}
#content .timetable table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #0056c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	table-layout: auto;
	margin-right: auto;
	margin-left: auto;
}
#content .timetable table thead {
	background: #d6e6fb;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#content .timetable table thead th {
	border-left: 1px solid #0056c0;
	width:10.5%;
}
#content .timetable .pc_table table tbody tr:last-child th {
	border-top: 1px dotted #0056c0;
}
#content .timetable .pc_table table th {
	color: #0056c0;
	padding: 0.8em 0em;
}
#content .timetable .pc_table table tbody td {
	font-size: 150%;
	text-align: center;
	border-left: 1px solid #0056c0;
}
#content .timetable .pc_table table tbody tr:last-child td {
	border-top: 1px dotted #0056c0;
}
#content .timetable .pc_table table tbody td.holiday_am {
	font-size: 100%;
	line-height:1;
	white-space: nowrap;
}
#content .timetable .pc_table table tbody td.holiday_am .maru {
	font-size: 150%;
	line-height:1;
}
#content .timetable .pc_table table tbody td.holiday_am .limit {
	font-size: small;
	line-height:0.5;
}

#content .timetable .batsu {
	color: #c43f10;
}
#content .timetable .sankaku {
	color: #0056c0;
}
#content .timetable p {
	font-weight: 500;
	text-align: center;
}
#content .timetable p.reserv strong {
	color: #c03200;
	border-bottom: 2px dotted #c03200;
}


/* 診療動物 */
#content .article .target .entry_title h3 {
	background: url(../info/images/icon_foot.gif) no-repeat left 0.7em;
	padding-left: 40px;
}
#content .target .animal {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#content .target .animal .target_img {
	margin-right: 30px;
}
#content .target .animal .animal_note strong {
	margin-right: 30px;
	color: #0056c0;
	border-bottom: 2px dotted #0056c0;
	display: inline-block;
	position: relative;
	padding: 0px 2em 0.3em 0px;
}
#content .target .animal .animal_note strong:after {
	content: "\025e3";
	position: absolute;
	right: 0px;
	bottom: -2px;
	font-size: 130%;
}


/* 往診 */
#content .article .visit .entry_title h3 {
	background: url(../info/images/icon_oshin.gif) no-repeat left 0.5em;
	padding-left: 35px;
}


/* 動物医療保険取扱 */
#content .article .insurance .entry_title h3 {
	background: url(../info/images/icon_heart.gif) no-repeat left 0.6em;
	padding-left: 40px;
}
#content .article .insurance ul li {
	display: inline-block;
	list-style: none;
	margin-right: 1.2em;
}
#content .article .insurance ul li:before {
	content: "";
	display: inline-block;
	background: url(../images/back_dot_b.gif) left center;
	height: 0.8em;
	width: 0.8em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 1ex;
}


/* しつけ教室 */
#content .article .training .entry_title h3 {
	background: url(../info/images/icon_hone.gif) no-repeat left 0.7em;
	padding-left: 40px;
}


/* トリミング */
#content .article .trimming .entry_title h3 {
	background: url(../info/images/icon_trim.gif) no-repeat left 0.7em;
	padding-left: 40px;
}
#content .article .trimming .trimming_detail .trimming_photo {
	float: right;
	width: 30%;
	margin: 0em 0em 1em 1em;
}
#content .article .trimming .trimming_detail .tel {
	text-align: center;
}
#content .article .trimming .trimming_detail .tel p {
	text-align: center;
	background: url(../images/back_dot_w.gif);
	padding: 5px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content .article .trimming .trimming_detail .tel strong {
	text-align: center;
	font-size: 150%;
	padding: 0.5em 1em;
	color: #0056c0;
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
#content .article .trimming .trimming_detail .tel strong span {
	font-size: larger;
	color: #0056c0;
}


/* ペットホテル */
#content .article .hotel .entry_title h3 {
	background: url(../info/images/icon_hotel.gif) no-repeat left 0.6em;
	padding-left: 40px;
}
#content .article .hotel .tel {
	text-align: center;
}
#content .article .hotel .tel p {
	text-align: center;
	background: url(../images/back_dot_w.gif);
	padding: 5px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content .article .hotel .tel strong {
	text-align: center;
	font-size: 150%;
	padding: 0.5em 1em;
	color: #0056c0;
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
#content .article .hotel .tel strong span {
	font-size: larger;
	color: #0056c0;
}


/* 取扱いカード */
#content .article .card .entry_title h3 {
	background: url(../info/images/icon_card.gif) no-repeat left 0.7em;
	padding-left: 45px;
}
#content .article .card ul li {
	display: inline-block;
	list-style: none;
	margin-right: 1.2em;
}
#content .article .card ul li:before {
	content: "";
	display: inline-block;
	background: url(../images/back_dot_b.gif) left center;
	height: 0.8em;
	width: 0.8em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 1ex;
}


/* 夜間救急動物医療センター */
#content .article .yakan .entry_title h3 {
	background: url(../info/images/icon_moon.gif) no-repeat left 0.6em;
	padding-left: 40px;
}
#content .article .yakan .yakan_animals {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#content .article .yakan .yakan_animals p {
	width: 48%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(50% - 15px);/*Chrome19~25対応*/
	width: -moz-calc(50% - 15px);/*Firefox4~15対応*/
	width: calc(50% - 15px);
}


@media screen and (max-width: 1199px) {
/* 診療時間 */
#content .article .timetable .entry_title h3 {
	background-position: left 0.7em;
	background-size: 24px;
	padding-left: 32px;
}
/* 診療動物 */
#content .article .target .entry_title h3 {
	background-position: left 0.7em;
	background-size: 24px;
	padding-left: 32px;
}
/* 往診 */
#content .article .visit .entry_title h3 {
	background-position: left 0.5em;
	background-size: 20px;
	padding-left: 30px;
}
/* 動物医療保険取扱 */
#content .article .insurance .entry_title h3 {
	background-position: left 0.5em;
	background-size: 20px;
	padding-left: 30px;
}
/* しつけ教室 */
#content .article .training .entry_title h3 {
	background-position: left 0.8em;
	background-size: 20px;
	padding-left: 30px;
}
/* トリミング */
#content .article .trimming .entry_title h3 {
	background-position: left 0.8em;
	background-size: 28px;
	padding-left: 35px;
}
/* ペットホテル */
#content .article .hotel .entry_title h3 {
	background-position: left 0.7em;
	background-size: 22px;
	padding-left: 30px;
}
/* 取扱いカード */
#content .article .card .entry_title h3 {
	background-position: left 0.8em;
	background-size: 30px;
	padding-left: 40px;
}
}

@media screen and (max-width: 767px) {
/* 診療時間 */
#content .timetable .pc_table {
	display: none;
}
#content .timetable .sp_table {
	display: block;
}
#content .timetable .sp_table table {
	width: 100%;
}
#content .timetable .sp_table table th {
	color: #0056c0;
	background: #d6e6fb;
	padding: 0.8em 0em;
}
#content .timetable .sp_table table td {
	font-size: 108%;
	text-align: center;
	padding: 0.7em 0em;
}
/* 診療動物 */
#content .target .animal {
	display: block;
}
#content .target .animal .target_img {
	margin: 0px 0px 1em;
}
#content .target .animal .animal_note {
	text-align: center;
}
#content .target .animal .animal_note strong {
	margin-right: 0px;
}
/* 動物医療保険取扱 */
#content .article .insurance .anicom img {
	width: 120px;
}
/* トリミング */
#content .article .trimming .trimming_detail .trimming_photo {
	width: 50%;
}
/* 夜間救急動物医療センター */
#content .article .yakan .yakan_animals {
	display: block;
}
#content .article .yakan .yakan_animals p {
	width: 100%;
	margin-bottom: 1em;
}
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 359px) {
}

