@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:65px; padding: 0 0 0 8px; text-align:left;}

#header .logo img{ width:80%; height:auto; max-width: 320px;}


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

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



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

#head #SpNavBlock #SpNav li.on{
	background:#1F6693;
}

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


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






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

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



#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 #C5EBF7;}


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

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


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

/* メインタイトル */
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%;}







/*フッター*/
/*  ------------------------------------------------------------ */

#foot{background:#286199; border-top:none; color:#FFFFFF;}
#footArea{ padding: 0 0; font-size:96%;}

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

#foot h2{ margin-bottom:0.5em; font-size:105%; font-weight:600;}
#foot p{ margin-bottom:0.3em; font-size:90%;}

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

#footArea .spInfoArea h3{font-size:110%; color:#1F6693; font-weight:600; line-height:1.4; margin:15px 0 5px 0;}


#footArea .spInfoArea p.infoIcon{width:40%;margin-bottom: 5px;}
#footArea .spInfoArea p.infoIcon img{width:100%;}

#footArea .spInfoArea .colorGreen{color:#59C7BA}
#footArea .spInfoArea p.sq{margin-bottom:0.3em;}
#footArea .spInfoArea .infoBorder{border-top:1px dotted #0080CB; padding:10px 0; margin-bottom:15px;}

#footArea .spInfoArea p.iconTime{
	background:url(../images/iconTime.png) no-repeat left center; margin:0 0 5px 0;
	padding:0 0 0 23px; font-weight:600; background-size:auto 20px;}

#footArea .spInfoArea p.iconAccess{
	background:url(../images/iconTrain.png) no-repeat left center; margin:0 0 5px 0;
	padding:5px 0 5px 23px; font-weight:600; background-size:auto 20px; border-bottom:1px dotted #333333;}

.holiday{background:url(../images/iconHoliday.png) no-repeat left 0.16em; padding:2px 0 2px 60px;}


#footArea .spInfoArea .linksBtn02{margin:5px 0;}
.linksBtn02 li{width:45%; padding:2%;}
.linksBtn02 li img{width:100%;}
.linksBtn02 li{
/* 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;}

#foot .footLeft{width:100%; float:none;}
.pr10{padding-right:10px;}




/*フッター　固定表示ボタン */
/*  ------------------------------------------------------------ */

#yoyaku p{
    width:100%;
	position: fixed;
	z-index: 200; 
	bottom: 0;
	left: 0;
	transition: .3s;}

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




/*フッター　固定表示ボタン 再設定 */
/*  ------------------------------------------------------------ */


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

}

#yoyaku{
	display:flex;
	justify-content: space-around;
	margin:0;
}


#yoyaku li{
	width:100%;
	text-align:center;
	margin:0;
	background-color:#ff7fa4;
	background-repeat: no-repeat;
}

#yoyaku li:not(:last-child){border-right:1px solid rgba(255,255,255,0.2);}


#yoyaku li img{ height:40px;}
#yoyaku li a{ padding:15px 0px ; display: block; color:#FFFFFF; text-decoration:none; font-weight:500;}


#yoyaku .spBtn{ border-radius:0;}








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

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

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


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

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

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

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




/* 電話ボタン*/
.link.btnTEL,
.links.spBtn  li.btnTEL{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ccb97+1,3abe80+100 */
background: #5ccb97; /* Old browsers */
background: -moz-linear-gradient(top, #5ccb97 1%, #3abe80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5ccb97 1%,#3abe80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5ccb97 1%,#3abe80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ccb97', endColorstr='#3abe80',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/#ff7fa4+1,ff4362+100 */
background: #ff7fa4; /* Old browsers */
background: -moz-linear-gradient(top, #ff7fa4 1%, #ff4362 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7fa4 1%,#ff4362 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7fa4 1%,#ff4362 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7fa4', endColorstr='#ff4362',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 */

}



.link.spBtn.download{border:2px solid #3ABDE8; background:#FFF;}
.link.spBtn.download a{background-image:url(../images/iconDownload.png) ; color: #1F6693; line-height:1.3; font-size:90%;}

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




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

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

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


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

#contentArea .policyBox{margin:10px 0 20px 0; padding:0.6em 0.8em;}

#contentArea h3.imgType img{width:80%;}

#contentArea h4.textType{margin:5px 0 8px 0; font-size:130%;}

.medicalBox{padding:10px 0 10px 0;}
#contentArea h3.imgType2 img{ height:auto; width:90%; }

.medicalLeft{width:45%; float:none; margin:0 auto;}
.medicalLeft img{width:100%;}
.medicalRight{ width:100%; float:none;}

#contentArea h4.textType.iconMan{background:url(../images/iconMan.png) no-repeat left center; padding:10px 0 10px 70px; margin:0.5em 0; background-size:32px;}
#contentArea h4.textType.iconChild{background:url(../images/iconChild.png) no-repeat left center; padding:10px 0 10px 70px; margin:0.5em 0; background-size:32px;}

.vaccinationBox{ padding:10px 0;}





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

.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%;
}

#contentArea h3.typeTextH3{font-size:103%;}
#contentArea h3.typeTextH3 br{display:none;}


	
.iconParkingL{
	background-size: 28px auto; margin-bottom:12px;
	padding:1px 0 1px 35px; font-size:120%;}


	
	
/*アレルギー・喘息でお悩みの方へ-------------------------------------------*/


#contentArea h3.typeTextH3_2{
	background:none;
	border:none;
	font-size:110%;
	color: #1F6693;
	font-weight:600;
	margin:5px 0 10px 0;
	padding:0;
	line-height:1.3;}

.allergyBox{padding:3.5% 2.6% 4%;}
.allergyBox p br{display:none;}

#contentArea h4.textType2.no1_type2,#contentArea h4.textType2.no2_type2,#contentArea h4.textType2.no3_type2,#contentArea h4.textType2.no4_type2{background-size:24px;}
#contentArea h4.textType2{font-size:116%; padding:2px 0 3px 50px; margin:0 0 8px 0; }
#contentArea h4.textType2.textIndent0{text-indent:0; padding-left:30px;}

.promptBox{border:8px solid #F2EBE5; border-radius:5px; padding:0.8em 2.8%; margin:20px 0 30px 0; margin:20px 0;}
.prompt{background:url(../images/iconCaution.png) no-repeat left 0.1em; background-size:28px; padding:0px 0 0px 35px; color:#C1272D; font-weight:500; font-size:110%;margin: 0 0 10px 0;line-height: 1.3;}


.number{display:table; margin:60px auto 20px; width:auto;}
.number p img{ max-width:50px; height:auto; width:100%;}
.number p:first-child{ padding-right:1em;}

}