@charset "utf-8";

/* */
*		{ margin:0; padding:0; font-family:'ヒラギノ 角ゴ pro W3','hiragino kaku Gothic Pro','メイリオ',meiryo,'MS Pゴシック',sans-self;}
ul,ol,dl	{ list-style:none; }
a			{ color: #00f; text-decoration: none;}
a:link		{ color: #000;}
a:visited	{ color: #96f;}
a:hover		{ color: #66f;}
a:active	{ color: #000;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* [firefoxで表示時画像なしがわかるように] */
img:-moz-broken {
	-moz-force-broken-image-icon:1;
	width:24px;
	height:24px;
}

img { vertical-align: bottom; }


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

 * reset

---------------------------------------------- */
body { background-color: #2b247d; }
.wrapper { width: 1000px; margin: auto; }

header { text-align: right; height: 12px; }
header h1 { font-size: 11px; font-weight: normal; }

.obi { background-color: #9394a7; height: 200px; margin-top: 175px; margin-bottom: 20px; }
.obi_flex {
    display: -webkit-flex;
    display: flex;
}

#main { border: 1px #c6c6c6 solid; background-color: #fff; border-radius: 10px; margin-bottom: 1em; }

@media(max-width:750px){

	header { text-align: center; }
	.wrapper { width: 96%; margin: auto; }
	.obi { margin-top: 50px; height: 300px; }
	.obi_flex { display: block; }
	.obi_flex img { width: 100%; }
	.obi_day { width: 40%; margin: auto; }		/* 開院日 */
}


#contents { margin: 25px; font-size:20px; color: #404040; line-height:28px; }
#contents h2 { color:#d7711f; font-weight: normal; font-size:26px; margin-bottom: .5em; }
#contents ul { margin-bottom: 2em; }
#contents li {  }


#opstaff { width: 100%; margin: 0 0 2em 2em; }
#opstaff strong { text-align: left; font-weight: bold; color: #900; font-size: 32px; padding: 5px 0; }
#opstaff p {}


/* お知らせ詳細 */
#news { padding-left: 2em; }
#ntit { padding:5px; border-left: 5px #d7711f solid; font-weight:bold; }
#ndate { text-align:right; font-size:75%; /*border: 1px #f00 solid;*/ }
#nbody { padding-left: 1em; margin-bottom:3em; /*border: 1px #0f0 solid;*/}

	/* wysiwyg使用時のh1～h6の定義を一旦初期設定的なものにします */
	#nbody h1,
	#nbody h2,
	#nbody h3,
	#nbody h4,
	#nbody h5,
	#nbody h6 {
		color: initial;
		font-size: initial;
		font-weight: initial;
		padding: initial;
		margin: initial;
		font-weight: bolder;
	}
	#nbody h1	{ font-size: 2em; margin: .67em 0 }
	#nbody h2	{ font-size: 1.5em; margin: .75em 0 }
	#nbody h3	{ font-size: 1.17em; margin: .83em 0 }
	#nbody h4	{ margin: 1.12em 0 }
	#nbody h5	{ font-size: .83em; margin: 1.5em 0 }
	#nbody h6	{ font-size: .75em; margin: 1.67em 0 }

.map_canvas { width: 100%; height: 400px; }
footer { height:40px; text-align: center; }

@media(max-width:750px){

	#opstaff p { padding: 1em; }
	#news { padding-left: 30px; }
	#contents { margin: 30px; /*margin-left:1em;*/ }
	#contents li { padding-left: 10px; }
	.map_canvas { height:250px; }
}

/* 診療時間 */
.timetbl { width: 100%; color: #666; background: #fff; }
.timetbl th {
	text-align: center;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	font-weight: normal;
	padding:.5em 0;
 }

.timetbl td {
	text-align: center;
	border-bottom: solid #ccc 1px;
}
.timetbl tr {
	border-bottom: solid #ccc 1px;
}
.timetbl tr th:last-of-type {
	background: #fff;
}
.timetbl tr th:first-of-type {
	width: 28%;
	text-align: center;
}
.timetbl tr td {
	width: 10%;
	font-size: 90%;
}

@media (max-width: 750px) {
	.timetbl
	.timetbl tr,
	.timetbl th,
	.timetbl td {
		display: block;
		width: auto !important;
		height: 40px;
		overflow: hidden;
		border-bottom: solid #ccc 1px;
		border: hidden;
		text-align: center !important;
		padding: .3em 0;
	}
	.timetbl tr {
		float: left;
		width: 33.33333333% !important;
		border-bottom: none;
		font-size: 60%;
	}
}