/***************************************
	タイトル
***************************************/
.left_menu #sidebar h2.title {
	background:url('../images/hotel/title.gif') no-repeat 5px 0;
	height:24px;
}

.box h3 {
	text-indent:-999em;
	width:694px;
	height:31px;
	margin-left:0;
	margin-right:0;
}

#price h3 {
	background:url('../images/hotel/price_title.gif') no-repeat 0 0;
}
#flow h3 {
	background:url('../images/hotel/flow_title.gif') no-repeat 0 0;
}
#reserve h3 {
	background:url('../images/hotel/reserve_title.gif') no-repeat 0 0;
}
#photo h3 {
	background:url('../images/hotel/photo_title.gif') no-repeat 0 0;
}

/***************************************
	診療時間
***************************************/

#price table {
	float:left;
	width:330px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
#price p {
	float:left;
	width:310px;
}



#flow {

	}

#flow dt {
	font-size: 18px;
	font-weight: bold;
	color: #738f35;
	border-bottom: 1px solid #738f35;
	margin-bottom: 20px;
	}

#flow dd {
	background: url(/images/hotel/nyoro.gif) no-repeat  center bottom;
	padding-bottom: 60px;
	margin-bottom: 20px;
	}

#flow dd.last {
	background: none;
	margin-bottom: 0;
	}



#reserve {

	}

#reserve .tel {
	margin-top: 40px;
	margin-left: 40px;
	font-size:24px;
	}

#reserve .mail {
	margin-left: 40px;
	font-size: 24px;
	}

#reserve dt {
	font-size:18px;
	font-weight: bold;
	color: #738f35;
	margin-top:40px;
	margin-bottom: 5px;
	}

#reserve ul {
	margin-left: 0;
	}
#reserve li {
	list-style-type: decimal;
	}


@media screen and (max-width: 768px) {
	.box h3 {
		background-size: contain !important;
		width: auto;
	}

	#price>div>div {
		width: 96% !important;
		margin-left: 2% !important;
	}

	#price table {
		width: 100%;
		margin-left: 0;
	}

	#price p {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#flow dl {
		margin: 1em 0;
	}

	#flow dd {
		background-size: 10px 33px;
		padding-bottom: 50px;
	}
	#flow dd p {
		width: 95% !important;
		float: none !important;
	}

	#flow dd img {
		float: none !important;
		margin: 0 auto;
	}

	#reserve .tel {
		margin-top: 20px;
	}
	#reserve .tel,
	#reserve .mail {
		margin-left: 2%;
		margin-right: 2%;
	}
	#reserve img {
		width: 95%;
		height: auto;
	}

	#reserve dl {
		margin-left: 2%;
		margin-right: 2%;
	}
	#reserve dt:first-child {
		margin-top: 10px;
	}

	#reserve dl ul {
		margin-right: 0;
		margin-left: 2em;
		list-style-position: outside;
	}
	#reserve dl ul li {
		margin-right: 0;
		margin-left: 0;
	}

	#photo {
		margin-bottom: 20px;
	}

	#photo p:nth-child(3) {
		margin-right: 2%;
		margin-left: 2%;
	}
	#photo img {
		width: 100%;
		height: auto;
	}
}