@charset "utf-8";
/* CSS Document */


@import url("sp_common.css");
@import url("spmenu.css");
@import url("sp_top.css");


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




/*  -------------------------------------------------------------------------------------------------------------------- */

/* SP レイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */


/* ヘッダー */
/*  ------------------------------------------------------------ */


#head{ background: #FFF;  transition: 0.2s;}
#head .spTop .spTopWrap{background:#fef6eb;}

#header{border-top: #f5b370 solid 5px;}

/* ヘッダ高さ*/
#header .logo{ height:65px; padding: 0 0 0 8px; text-align:left; float:none; }

#header .logo img{ width:auto; height:42px;}

0
/*ナビ位置*/
#head #SpNavBlock .menuBtn {
	right: 10px;
	top: 15px;
}

/*ナビ開閉時　背景位置*/
#head #SpNavBlock #SpNavWrapper { top:70px;}



/*ナビ onメニュー*/
/*  ------------------------------------------------------------ */

#head #SpNavBlock #SpNav li.on{
	background:#8dc21f;
}

#head #SpNavBlock #SpNav li.on a{
	color: #FFFFFF;
	background-image: url(../images/common/btnR_wh.svg) ;
}


#head #SpNavBlock #SpNav li a:hover{background-color:#ddedbc;}



/* ページBG*/
/*  ------------------------------------------------------------ */

.mid #titleArea{
	height:100px;
	padding-top:0;
	margin-top:70px;
	margin-bottom:20px;
	background:#fef4cb;
	background-size:cover;
}

.mid #titleArea .titleVisial{height:100px;background-size: cover;
}




#titleArea h2{
	height:100px;
	text-align:right;
	font-size:140%;
	font-weight:bold;
	color:#471F13;
	text-shadow: 3px 3px 1px #FFF,
    -3px 3px 1px #FFF,
    3px -3px 1px #FFF,
    -3px -3px 1px #FFF;
}

.mid #titleArea h2 img{ height:1.8em}




/* トップページ＆インフォエリア */
/*  ------------------------------------------------------------ */


/* 枠囲みブロック　ボーダーカラー */
.borderBlock{ border: 7px solid #daeab5;}


/* トップ・インフォエリア　Ｈタグ */


.top .newsinfo h3,
.spInfoArea h2{
	color:#FFFFFF; 
	padding:0.4em 0.5em 0.5em;
	font-weight:bold;

background:#F0903B;
}



/* Ｈタグ */
/*  ------------------------------------------------------------ */

/* メインタイトル */
h2.pageTitle{
font-size:110% ;

padding: 14px 0 14px 20px;
}


/* レイアウト内 H3 */

#contentArea h3{
	font-size:100%;
	background-position:-3px center;
	padding: 15px 0 15px 47px; 
}

/*基本要素要素 フォントサイズ */

dl.headingText dt{ font-size:100%; }
.tx-b{ font-size:110%;}

.spBtn{font-size:110%;}








/*フッター*/
/*  ------------------------------------------------------------ */
#footArea{ padding: 0 0;}

#foot{}
#foot .wrap{ padding: 1em 1%; background:none;}

#foot h2{ margin-bottom:0.3em; font-weight:bold; font-size:90%;}
#foot p{ margin-bottom:0.3em; font-size:80%;}

#foot .copyright{font-size:70%; }

#foot .spInfoArea h2



/*  ------------------------------------------------------------ */

/*スマホ用リンクボタン*/

/*  ------------------------------------------------------------ */


/*ボタン下マージン*/

ul.spBtn li{	margin-bottom:4px;}
ul.spBtn li:last-child{  margin-bottom:0em}
.spBtn{	margin-bottom:4px;}




/*基本ボタンカラー*/

.links.spBtn li,
.link.spBtn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+42,d5d8d9+62,e6e6e6+81 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #d5d8d9 62%, #e6e6e6 81%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 42%,#d5d8d9 62%,#e6e6e6 81%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 42%,#d5d8d9 62%,#e6e6e6 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
Color format:     Comments/* IE6-9 */

}



/*四角ボタンカラー*/

.links.spBtn li a,.link.spBtn a{	color:#FFFFFF;}

.link.map a,
.links.spBtn  li.map a{background-image:url(../images/common/btnSQ.svg) ; color: #333;

}


/* 電話ボタン*/
.link.btnTEL,
.links.spBtn  li.btnTEL{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed7700+4,f08b26+100 */
background: rgb(237,119,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,119,0,1) 4%, rgba(240,139,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(237,119,0,1) 4%,rgba(240,139,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(237,119,0,1) 4%,rgba(240,139,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7700', endColorstr='#f08b26',GradientType=0 ); /* IE6-9 */
}


/* 予約専用電話ボタン*/
.link.btnyoyakuTEL,
.links.spBtn  li.btnyoyakuTEL{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85298+0,b3195c+100 */
background: rgb(232,82,152); /* Old browsers */
background: -moz-linear-gradient(top, rgba(232,82,152,1) 0%, rgba(179,25,92,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,82,152,1) 0%,rgba(179,25,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,82,152,1) 0%,rgba(179,25,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85298', endColorstr='#b3195c',GradientType=0 ); /* IE6-9 */
}


/* 予約ボタン*/
.link.reserve,
.links.spBtn  li.reserve{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc21f+0,6fb11f+100 */
background: #8dc21f; /* Old browsers */
background: -moz-linear-gradient(top, #8dc21f 0%, #6fb11f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8dc21f 0%,#6fb11f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8dc21f 0%,#6fb11f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc21f', endColorstr='#6fb11f',GradientType=0 ); /* IE6-9 */


}

/* 地図ボタン　アイコン変更例*/
.link.map,.links .spBtn .map,
.links.spBtn  li.map{
border:#CCCCCC solid 1px; border-radius:5px;	
	 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+42,d5d8d9+62,e6e6e6+81 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #d5d8d9 62%, #e6e6e6 81%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 42%,#d5d8d9 62%,#e6e6e6 81%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 42%,#d5d8d9 62%,#e6e6e6 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
Color format:     Comments/* IE6-9 */;
}




/*ボタンカラー追加例*/

.links.spBtn.green li,
.links.spBtn li.green,
.link.spBtn.green{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

}





/*  -------------------------------------------------------------------------------------------------------------------- */

/* SP 個別ページレイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */


#contentArea h3.medicalTitle.title01,#contentArea h3.medicalTitle.title02,#contentArea h3.medicalTitle.title03{
	background-size:30px;
	padding-left:40px;}

#contentArea .width{min-width:100px;}

.medicalImg{text-align:center;}

/*交通アクセス-------------------------------------------*/

.googleMap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googleMap iframe,
.googleMap object,
.googleMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.gaikan{text-align:center;}

.news h2 {
	margin: 1em 0 0.8em;
}