@charset "utf-8";
/*
20170123 
・iPhoneでトップイメージのheight:autoが聞いていない
→幅広画像になってしまっている

・診療案内の文字色を黒から、担当医診察時間一覧の赤に統一

・パンくずリストのデザイン

・３つの概要部にエフェクト

・バナー部 要素間の上下余白の設定


・ハンバーガーメニュー 20170204済
・ロゴの位置を上下中央にしたい 20170124解消
・box4を二つ並べてしまっているので上下間のマージンが重複している 20170203解消
・下部ロゴ配置　20170203解消
・トップ画像のスライド表示　済
*/


/*
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/

body{
	margin:0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/*20170120 added*/
/*
モバイルデバイス（iPad、iPhone等）でサイトを観覧時に、右側に空白ができてしまう時の解決策。
http://bashalog.c-brains.jp/15/06/26-170500.php
http://on-ze.com/archives/1902
*/
.wrap{
	width:100%;
	overflow:hidden;
}


/*サイト名*/
/*
.site h1 a {
	color:#000000;
	text-decoration:none;
}

.site h1{
	margin:0;
	font-size:30px;
}

.site_title a{
	color:#000000;
	text-decoration:none;
}
*/

.site_title{
	margin:0;
	font-size:30px;
}
/*ロゴ*/
.site_title img{
	border:none;
	/*added 20170118 w:250 h:38*/
	width:250px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
}


/*ナビゲーションのあったところ*/

/*ナビゲーションのあったところ*/








/*ヘッダー画像*/
.topimg{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
/*キャッチコピー*/
.catch{
	margin:0;
	background-color:rgba(255, 255, 255,0.7);
	font-size:28px;
}
/*ヘッダー画像にキャッチコピーを重ねる*/
.top{
	position:relative;
}
.catch{
	position:absolute;
	bottom:7%;
	left:3%;
}


/*概要*/
.gaiyou a{
	display:block;
	background-color:#222222;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
}
.gaiyou a:hover{
	opacity:0.8;
}

.gaiyou i{
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	font-size:38px;
}
.gaiyou .fa-database{
	background-color:#bfbd13;

}
/*下へ*/
.gaiyou .fa-info-circle{
	background-color:#75C1DD;
}


.gaiyou .fa-bar-chart-o{
	background-color:#c58839;
}
/*下へ*/
.gaiyou .fa-child{
	background-color:#E98587;
}

.gaiyou .fa-envelope{
	background-color:#859146;
}
/*下へ*/
.gaiyou .fa-phone-square{
	background-color:#E2BFD4;	
}

.gaiyou h1{
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	font-weight:normal;
}
.gaiyou p{
	margin-top:0;
	margin-bottom:0;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#524e3c;
	font-size:12px;
}



/*トップページの交通経路*/
/*gaiyouを改造*/

.top_gaiyou{
	height:222px;
  	border-radius:5px;
	text-align:center;/*added 20170201 中央化に変更*/
}
.top_gaiyou__keiro{/*交通経路*/
	background-color:#FAC186;
}
.top_gaiyou__shinryoujikan{/*診療時間*/
	background-color:#93CACF;
}
.top_gaiyou__yoyaku{/*ご予約*/
	background-color:#D1C9DF;
}


.top_gaiyou a{
	display:block;
	color:#ffffff;	
	text-decoration:none;
}
.top_gaiyou a:hover{
	opacity:0.8;
}

.top_gaiyou__titlearea{
	
	/*大きいとき=3列
	padding-left:20px;
	padding-right:20px;*/
	
	display:inline-block;/*added 20170201 中央化に変更*/
	vertical-align:bottom;
	
	height:111px;
	box-sizing:border-box;
}




.top_gaiyou__titlearea h1{/*h1はnormalizeされていないので初期化の必要あり*/
	padding-top:10px;
	padding-bottom:5px;
	margin:0;
	
	display:inline-block;/*added 20170201 中央化に変更*/
	vertical-align:bottom;	/*vertical-align:bottomを指定しないと、下部に余白が挿入されてしまう*/	
}
.top_gaiyou__titlearea__img{/*タイトル画像をブロック化*/
	display:block;
}
.top_gaiyou__titlearea__textarea{
	display:table;
	padding-top:5px;
}
.top_gaiyou__titlearea__textarea__logo{
	display:table-cell;
}
.top_gaiyou__titlearea__textarea__text{
	
	display:table-cell;	
	padding-left:10px;
	vertical-align:top;
	font-size:13px;

	
	line-height:1.2;
	
	/*added 20170201 中央化に変更*/
	width:140px;
	text-align:left;
		
}


/*下部詳細情報*/
.top_gaiyou__detailarea{
	/*このクラスの目的は
	１．上部目一杯に線を引く
	２．高さを一定にする　　こと。
	ボーダーを横一杯に引くため、display:inline-blockにはできない
	*/	
	/*なおtop_gaiyouでtext-align:centerが指定されているので、ここでも継承されている*/
	height:111px;
	border-top:solid 1px #ffffff;
	box-sizing:border-box;
	
	/*上下左右中央化のための措置１
	「ご予約」以外ではposition:absoluteが指定されていないので影響は無い
	*/
	position:relative;
}

.top_gaiyou__detailarea__inner{
	/*text-align:center;*//*配下がdisplay:inline-blockではないので効かない*/
	/*上下左右中央化のための措置２*/
	/*
	position:absolute;
	top:25%;
	left:25%;
	*/
	/*↑今回は用いず左右センタリング＋padding上指定のみとする*/
	padding-top:20px;
}

.top_gaiyou__detailarea__textarea{
	display:table;
	/*左右中央*/
	margin-right:auto;
	margin-left:auto;

}
/*フォームでお問い合わせ*/
.top_gaiyou__detailarea__textarea:nth-of-type(2){
	/*background-color:#ff0000;*/
	padding-top:3px;
}



.top_gaiyou__detailarea__textarea__logo{
	display:table-cell;

}
.top_gaiyou__detailarea__textarea__text{
	display:table-cell;	
	padding-left:10px;
	vertical-align:top;
	font-size:13px;
	line-height:1.2;
	
	width:150px;
	text-align:left;
		
}
.top_gaiyou__detailarea__textarea__text_phoneno{
	font-size:16px;
	font-weight:bold;
}



/*交通経路 地図*/
.top_gaiyou__detailarea__mapbg{
	background-color:#ffffff;
	/*
	border-left:solid 20px #FAC186;
	border-right:solid 20px #FAC186;
*/
}
.top_gaiyou__detailarea__mapbg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	max-width:319px;/*293px;*/
	max-height:100px/*92px;*/
	vertical-align:middle;
}


/*--------------------top_gaiyou内診察時間-----------------------*/
.timetable_outer{
	display:block;	
	padding:10px;	
	background-color:#93CACF;/*#1DB3DB;*/	
	border-radius:5px;	
}
.timetable{
	/*padding:10px;*/
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;
	color:#ffffff;

}
.timetable tr{

}
.timetable th{
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;/*左右幅はtdに依存させる*/
	border-bottom:1px solid #ffffff;
	line-height: 105%;
	text-align: center;
}

.timetable td{
 	padding:2px 3px;	
	font-size:13px;	
	text-align:center;
}

/*9:00-12:00*/
.timetable td span{
	font-size:13px;	
	/*font-weight:bold;*/
}

.timetable tr:nth-child(2) td{
	border:none;
}

/*一つ目のtd要素にだけ下線*/
.timetable tr:nth-child(1) td{
	border-bottom:1px solid #ffffff;
}

.timetable td:after{
	content:"";
	display:block;
	clear:both;
}

/*--------------------end top_gaiyou内診察時間-----------------------*/









/*お知らせ*/
.news{
	
	padding:20px;
	
	
	border:solid 1px #75C1DD;/*薄い青線rgba(117 ,193, 221, 0.2)*/
	border-radius:5px;

	box-shadow:2px 2px 5px rgba(117 ,193, 221, 0.2);
	 /* 右  下*//*#1DB3DB; rgba(29 ,279, 219, 0.2)*/

	
}
.news ul{
	margin:0;
	padding:0;
	list-style:none;
}

.news ul a{
	display:block;
	padding:5px;

	border-bottom:dotted 1px #75C1DD;
	color:#000000;
	font-size:14px;
	text-decoration:none;
}

.news ul a:hover{
	/*background-color:#eeeeee;*/
	text-shadow:2px 2px 3px #1DB3DB;
}


.a_animated{
	/*transition-duration:0.3s;	*/
}


.news time{
	/*margin-right:10px;*/
	color:#888888;
	/*font-weight:bold;*/
}



.news:after{
	content:"";
	display:block;
	clear:both;
}


/*added 20170123*/
.news__title__logo{
	padding:0;
	margin:0;
	padding-top:8px;/*上下中央寄せのため*/
	float:left;	
}


/*ロゴ上部に余白をもたせ上下中央寄せにしたい
ところが余白をもたせると下にめり込み、下のロゴが右によってしまう
そこで　liに下余白を設け、めり込みを回避している*/
.news li{
	margin-bottom:5px;
}
.news ul{
	margin-left:63px;/*左ロゴの分*/
	float:none;
}
/*20170303 暫定対処　firefox以外では「予定表」ロゴが右にずれる*/
.news ul:after{
	content:"";
	display:block;
	clear:both;
}


/*記事タイトル*/
.article__title{
	padding:0;
	margin:0;
	font-size:14px;
	color:#333333;
	text-decoration:none;
}
.news .text{
	width:auto;
}

.text_nowrap_dot{
	white-space:nowrap;
	/*http://monopocket.jp/blog/css/2866/
	空白文字の扱いを定義するプロパティ。
	nowrap を指定する事で、改行を半角スペースとして表示させる。
	これにより、文字列を 1 行におさめる。*/
	overflow:hidden;
	text-overflow: ellipsis;	
}





/*コンテンツページ向け　kiji オリジナル＋画像フロート------------------------------------------------*/
/*
タイトル(h1,h2のサイズ)
h2内のfontawesome　サイズ　プロパティ（影付きなど）　
それぞれ色は後で指定

*/

/*20170211 kiji内にはパンくずリスト、h1,h2（複数）全てが含まれており、pのコンテナが無く、floatができない
対策は以下↓*/
.kiji_container{
	display:block;
	box-sizing:border-box;
	color:#333333;
}

.kiji_container:after{
	content:"";
	display:block;
	clear:both;
}
.kiji_container_img{/*各記事の画像*/
	/*padding-right:10px; 20170216 ipadだと円形マスク時に右が欠けてしまうのでmarginに変更*/
	margin-right:10px;
	float:left;
	width:20%;
	height:auto;
}

/*20170223設置 リンクのデコレーションを排除*/
.kiji_container_link{
	text-decoration:none;
	color:#666666;
}
/*20201118 youtube依頼に基づき追加*/
.kiji_container_youtube{
	text-decoration:underline;
}
.kiji_container_item_kaisetsu{
	padding-bottom:3px;
}

/*20210601 お問い合わせタイトル内追加小文字*/
.kiji_container_title_sub{
	font-size:80%;
	font-weight:normal;
}

/*.kiji_container_youtube span:before{
	content:"[ ";
}
.kiji_container_youtube span:after{
	content:" ]";
}*/

	/*20170306追加*/
	.touinnitsuite .kiji_container_link{
		color:#75C1DD;
	}
	.touinnitsuite .kiji_container_link:hover{
		color:#999999;
	}
	/*20170307追加*/
	.access .kiji_container_link{
	color:#E98587;
	}
	.access .kiji_container_link:hover{
		color:#999999;
	}
	.kanrenshisetsu .kiji_container_link{
		color:#F09A84;
	}
	.kanrenshisetsu .kiji_container_link:hover{
		color:#999999;
	}	
	
		
	
/*20170219 産後のサポート内の画像は小さくする*/
/*
.kiji_container_item .kiji_container_img{
	width:15%;
	height:auto;
}
*/
/*20170223 .kiji_container_item .kiji_container_img を分散*/
.kiji_container_item_img{
	margin-right:10px;
	float:left;

}

	
	/*中くらい*/
	.w_middle{
		width:30%;
		height:auto;
	}
	.w_mini{
		width:15%;
		height:auto;
	}
	.inchou_sign{
		text-align:right;
	}
	.inchou_sign span{
		color:#666666;
		font-size:20px;

	}
	


	

/*20170216追加　診療内容の画像向け円形マスク*/
/*http://www.nishishi.com/css/trim-image-to-circle.html*/
.img_circled{
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
   /* width:  20%;*/       /* ※縦横を同値に */
    /*height: 20%;;   */    /* ※縦横を同値に */

}




/*20170218追加　コンテナ内のh3項目を含む細目コンテナ*/
.kiji_container_item:after{
	/*
	content:"";
	display:block;
	clear:both;
	*/
}

/*20170218 .kiji_container_item より移動ここではずさないとimgを含めたkiji_container_itemのマージンが生きない*/
.kiji_container_item p:after{
	content:"";
	display:block;
	clear:both;
}
.kiji_container_item{
	display:block;
	box-sizing:border-box;
	color:#333333;
	padding:0;
	margin-bottom:25px;
}


.kiji_container_item p{
  	max-width:640px;
	font-size:16px;/*もとは16pxみたい;*/
	letter-spacing:0.05em;
	/*ナチュラルマージンを無しに*/
	padding:0;
	margin:0;
}
/*20170301 お問合わせにて olはpタグに含まれないため同様の設定が必要となる*/
.kiji_container_item ol{
  	max-width:640px;
	font-size:16px;

	/*ナチュラルマージンを無しに*/
	margin: 0;
	padding:0.5em 0em 0.5em 1.5em;
}


/*20170306追加 access.htmlお車をご利用の場合*/
.kiji_body a{
  	text-decoration:none;
	color:inherit;
  }
  .access .kiji_body a{
	color:#E98587;
  }
  .kiji_body a:hover{
	color:#999999;
  }

  
/*主にh3的に*/
.kiji_container_item_title{
	display:inline-block;/*pの中に入れつつマージンも取りたいのでやむなく。後の改行必須*/

	margin:0;
	font-size:20px;
	font-weight:normal;

}

	.shinryouannnai .kiji_container_item_title{
		color:#F09A84;
	}

	.shinryouannnai .kiji_container_item_title{
		color:#F09A84;
	}
	.touinnitsuite .kiji_container_item_title{
		color:#75C1DD;
	}
	.otoiawase .kiji_container_item_title{
		color:#B68BB4;
	}	
	
	.access .kiji_container_item_title{
		color:#E98587;
	}
	.kanrenshisetsu .kiji_container_item_title{
		color:#F09A84;/*#FFCE00;*/
	}
	
	

.kiji_container_item_title i{
	font-size:18px;
	margin-right:3px;
}



.kiji_container:last-child{
	/*pのmargin-bottomと相殺されれば良いが、検証必要*/
	margin-bottom:20px;
}


.kiji_title{
	margin-top:0;
	margin-bottom:20px;
	/*padding-left:20px;
	border-left:solid 20px #75C1DD ;*//*#c50018;*//*コンテンツ別に設定する*/
	font-size:30px;/*36px;*/
	font-weight:normal;
}
	.shinryouannnai .kiji_title{
		color:#F09A84;
	}
	.touinnitsuite .kiji_title{
		color:#75C1DD;
	}
	.shujutsu .kiji_title{
		color:#47A06B;/*#96C8AC;#47A06B*/
	}
	  .toukei .kiji_title{
		   color:#47A06B;/*#75C1DD;*/
	  }
	.otoiawase .kiji_title{
		color:#B68BB4;/*#E2BFD4;*/
	}
	.access .kiji_title{
		color:#E98587;
	}
	.kanrenshisetsu .kiji_title{
		color:#F09A84;
	}

.kiji_title_img{/*klcのロゴ楕円*/

	height:25px;/*30px;*/	
	width:auto;
	margin-right:9px;/*h2 iの9+ぼかし2*/
	filter: drop-shadow(2px 2px 2px #cccccc);
	-webkit-filter: drop-shadow(2px 2px 2px #cccccc);
	-moz-filter:drop-shadow(2px 2px 2px #cccccc);

}

/*article class="kiji" が最も影響するのが以下h2に関する箇所*/

.kiji h2{
	margin-top:50px;
	
	/*background-color:#00ff00;*/
	margin-bottom:20px;
	/*margin-bottomはナチュラルマージンと同じなので、設定してもしなくても同じ*/
	
	border-bottom:solid 1px #dddddd;
	font-size:28px;
	font-weight:normal;
	

}

.kiji h2 i{
	margin-right:7px;
	text-shadow: 2px 2px 2px #cccccc;
	color:#75C1DD;/*コンテンツ別に設定する*/
}
	.shinryouannnai .kiji h2{
		border-color:#FDD6B3;/*#F09A84;*/
	}
	.shinryouannnai .kiji h2 ,
	.shinryouannnai .kiji h2 i{
		color:#F09A84;
	}
	
	.touinnitsuite .kiji h2{
		border-color:#75C1DD;
	}
	.shujutsu .kiji h2{
		border-color:#47A06B;/*#96C8AC;*/
	}
		.toukei .kiji h2{
			border-color:#47A06B;/*#75C1DD;*/
		}	
	.otoiawase .kiji h2{
		border-color:#E2BFD4;/*#B68BB4;*/
	}	
	.access .kiji h2{
		border-color:#E98587
	}	
	.kanrenshisetsu .kiji h2{
		border-color:#FDD6B3;/*#F09A84;*/
	}
	
	
	.touinnitsuite .kiji h2 ,
	.touinnitsuite .kiji h2 i{
		color:#75C1DD;
	}
	.shujutsu .kiji h2 ,
	.shujutsu .kiji h2 i{
		color:#47A06B;/*#96C8AC;*/
	}
		.toukei .kiji h2 ,
		.toukei .kiji h2 i{
			color:#47A06B;/*#75C1DD;*/
		}
	
	.otoiawase .kiji h2 ,
	.otoiawase .kiji h2 i{
		color:#B68BB4;
	}
	.access .kiji h2 ,
	.access .kiji h2 i{
		color:#E98587;
	}
	.kanrenshisetsu .kiji h2 ,
	.kanrenshisetsu .kiji h2 i{
		color:#F09A84;
	}	
	
	
	
/*
.kiji p{

  	max-width:640px;
	font-size:16px;
	letter-spacing:0.05em;

	margin-top:0;
	margin-bottom:20px;



}
*/
	/*↑は最終のpにしか影響しない
	上にある「pのmargin-bottom:20px」 vs その下の「h2のmargin-top:50px」
	で20pxは相殺され、marginは50pxとなる 
	最終のpは20pxの空きとなる
	参照：http://honttoni.blog74.fc2.com/blog-entry-231.html
	
	pの無いbox7-1では空きが全くなくなってしまうので問題となる
	*/
	
	
/*記事の明細(item）が無い単体の場合に使っている*/	
.kiji_body{
  	max-width:640px;
	font-size:16px;/*もとは16pxみたい;*/
	letter-spacing:0.05em;

	margin-top:0;
	margin-bottom:20px;

}

/*20170217追加*/
.kiji_body_mainsentense{
	font-size:17px;
	color:#666666;
	letter-spacing:0.025em;
  	line-height:1.55;
}



/*
.kiji .lead{
	font-size:20px;
	letter-spacing:0.05em;	
}
*/


/*.kiji .lead{*/
.lead{
	margin-top:0;
	margin-bottom:20px;
	letter-spacing:0.05em;	
	
	max-width:100%;
	font-size:20px;
	color:#666666;
	

	

}

.kijiimg{/*h1下の画像*/
	max-width:100%;
	height:auto;
	margin-bottom:10px;/*20px;*/
}



/*マルチカラム 現在未使用*/
.honbun{

	margin-top:40px;
	-moz-column-count:2;
	-moz-column-gap:40px;
	-webkit-column-count:2;
	-webkit-column-gap:40px;
	column-count:2;
	column-gap:40px;
}
/*kiji オリジナル＋画像フロート------------------------------------------------*/










/*20170227 スタッフ紹介--------------------------------------------------------*/
.staff_container{
	padding-top:20px;
	display:table;
	table-layout: fixed;	
	width:100%;		
}
	.staff_container_josanshi{
		/*border-bottom:solid 1px #F09A84;*/
		/*asideにてIBCLCの説明が付与されるのでそこで引く*/
	}
	

		
		
		
		.staff_container_hosoku{/*aside*/
			padding-left:130px;
			padding-bottom:15px;
						
			/*text-align:right;*/
			text-align:left;
			border-bottom:solid 1px #F09A84; 

		}
		.staff_container_hosoku p{
			margin:0;
			padding-top:5px;
			padding-bottom:0;
			display:inline-block;
			
			color:#D35840;
			font-size:14px;
			text-align:left;
			/*width:40%;20190322 以下追加変更*/
			width:50%;
			box-sizing:border-box;
			padding-right:20px;
		}
		
	
	.staff_container_kangoshi{
		padding-bottom:15px;
		border-bottom:solid 1px #B68BB4;
	}	
	.staff_container_kangojoshu{
		padding-bottom:15px;
		border-bottom:solid 1px #8F8FBE;
	}
	.staff_container_jimu{
		padding-bottom:15px;
		border-bottom:solid 1px #76A6D4;
	}	
	.staff_container_seisou{
		padding-bottom:15px;
		border-bottom:solid 1px #96C8AC;
	}
	/*20200623*/
	.staff_container_takuji{
		padding-bottom:15px;
		border-bottom:solid 1px #F09A84; 
	}
	.staff_container_chuubou{
		padding-bottom:15px;
		border-bottom:solid 1px #8F8FBE;
	}
	
			
	
.staff_container ul{
	list-style:none;
	margin:0;
	padding:0;
}
	
.staff_container_title{
	padding-top:5px;/*staff_container_personと合わせる*/
	padding-right:5px;	
	display:table-cell;
	vertical-align:top;	
	width:107px;

}
.staff_container_title img{
	-webkit-filter: drop-shadow(1px 1px 2px #cccccc);
}
.staff_container_persons:after{
	content:"";
	display:block;
	clear:both;
}
.staff_container_persons{/*ul*/
	display:table-cell;
	vertical-align:top;	

}

.staff_container_person{/*li*/
	padding-top:5px;
	padding-left:15px;/*10px;*/
	padding-bottom:0;
	float:left;
	line-height:1.35;
}
	/*20190322追加*/
	.staff_container_person_licence{
		margin-right:5px;
	}

	/*役職のない部門も幅統一　縦余白は不要*/
	
	/* 20180504看護師追加 助産師も念の為追加*/
	.staff_container_josanshi .staff_container_person{
		padding-top:0;
		width:162px;
	}
	
	.staff_container_kangoshi .staff_container_person{
		padding-top:0;
		width:162px;/*157px;*//*フォトショップで計測…*/
	}

	.staff_container_kangojoshu .staff_container_person{
		padding-top:0;
		width:162px;/*157px;*//*フォトショップで計測…*/
	}
	
	.staff_container_jimu .staff_container_person{
		padding-top:0;
		width:162px;/*157px;*//*フォトショップで計測…*/
	}
	

	
  	.staff_container_seisou .staff_container_person{
		padding-bottom:15px;
		padding-top:5px;
		/*width:157px;フォトショップで計測…*/		
		/*↑20190324 合わなくなったため幅を他に統一*/
		width:162px;
	}
  	.staff_container_takuji .staff_container_person{
		padding-bottom:15px;
		padding-top:5px;
		/*width:157px;フォトショップで計測…*/		
		/*↑20190324 合わなくなったため幅を他に統一*/
		width:162px;
	}
  	.staff_container_chuubou .staff_container_person{
		padding-bottom:15px;
		padding-top:5px;
		/*width:157px;フォトショップで計測…*/		
		/*↑20190324 合わなくなったため幅を他に統一*/
		width:162px;
	}
	

.staff_post{
	color:#666666;
	display:inline-block;	
	font-size:14px;
	vertical-align:bottom;
}
.staff_name{
	font-size:17px;
	color:#333333;
	letter-spacing:0.15em;
}
.staff_container_josanshi i:before{
	content:url(img/staffimg/staff_license_sosei_josanshi.png);
	vertical-align:top;
	margin-right:2px;
}
.staff_container_kangoshi i:before{
	content:url(img/staffimg/staff_license_sosei_kangoshi.png);
	vertical-align:top;
	margin-right:2px;
}
.staff_license{
	color:#666666;
	display:inline-block;
	font-size:14px;	
	vertical-align:top;

}



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

/*20170301 お問い合わせ------------------------------------------------------------*/

.otoiawase_tel{
	
}
.otoiawase_tel a{
	text-decoration:none;

	color:#B68BB4;
	padding:5px 0;
	font-size:22px;
	font-weight:bold;
}
.otoiawase_tel a:hover{
	color:#999999;
}
.soushinbtn{
	margin-top:5px;
	margin-bottom:5px;
	padding:6px 12px;
	border:solid 1px #E2BFD4;
	border-radius:5px;

	cursor:pointer;
	color:#ffffff;/*#E2BFD4;*/
	background-color:#B68BB4;
	/*font-weight:bolder;*/
	font-weight:bold;
	font-size:18px;	
	box-shadow:#E2BFD4 0px 0px 10px;

}
.soushinbtn:hover{
	opacity:0.8;
	/*スマホだと色が変わりっぱなしになるので廃止*/
}
.soushinbtn:focus{
	outline:none;/*chormeボタンクリック時青色枠線表示を回避*/
}
/*
.soushinbtn span{テキスト部 'MENU' を枠外へ追い出し非表示に
	display:inline-block;
	text-indent:-9999px;
}*/
.soushinbtn i{
	color:#eeeeee;/*#E2BFD4;*/
	font-size:20px;
	margin-right:8px;
}

/*フォーム関連*/


.otoiawase_form{
  /*-webkit-appearance: none;
  https://applian.jp/ios-input-invalid-css/*/

	padding:25px;
	border:solid 1px #cccccc;
	border-radius:15px;	
	background-color:#fcfcfc; 
	box-shadow:1px 1px 5px #efefef;
}
.otoiawase_form_item{
	padding-bottom:20px;
	width:100%;	

	
}

.otoiawase_form label{
	display:block;	
	/*color:#555555; 20170308変更*/
	color:#B68BB4;
	font-weight:bold;
	margin-right:10px;
	
}

.otoiawase_form_item input{
	display:block;
	font-size:18px;
	box-sizing:border-box;	
	width:100%;	

}
/*選択・非選択*/
.otoiawase_form_item input{
	border:solid 1px #D1C9DF;	
	padding:5px;
}
.otoiawase_form textarea{
	border:solid 1px #D1C9DF;
	padding:5px;
	box-sizing:border-box;	
}
.otoiawase_form textarea:focus,
.otoiawase_form input:focus{

	box-shadow:#D1C9DF 0px 0px 15px;

}


	.otoiawase_form #myname,	
	.otoiawase_form #myemail{
		max-width:400px;
	}
	.otoiawase_form #mytelno{
		max-width:300px;
	}
	.otoiawase_form #myage{
		max-width:50px;
	}
	.otoiawase_form textarea{
		width:100%;
		font-size:18px;
		box-sizing:border-box;	

	}
	#comment{
		height:200px;
	}

/*ボタン*/	
.otoiawase_form_btn_table{
	/*display:table;*/
	/*20170305 ieでボタンが縦並びになってしまったため、コメントアウト*/
}
.otoiawase_form_btn_table_item{
	/*display:table-cell;	*/
	/*20170305 ieでボタンが縦並びになってしまったため、コメントアウト*/

}
.otoiawase_form_btn{
	width:100px;
	/*20170305 ieでボタンが縦並びになってしまったため、コメントアウト（ナチュラルマージンらしい）*/
	/*margin-right:15px;*/
	
	padding:6px 12px;
	border:solid 1px #B68BB4;
	border-radius:5px;

	cursor:pointer;
	color:#ffffff;/*#E2BFD4;*/
	background-color:#B68BB4;
	font-weight:bolder;
	font-size:18px;	
	box-shadow:0px 0px 5px #B68BB4;

    /*-webkit-appearance: none;
    https://applian.jp/ios-input-invalid-css/*/

}

.otoiawase_form_btn:hover{
	opacity:0.8;
}

/*送信内容確認はフォームが二つ（中はボタンだけ）の構成なのでフォームをtable-cell化する*/
.otoiawase_form_table{
	display:table;
	
	/*20170308追加*/
    border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 15px 0;  /* 左右 上下で記述 */
	margin-top:15px;	
	margin-left:-15px;
}
.otoiawase_form_table_item{
	display:table-cell;
}


/*エラー表示*/
.otoiawase_error_area ul{

}
.otoiawase_error_area li{
	color:#ff0000;
}
/*20170309追加*/
.otoiawase_form_kakuninarea{
	padding:15px;
	border:#cccccc solid 1px;
	border-radius:15px;	
	background-color:#fcfcfc; 
	box-shadow:1px 1px 5px #efefef;	
}
.otoiawase_form_kakuninarea p{
	margin:5px 0;
}
.otoiawase_form_message{
	padding:5px 0;
	font-size:18px;
	color:#B68BB4;	
}


/*20170301 お問い合わせ end------------------------------------------------------------*/






/*20170304reservation 分娩予約(自動生成なので注意）--------------------------------------*/
/*調整にはbunbenyoyaku_ヒアドキュメント作成用.htmlを用いること*/
.bunbenyoyaku{
}

.reservation_container:after{
	content:"";
	display:block;
	clear:both;
}



.reservation_container{
	/*20170309追加*/

	
	padding:15px;
	border:#E2BFD4 solid 1px;
	border-radius:15px;	
	background-color:#fcfcfc; 
	box-shadow:1px 1px 5px #efefef;
	box-sizing:border-box;
	/*こいつがtableの中身の幅ではなく、100%になっているのが問題だ
	なぜか？→カラム落ちさせていても、inline-block化しても100%と扱われるみたい
	よってtableの塊を中央かさせるのは不可能
	*/

}

.reservation_table:after{
	content:"";
	display:block;
	clear:both;	
}

.reservation_table{	

	display:block;
	float:left;	

	/*20170309test 効果無し*/
/*	
	display:inline-block;
	vertical-align:top;
*/

	border-spacing:0;

	
	/*background-color:#f9f5f5;	20170308変更↓*/
	background-color:#ffffff;
	border:1px solid #cccccc;/*#f9f5f5;*/
	margin:5px;	
	padding:3px;	
	border-radius:5px;	
	/*box-shadow:0px 0px 20px #eeeeee;20170309*/
  	box-sizing:border-box;


	

}
.reservation_table th{
	/*↓20170216 への課題　下記なくてもなぜ大丈夫なのか？
	→tdでwidth:12.5%;が指定されているから*/
	/*width:14.2%;12.5%;*//*100/8*/	
	font-size:20px;/*18px;*/
	font-weight:normal;
	color:#994799;/*#E98587;*/
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;/*左右幅はtdに依存させる*/

	text-align: left;
	text-shadow:1px 1px 3px #cccccc;
	
}
.reservation_table td{
	
	font-size:18px;	
	vertical-align:middle;

	border-bottom:1px solid #EACED2;	
	line-height:1.5;
}
.reservation_table tr:last-child td{
	border:none;
}
td.reservation_day{
	padding-left:10px;
	text-align:right;
	color:#994799;/*#93323B;*/
}
td.reservation_num{
	padding-right:10px;	
	padding-left:5px;
	font-size:18px;/*18px;*/

	width:1.5em;
	color:#EA2654;
	text-align:right;
}

/*20170305*/
.bunbenyoyaku .komoji_num{
	font-size:11px;
}

.bunbenyoyaku p span.inchoucomment{
	color:#888888;

}
.bunbenyoyaku .updateday{
	font-size:15px;
	color:#B68BB4;
	vertical-align:top;
}
.reservation_addinfo{
	color:#EA2654;	
	font-size:17px;
	padding-left:5px;
}




/*end 20170304reservation 分娩予約---------------------------------------------------------*/


/*20170306 access--------------------------------------------------------------------------*/


/*end 20170306 access--------------------------------------------------------------------------*/



/*20170317 統計----------------------------------------------------------------*/
/*統計は別ページとし、メニュー、パンくずリスト,サイドメニューは非表示*/
/*.toukei .box7-2,*/
.toukei .bread,
.toukei .box2{
	display:none;
}
/*
.toukei .kiji_body{
	max-width:100%;
}

.toukei .box7-1{

	float:none;
	width:100%;
	padding-left:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;	

}
*/
.toukei .kijiimg{
	width:100%;
}


.toukei_close_btn{
	margin-top:25px;
 	 width:100%;
	
	padding:6px 12px;
	border:solid 1px #47A06B;/*#75C1DD*/
	border-radius:5px;

	cursor:pointer;
	color:#ffffff;/*#E2BFD4;*/
	background-color:#47A06B;/*#75C1DD;*/
	font-weight:bolder;
	font-size:18px;	
	box-shadow:3px 3px 10px #96C8AC;/*#75C1DD;*/
    /*-webkit-appearance: none;
    https://applian.jp/ios-input-invalid-css/*/
}
.toukei_close_btn:hover{
	opacity:0.8;
}




.toukei{
}
.toukei_item_btn{
	cursor:pointer;
	border:none;
	background-color:#ffffff;
	width:100%;
	text-align:left;
	display:block;
	padding:10px;
	border-bottom:solid 1px #47A06B;/*#75C1DD;*/
	color:#47A06B;/*#75C1DD;*/
	font-size:14px;
	text-decoration:none;
	
}
.toukei_item_btn:hover{
	background-color:#eeeeee;
}


/*選択されたボタンにjavascriptで以下クラスを付与する*/
.toukei_item_btn_selected{
	color:#cccccc;
}

/*20170317 end統計----------------------------------------------------------------*/

/*20170228 手術統計----------------------------------------------------------------*/
/*手術統計は別ページとし、メニュー、パンくずリスト,サイドメニューは非表示*/
.shujutsu .box7-2,
.shujutsu .bread,
.shujutsu .box2{
	display:none;
}
.shujutsu .kiji_body{
	max-width:100%;
}
.shujutsu .box7-1{

	float:none;
	width:100%;
	padding-left:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;	
	/*
	float:right;
	width:80%;
	padding-left:50px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	*/
}
.shujutsu .kijiimg{
	width:100%;
}
/*20170306追加閉じるボタン*/
.shujutsu_close_btn{
	/*margin-right:15px;*/
	
	padding:6px 12px;
	border:solid 1px #47A06B;
	border-radius:5px;

	cursor:pointer;
	color:#ffffff;/*#E2BFD4;*/
	background-color:#47A06B;
	font-weight:bolder;
	font-size:18px;	
	box-shadow:3px 3px 10px #96C8AC;
    /*-webkit-appearance: none;
    https://applian.jp/ios-input-invalid-css/*/
}
.shujutsu_close_btn:hover{
	opacity:0.8;
}
.shujutsu_close_btn_container{
	margin-bottom:15px;
}

/*20170228 end手術統計----------------------------------------------------------------*/





/*20170212　kijiをtable仕様に------------------------------------------------*/
.tabled_containerss{
	/*□■
	  □■*/
	padding-top:10px;
	padding-bottom:20px;
}

.tabled_containers{/*display:tableを内包するコンテナの基本設定*/
	/*□■*/
	display:table;
	table-layout: fixed;	
	width:100%;	
	/*
    border-collapse:separate;
    border-spacing:20px 10px;
	*/	

}

  .kakushukyoushitsu .tabled_containers{/*display:tabledの余白設定*/
      border-collapse:separate;/*td間を空ける*/
      border-spacing:10px 5px;/*10px 5px;*//*左右　上下*/	

  }
  .hiyou .tabled_containers{/*display:tabledの余白設定*/
      border-collapse:separate;/*td間を空ける*/
      border-spacing:5px 0px;左右　上下*/
	  	
  }
  /*設備*/

  .setsubi .tabled_containers{/*display:tabledの余白設定*/
       border-collapse:separate;/*td間を空ける*/
       border-spacing:10px 5px;/*10px 5px;*//*左右　上下*/	 	
  }     
  .setsubi .floorguide{/*display:tabledの余白設定*/	
       border-collapse;/*td間を空ける*/
       border-spacing:0 0;/*10px 5px;*//*左右　上下*/	
	   /*   
	border-top:solid 2px #BEE1F6;
	border-bottom:solid 2px #BEE1F6;	
	margin-bottom:30px;	 	*/
  }  
   
  
  

.tabled_container{
	/*□*/	
	display:table-cell;	
}




/*20201128 test*/
.tabled_container_test{
	/*□*/	
	width:50%;
	display:block;
	float:left;

	padding-right:30px;
	box-sizing:border-box;  
}
.tabled_container_test:after{
	content:"";
	display:block;
	clear:both;
}
  .kakushukyoushitsu .tabled_container_test{
	background-color:#ffffff;	
	box-shadow:3px 3px 20px #ffe0e0 ;

	box-sizing:border-box;  
  }
/* end 20201128 test*/





  .kakushukyoushitsu .tabled_container{
	background-color:#ffffff;	
	box-shadow:3px 3px 20px #ffe0e0 ;
	border-radius:5px;
	box-sizing:border-box; 
	/*margin-bottom:10px;*/
 }
 /*20201126 依頼により削除　暫定対応*/
  .kakushukyoushitsu .tabled_container .aki{
	  visibility:hidden;
 }
 
  .hiyou .tabled_container{
	background-color:#ffffff;
	box-shadow:3px 3px 20px #ffe0e0;
	/*border-radius:5px;*/
	box-sizing:border-box; 
	/*margin-bottom:10px;*/
	/*最下部の余白が窮屈*/
	padding-bottom:10px;
	/*padding-right:10px;*/

	
 }
 
  .setsubi .tabled_container{
	/*background-color:#ffffff;	
	box-shadow:3px 3px 20px #BEE1F6;#75C1DD ;*/
	box-sizing:border-box; 
	padding-bottom:10px;
 } 

  .setsubi .tabled_container_detail{
	/*box-shadow:0px 0px 20px #D7F2FF;*/
	box-shadow:0px 0px 20px #efefef;

 }

/*20170225 追加*/
.tabled_containers_title{
	margin-top:50px;
	margin-bottom:20px;

	font-size:28px;
	font-weight:normal;
}
.setsubi .tabled_containers_title{
	border-bottom:solid 1px #BEE1F6;
	color:#75C1DD;	
}

	
.tabled_containers_title i{
	margin-right:7px;
	text-shadow: 2px 2px 2px #cccccc;
}









.tabled_container_img{/*各記事の画像*/
	display:block;
	/*比率はw250 h190*/
	/*height:190px;
	width:auto;*/
	width:87%;/*75%;*/
	height:auto;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}


.tabled_item_title{
	margin:0;/*ナチュラルマージンがあるので初期化*/	
	font-size:18px;/*28px;*/
	font-weight:normal;	
	text-align:center;	 
}
	.shinryouannnai .tabled_item_title{
		color:#F09A84;	
		border-bottom:solid 1px #FDD6B3;/*少しだけ赤身*/				
	}
		.kakushukyoushitsu .tabled_item_title{
			padding:5px 5px;	  
	
		}
		.hiyou .tabled_item_title{
			padding-top:10px;
			padding-left:5px;
			padding-right:5px;  
		}
	.setsubi .tabled_item_title{
		color:#75C1DD;	
		border-bottom:solid 1px #BEE1F6;
	}
		.setsubi .tabled_item_title{
			
			padding-top:10px;
			padding-left:5px;
			padding-right:5px;  
		}
		

			

.tabled_item_title i{/*font awesome設定*/
	margin-right:7px;
	/*text-shadow: 2px 2px 2px #cccccc;*/
}
  .shinryouannnai .tabled_item_title i{/*font awesome設定*/
 	 text-shadow: 2px 2px 2px #cccccc;
	 color:#F09A84;
  }
  .setsubi .tabled_item_title i{/*font awesome設定*/
 	 text-shadow: 2px 2px 2px #cccccc;
	 color:#75C1DD;
  }
  

/*
.tabled h1{
	letter-spacing:0.05em;
	margin:0;
	margin-top:0;
	padding:5px;
}


.tabled p{
	font-size:14px;
	letter-spacing:0.05em;
	margin:0;
	margin-top:0;
	padding:5px;

}
*/
/*↓へ変更*/
.tabled_lead{
	letter-spacing:0.05em;
	margin:0;
	margin-top:0;
	/*padding:5px 0;*/
	
	max-width:100%;
	font-size:20px;
	/*color:#666666;	*/
	margin-bottom:20px;
}

	.shinryouannnai .tabled_lead{
		color:#666666;	
	}
	.setsubi .tabled_lead{
		color:#666666;	
	}

.tabled_body{
  	/*max-width:640px;*/
	font-size:14px;/*もとは16pxみたい;*/
	/*letter-spacing:0.05em;*/
	margin:0;/*ナチュラルマージンがある*/
	margin-top:0;
	padding:10px 15px;
	color:#333333;
	
	/*margin-bottom:20px;*/
	/*↑は最終のpにしか影響しない
	上にある「pのmargin-bottom:20px」 vs その下の「h2のmargin-top:50px」
	で20pxは相殺され、marginは50pxとなる 
	最終のpは20pxの空きとなる
	参照：http://honttoni.blog74.fc2.com/blog-entry-231.html
	
	pの無いbox7-1では空きが全くなくなってしまうので問題となる
	*/
}


/*
.tabled .lead{
}
*/


/*h1下の画像*/
/*
→kijiimgに統合
.tabledimg{
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}
*/



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



/*----コンテンツ別色設定-----*/


/*
.shinryouannnai .kiji h1{
	border-color:#FDD6B3;
}

.shinryouannnai .tabled h1,
.shinryouannnai .kiji h1,
.shinryouannnai .kiji h2 ,
.shinryouannnai .kiji h2 i{
	color:#F09A84;
}
*/


/*
.shinryouannnai .sidemenu{
	border-color:#FDD6B3;
}
.shinryouannnai .sidemenu h1 ,
.shinryouannnai .sidemenu h1 i{
	color:#F09A84;

}
.shinryouannnai .sidemenu li a {
	color:#F09A84;
	border-color:#FDD6B3;
}
*/
/*----end コンテンツ別色設定-----*/


/*-----doctortable-----------------------------------*/
.doctortable_addinfo{
	color:#9B5E2C;
	font-size:15px;
	padding-left:5px;

}

/*
.doctortable_addinfo:first-letter{
	font-size:100px;
}
*/
.doctortable_outer{
	display:block;

	padding:3px;	
	border-radius:5px;	
	box-shadow:3px 3px 20px #ffe0e0 ;/*#ffe0e0 #feeeee;*//*少しだけ赤身*/	

}
.doctortable{
	/*padding:10px;*/
	width:100%;		
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;


}	
.doctortable tr{

}
.doctortable th{
	/*↓20170216 への課題　下記なくてもなぜ大丈夫なのか？
	→tdでwidth:12.5%;が指定されているから*/
	/*width:14.2%;12.5%;*//*100/8*/	
	font-size:18px;
	font-weight:normal;
	color:#E98587;
	padding-top:5px;
	padding-bottom:5px;/*左右幅はtdに依存させる*/
	border-bottom:1px solid #EACED2;
	border-right:solid 1px #EACED2;	
	line-height: 105%;
	text-align: center;
	background-color:#f9f5f5;
}
.doctortable .tue{
	background-color:#feeae5;
}
.doctortable .thu{
	background-color:#feeae5;
}


.doctortable .kyuushin{
	color:#F09A84;
}


.doctortable td{
	width:12.5%;/*100/8*/
 	padding:2px 3px;	
	font-size:18px;	
	text-align:center;
	color:#93323B;
	border-right:solid 1px #EACED2;
	border-bottom:1px solid #EACED2;
	background-color:#f9f5f5;	
	line-height:1.2;
}

.doctortable_katagaki{/*東大講師 医師*/
	font-size:13px;
}

.doctortable_hutarime{/*1枠に2名の場合*/
	display:inline-block;
	padding-top:5px;
}

.doctortable td span:first-child{/*医師の行を上付きに*/
	vertical-align:bottom;
}
.doctortable td span:last-child{/*医師の行を上付きに*/
	vertical-align:top;
}
.doctortable_hosoku{
	font-size:13px;
	line-height:1.0;
	text-align:left;
	padding-left:10px;

}

.doctortable_time{
	font-size:15px;	
	/*text-aligj:left;*/
	text-align:right;/*20170221効いてないみたいだが良し*/
}
.doctortable_time_strong{
	font-size:18px;
}
.doctortable tr:nth-child(2) td{
	/*border:none;*/
}

/*一つ目のtd要素にだけ下線*/
.doctortable tr:nth-child(1) td{
	/*border-bottom:1px solid #ffffff;*/
}

.doctortable td:after{
	content:"";
	display:block;
	clear:both;
}
/*-----end doctortable-----------------------------------*/







/*-----kenshintable-----------------------------------*/



.kenshintable_outer{
	display:block;
	/*検診日程下部の余白が必要なので*/
	margin-top:5px;
	padding:3px;	
	border-radius:5px;	
	box-shadow:3px 3px 20px #ffe0e0 ;/*#ffe0e0 #feeeee;*//*少しだけ赤身*/
}
.kenshintable_addinfo{
	color:#9B5E2C;
	font-size:15px;
	padding-left:5px;

}
/*20170221 モバイル時にのみ表示し、通常を非表示とする*/
.kenshintable_outer_for_mp{
	display:none;
	margin-top:5px;
	padding:3px;	
	border-radius:5px;	
	box-shadow:3px 3px 20px #ffe0e0 ;	
}

.kenshintable_addinfo_for_mp{
	display:none;
	color:#9B5E2C;
	font-size:15px;
	padding-left:5px;

}


.kenshintable{
	/*padding:10px;*/
	width:100%;		
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;
}	
.kenshintable tr{

}
.kenshintable th{

	font-size:16px;/*18px;*/
	font-weight:normal;
	color:#E98587;
	padding-top:10px/*5px*/;
	padding-bottom:10px;/*5px*//*左右幅はtdに依存させる*/

	
	border-bottom:1px solid #EACED2;
	border-right:solid 1px #EACED2;	
	line-height: 105%;
	text-align: center;
	background-color:#f9f5f5;
}

/*時間項目は最低限の幅を設ける*/
.kenshintable .standard_width{
	min-width:64px;
	text-align:center;
}

.kenshintable td .weeks{
	color:#9B5E2C;
	font-size:1.05em;
	line-height:1.5;

}
.kenshintable td .myinterval{
	color:#B57266;
	line-height:1.5;
}




.kenshintable td{
	/*width:20%;*/
	padding:10px;
	font-size:16px;	
	text-align:left;

	color:#93323B;
	
	border-right:solid 1px #EACED2;
	/*border-bottom:1px solid #EACED2;*/
	background-color:#f9f5f5;	
	line-height:1.25;
	box-sizing:border-box;
}

/*検診説明を含むtdは背景色を変えて、下線を引く*/
.kenshintable .kenshintable_td_includes{
	background-color:#feeae5;	
	border-bottom:1px solid #EACED2;
}
/*下線を引く*/
.kenshintable .kenshintable_td_bbm{	
	border-bottom:1px solid #EACED2;
}

/*最終行は全て下線を引く*/
.kenshintable tr:last-child td{
	border-bottom:1px solid #EACED2;
}
/*trの最初に項目が無いものもあるためボツ
.kenshintable tr td:first-child{
	border-bottom:1px solid #EACED2;
}
*/
/*
.kenshintable td span:first-child{医師の行を上付きに
	vertical-align:bottom;
}
*/
/*
.kenshintable td span:last-child{医師の行を上付きに
	vertical-align:top;
}
*/
/*
.kenshintable_hosoku{
	font-size:13px;
	line-height:1.0;
	text-align:left;
	padding-left:10px;

}
*/

.kenshintable_time{
	font-size:15px;	
	text-aligj:left;
}
/*
.kenshintable_time_strong{
	font-size:18px;
}
*/


/*floatは用いていない
.kenshintable td:after{
	content:"";
	display:block;
	clear:both;
}
*/

/*-----end kenshintable-----------------------------------*/















/*パンくずリスト*/
.bread{
	margin-bottom:20px;
}
.bread ol{
	margin:0;
	padding:0;
	list-style:none;
}
.bread li a{
	display:inline-block;
	/*padding:5px*/;/*20170206 要検討*/
	color:#666666;/*20170307変更#000000;*/
	font-size:14px;
	text-decoration:none;
}
.bread li a:hover{
	background-color:#eeeeee;
}
.bread ol:after{
	content:"";
	display:block;
	clear:both;
}
.bread li{
	float:left;
	width:auto;
}
.bread li:after{
	content:"\003e";
	margin-left:10px;
	margin-right:10px;
	color:#888888;
}
	/*最終列は自分なので選択させない*/
	.bread li:last-child a{
		background-color:inherit;
		cursor:default;
	}

/*-----サイドメニュー----------------------------------------*/
.sidemenu{
	border-top:solid 3px;
	border-bottom:solid 3px ;	
}
	.shinryouannnai .sidemenu{
		border-color:#FDD6B3;/*#F09A84;*/
	}
	
	.touinnitsuite .sidemenu{
		border-color:#75C1DD;/*#F09A84;*/
	}
		.toukei .sidemenu{
			border-color:#47A06B;/*#75C1DD;*/
		}	
	.otoiawase .sidemenu{
		border-color:#E2BFD4;/*#B68BB4;*//
	}	
	.access .sidemenu{
		border-color:#ED9DAD;
	}	
	.kanrenshisetsu .sidemenu{
		border-color:#FDD6B3;/*#F09A84;*/
	}
	

.sidemenu h1{
	margin:0;
	padding:10px;
	font-size:16px;
	font-weight:normal;
	color:#75C1DD;
}
.sidemenu h1 i{
	margin-right:5px;
	color:#75C1DD;/*#8abc60;*/
	font-size:larger;
}
.sidemenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sidemenu li a{
	display:block;
	padding:10px;
	border-bottom:solid 1px #75C1DD;
	color:#75C1DD;/*#000000;*/
	font-size:14px;
	text-decoration:none;
}
/*20180125追加 出産統計まとめ表示をshussan.htmlに追加 本ファイルのこの部分以外はjavascrptで画像読み込み。一方ここは通常リンク。
通常リンクだと他ページと同様水色になってしまうので色のみ指定追加　他リンクと同様緑とする*/
.sidemenu .sidemenu_matomelink {
	color:#47A06B;
}
/*ウェブフォントアイコンの分左マージンを設ける*/
.sidemenu .sidemenu_matomelink span {
	margin-left:5px;
}


/*外枠と重なって線が太く見えるので*/
.sidemenu li:last-child a{
	border-bottom:none;
}
.sidemenu li a:hover{
	background-color:#eeeeee;
}

	
	/*sidemenu選択状況*/
	.shinsatsunaiyou .sidemenu li:nth-child(1) a,	
	.shinryoukamoku .sidemenu li:nth-child(2) a,
	.shinryoujikan .sidemenu li:nth-child(3) a,	
	.kakushukyoushitsu .sidemenu li:nth-child(4) a,
	.kakushuservice .sidemenu li:nth-child(5) a,
	.hiyou .sidemenu li:nth-child(6) a,
	.touinnitsuite_top .sidemenu li:nth-child(1) a,
	.setsubi .sidemenu li:nth-child(2) a,
	.staff .sidemenu li:nth-child(3) a,
	.access_keiro .sidemenu li:nth-child(1) a,
	.access_keiro .sidemenu li:nth-child(1) a,
	.access_map .sidemenu li:nth-child(2) a,
	.otoiawase_denwa .sidemenu li:nth-child(1) a,	
	.otoiawase_mail .sidemenu li:nth-child(2) a,	
	.bunbenyoyaku .sidemenu li:nth-child(3) a,	
	.kanrenshisetsu_iryou .sidemenu li:nth-child(1) a,
	.kanrenshisetsu_kyoushitsu .sidemenu li:nth-child(2) a{
		color:#999999;
		background-color:inherit;
		cursor:default;		
	}

	


	/*コンテンツ別色設定*/

	.shinryouannnai .sidemenu h1 ,
	.shinryouannnai .sidemenu h1 i{
		color:#F09A84;
	
	}
	
	.otoiawase .sidemenu h1 ,
	.otoiawase .sidemenu h1 i{
		color:#B68BB4;
	}
	.access .sidemenu h1 ,
	.access .sidemenu h1 i{
		color:#E98587;
	}
	.kanrenshisetsu .sidemenu h1 ,
	.kanrenshisetsu .sidemenu h1 i{
		color:#F09A84;
	}	
		.toukei .sidemenu h1 ,
		.toukei .sidemenu h1 i{
			color:#47A06B;/*#75C1DD;*/
		}
	.shinryouannnai .sidemenu li a {
		color:#F09A84;
		border-color:#FDD6B3;
	}
	.otoiawase .sidemenu li a {
		color:#B68BB4;
		border-color:#E2BFD4;/*#B68BB4;*//
	}
	.access .sidemenu li a {
		color:#E98587;
		border-color:#ED9DAD;
	}
	.kanrenshisetsu .sidemenu li a {
		color:#F09A84;
		border-color:#FDD6B3;
	}
	/*統計(.toukei)についてはリンクではなくボタンなので別途設定する*/


/*20170228 出産統計及び手術統計は外部リンクにするのでそれらしきマークを…*/
.touinnitsuite .sidemenu li a i {
	margin-right:5px;
}
	
	
	
/*-----end サイドメニュー----------------------------------------*/




/*バナーエリア*/
.bannerarea{
		text-align:center;
		margin:0;
		padding:0;

}

.banners{
	display:inline-block;
	vertical-align:middle;

	/*table-layout:fixed;子要素のtable-cellの幅を均等にする*/
	/*余白を幅に含める
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	text-align:left;
	*/		
}
/*
.banners:nth-child(2), .banners:nth-child(3){
	padding-top:10px;
}
*/

.banners__item{
	/*display:table-cell;*/
	padding-right:10px;
	
}
.banners__item img{
	margin:0;
}

.banners__item>a{
	display:block;
	text-align:center;
	color:#000000;
	text-decoration:none;
}
	  



/*コピーライト*/
.copyright p{
	margin:0;
	color:#ffffff;/*#666666;*/
	font-size:14px;
}






/*--費用-------------------------------------------------*/

/* tabled_containerに集約
.costtable_containerss{

}

.costtable_containers{
	background-color:#0000ff;	

	display:table;
	table-layout: fixed;
    border-collapse:separate;
    border-spacing:20px 10px;
	width:100%;
}

.costtable_container{
	background-color:#00ff00;

	display:table-cell;	

}

.costtable_item_title{
	text-align:center;
	margin:0;
	padding:5px 5px;
	border-bottom:solid 1px #feeeee;
	font-size:18px;
	font-weight:normal;	

}
*/

/*
.costtable_outer{
	background-color:#ff0000;
	display:block;	
}
*/



.costtable{
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;
	padding-top:3px;

}
/
.costtable tr{

}
/*
.costtable th{20170210現在未使用
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px; 左右幅はtdに依存させる
	border-bottom:1px solid #ffffff;
	line-height: 105%;
	text-align: center;
}
*/
.costtable td{
 	padding:2px 3px;	
	/*font-size:14px;	*/
	/*20170307変更*/
	font-size:16px;
	
	color:#93323B;/*color:#000000;*/	
	text-align:center;
	vertical-align:bottom;
	border-bottom:1px solid #FDD6B3;

}

.costtable aside{
		color:#9B5E2C;/*color:#666666;*/
	font-size:12px;
	text-align:right;
	padding-top:3px;
}


.costtable td:first-child{
	text-align:left

}
.costtable td:last-child{
	text-align:right;
}

.costtable tr:last-child td{
	border:none;
}


/*20170312緊急追加*/
/*
.vbac{
	line-height:1.3;
}
.vbac_size{
	font-size:12px;
}
*/
.costtable_include_detail{
	line-height:1.3;
}
.costtable_include_detail span{
	font-size:12px;
}




/*9:00-12:00
.costtable td span{
	font-size:13px;	
}
*/
/*
.costtable tr:nth-child(2) td{
	border:none;
}

一つ目のtd要素にだけ下線
.costtable tr:nth-child(1) td{
	border-bottom:1px solid #ffffff;
}
*/


/*--end 費用-------------------------------------------------*/

/*ボックスの左右*/
/*.boxA , .box4 , .box5, .box6{*/
/*added 20170203 box001*/
/*20170205 コンテンツページ向け追加*/
/*boxA , .box4 , .box5, .box6, .box001{*/
.boxA , .box4 , .box5, .box6, .box001 , .box7{
	padding-left:15px;
	padding-right:15px;
}
/*ボックス　上下*/
.boxA{

	padding-top:20px;
	padding-bottom:10px;
	
}

/*added 20170118*/

.boxB{
	display:block;
	width:100%;
	height:20px;
	background-color:#adadad;
	/*boxA padding-bottom:10pxあり*/
	margin-top:-31px;
	margin-bottom:20px;
}

/*情報領域*/
.box4{

	padding-top:20px;
	padding-bottom:20px;
}




/*added 20170203*/
/*バナーのコンテナ*/
.box001{
	/*上部 box6内 newsにて
	box-shadow:2px 2px 5px rgba(117 ,193, 221, 0.2);
	を実施していることから7px余計に余白に見えるのでマイナスする
	*/
	margin-top:-7px;

	padding-top:10px;/*box4の下部paddingをそのまま活かす*/
	padding-bottom:10px;/*本来20pxとしたいところだが、写真のぼかしにより余計な余白が入ってしまっているので10pxに*/
}








.box4-1{/*小さい時用 大きいときは邪魔となる*/
	padding-bottom:20px;
}

.box6{
	padding-top:20px;
}

.box6-1, .box6-2, .box6-3{/*縦並び時の余白*/
	padding-bottom:10px;
}

/*box5をバーの形に*/
.box5{
	/*
	padding-top:15px;
	padding-bottom:15px;
	*/
	padding-top:2px;
	padding-bottom:2px;
	
	background-color:#adadad;/*#dddddd;*/
}
/*20170205 コンテンツページ向け追加*/
/*後でカット*/
/*
.contents .boxA{
	border-bottom:solid 1px #dddddd;
}
*/





/*20170205 コンテンツページ向け追加*/
.box7{
	padding-top:25px;
	padding-bottom:25px;
}



/*bxslider上書き*/
ul.bxslider {/*写真の上がカットされるのを防ぐ*/
  margin: 0;
  padding: 0;
}

/*20170207 ↓ test スワイプができない原因かも？*/
/*
.bx-pager{
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
*/
.bx-pager-item{
	position:relative;
	top:-30px;
}

.bx-wrapper .bx-viewport {
 -moz-box-shadow:none;
  -webkit-box-shadownone;
  box-shadow:none;
  border:none;
  left:0;
  background: #fff;
}

.bx-wrapper {
	margin:0;
}



/* end bxslider上書き*/


@media(max-width:359px){

	.site img {
		width:225px;
		height:auto;
	}
	
	/*20170211追加 画像は丸マスクをはずし前面表示に*/
	.kiji_container_item_img,
	.kiji_container_img{/*各記事の画像*/
		/*下にタイトルが来るので、余白が必要となる*/
		padding-bottom:15px;/*5px;20170307修正*/
		float:none;/*left;*/
		display:block;
		width:100%;
		height:auto;
	}
	/*20170219なぜかこれを入れないと「産後のサポート」内の画像が100%表示にならない*/
	/*20170223 w_mini設置に伴い廃棄*/
	/*
	.kiji_container_item .kiji_container_img{
		width:100%;
		height:auto;		
	}
	*/
	
	.w_middle,	
	.w_mini{
		width:100%;
		height:auto;
	}
	
	/*20170307他サイトのキャプチャを表示すると情報が混乱する*/
	.kanrenshisetsu .kiji_container_item_img{
		opacity:0.7;
	}
	
	/*20170216追加　円形マスクをはずす*/
	.img_circled{
	    border-radius: 0%; 
	}
	
	/*20170221 検診テーブルがみづらいの対応*/
	.kenshintable_addinfo_for_mp,
	.kenshintable_outer_for_mp{
		display:block;	
	}
	.kenshintable_addinfo,
	.kenshintable_outer{
		display:none;	
	}	
	

 
}


/*iPhone～SEまでは幅320 測定だと364ぐらい？ ここに含まれてしまうので、テーブル関連は新たな設定が必要*/
/*########## 599px以下　##########*/
@media(max-width:599px){
	/*20170213*/
	.kiji_title_img{/*klcのロゴ楕円 縮小に合わせ小さくする*/
		height:20px;/*30px;*/	
		width:auto;
		margin-right:6px;/*9px;*/	
	}
	
	.staff_container_hosoku p{
		width:100%;
	}
	

		/*20170227 staff紹介		
	.staff_container{
		display:block;
	}
	
	
	.staff_container_title{
		display:block;
		margin-left:auto;
		margin-right:auto;
	
	}
	
	.staff_container_persons{
		display:block;
		margin-left:auto;
		margin-right:auto;
	
	}	
	.staff_container_person{
		float:none;	
	}			
*/
	/*20170213 359より移動 文字数が少なくなりすぎるため*/
	.costtable_container,
	.tabled_containers{
		display:block;
	}
	.costtable_container,
	.tabled_container{
		display:block;
		margin-bottom:25px;
	}	

	
	.tabled_container p{
		margin-left:auto;
		margin-right:auto;
		max-width:360px;
	}

	
	/*ナビゲーション*/
	.menu a{
		padding:10px 7px;/*10px 15px*/
		font-size:11px;
	}
	.menu a>span{
		display:inline;
		color:#1DB3DB;
	}
	/*画像ボタンを非表示に*/
	.menu a>img{
		display:none;
	}
	

	

	/*メニュー下グレー線を非表示に*/
	.boxB{
		display:none;
	}		
	
	/*キャッチコピー*/
	.catch{
		padding:5px 10px;
		font-size:12px;
	}
	
	/*縦配置となったときだけbanners間が窮屈となるので余白設定
	通常時はvertical-align:middleで中央配置しているので特に設定せず
	*/
	.banners:nth-child(2), .banners:nth-child(3){
		padding-top:5px;
	}	
	
	/*20201128 バナー数　幅変更に伴い display:blockとする*/
	.banners{
		display:block;	
	}
	
 	/*20201128 最終教室欄は小さいときは邪魔なので*/
  	.aki{
	  display:none;
 	}
	
	
	/*記事*/
	.kiji_title,
	.kiji h1{
		font-size:26px;

	}
	

/*
	.tabled_lead,
	.kiji .lead{
*/
	.tabled_lead,
	.lead{
		font-size:16px;
	}
	
 	/*設備のフロアガイドがスマホサイズだと縦並びになるので区切り線を入れる*/
	.setsubi .floorguide .tabled_container{
		border-bottom:solid 1px #efefef;
	}
	
	
}
/*########## 600px以上～767px以下##########*/


@media(min-width:600px) and (max-width:767px){

}


/*########## 767px以下##########*/
@media(max-width:767px){
	
	
  /*20170219 メニュー非表示＝メニュー下線がなくなる→線表示 */ 
  .boxA{
	  border-bottom:solid 1px #adadad;
  }
		/*topページでは表示するとメイン画像の上に余計な線が出てしまう*/
	  .myindex .boxA{
		  border:none;
	  }

	
	/*ナビゲーションメニュー　縦並び*/
	#menu{
		display:none;/*初期値　非表示*/
	}
	#menubtn{
		padding:6px 12px;
		border:solid 1px #75C1DD;/*薄い青線#aaaaaa;*/
		border-radius:5px;
		background-color:#ffffff;
		position:absolute;/*relative指定されていないため、bodyからの座標となる*/
		top:20px;
		right:15px;
		cursor:pointer;
	}
	#menubtn:hover{
		/*background-color:#dddddd;*/
		/*スマホだと色が変わりっぱなしになるので廃止*/
	}
	#menubtn:focus{
		outline:none;/*chormeボタンクリック時青色枠線表示を回避*/
	}
	
	#menubtn span{/*テキスト部 'MENU' を枠外へ追い出し非表示に*/
		display:inline-block;
		text-indent:-9999px;
	}
	#menubtn i{
		color:#75C1DD;/*#888888;*/
		font-size:18px;

	}
	
	.menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	/*sekiya追加*/
	.menu ul{
		padding-top:15px;/*上部が窮屈なので追加*/
		padding-bottom:10px;
		text-align:center;/*スマホ時は基本的に中央配置なので*/
	}

	.menu a{
		display:block;
		padding:5px;
		color:#1DB3DB;/*#000000;*/
		
		font-size:14px;
		text-decoration:none;
	}
	.menu a:hover{
		/*background-color:#eeeeee;*/
		text-decoration:underline;		
	}

	/*sekiya追加 画像ボタンを非表示に*/
	.menu a>img{
		display:none;
	}
	/*sekiya追加 メニュー下グレー線を非表示に*/
	.boxB{

		display:none;

	}
	
		
}



/*########## 768px以上　##########*/
/*ipadサイズ*/
@media(min-width:768px){
  /*トグルボタン*/
  #menubtn{
	  display:none;
  }
  /*ナビゲーション 再表示*/
  #menu{
	  display:block !important;
  }
  
  /*ナビゲーション　メインより移動*/
  .menu ul{
  	margin:0;
  	padding:0;
  	list-style:none;
  }
  
  /*
  以下をaではなく、liで設定した場合
  	display:block;
  	padding:10px 15px ;
  余白に対しては問題ないものの
  hover時に文字の上下左右paddingが無く、
  ・ヒット領域がまさに文字の上だけ
  ・グレーになる箇所が文字上だけ
  となってしまうので
  aをblock化し、paddingを設けている
  
  */
  .menu a{	
  	display:block;
  	/*padding:10px 15px ;*/
  	/*added 20170118*/
  	/*padding:0 15px;*/
  	padding:0 11px;
  	/*右のみ余白*/	
  	/*padding:0 23px 0 0;*/
  	
  	
  	/* h:トップ画像38-ボタン画像27=11*/
  	margin-top:11px;
  	color:#000000;
  	font-size:14px;
  	text-decoration:none;
  }
  
  
  
  .menu ul:after{
  	content:"";
  	display:block;
  	clear:both;
  }
  .menu li{
  	float:left;
  	width:auto;
  }
  
  /*added 20170118*/
  .menu a>span{
  	display:none;
  }
  

  
  /*アニメーション　野中参考*/
  
  .menu__item__animated{
  	/*transition-duration:0.3s;*/
  }
  
  .menu__item__animated:hover{
    	/*-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 10px);*/
		-webkit-filter: drop-shadow(rgba(255, 255, 255, 0.8) 0px 0px 2px);
		/*filter: brightness(300%);
		filter: contrast(0%);
		filter: grayscale(100%);
 		 filter: saturate(400%);
		 filter: sepia(100%);	
		 filter: hue-rotate(90deg);	
		  filter: invert(100%);
		  filter: blur(1px);
		filter: grayscale(50%)*/
  }
  .menu__item__animated:active{
  
  }
  
	/*メニュー選択状態*/
	.touinnitsuite .menu li:nth-child(1) a,
	.shinryouannnai .menu li:nth-child(2) a ,
	.access .menu li:nth-child(3) a,
	.otoiawase .menu li:nth-child(4) a,
	.kanrenshisetsu .menu li:nth-child(5) a,
	.access .menu li:nth-child(3) a{	
		cursor:default;	
		-webkit-filter:none;
	}




	.box4-1{/*小さい時用 大きいときは邪魔となる*/
		padding-bottom:0px;
	}
	

	
	/*box1とbox2を横に並べる設定*/
	.boxA:after{
		content:"";
		display:block; 
		clear:both;
	}
	
	/*sekiya独自追加 box5の例に倣うとこれが必要 無いとgrid.css使ったときにboxA-innerが潰れて表示される*/
	.boxA-inner:after{
		content:"";
		display:block;
		clear:both;
	}

	
	.box1{
		float:left;
		width:auto;
	}
	.box2{
		float:right;
		width:auto;
	}
	/*box4-1とbox4-2を横に並べる設定*/
	/*同じ名称box4を用いる場合はこれがないと下の要素の左側が上がってくる
	.box4:before{
		content:"";
		display:block;
		clear:both;	
	}*/
	.box4:after{
		content:"";
		display:block;
		clear:both;
	}
	.box4-1{
		float:left;
		width:50%;/*70%;*/
		padding-right:17px;/*35px; changed 20170124 box4-2に左マージンを設ける*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.box4-2{
		float:left;
		width:50%;/*30%;*/
		padding-left:17px;/*35px; changed 20170124 box4-2に左マージンを設ける*/

		/*added 20170119*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;		
		
	}
	
	/*box6-1,box6-2,box6-3を横に並べる設定*/
	.box6:after{
		content:"";
		display:block; 
		clear:both;
	}

	.box6-1{
		float:left;
		width:32%;
		margin-right:2%;
	}
	.box6-2{
		float:left;
		width:32%;
		margin-right:2%;
	}
	.box6-3{
		float:left;
		width:32%;
		
	}
	.box6-1 , .box6-2 , .box6-3 {
		padding-bottom:10px;
	}
	
	
	/*20170205 コンテンツページ向け追加*/
	/*box7-1とbox7-2を横に並べる設定*/
	.box7:after{
		content:"";
		display:block;
		clear:both;
	}

	.box7-1{
		float:right;
		width:80%;

		padding-left:50px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.box7-2{/*サイドメニューに使用中*/
		float:left;
		width:20%;

		max-width:200px;
	}	

	
}

/*########## 1040px以上　##########*/
@media(min-width:1190px){
	/*全体の横幅を固定*/
	/*.box3, .box4 , .boxA-inner , .box5-inner, .box6{ added 20170203 box001を追加*/	
	/*20170205 コンテンツページ向け追加(box7)*/
	/*.box3, .box4 , .boxA-inner , .box5-inner, .box6 , .box001{*/
	.box3, .box4 , .boxA-inner , .box5-inner, .box6 , .box001 , .box7{
		width:1140px;
		margin-left:auto;
		margin-right:auto;
		
		/*sekiya独自指定
			.boxA , .box4 , .box5, .box6{
				padding-left:15px;
				padding-right:15px;
			}
			が枠外で設定設定されているが、ここで無視されているのは
			width:1140px　が指定されており、
			box-sizing:border-boxが指定されていないため、paddingを含まない幅で1140pxになっているから。
			万一 box-sizing:border-box が指定されていたら、
			padding-left:0px;
			padding-right:0px;
			の記述が必要となる
			
			1140px以上の場合、余白が左右にあるからpaddingは不要かつ写真の左右基準に要素を配置するが、
			1140以下の場合は余白がなくなってしまうため窮屈となるので左右にpadding:15pxを設けている
			
		*/		
	}
	

	
	
	/*boxAの下に罫線を挿入*/
	/*メニュー下部の太い線かつ常時表示に切り替えたので廃止*/
	/*
	.boxA{

		margin-bottom:20px;
		border-bottom:solid 1px #dddddd;
		
	}
	*/

}