@charset "utf-8";

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

　   CONTENTS

--------------------------------------------------------------------------------------------- */
section {}

.maru_btn {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 10px;
	text-decoration: none;
}

/* イメージの一覧表示 */
.img_list {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;			/* add */
	-ms-flex-pack: justify;				/* add */
/*	justify-content: space-between;*/	/* add */
}

.img_list li { width: 33.333%; padding: 10px; color:#777;text-align:center;}
.img_list li img { display: block; margin: auto; border: 1px #ccc solid; }
.img_list li:after {
	content:attr(title);
	display:block;
	color:#777;
	text-align:center;
	margin-top:2px;
}

@media (max-width: 750px){
	.img_list li { width: 100%; }
	.img_list li img { width: 99%; }
/*	.img_list li { width: 50%; }		★ここを50%にしたら2つ並びになる
	.img_list li img { width: 99%; }
*/
}

#main {	margin-bottom: 4rem; }
#main p { word-break: break-all; }
#ft_cmt {font-size:10pt;color:darkgreen;}

.container {
	width: 1200px;
	margin-bottom: 1rem;
}
section {
/*	padding: 10px 0;	*/
}

/*  タブレット以下 */
@media only screen and ( max-width : 750px ) {

	#main { margin-top: 60px;	 	/* 上のハンバーガーメニュー分落とす */
		margin-bottom: 4rem;
	 }

	.container {
		width: 100%;				/* コンテナ自身を100％にして画像とかはそれに従わせる */
		padding: 0 10px;
		margin-bottom: 1rem;
	}
	section {
		padding: 10px 0;
	}
}


/* topお知らせ */
#infolist {	max-height: 500px; overflow-y:auto; overflow-x:hidden; margin-bottom: 10px; padding: 1em;}
#infolist table { width: 100%; }
#infolist table th,
#infolist table td { border-bottom: 1px #666 dotted; padding: 5px; }	/*  color: #36f; */
#infolist table th { width: 200px; }

@media (max-width: 750px){
	#infolist {	max-height: 200px;overflow-y:auto; overflow-x:hidden; margin-bottom: 10px; padding: 1em; }
	#infolist table th { font-size: 90%; width: 35%; }
}

/* ===== topバナー
=============================================== */
.topbn {
	margin-top: 1em;

}

.topbn_img {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 1em;

}

/* ===== お知らせページ
=============================================== */
/* お知らせ一覧 */
#nlist { width:100%; }
#nlist th,
#nlist td { border-bottom:1px #999 dotted; padding:0.3em; text-align: left;}
#nlist th { width:200px; }


/* お知らせ詳細 */
.ntit { padding: .5em; margin-top: 1em; color:#139243; font-weight:bold; font-size: 26px;}
#ntita { padding: 1em; font-weight: bold; background-image: url(../image/titbk.jpg); }
.ndate { text-align:right; font-size:80%;}
.nbody { margin-bottom:3em;}

	/* 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 }
	.nbody li { margin: .2em 2em; /*padding-left: 40px;*/ list-style-type: decimal;	}
	.nbody ul { margin: .2em 2em; /*padding-left: 40px;*/ list-style-type: disc;	}
	.nbody a { color: #00f; text-decoration: underline; }


/* 下のページャー */
#Pager{
	width:100%;
	margin-bottom:25px;
	margin-top:30px;
	padding:5px
}

#Pager div.before{
	float:left;
	width:60px;
	margin-left:20px;
}

#Pager div.before a{
	display:inline-block;
	padding:3px 5px 3px 5px;
	border:1px solid #ccc;
/*	font-weight:bold;	*/
}

#Pager div.before a:hover{
	background-color:#5C89C7;
	color:#fff;
}

#Pager div.next{
	float: right;
	width: 60px;
	margin-right: 20px;
}

#Pager div.next a{
	display: inline-block;
	padding: 3px 5px 3px 5px;
	border: 1px solid #ccc;
/*	font-weight: bold;	*/
}

#Pager div.next a:hover{
	background-color:#5C89C7;
	color:#fff;
}

#Pager div.pager{
	padding:2px 90px 0;
	text-align:center;
/*	font-size:90%;*/
}

#Pager div.pager a{
	display:inline-block;
	margin:0 2px;
	padding:3px 5px;
	border:1px solid #e1e1e1;
}

#Pager div.pager a:hover{
	border:1px solid #98b4e6;
	background:#5C89C7;
	color:#fff;
}

#Pager div.pager span{
	display: inline-block;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid #cadfeb;
	font-weight: bold;
	background: #dae9f4;
}


/* 大見出し
===============================================================================	*/
.tit {
	font-family: 'Kosugi Maru', sans-serif;
	position: relative;
	color: #333;
	text-shadow: 0 0 2px white;
	margin: 1em .5em;
}
.tit::before {
	content: "";
	position: absolute;
	background: #cce198;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 50%;
	/* border: dashed 1px white; */
	left: -15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}


/* 小見出し
===============================================================================	*/
.stit {
	position: relative;
	color: #7b7b7b;
	border-bottom: solid 3px #cce198;
	padding: 0 0 0 .5em;
	margin-bottom: 1em;
	padding-left: 1em; 
}
.stit::before {
	content: "■";
	position: absolute;
	color: #6eb12f;
	left: -5px;
	z-index: -1;
}

/*================================================================*/
/* ＴＯＰページ */
/* 中川内科ロゴとその帯 */
#headlogo {
	position: absolute;
	z-index: 999;
	left: 0;
	right: 0;
	margin: auto;
	width: 950px;
	bottom: 0;
}
#headlogo img { object-fit: cover; 	width: 100%; }
#topline { 	position: relative; width: 100%; height: 100px; background-color: #c1d392; }

#topbus {
	position: absolute;
/*	width: 400px;	*/
	width: 30%;
	z-index: 101;
	right: 0;
	top: -20px;
}
#busbn { display: none; }

.top_add { height: 10px; padding-top: 10px; color: #333; padding: 0 5rem 2rem 0; }
.top_add h1 { font-size: 14px; text-align: center;  }
.top_add li {
	margin: 0 auto;
	display: flex;
	justify-content: right;
}

@media only screen and ( max-width : 750px ) {
	#busbn { display: block; }
	#topbus { display: none; }
	#headlogo { display: none; }
	#topline { display: none; }
}

/* 診療内容 */
.square-box {
	width: 280px;
	height: 70px;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 140%;
	color: #494949;
	padding: .5em 0;
	margin: 1em 0 auto;
	text-align: center;
	border-radius: 20px;
}

.bcol01 { background-color: #cce198; }
.bcol02 { background-color: #ffc6e8; }
.bcol03 { background-color: #7ecef4; }
.bcol04 { background-color: #facd89; }
.bcol05 { background-color: #fff799; }
.bcol06 { background-color: #8ee667; }
.bcol07 { background-color: #fccdad; }
.bcol08 { background-color: #8ae9dd; }
.bcol09 { background-color: #c694e3; }
.bcol10 { background-color: #94d7f3; }
.bcol11 { background-color: #b8b8b8; }
.bcol12 { background-color: #c7cdf0; }

/* タイムテーブルのbgカラー */
.tbcolpnk { background-color: #fce4df; }
.tbcolltg {	background-color: #deedcc; }
.tbcolgrn { background-color: #add37f; }
.tbcolgly { background-color: #e5e5e5; }
.tbcolorg { background-color: #ffbfa9; }

/*　ブロックメニュー
---------------------------------------------------------------------------*/
.bsmenu {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bsmenu > div {
	width: calc((100% - 2rem) / 3);
}
.bsmenu div > a > img {
	text-align: center;
}

.bmenu {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.bmenu > div {
	width: calc((100% - 2rem) / 3);
}
.bmenu div > a > img {
	width: 100%;
	text-align: center;
}
.bmenu .wakuwaku {
	width: 340px;
}

@media (max-width: 750px) {
	.square-box {
		width: 160px;
		height: 50px;
		font-size: 90%;
		padding: 1em;
		margin: .3em 0 auto;
	}

	.bsmenu > div {
		width: 100%;
	}
	.bsmenu a > img {
		margin-bottom: 1em;
/*		width: 100%;	*/
	}

	.bmenu {
		flex-direction: column;
	}
	.bmenu > div {
		width: 100%;
	}
	.bmenu .wakuwaku {
		width: 100%;
		margin: 0 0 1em 0;
	}
}

/*================================================================*/
/* 各コンテンツページ */
#conttop { 	position: relative; background-image: url("../image/conttop.jpg"); height: 140px; }
#conttop h1 {
	font-family: 'Kosugi Maru', sans-serif;
	color: #666;
	text-align: right;
	padding: 1.3em 2em 0 0;
}
#logo {
	position: absolute;
	z-index: 10;
	left: 2em;
	bottom: 1em;
	width: 500px;
}
#conttop #logo img { object-fit: cover; width: 100%; }

@media (max-width: 750px) {
	#conttop { height: 80px; }
	#conttop h1 { text-align: center; padding: .5em 0 0 0; }
	#logo { display: none; }
}


/*　診療時間（レスポンシブ対応）
---------------------------------------------------------------------------*/
.time-table {
	width: 100%;
	margin: 0 0 10px;
	border: solid 2px #b6b3b2;
}
.time-table th,
.time-table td {
	padding: 8px 0;
	font-size: 90%;
	text-align: center;
	border: solid 1px #b6b3b2;
}
.time-table tr th:first-of-type {
	width: 28%;
	text-align: center;
}
.time-table tr td {
	width: 10%;
	font-size: 112%;
}
.time-table tr td:last-of-type {
/*	width: 12%;
	color: #f67f1e;	*/
}
.time-table tr td:nth-of-type(7) { /*color: #f67f1e;*/}
.time-table .maru {
	font-size: 100%;
}

@media (max-width: 750px) {
	/* ----- Time Table ----- */
	.time-table,
	.time-table tbody,
	.time-table tr,
	.time-table th,
	.time-table td {
		display: block;
		width: auto !important;
		overflow: hidden;
	}

	.time-table tr {
		float: left;
		width: 33.33333333% !important;
	}

	.time-table th,
	.time-table td {
		padding: 8px 0 0;
		height: 40px;
		text-align: center !important;
	}
	.time-table .maru { font-size: 100%; }
}


/*================================================================*/
/* 医院案内 */

/* ----- ドクター紹介部品 ----- */
.doc_name { text-align: right; width: 100% }
.doc_photo { width: 80%; padding: 0 1em; }
.biot th {
	text-align: left;
	width: 10rem;
	font-weight: normal;
	border-bottom: dotted 1px #ccc;
}
.biot td {
	margin-left: 2rem;
	padding: 1em;
	border-bottom: dotted 1px #ccc;
}
.staffimg { width: 70%; margin: 1em 0 auto; }
.cstaffimg { width: 50%; margin: 1em 0 auto; }

@media (max-width: 750px){
	.doc_photo { width: 60%; padding: 0 1em 2em 1em; }
	.staffimg { width: 100%; padding: 1em; }
	.cstaffimg { width:  margin: 1em 0 auto; }
}


/*================================================================*/
/* 診療案内 */
.med-box {
	width: 100%;
	height: 70px;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 140%;
	color: #494949;
	padding: .5em 0 .5em 1em;
	margin: 1em 0 auto;
	text-align: left;
	border-radius: 20px;
}
.med-cat {
	padding: 1em;
	color: #333;
}

.medimg { width: 100%; padding: 1em; }
.strong { font-weight: bold; color: #1250ad; }

#wac-table {
	width: 100%;
	margin: 0 0 10px;
	border: solid 2px #b6b3b2;
}
#wac-table th {
	padding: 8px 0;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #b6b3b2;
}
#wac-table td {
	padding: 8px 0;
/*	font-size: 90%;	*/
	text-align: center;
	border: solid 1px #b6b3b2;
}
#wac-table tr th:first-of-type {
	width: 20%;
	text-align: center;
}
#wac-table tr td {
	text-align: left;
	padding-left: .5em;
}
#wac-table tr td:last-of-type {
}
#wac-table tr td:nth-of-type(7) { /*color: #f67f1e;*/}
#wac-table .tm { text-align: center; }


/*================================================================*/
/* デイサービス */

.day_staff {				/* staff */
	padding: 2em;
	width: 60%;
	margin: 0 0 10px;
	border: solid 2px #b6b3b2;
}
.day_staff th {
	padding: 8px;
	text-align: left;
	background-color: #deedcc;
	border: solid 1px #b6b3b2;
}
.day_staff td {
	padding: 8px 8px 8px 0;
	text-align: right;
	border: solid 1px #b6b3b2;
}

.day_sche {					/* スケジュール */
	padding: 2em;
	width: 100%;
	margin: 0 0 10px;
	border: solid 2px #b6b3b2;
}
.day_sche th,
.day_sche td {
	padding: 8px 0;
	font-size: 90%;
/*	text-align: center;	*/
	border: solid 1px #b6b3b2;
}
.day_sche th { text-align: center; vertical-align: middle; }
.day_sche tr th:first-of-type {
	width: 10%;
	text-align: center;
}
.day_sche tr td {
/*	width: 30%;	*/
	padding: .5em;
}
.day_sche tr td:last-of-type {
	padding: .5em;
/*	width: 12%;
	color: #f67f1e;	*/
}

.day_price {				/* 料金表 */
	padding: 2em;
	width: 100%;
	margin: 0 0 10px;
	border: solid 2px #b6b3b2;
}
.day_price th,
.day_price td {
	padding: 8px 8px 8px 0;
	font-size: 90%;
	text-align: right;
	border: solid 1px #b6b3b2;
}
.day_price th { text-align: center; }

.day_sche tr td:nth-of-type(7) { /*color: #f67f1e;*/}
.dsvcmt { font-size: 80%; color: #f00; }
.dsv_tit { margin-top: -2rem; }

@media (max-width: 750px){
	.day_staff { width: 100%; }
}

/*================================================================*/
/* アクセス */
.map_canvas { width: 100%; height:700px; }
.map_svg { width: 100%; }

@media (max-width: 750px){
	.map_canvas { height:200px; }
}


/*================================================================
	汎用クラス
================================================================*/
.bdr { border: 1px #999; border-style: solid; }			/* border 		*/
.mbtm {	margin-bottom: 1em; }							/* 下マージン 	*/
.rad { border-radius: 20px; }							/* 角丸20px		*/
.ank { color: #03c; text-decoration: underline; }		/* アンカー部分 */
.b_orage { font-family: 'Kosugi Maru', sans-serif; color: #f60; }	/* フォント協調 */
.b_red { font-family: 'Kosugi Maru', sans-serif; font-weight: bold; color: #f00; }		/* フォント協調 */
.red { font-family: 'Kosugi Maru', sans-serif; color: #f00; }		/* フォント協調 */
.b_grey { font-family: 'Kosugi Maru', sans-serif; color: #666; }		/* フォント協調 */


@media (max-width: 750px){
	.rad { border-radius: 8px; }
}



/* リスト */
.ls_icon {
	list-style-position: outside;
	list-style-image: url(../image/lsticn.svg);
}
.ls_icon li { margin-left: 4rem; }
.ls_disc { list-style-type: disc; }
.ls_disc li { margin-left: 4rem; }
.ls_dcml { list-style-type: decimal; }
.ls_dcml li { margin-left: 4rem; }

@media (max-width: 750px){
	.ls_icon li { margin-left: 2rem; }
	.ls_disc li { margin-left: 2rem; }
}

.pcnt { font-size: 0; }
.pcnt img { width: 1px; height: 1px; }