@charset "UTF-8";

#clinic .inner {
	width: 860px;
	margin: 0 auto 0 auto;
}
#clinic .clinic-body {
	width: 860px;
	height: auto;
	margin: 50px auto 100px auto ;
}
#clinic .clinic-body iframe {
	width: 860px;
	height: 420px;
	display: block;
}
#clinic .clinic-item {
	display: block;
	width: 860px;
	height: auto;
	margin: 0;
}
#clinic .clinic-item {
	display: block;
	width: 860px;
	height: auto;
	margin: 0;
}
#clinic .clinic-item h3 {
	font-size: 18px;
	color: #222222;
	margin: 0 0 1rem 0;
}
#clinic .clinic-item .clinic-img {
	width: 400px;
	height: auto;
	float: left;
}
#clinic .clinic-item .clinic-img img {
	width: 100%;
	height: auto;
}
#clinic .clinic-item .clinic-text {
	width: 430px;
	height: auto;
	float: right;
	text-align: left;
}

#clinic .clinic-item .clinic-text ul.clinic-info {
	margin: 0 0 20px 0 ;
}
#clinic .clinic-item .clinic-text ul.clinic-info li {
	font-size: 15px;
	color: #222222;
	border-top:#F1ECDF 1px solid;
	margin: 0;
	padding: 10px 0 ;
}




/*------------ MAP -------------*/

#clinic .salon-map {
	width: 860px;
	height: auto;
	margin: 0 auto ;
}
#clinic .salon-map small {
	font-size: 12px;
	text-align: right;
}



@media (max-width: 599.98px) {
	
	

#clinic .inner {
	width: 96%;
	margin: 0 auto 0 auto;
}
#clinic .clinic-body {
	width: 100%;
	height: auto;
	margin: 0 auto 3rem auto ;
}
#clinic .clinic-body iframe {
	width: 100%;
	height: 420px;
	display: block;
}
#clinic .clinic-item {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#clinic .clinic-item h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #222222;
	margin: 0 0 1rem 0;
}
#clinic .clinic-item .clinic-img {
	width: 100%;
	height: auto;
	float: left;
}
#clinic .clinic-item .clinic-img img {
	width: 100%;
	height: auto;
}	
#clinic .clinic-item .clinic-text {
	width: 96%;
	height: auto;
	text-align: left;
	margin: 1rem auto 0 auto ;
}
#clinic .clinic-item .clinic-text  ul.clinic-info {
	margin: 0 0 20px 0 ;
}
#clinic .clinic-item .clinic-text ul.clinic-info li {
	font-size: 1em;
	margin: 0;
}
#clinic .clinic-item .clinic-text ul.clinic-info li a {
	font-size: 1em;
	color: #222222;
}


/*------------ MAP -------------*/

#clinic .salon-map {
	width: 100%;
	height: auto;
	margin: 0 auto ;
}
#clinic .salon-map small {
	font-size: 12px;
	text-align: right;
}


	
	
	
	
}