@charset "UTF-8";


/*共通
---------------------------------------------------------*/
.top_tit{
	margin-top: 5px;
}
.con{
	margin-bottom: 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.con{
	margin-bottom: 7%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.top_tit{
	margin-top: 1.5%;
}
.con{
	width: 95%;
	margin-bottom: 0;
}
}



/*アクセスマップ
---------------------------------------------------------*/
.map_big{
	margin-bottom: 40px;
}
.map_iframe iframe{
	background-color : #9d7e69;
	margin-bottom: 0px;
	width: 98%;
	padding: 1%;
}
.map_btn{
	text-align: left;
}
.map_small .map_tit{
	width: 14%;
	margin-left: 5%;
}
.map_small .map_img1{
	width: 30%;
	margin-left: 4%;
}
.map_small .map_img2{
	width: 42%;
	text-align: left;
	margin-left: 5%;
}
.map_small .map_img2 dl{
	margin-top: 10px;
}
.map_small .map_img2 dt{
	font-weight: bold;
	font-size: 15px;
	line-height: 1.8em;
}
.map_small .map_tit img,
.map_small .map_img1 img,
.map_small .map_img2 img{
	width: 100%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.map_big{
	margin-bottom: 8%;
}
.map_small .map_tit{
	width: 15%;
	margin-left: 3%;
}
.map_small .map_img1{
	width: 32%;
	margin-left: 3%;
}
.map_small .map_img2{
	width: 42%;
	margin-left: 5%;
}
.map_small .map_img2 dl{
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.map{
	margin-bottom: 13%;
}
.map_big{
	margin-bottom: 13%;
}
.map_iframe iframe{
	margin-bottom: 1%;
	padding: 1%;
}
.map_btn{
	text-align: center;
}
.map_btn img{
	width: 60%;
}
.map_small .map_tit{
	width: 30%;
	margin-left: 2%;
}
.map_small .map_img1{
	width: 60%;
	margin: 5% 0% 13% 8%;
}
.map_small .map_img2{
	width: 100%;
	text-align: left;
	margin-left: 0;
}
.map_small .map_img2 dl{
	margin-top: 3%;
}
.map_small .map_img2 dt{
	font-size: 4.5vw;
	line-height: 1.8em;
}
.map_small .map_img2 dd{
	font-size: 4vw;
	line-height: 1.6em;
}
}





/*診療時間
---------------------------------------------------------*/
.time .time_img{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.time .time_img .flt_l{
	width: 69%;
	text-align: left;
}
.time .time_img .flt_r{
	width: 28%;
	margin-left: 3%;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	color:#825436;
}
.time_text{
	text-align: left;
	margin-bottom: 25px;
}
.time_text p strong{
	color:#CC0000;
	font-weight: normal;
}
.time_text p span{
	color:#9D7E69;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.time .time_img{
	margin-bottom: 2%;
}
.time .time_img .flt_l{
	width: 100%;
	margin-bottom: 2%;
}
.time .time_img .flt_r{
	width: 100%;
	margin-left: 0%;
	font-size: 13px;
	line-height: 1.6em;
	margin-bottom: 2%;
}
.time_text{
	margin-bottom: 5%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.time .time_img{
	margin-bottom: 8%;
}
.time .time_img .flt_l{
	width: 100%;
	text-align: left;
	margin-bottom: 2%;
}
.time .time_img .flt_l img{
	width: 100%;
}
.time .time_img .flt_r{
	width: 100%;
	margin-left: 3%;
	font-size: 4.2vw;
	line-height: 1.6em;
}
.time_text{
	text-align: left;
	margin-bottom: 10%;
}
}





/*ご予約・お問い合わせ
---------------------------------------------------------*/
.yoyaku{
	width: 100%;
}
.yoyaku .flt_l{
	width: 72%;
	margin-right: 8%;
}
.yoyaku .yoyaku_box{
	padding: 10px 0;
	margin-bottom: 10px;
	border-top: 1px solid #DDDCD7;
	border-bottom: 1px solid #DDDCD7;
}
.yoyaku_text{
	text-align: left;
}
.yoyaku .yoyaku_img{
	width: 20%;
	float: right;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.yoyaku .yoyaku_box{
	padding: 3% 0;
	margin-bottom: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.yoyaku .flt_l{
	width: 100%;
	margin-right: 8%;
}
.yoyaku .yoyaku_box{
	padding: 2% 0;
	margin-bottom: 2%;
}
.yoyaku_text{
	margin-bottom: 5%;
}
.yoyaku .yoyaku_img{
	width: 100%;
}
.yoyaku .yoyaku_img img{
	width: 30%;
}
}