@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:#FFFFFF;}

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

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

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

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



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

#head #SpNavBlock #SpNav li.on{
	background:#3D994E;
}

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


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



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

.mid #titleArea{
	height:100px;
	padding-top:0;
	margin-top:75px;
	margin-bottom:20px;
	background:url(../images/midImg.png) #E4F6FF no-repeat left center;
	background-size: 80% auto;
}



#titleArea .titleVisual{ background:url(../images/midImg.png) no-repeat left center;
background-size:cover;
height:100px;
	padding-top:0;
	margin-top:97px;}





#titleArea h2{
	height:100px;
	text-align:right;
	font-size:110%;
	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 #E5F1D1;}


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

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

border: solid 1px #E5F1D1;	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5da548+0,3d994e+100 */
background: #5da548; /* Old browsers */
background: -moz-linear-gradient(top, #5da548 0%, #3d994e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5da548 0%,#3d994e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5da548 0%,#3d994e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da548', endColorstr='#3d994e',GradientType=0 ); /* IE6-9 */}



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

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

padding: 14px 0 14px 20px;
}


/* レイアウト内 H3 */

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

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

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:110%;}
#foot p{ margin-bottom:0.3em; font-size:85%;}
#foot .footLink{display:none;}
#foot .copyright{font-size:80%; }

#footArea .spInfoArea h3{font-size:110%; color:#3D994E; font-weight:bold;}
#footArea .spInfoArea h4:before{content:none;}
#footArea .spInfoArea h4.accessCar{background:url(../images/iconCar.png) no-repeat left 0.35em; padding-left:55px; margin-top:10px; font-size:105%;}
#footArea .spInfoArea h4.accessBus{background:url(../images/iconBus.png) no-repeat left 0.3em; padding-left:55px; margin-top:10px; font-size:105%;}
#footArea .spInfoArea ul li{margin-bottom:5px; font-size:98%;}






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

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

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


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

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/#f9c51a+0,ff9900+100 */
background: rgb(249,197,26); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,197,26,1) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,197,26,1) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,197,26,1) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c51a', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */


}

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

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




/* 電話ボタン*/
.link.btnTEL,
.links.spBtn  li.btnTEL{background:#3C93E0;}



/* 予約専用電話ボタン*/
.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/#a8262d+0,ad0711+100 */
background: rgb(168,38,45); /* Old browsers */
background: -moz-linear-gradient(top, rgba(168,38,45,1) 0%, rgba(173,7,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(168,38,45,1) 0%,rgba(173,7,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(168,38,45,1) 0%,rgba(173,7,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8262d', endColorstr='#ad0711',GradientType=0 ); /* IE6-9 */
	
}

/* 地図ボタン　アイコン変更例*/
.link.map,
.links.spBtn  li.map{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

border:#CCCCCC solid 1px; border-radius:5px;}

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

}


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

.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 個別ページレイアウト設定 */

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


/*　診療のご案内 ------------------------------------------------- */


.medicalBox{background:#EDF4ED; padding:20px;}
.housin p{width:35%; margin-bottom:5px;}
.housin p img{width:100%;}

#contentArea h3.textType{font-size:120%; margin-bottom:15px; margin-top:10px;
background:url(../images/hTagIcon.png) no-repeat left 0.6em; padding: 14px 0 14px 18px;}

#contentArea .medicalTitleBox{width:100%;}
#contentArea .medicalTitleBox dl{float:left; width:49%; margin-right:0%; padding-bottom:0px;}
#contentArea .medicalTitleBox dl:last-child{margin-right:0;}
#contentArea .medicalTitleBox dl dt img{width:100%;}
#contentArea .medicalTitleBox dl dd{background:url(../images/common/btnR.svg) no-repeat left 0.55em; font-size:90%; padding:4px 0 0 20px;}


/*　糖尿病専門外来 ------------------------------------------------- */

.yotubakai p{width:94%; margin-bottom:5px;}
.yotubakai p img{width:100%;}
.pl60{padding-left:0;}

table.listTable br{display:none;}

#contentArea .diabetesBox p.illustBlock{float:left; width:25%;}
#contentArea .diabetesBox p.illustBlock{margin-bottom:0;}
#contentArea .diabetesBox p.illustBlock img{width:100%;}
#contentArea .diabetesBox .textBlock{float:right; width:70%;}
#contentArea .diabetesBox .textBlock h4:before{content:none;}
#contentArea .diabetesBox .textBlock h4{font-size:108%; color:#3D894D; font-weight:bold; margin:0 0 5px 0;}
#contentArea .diabetesBox .textBlock p{margin-bottom:0.2em; line-height:1.5;}
#contentArea .diabetesBox .textBlock br{display:none;}




/*　スタッフ紹介 ------------------------------------------------- */

#contentArea .staffBox{width:100%;margin: 0 auto 20px;}
#contentArea .staffBox dl{float:left; width:48%; margin-right:0%; padding-bottom:0px;}
#contentArea .staffBox dl:last-child{margin-right:0;}
#contentArea .staffBox dl dt img{width:100%;}




/*　院内ツアー ------------------------------------------------- */


.clinic .inlineBlock.col2 .col{ width:100%;}
.clinic .inlineBlock.col2 .col{  margin-right:0%;}
.clinic .inlineBlock.col2 .col:nth-child(2n){ margin-right:0;}



/*　予約フッタボタン ------------------------------------------------- */



#yoyaku {

    width: 100%;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    transition: .3s;

}


.yoyaku2btn{ display:flex; justify-content: space-around; margin:0;}
.yoyaku2btn li{ width:100%; text-align:center; margin:0; }
.yoyaku2btn li.tel{ background:#6BC175 url(../images/btnTEL_Rwh.svg) no-repeat 0.5rem center; background-size:2rem; border-right:1px solid rgba(255,255,255,0.2); }
.yoyaku2btn li.yoyakulink{ background:#0079D1 url(../images/yoyaku_icon.svg) no-repeat 1rem center; background-size:1.8rem;}
.yoyaku2btn li.map{ background:#005d96 url(../images/common/icon_map_wh.svg) no-repeat 1rem center; background-size:1.6rem;}
.yoyaku2btn li a{ text-decoration:none; color: #FFF; font-weight:500; padding:15px 0; display:block;text-indent: 1rem;}




}