@charset 'UTF-8';
/* 中ページ（レギュラーページ） */

/* -----------------------------------------------------------------------------
>> 全プラットフォーム共通
----------------------------------------------------------------------------- */

/* グローバルナビ */
.header nav{
	clear:both;
	background-color:#F8F8F8;
}
.header nav ul{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 10px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* スクロール時 */
.header.mini nav ul{
	padding-top: 3px;
}
.header nav ul li{
	border-left: 1px solid #ccc;
    width: 25%;
}
.header nav ul li:last-of-type {
	border-right: 1px solid #ccc;
}

.header nav ul li a{
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight:bold;
	font-size: 1.3em;
    display: block;
    padding: 1em 0 1em 1em;
	background-repeat: no-repeat;
	background-position:1em center;
	background-size:calc(1em + 0.5vw);
	border-radius:5px 5px 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.header.mini nav ul li a{
    padding: 0.4em 0 0.4em 50px;
	background-size:1.2em;
}
.header nav ul li a[href="/"]{
	background-image: url(../img/icon/icon_home.svg);
	color: #666;
}
.header nav ul li a[href*="aboutus"]{
	background-image: url(../img/icon/icon_aboutus.svg);
	color: #866060;
}
.header nav ul li a[href*="department"]{
	background-image: url(../img/icon/icon_department.svg);
	color: #767a2f;
}
.header nav ul li a[href*="outpatient"]{
	background-image: url(../img/icon/icon_outpatient.svg);
	color: #427341;
}
.header nav ul li a[href*="hospitalization"]{
	background-image: url(../img/icon/icon_hospitalization.svg);
	color: #51588c;
}

.header nav ul li a[href="/"]:hover,
.header nav ul li a[href*="outpatient"]:hover,
.header nav ul li a[href*="hospitalization"]:hover,
.header nav ul li a[href*="department"]:hover,
.header nav ul li a[href*="aboutus"]:hover{
	background-color: #CCC;
}


/* ページ名 */
.header h2{
	color: #fff;
	background-color: #427341;
	width:100%;
	text-align: center;
	padding:0.7em 0;
	font-size: 2vw;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    position: relative;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
   	z-index:-4;
}

.header h2::after{
	position: absolute;
	right: calc(50% - 0.5em);
    bottom: -0.7vw;
    display: block;
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-color: inherit;
    transform: rotate(-45deg);
	z-index:-4;
}
.header.mini h2{
	opacity:0;
	height:0;
}
.header.mini h2::after{
	opacity:0;
}

/* -----------------------------------------------------------------------------
>> コンテンツ
----------------------------------------------------------------------------- */
main{
	padding-top:280px !important;
}
.content{
	width: 80%;
	max-width: 1400px;
	min-width: 800px;
	margin: 0 auto;
	padding:3vw 0;
}
.content:after{
	content:"";
	display:block;
	clear:both;
}

.flex{
	display: flex;
	}

.flex .right {
  flex: 1;
  margin-right:3vw;
}


.right {
 	margin-bottom: 2em;
}

.flex .left {
  flex: 1;
  margin-right:0;
}


.flex h6 {
  flex: 1;
  margin-right:0;
}

.flex p {
  flex: 1;
  margin-right:0;
}

a.button{
	display:block;
	width:100%;
	height:140px;
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
}

a.button:hover{
opacity: 0.5 ;
}

.button h6{
	margin-top:0;
	font:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}


.shinryo{
	width:170px;
	height:150px;
	float:left;
	margin-top:0;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#767a2f;
	font-size:1.3em;
	margin-right:10px;
	}

.shinryo:before{
	content: "\25CF";
    font-size: 0.7em;
    vertical-align: middle;
    margin-right: 0.5em;
		}

.button p{
	width:60%;
	height:70px;
	}

.fsmini{
	font-size:0.8em;
	}

.clear{
	clear:both;
	}

.right20{
	float: right;
    margin-left: 3em;
    width: 20%;
	}

.bumon_link{
	display:block;
	padding:1em 2em 1em 2em;
	height:auto;
	vertical-align:middle;
	background-color:#f5f5f5;
	border-bottom:1px solid #CCC;
	background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 1em;
	border-radius:50px;
	font-size:0.8em;
	margin-bottom:5px;
	font-weight:bold;

}

.shinryo_bumon_link{
	display:block;
	padding:0.5em 0em 1.5em 1em;
	vertical-align:middle;
	background-color:#f5f5f5;
	border-bottom:1px solid #CCC;
	background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 1em;
	border-radius:50px;
	font-size:0.8em;
	margin-bottom:5px;
	width:280px;
	height:20px;
	float:right;
	margin:-20px 0;
}
/* -----------------------------------------------------------------------------
>> 左メニュー
----------------------------------------------------------------------------- */

.l_content {
	width: 24%;
	min-width: 170px;
	float:left;
	border-right: 1px dotted #CCC;
	padding:0 3% 0 2%;
}

/* 左メニュー */
.l_content header {
	background-image:none !important;
	background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 1em;
	display:block;
}
.l_content header a{
	display:block;
}
.l_content header a::before{
    float:left;
    content: counter(section,decimal-leading-zero);
    font-size: calc(0.3vw + 2.3em);
    font-family:"century gothic";
	line-height: 1em;
		color: inherit;
		margin-right: calc(0.3vw + 0.1em);
}
.l_content header h3{
   margin-left: 8%;
   min-width: 170px;
   font-size: 1.5em;
   font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
   font-weight: bold;
   color: inherit;
}
.l_content header small{

	font-size: 0.5em;
	display: block;
	margin-left: 29%;
    color: inherit;
}

/* 左番号なし */
.page_etc .l_content header a:before,
.ilife .l_content header a:before,
.youlife .l_content header a:before,
.therapy .l_content header a:before {
	display:none;
}

.page_etc .l_content header a h3,
.page_etc .l_content header a small,
.ilife .l_content header a h3,
.ilife .l_content header a small,
.youlife .l_content header a h3,
.youlife .l_content header a small,
.therapy .l_content header a h3,
.therapy .l_content header a small{
	margin:0;
}


.l_content ul li{
  list-style-type: none;
}

.l_content > ul > li b a{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 1.5em;
  padding:0.5em;
  font-weight:bold;
  padding-right:1em;
  background-color: #ecf1ec;
}
.l_content ul li a{
	display:block;
	font-weight:500;
    padding: 0.5em 2em 0.5em 1em;
    background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 0.5em;
	border-radius:3px;
	font-size:85%;
}
.l_content ul li a[target="_blank"]{
    background-image: url(../img/icon/blank.svg);
    background-position: center right;
}
.l_content ul li a[href*=".pdf"]{
    background-image: url(../img/icon/pdf.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size:1em;
/*    background-size:1.3em;*/
/*    width: 100%;*/
}
.l_content ul li a .count{
	color:#666;
}
.l_content ul li a .count:before{
	content:"(";
}
.l_content ul li a .count:after{
	content:")";
}

.l_content ul li a.now{
	background-color: #ecf1ec;
}

.l_content ul li a:hover{
	background-color:#F80;
	color:#FFF;
}
.l_content ul ul li:nth-child(n+2){
    background-image: url(../img/icon/under_page.svg);
    background-position:left 1.2em center;
}
.l_content ul ul li:nth-child(n+2) a{
	padding:0.5em 2em 0.5em 3em ;
	font-size:0.8em;
}
.l_content ul ul li:last-child{
/*	border:none !important;*/
}

/* サービスバナー */
.l_content .bnr{
	clear:both;
	margin-top:2em;
	font-size: 0.9em;
}
.l_content .bnr a{
	clear: both;
	display:block;
	padding:0.5em 0;
	border-radius:3px;
	line-height:1.1em;
	font-size: 0.8em;
}
.l_content .bnr a:after{
	content:"";
	display:block;
	clear:both;
}
.l_content .bnr a:hover{
	background-color: #F80;
	color:#FFF;
}
.l_content .bnr a img{
	width:50px;
	border-radius:50%;
	vertical-align:middle;
	margin-right:0.5em;
	float:left;
}


/* レスポンシブ対応 */
#pdmenu ul{
	margin: 0;
    padding: 0;
}
#pdmenu ul li{
	list-style:none;
	border-bottom:1px dotted #CCC;
}
/* -----------------------------------------------------------------------------
>> 右コンテンツ
----------------------------------------------------------------------------- */

.r_content{
    width: 70%;
    float:right;
    margin-right:3%;
}
.r_content > article{
	clear:both;
	border-bottom:1px solid #ccc;
	text-align: left;
	padding-bottom:2em;
	margin-bottom:2em;
}
.r_content > article:after{
	clear:both;
	display:block;
	content:"";
}
.r_content > article p{
	margin-bottom:1.5em;
}
.r_content article:last-of-type{
	border-bottom:none;
}


.r_content .cmd_sum > div{
	display: flex;
}

.r_content article h2{
	font-size: calc(0.7em + 0.8vw);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	margin-bottom:1em;
	padding:0.2em 0.5em;
	color:#FFF;
	border-radius:3px;
}
.r_content article h2 b{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.r_content article h3{
	clear:both;
	font-size: calc(1em + 0.7vw);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	margin-bottom:0.5em;
	border-left:6px solid;
	padding:0.2em 0.8em;
	line-height:1.5em;
}
.r_content article h3 b{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.r_content article h4{
	clear:both;
	font-size:1.4em;
	font-weight: bold;
	margin-top:2em;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
    border-bottom:1px dotted #CCC;
	line-height:1.5em;
}

.r_content article h5{
	clear:both;
	font-size:1.3em;
	font-weight: bold;
	margin-top:2em;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	line-height:1.5em;
}



/* 画像 */
.r_content article img{
	height:auto;
	border-radius:5px;
	max-width: 100%;
}
.r_content article img.left{
	float:left;
	margin:0 2em 2em 0;
}
.r_content article img.left20{
	float:left;
	margin:0 2em 2em 0;
	width: 20%;
}
.r_content article img.left25{
	float:left;
	margin:0 2em 2em 0;
	width: 25%;
}
.r_content article img.right{
	float:right;
	margin:0 0 2em 2em;
}
.r_content article img.right25{
	float:right;
	margin:0 0 2em 2em;
	width: 25%;
}

.r_content article img.right100{
	float:right;
	margin:0 0 2em 2em;

}
/* 画像キャプション右寄せ */
.r_content article figure.right25{
	float:right;
	margin-left:3em;
	width:25%;
}
.r_content article figure.right25 img{
	width:100%;
}

.r_content article p{
		line-height: 1.5em;
		font-size: 0.9em;
}
.r_content article p strong{
	font-weight:bold;
	border-bottom:1px dotted #888;
}

/* CMS添付ファイル */
.r_content .zn-images figure{
	text-align:center;
}
.r_content .zn-file:hover{
	opacity:0.7;
}


/* 画像エリア */
.r_content article .img_area{
	display:flex;
	flex-wrap:wrap;
}
.r_content article .img_area.right{
	justify-content: flex-end;
}
.r_content article .img_area figure{
	width:30%;
	margin:1.5%;
}
.r_content article .img_area figure img{
	width:100%;
}
.r_content article .img_area figcaption{
	display:block;
	text-align:center;
}
.r_content article ul{
	font-size: 0.9em;
 	clear:both;
}

.r_content article ol{
 	padding:1em;
 	line-height: 2em;
}

.r_content article .flex{
	display:flex;
 	clear:both;
}

.r_content article .flex img{
    float: none;
    margin: 0.5em;
    width: 25%;
    height: 100%;
    border-radius: 5px;
}
.r_content article .flex2{
	display:flex;
 	clear:both;
}
.r_content article .flex2 .table_list,
.r_content article .flex2 .table_list3{
	width:50%;
}

.r_content article .flex2 img{
    float: none;
    margin: 0.5em;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.r_content article .block{
	width:50%;
	display:block;
 	clear:both;
}
.r_content article .block img{
    float: left;
    margin-right:2em;
    width: 25%;
}
.r_content article .block h4{
	text-align:left !important;
	margin-top:0;
}

.r_content article .block2{
	width:100%;
	display:block;
 	clear:both;
}
.r_content article .block2 > img{
    float: left;
    margin-right:2em;
    width: 25%;
}
.r_content article .block2 h4{
	text-align:left !important;
	margin-top:0;
}

.r_content article .block2 section{
	margin: 0 0 15% 5% !important;
}



/* テーブル */
.r_content .table_list{
		width:100%;
		margin-bottom: 0.8em;
}
.r_content .table_list th{
	text-align: left;
	border-bottom:solid 1px #ccc;
	background-color: #EEE;
	padding:0.5em 1em;
	white-space:nowrap;
	line-height:1.5em;
	font-size: 0.8em;
}
.r_content .table_list tr:nth-of-type(2) th{
	width:30%;
}
.r_content .table_list td{
	text-align: left;
	border-bottom:solid 1px #ccc;
	padding:0.5em 1em;
	line-height:1.5em;
	font-size: 0.8em;
}
.r_content .table_list.center td{
	text-align:center;
}
.r_content .table_list.right td{
	text-align:right;
}
.r_content .table_list.right td img{
	width: 5%;
}
/* テーブル線 */
.r_content .table_list2{
		width:100%;
		margin-bottom: 1em;
}
.r_content .table_list2 th{
	text-align: left;
	border:solid 1px #ccc;
	background-color: #EEE;
	padding:1em 0.7em;
	white-space:nowrap;
	font-size: 0.9em;
}
.r_content .table_list2 tr:nth-of-type(2) th{
	width:30%;
}
.r_content .table_list2 td{
	text-align: left;
	border:solid 1px #ccc;
	padding:0.5em 0.7em;
	font-size: 0.8em;
}
.r_content .table_list2.center td{
	text-align:center;
}
.r_content .table_list2.right td{
	text-align:right;
}
.r_content .table_list2 td[align="right"] {
	text-align:right;
}

/* テーブル線無し　幅変更 */
.r_content .table_list3{
    width:100%;
}
.r_content .table_list3 th{
	text-align: left;
	background-color: #EEE;
	padding:1em 0.7em;
	white-space:nowrap;
}
.r_content .table_list3 tr:nth-of-type(2) th{
	width:30%;
}
.r_content .table_list3 td{
	text-align: center;
	padding:0 0.7em 1em 0.7em;
}
.r_content .table_list3.center td{
	text-align:center;
}
.r_content .table_list3.right td{
	text-align:right;
}

.r_content table.doc tr:first-child th{
	text-align:center;
	background-color:#666;
	color:#FFF;
	font-weight:bold;
}
.r_content table.doc td{
	text-align:center;
	min-width:6em;
}
.r_content table.option td:nth-of-type(1),
.r_content table.doc td:nth-child(4){
	text-align:left;
}

@media only screen and (max-width:768px) {
.r_content .table_list2,
.r_content .table_list3 {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: auto;
    overflow-scrolling: auto;
    overflow-y: scroll;
}
}



/* リスト */

.r_content .list0{
	padding-left:1em;
	font-size: 0.9em;
}
.r_content .list0 li{
	line-height:1.6em;
    display:inline-block;
    min-width:14em;
	padding:0.2em 0.5em;
    text-align: left;
}
.r_content .list0 li:before{
content:"・";
}
.r_content .list1{
	padding-left:1em;
	font-size: 0.9em;
}
.r_content ul.list1 > li{
	list-style-type: disc !important;
	line-height:1.6em;
	font-size: 0.9em;
}
.r_content ul.list1 > li li:last-child {
	border:none;
}
.r_content ol.list1 > li{
	list-style-type: decimal !important;
	line-height:1.5em;
}
.r_content .list1 li{
	padding:0.2em 0.5em;
	border-bottom:1px dotted #CCC;
    text-align: left;
}
.r_content .list2 {
    padding-right: 1em;
}
.r_content ul.list2 > li{
	list-style-type: disc !important;
	line-height:1.5em;
}
.r_content ol.list2 > li{
	list-style-type: decimal !important;
	line-height:1.5em;
}
.r_content .list2 li{
	padding:0.5em;
	border-bottom:1px dotted #CCC;
	font-size: 0.9em;
    text-align: left;
}

.r_content .list1 li a,
.r_content .list2 li a{
  color:#F60;
  border-bottom:1px dashed #F60;
}

/* テーブルレスポンシブ */
.flex_table{
	padding: 0;
	border: 1px solid #999;
	text-align: center;
  }
  .flex_table li{
	list-style: none;
	}

	.flex_table li ul li:first-child {
		padding-top: 1.2em;
	}

	.flex_table li:first-child {
	 background-color: #EEE;
	}

  .flex_table li ul{
	padding: 0;
	margin: 0;
  }
  .flex_table > li:first-child li{
	background: #666;
	color:#fff;
	padding: .5em 1em;
	font-size:1em!important;
  }
  .flex_table li ul li + li{
	border-left: 1px solid #999;
  }
  .flex_table li ul{
	display: flex;
  }
  .flex_table li ul li{
	flex-basis: 40%;
	}
  .flex_table > li + li{
	border-top: 1px solid #999;
	}

	.flex_table li ul li:nth-of-type(2),
	.flex_table li ul li:nth-of-type(3){
		font-size:2.5em;
	}


.circle{
	font-size: 2.5em;
}


.tbl-r05 {
	width: 100%;
	font-size: 0.8em;
}

.tbl-r05 th {
	background: #666;
  border: solid 1px #ccc;
  color: #fff;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
}

.tbl-r05 td {
	border: solid 1px #ccc;
  padding: 10px;
}

.tbl-r05 td:nth-of-type(3){
	white-space: nowrap;
}


.tbl-r05 td:first-child {
	background: #eee;
	white-space: nowrap;
}

.tbl-r05 td.bnone{
	border: none;
	border-left:1px solid #ccc;
}

.tbl-r05 td.bnoner{
	border: none;
	border-right: 1px solid #ccc;

}

.tbl-r05 tr.bnoner2{
	border: none;
	border-right:1px solid #ccc;
	}


.tbl-r06 {
		width: 100%;
		font-size: 0.8em;
	}

.tbl-r06 th {
		background: #eee;
		border: solid 1px #ccc;
		padding: 10px;
		text-align: center;
		white-space: nowrap;
	}

.tbl-r06 td {
		border: solid 1px #ccc;
		padding: 10px;
	}

.tbl-r06 td:nth-of-type(3){
		white-space: nowrap;
	}

.tbl-r06 td.bnone{
		border: none;
		border-left:1px solid #ccc;
	}

.tbl-r06 td.bnoner{
		border: none;
		border-right: 1px solid #ccc;

	}

.tbl-r06 tr.bnoner2{
		border: none;
		border-right:1px solid #ccc;
		}

.disnone{
		display: none;
	}




/* 下層ページリンク一覧 */
.r_content .menu_area{
	display:flex;
}
.r_content .menu_area > section{
	display: inline-block;
	vertical-align: top;
    width: 100%;
	padding: 0 1%;
    width: 100%;
    border-left:1px solid #CCC;
}
.r_content .menu_area > section:last-child{
    border-right:1px solid #CCC;
}
.r_content .menu_area > section > a:hover{
	opacity:0.7;
}
.r_content .menu_area > section strong{
	display:block;
	text-align: center;
    font-size: 1.4em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    font-style: normal;
}
.r_content .menu_area > section ul li{
    list-style-type: none;
    border-bottom:1px dotted #CCC;
}
.r_content .menu_area > section ul li a{
	display: block;
    padding: 0.5em;
    list-style-type: none;
    background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
	background-position: right 0.5em center;
	border-radius:3px;
	font-size: 0.8em;
}
.r_content .menu_area > section ul li a:hover{
	background-color:#F80;
	color:#FFF;
}
.r_content .menu_area > section img{
    width: 100%;
    margin:0;
    margin-bottom:1em;
}
/* 下層 */
.r_content .menu_area > section ul ul {
/*	padding:1em;*/
    display: block;
    font-size: 0.8em;
}
.r_content .menu_area > section ul ul li{
    background-image: url(../img/icon/under_page.svg);
    background-position:left 1.2em center;
	padding-left:2em;
}
.r_content .menu_area > section ul ul li:last-child{
	border:none;
}


/*カレンダー*/
.r_content .calendar {
    text-align: center;
    padding-top: 4em;
}
.r_content .calendar header span{
    text-align: center;
    display: inline-block;
    padding: 0.3em 0.5em;
    border-radius: 0.7em;
    font-size: 0.8em;
    min-width:4em;
}

.r_content .calendar .amonth{
	clear:both;
	margin-top:2em;
}
/* 休診 */
.r_content .calendar header .closed {    background-color: #FDD;}
/* 担当 */
.r_content .calendar header .responsible {    background-color: #DDF;}
/* 代診 */
.r_content .calendar header .change {    background-color: #c6e7c6;}

.r_content .calendar table{
	width:100%;
}
.r_content .calendar table th{
    padding: 3px;
    text-align: center;
	background-color: #866060;
    color: #fff;
    border-right: solid #fff 1px;
}
.r_content .calendar table .day-of-week{
	display:none;
}

.r_content .calendar table td{
    padding: 3px;
    text-align: right;
    width: 14%;
    height: 5em;
    border: solid 1px #ccc;
}
.r_content .calendar table .no{
	background-color:#EEE;
}
.r_content .calendar table .today{
	background-color:#FED;
}
.r_content .calendar table td span{

}

.r_content .calendar table td ul li{
	margin-bottom:1px;
}
.r_content .calendar table td a{
	pointer-events:none;
}
.r_content .calendar table td .event {
    text-align: left;
    display: block;
    padding: 0.3em 0.5em;
    border-radius: 1em;
    background-color: #DDD;
    font-size: 0.8em;
}
/* 休診 */
.r_content .calendar table td a[href*="closed"] {    background-color: #FDD;}
/* 担当 */
.r_content .calendar table td a[href*="responsible"]{    background-color: #DDF;}
/* 代診 */
.r_content .calendar table td a[href*="change"] {    background-color: #c6e7c6;}
/* 部門 */
.r_content .calendar table td a[href*="closed"] .department {
    font-weight: bold;
    color: #bd0909;
}
.r_content .calendar table td a[href*="responsible"] .department {
    font-weight: bold;
    color: #1111c7;
}
.r_content .calendar table td a[href*="change"] .department {
    font-weight: bold;
    color: #006a00;
}

/* 右寄せ */
.item_right{
	margin-top:1em;
	text-align: right;
}

/* 左寄せ */
.item_left{
	margin-top:1em;
	text-align: left;
}


/* 冒頭文テーブル */
.r_content .intro{
	text-align: left;
}
.r_content .intro > p{
	width: 100%;
  line-height: 1.8em;
 	margin-bottom:2em;
}
.r_content .intro table{
 	width: 100%;
 	margin-bottom:2em;
}
.r_content .intro th{
	text-align: left;
	font-size: 1.3em;
	padding:0.8em 0 0.2em 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	  padding-left:1em;
		text-indent:-1em;
		width: 100%;
    display: block;
}
.r_content .intro th:before{
	content:"\25CF"; /* ● */
    font-size:0.7em;
    vertical-align: middle;
    margin-right:0.5em;
}
.r_content .intro td{
	color: #444;
	font-size: 1em;
	padding:0.5em 1em;
	clear:both;
	width: 75%;
	border-bottom:1px solid #EEE;
	display: block;
	width: 100%;
}


/* 冒頭リンク */
.r_content .intro2 > p{
	width: 100%;
    line-height: 1.5em;
 	margin-bottom:2em;
}

.r_content .intro2 a{
	display:block;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.r_content .intro2 a:after{
	display:block;
	content:"";
	clear:both;
}
.r_content .intro2 a h4{
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: rgb(118, 122, 47);
    margin-right: 10px;
    border:none;
    padding-left:1em;
		text-indent:-1em;
		font-size: 1.2em;
}
.r_content .intro2 a h4:before{
	content:"● ";
	font-size:0.8em;
}
.r_content .intro2 a img{
    float: right;
    margin-left: 1em;
    width: 30%;
}
.r_content .intro2 a i{
    display: inline-block;
    font-style:normal;
    clear:left;
    padding: 0.5em 3em 0.5em 1em;
    background-color: #f5f5f5;
    border-bottom: 1px solid #CCC;
    background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 1em;
    border-radius: 50px;
		margin-bottom: 2em;
		font-size: 0.8em;
}



.r_content > section {
	width: 90%;
}
.r_content > section p{
	border: none;
	padding: 0;
}
.r_content > section h3{
	padding:2em 0;
	margin:0;
	text-align: left;
}
.r_content > section table{
	width:100%;
}
.r_content > section table th{
    text-align: center;
    border-bottom:#CCC solid 1px;
    padding: 1em;
    background-color: #f4f7f4;
}

.r_content > section table td{
    text-align: left;
    border-bottom:#CCC solid 1px;
    padding: 1em;
}

.r_content .secondary h5{
	font-size: 1em;
	line-height: 2em;
}
.r_content .secondary ul li{
	list-style: none;
	line-height: 1.5em;
}
.r_content .secondary p{
	padding:0;
	font-size: 1em;
	line-height: 1.5em;
}
.r_content dl dt{
	font-size: 1.3em;
    padding-top: 1em;
    margin-bottom:0.5em;
}
.r_content dl dd{
	font-size: 1.2em;
    padding-top: 1em;
    text-indent: 1em
}

.l_content .rss{
    display:block;
    padding:0.3em 2em 0.3em 1em;
    border-radius:1em;
    background-color:#FED;
	background-image: url(../img/icon/rss.svg);
    background-position: center right 0.7em;
    background-size:1em;
    margin-top: 0.5em;
}

/* 医師紹介 */
.doc_list{
	display: flex;
		flex-wrap:wrap;
}
.doc_list > section{
	width: 46%;
	padding-bottom: 3em;
	margin:0 2%;
}
.doc_list > section > div{
	display: flex;
	padding-bottom: 1em;
}
.doc_list section img{
	width: 25%;
	height: 25%;
	margin:0;
}
.doc_list section h4{
	width: 50%;
	margin: auto;
	font-size: 2em;
	border:none;
	padding:0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight:bold;
}
.doc_list section h4 small{
	display:block;
	font-size: 0.5em;
	color:#666;
	margin-bottom:0.4em;
    line-height: 1em;
}

.doc_list table {
	width: 100%;
	text-align: left;
}
.doc_list table th{
	color: #427341;
	width: 20%;
	padding:0.5em 0;
	border-bottom: dotted 1px #ccc;
	font-weight:bold;
}
.doc_list table td{
	border-bottom: dotted 1px #ccc;
	padding:0.5em 0;
	font-size: 0.9em;
}

/* 下層リンク一覧 */
.under_link{
	display: flex;
    flex-wrap: wrap;
}
.under_link li{
	display:inline-block;
	width:30%;
	margin:1%;
	vertical-align:top;
}
.under_link li a{
	display:block;
	padding:1em 3em 1em 1em;
	height:100%;
	vertical-align:middle;
	background-color:#ffddc5;
	background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 1em;
	border-radius:3px;
	font-size:0.8em;
}
.under_link li a[target="_blank"]{
    background-image: url(../img/icon/blank.svg);
}
.under_link li a[href*=".pdf"]{
    background-image: url(../img/icon/pdf.svg);
   background-repeat: no-repeat;
    background-position: center right 1em;
    background-size: 30px;
}


.under_link li a:hover{
	background-color:#F80;
	color:#FFF;
}
.under_link li a strong{
	display:block;
	color:inherit;
	border-bottom:1px dotted #000;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-weight:bold;
}

/* Znote外来担当表 */
/* 一覧 */
.r_content .my-event-list{
	width:100%;
	height:70vh;
    overflow: scroll;
}
.r_content .my-event-list h3{
	display:none;
}
/* 日別 */
.r_content .my-event-list div ul li h4{
	background-color:#866060;
	color:#FFF;
	padding:0.2em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight:bold;
}
.r_content .my-event-list div > ul > li > ul{
	display:flex;
}
.r_content .my-event-list div > ul > li > ul h3{
	display:none;
}
.r_content .my-event-list div > ul > li > ul > li{
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    display:none;
	margin-right:1em;
}
/* 今週表示 */
.r_content .my-event-list div > ul > li > ul > li.this-week{
    display:block;
}
.r_content .my-event-list h4{
	text-align:center;
	padding:0.5em;
	font-size:1.5em;
	margin:0;
}
.r_content .my-event-list li a{
	display:flex;
	pointer-events:none;
}
.r_content .my-event-list li .category,
.r_content .my-event-list li .title{
	display:block;
    width: 14em;
    padding:0.4em 1em;
    border-bottom:1px solid #CCC;
    text-align:left;
}
.r_content .my-event-list li .category{
	color: #F60;
	background-color: #EEE;
}
/*
.r_content .my-event-list li a:hover span{
	background-color: #F80;
	color:#FFF;
}
*/
.r_content .my-event-list div > ul ul ul{
	padding:0;
}


/* フローチャート */
.r_content .flow .flex section{
	margin:0 1%;
	width:100%;
}
.r_content .flow .flex section h4{
	text-align:center;
}
.r_content .flow dl{
	clear:both;
	padding:1em;
	position:relative;
	margin-bottom:3em;
	line-height:1.5em;
}
.r_content .flow dl:after{
	content:url(../img/parts/flow_arrow.svg);
	display:block;
	position:absolute;
/*	bottom:-2em;
	left:50%;*/
	left: 50%;
    transform: translateY(75%) translateX(-50%);
}
.r_content .flow dl:last-child:after{
	display:none;
}
.r_content .flow dt{
	padding-top: 0;
	text-align:center;
	font-weight:bold;
	font-size: 1.1em;
}
.r_content .flow dd {
    padding-top: 0;
	text-indent: 0;
	font-size: 0.9em;
}


.r_content table.flow{
    width:100%;
}
.r_content table.flow th {
    border:1px solid #CCC;
    background-color:#F8F8F8;
    padding:1em;
    border-radius:3px;
    text-align:center;
}
.r_content table.flow td {
    padding:2em;
    background-repeat: no-repeat;
}

.r_content table.flow td.arw_b {
	background-image: url(../img/parts/arw_b.png);
    background-position: center bottom;
}
.r_content table.flow td.arw_r {
	background-image: url(../img/parts/arw_r.png);
    background-position: center right;
}
.r_content table.flow td.arw_l {
	background-image: url(../img/parts/arw_l.png);
    background-position: center left;
}
.r_content table.flow h4{
    margin-top:0;
}
.r_content table.flow h5{
    padding:0.5em;
    margin-top:1em;
    font-size:1em
}
.r_content table.flow p{
    margin:0;
}

.youtube{
  display:flex;
  flex-wrap:wrap;
  gap:4%;
}
.youtube div{
  width:48%;
  margin-bottom:2em;
  text-align:center;
}
.youtube div iframe{
  width:100%;
  aspect-ratio: 16 / 9;
}
/* -----------------------------------------------------------------------------
>> PC用
----------------------------------------------------------------------------- */
/* モニター幅960px以上 ---------------------------------------------------------- */
@media only screen and (min-width:960px) {

}

/* -----------------------------------------------------------------------------
>> その他
----------------------------------------------------------------------------- */
.page_etc .header{
	background-image: url(../img/parts/bg00.jpg);
}
.page_etc .header nav{
	border-bottom:4px solid #666;
}
.page_etc .header h2{
	background-color: #666;
}

.page_etc .r_content h2{
	background-color: #666;
}
.page_etc .content h3,
.page_etc .content h4{
   color:#666;
}


/* 左メニュー */
.page_etc .l_content header {
	background-image: url(../img/icon/icon_outpatient.svg);
    color: #666;
    counter-increment: section 0;
}

.page_etc .l_content header::before{
    color: #666;
}

.page_etc .l_content ul li b a{
	color: #666;
	background-color: #ecf1ec;
}
/*右メニュー*/
.page_etc .intro th{
	color: #666;
}
.page_etc .under_link li a strong{
	color: #666;
}
/* 下層ページリンク一覧 */
.page_etc .r_content .menu_area > section strong{
	color: #666;
}

/* フローチャート */
.page_etc .r_content .flow dl{
	background-color: rgba(102, 102, 102, 0.25);
}
.page_etc .r_content .flow2 dl{
	background-color: rgba(102, 102, 102, 0.25);
}

/* 外来担当表 */
.table_doclist{
	width:100%;
	margin-bottom: 1em;
}
.table_doclist colgroup{
	display:table;
	width:100%;
}

.table_doclist th,
.table_doclist td{
	padding:0.5em;
	border:1px solid #CCC;
	text-align:center;
	line-height:1.2em;
	font-size: 0.8em;
    vertical-align: middle;
}
.table_doclist th{
    width: calc(100% / 6);
	background-color:#555;
	color:#FFF;
	font-weight:bold;
}
.table_doclist td:first-of-type{
	background-color:#EEE;
}
.table_doclist tr:nth-of-type(2) td:nth-of-type(2){
	background-color:#EEE;
}
.table_doclist tr:nth-of-type(2) td,
.table_doclist tr:nth-of-type(3) td,
.table_doclist tr:nth-of-type(4) td{
	border-bottom:1px dotted #CCC !important;
}
.table_doclist i{
	float:right;
	clear:right;
	font-style:normal;
}

.table_doclist small{
	font-size:0.8em;
}

/* -----------------------------------------------------------------------------
>> 病院紹介 01
----------------------------------------------------------------------------- */
.page_about .header{
	background-image: url(../img/parts/bg01.jpg);
}
.page_about .header nav{
	border-bottom:4px solid #866060;
}
.page_about .header nav a[href*="aboutus"]{
	background-image: url(../img/icon/icon_aboutus_w.svg);
	background-color: #866060 !important;
	color: #FFF;
}
.page_about .header nav a[href*="aboutus"]{
	background-image: url(../img/icon/icon_aboutus_w.svg);
	background-color: #866060 !important;
	color: #FFF;
}

.page_about .header h2{
	background-color: #866060;
}

.page_about .r_content h2{
	background-color: #866060;
}
.page_about .content h3,
.page_about .content h4{
   color:#866060;
}


/* 左メニュー */
.page_about .l_content header {
	background-image: url(../img/icon/icon_aboutus.svg);
    color: #866060;
    counter-increment: section 1;
}


.page_about .l_content ul li b a{
	color: #866060;
}
/*右メニュー*/
.page_about .intro th{
	color: #866060;
}
.page_about .under_link li a strong{
	color: #866060;
}
/* 下層ページリンク一覧 */
.page_about .r_content .menu_area > section strong{
	color: #866060;
}

/* フローチャート */
.page_about .r_content .flow dl{
	background-color: rgba(134, 96, 96, 0.25);
}

/*カレンダー*/
.page_about .r_content .calendar table th{
	background-color: #866060;
}

/* ----------------------------------------------------------------------------
>> 部門紹介 02
----------------------------------------------------------------------------- */
.page_dep .header{
	background-image: url(../img/parts/bg02.jpg);
}
.page_dep .header nav{
	border-bottom:4px solid #767a2f;
}

.page_dep .header nav a[href*="department"]{
	background-image: url(../img/icon/icon_department_w.svg);
	background-color: #767a2f !important;
	color: #FFF;
}


.page_dep .header h2{
	background-color: #767a2f;
}
.page_dep .r_content h2{
	background-color: #767a2f;
}
/*.page_dep .l_content header h3{
    letter-spacing: -0.1em;
}*/
.page_dep .content h3,
.page_dep .content h4,
.page_dep .content h5{
   color:#767a2f;
}
/* 左メニュー */
.page_dep .l_content header {
	background-image: url(../img/icon/icon_department.svg);
    color: #767a2f;
    counter-increment: section 2;
}

.page_dep .l_content ul li b a{
	color: #767a2f;
}
.page_dep .intro th{
	color: #767a2f;
}
.page_dep .under_link li a strong{
	color: #767a2f;
}

/* 下層ページリンク一覧 */
.page_dep .r_content .menu_area > section strong{
	color: #767a2f;
	padding:1em 0;
}
/* フローチャート */
.page_dep .r_content .flow dl{
	background-color: rgba(66, 115, 65, 0.25);
}
/*薬剤科*/
.page_dep .r_content .cmdd{
	border: none;
}
/*カレンダー*/
.page_dep .r_content .calendar table th{
	background-color: #767a2f;
}


/* 医師紹介 */
.doc_list{
	display: flex;
		flex-wrap:wrap;
}
.doc_list > section{
	width: 46%;
	padding-bottom: 3em;
	margin:0 2%;
}
.doc_list > section > div{
	display: flex;
	padding-bottom: 1em;
}
.doc_list section img{
	width: 25%;
	height: 25%;
	margin:0;
}
.doc_list section h4{
	width: 50%;
	margin: auto;
	font-size: 1.8em;
	border:none;
	padding:0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight:bold;
}
.doc_list section h4 small{
	display:block;
	font-size: 0.5em;
	color:#666;
	margin-bottom:0.4em;
    line-height: 1em;
}
.doc_list table {
	width: 100%;
	text-align: left;
}
.doc_list table th{
	color: #767a2f;
	width: 20%;
	padding:0.5em 0;
	border-bottom: dotted 1px #ccc;
	font-weight:bold;
}
.doc_list table td{
	border-bottom: dotted 1px #ccc;
	padding:0.5em 0;
}

/* -----------------------------------------------------------------------------
>> 外来案内 03
----------------------------------------------------------------------------- */
.page_out .header{
	background-image: url(../img/parts/bg03.jpg);
}
.page_out .header nav{
	border-bottom:4px solid #427341;
}
.page_out .header nav a[href*="outpatient"]{
	background-image: url(../img/icon/icon_outpatient_w.svg);
	background-color: #427341 !important;
	color: #FFF;
}

.page_out .header h2{
	background-color: #427341;
}
.page_out .r_content h2{
	background-color: #427341;
}

.page_out .content h3,
.page_out .content h4{
   color: #427341;

}

/* 左メニュー */
.page_out .l_content header {
	background-image: url(../img/icon/icon_outpatient.svg);
    color: #427341;
    counter-increment: section 3;
}
.page_out .l_content > ul > li b a{
	color: #427341;
}
.page_out .intro th{
	color: #427341;
}
.page_out .under_link li a strong{
	color: #427341;
}



/* 下層ページリンク一覧 */
.page_out .r_content .menu_area > section strong{
	color: #427341;
}
/* フローチャート */
.page_out .r_content .flow dl{
	background-color: rgba(81, 140, 100, 0.25);
}
/*カレンダー*/
.page_out .r_content .calendar table th{
	background-color: #427341;
}

/* -----------------------------------------------------------------------------
>> 入院案内 04
----------------------------------------------------------------------------- */
.page_hosp .header{
	background-image: url(../img/parts/bg04.jpg);
}
.page_hosp .header nav{
	border-bottom:4px solid #51588c;
}

.page_hosp .header nav a[href*="hospitalization"]{
	background-image: url(../img/icon/icon_hospitalization_w.svg);
	background-color: #51588c !important;
	color: #FFF;
}

.page_hosp .header h2{
	background-color: #51588c;
}
.page_hosp .r_content h2{
	background-color: #51588c;
}


.page_hosp .content h3,
.page_hosp .content h4{
   color:#51588c;
}

/* 左メニュー */
.page_hosp .l_content header{
	background-image: url(../img/icon/icon_hospitalization.svg);
    color: #51588c;
    counter-increment: section 4;
}
.page_hosp .l_content > ul > li b a{
	color: #51588c;
}
.page_hosp .under_link li a strong{
	color: #51588c;
}
/*カレンダー*/
.page_hosp .r_content .calendar table th{
	background-color: #51588c;
}

/* -----------------------------------------------------------------------------
>> アイライフきそ
----------------------------------------------------------------------------- */
.ilife .header{	background-image: url(../img/parts/bg_ilife.jpg);}
.ilife .header nav{	border-bottom:4px solid #ce5a6a;}
.ilife .header nav ul {    max-width: 1200px;}
.ilife .header .now a{    color: #fff;    background-color: #ce5a6a;}
.ilife .header nav ul li a{    color: #ce5a6a;    padding:1em 0;}
.ilife .header nav ul li a:hover{	background-color:#f6cfd5;}
.ilife .header nav ul li a[href*="contact"]{    padding:0.52em 0;}
.ilife .header h2{	background-color: #ce5a6a;}
.ilife .header .toggle {    background-color: #ce5a6a;}
.ilife .header .fontsize strong {color:#000;}
.ilife .r_content h2{	background-color: #ce5a6a;}
.ilife .content h3,.ilife .content h4{   color:#ce5a6a;}
/* 左メニュー */
.ilife .l_content header {	background-image: url(../img/icon/icon_outpatient.svg);    color: #ce5a6a;    counter-increment: section 0;}
.ilife .l_content ul li b a{	color: #666;	background-color: #ecf1ec;}

/*右メニュー*/
.ilife .intro th{	color: #ce5a6a;}
.ilife .under_link li a strong{	color: #ce5a6a;}

/* 下層ページリンク一覧 */
.ilife .r_content .menu_area > section strong{	color: #ce5a6a;}

/* フローチャート */
.ilife .r_content .flow dl{	background-color: rgba(102, 102, 102, 0.2);}
.ilife .footer{ padding: 1em;}

/* フッター */
.footer .ilife_detail {display: flex; width: 100%; margin: 0 auto; vertical-align: top; padding-top: 2em; max-width: 1400px;}
.footer .ilife_detail h1 { display: block; width: 23vw; margin: 0 auto;}
.footer .ilife_detail h1 img {	float: left;	padding: 1em;	height: auto!important;}

.ilife .footer .top_icon {
    background-color: #ce5a6a;
}
/* -----------------------------------------------------------------------------
>> 森林セラピー
----------------------------------------------------------------------------- */
.therapy .header{	background-image: url(../img/parts/bg00.jpg);}
.therapy .header nav{	border-bottom:4px solid #529583;}
.therapy .header h2{	background-color: #529583;}
.therapy .r_content h2{	background-color: #529583;}
.therapy .content h3,.therapy .content h4{   color:#529583;}

/* 左メニュー */
.therapy .l_content header {    color: #529583;    counter-increment: section 0;}
.therapy .l_content header::before{    color: #529583;}
.therapy .l_content ul li b a{	color: #529583;	background-color: #ecf1ec;}

/*右メニュー*/
.therapy .intro th{	color: #529583;}
.therapy .under_link li a strong{	color: #529583;}

/* 下層ページリンク一覧 */
.therapy .r_content .menu_area > section strong{	color: #529583;}

/* フローチャート */
.therapy .r_content .flow dl{	background-color: rgba(82, 149, 131, 0.25);}
.therapy .r_content .flow2 dl{	background-color: rgba(82, 149, 131, 0.25);}



/* -----------------------------------------------------------------------------
>> ユーライフきそ
----------------------------------------------------------------------------- */
.youlife .header{	background-image: url(../img/parts/bg00.jpg);}
.youlife .header nav{	border-bottom:4px solid #527f95;}
.youlife .header h2{	background-color: #527f95;}
.youlife .r_content h2{	background-color: #527f95;}
.youlife .content h3,.therapy .content h4{   color:#527f95;}

/* 左メニュー */
.youlife .l_content header {
	color: #527f95;
}
.youlife .l_content header::before{ color: #527f95;}
.youlife .l_content ul li b a{	color: #527f95;	background-color: #ecf1ec;}


/*右メニュー*/
.youlife .intro th{	color: #527f95;}
.youlife .under_link li a strong{	color: #527f95;}

/* 下層ページリンク一覧 */
.youlife .r_content .menu_area > section strong{	color: #527f95;}

.youlife .r_content .att{
	font-color:#F60;
}
/* フローチャート */
.youlife .r_content .flow dl{	background-color: rgba(102, 102, 102, 0.2);}
.youlife .footer{ padding: 1em;}

/* -----------------------------------------------------------------------------
>> 診療部
----------------------------------------------------------------------------- */
.doc .header table td {
     width: 100%;
     border-bottom: 0;
     padding-bottom: 0;
}
.doc .footer table {
    width: 100%;
    font-size: 1em;
}

/* -----------------------------------------------------------------------------
>> 医療技術部
----------------------------------------------------------------------------- */
.cmd .header table td {
     width: 100%;
     border-bottom: 0;
     padding-bottom: 0;
}
.cmd .footer table {
    width: 100%;
    font-size: 1em;
}

/* -----------------------------------------------------------------------------
>> お知らせ
----------------------------------------------------------------------------- */

/* 一覧 */
.zn-contents h2{
	background-color:transparent !important;
}
.topics.list .r_content .zn-list article a img{
	float:right;
	width:10%;
	min-width:100px;
}
.topics.list .r_content .zn-list article {
    padding-bottom: 0;
    margin-bottom:0;
    clear: both;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.topics.list .r_content .zn-list article a{
	display:block;
	padding:1em;
	border-radius:3px;
}

.topics.list .r_content .zn-list article a:after{
	content:"";
	clear:both;
	display:block;
}
.topics.list .r_content .zn-list article a:hover,
.topics.list .r_content .zn-list article a:hover span,
.topics.list .r_content .zn-list article a:hover time{
    background-color: #F80;
    color: #FFF;
}
.topics.list .r_content .zn-list article a time{
	font-weight:bold;
	margin-right:1em;
	color:#F60;
}
.topics.list .r_content .zn-list article a span{
	font-weight:bold;
	color:#F60;
}
.topics.list .r_content .zn-list article a strong{
	clear:left;
	display:block;
	font-size:1.2em;
	margin-top:0.5em;
}
.topics.list .r_content .zn-list article a i{
	display:none;
}
.topics.list .r_content .zn-list article a .zn-node{
	padding:0.1em 1em;
	display:inline-block;
	border-radius:1em;
	background-color:#CCC;
	font-size:0.8em;
}
.topics.list .r_content .zn-list article a .zn-node:hover{
	background-color:#F80;
}
.topics.list .r_content .zn-list article a .zn-images{
	float:right;
	width:10%;
	min-width:100px;
}
.topics.list .r_content .zn-list article a .zn-images figure,
.topics.list .r_content .zn-list article a .zn-images img{
	width:100% !important;
}
.topics.list .r_content .zn-list article a .zn-file{
	display:none;
}

/* ページリンク */
.topics.list .my-paginator ul li {
	margin:5px;
}
.topics.list .my-paginator ul li span.zn-page{
	line-height:1.5em;
	width:1.5em;
	text-align:center;
	display:inline-block;
	border-radius:1em;
	background-color:#CCC;
}

.topics.list .my-paginator ul li a.zn-next span {
	line-height: 1.5em;
	text-align: center;
	display: inline-block;
	border-radius: 1em;
	background-color: #CCC;
	font-size: 0.9em;
	padding: 0 0.2em;
}

/* 詳細 */
.topics.detail .r_content article .images_sample{
	float:right;
	width:30%;
	margin-left:2em;
}
.topics.detail .r_content article .images_sample img{
	width:100%;
}
.topics.detail .r_content .files_sample{
	clear:both;
	display:block;
}
.topics.detail .r_content .files_sample figure{
	min-width:30% !important;
	margin:1.5%;
	display:inline-block;
	text-align:center;
}
.topics.detail .r_content .files_sample figure i:after{
	background-color:#F60;
	border-radius:1em;
	color:#FFF;
	font-weight:bold;
	content:"クリックしてください";
	font-size: 14px;
    display: block;
    margin-top:0.5em;
    padding:0.5em;
}
.topics.detail .r_content .files_sample img{
	width:100%;
}
.topics.detail .r_content article a[href$=".xls"],
.topics.detail .r_content article a[href$=".xlsx"],
.topics.detail .r_content article a[data-type="application/vnd.ms-excel"],
.topics.detail .r_content article a[data-type="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"] {
    display: block;
    background: url(/img/mock/xls.png) no-repeat 17px 50% #D8EDDE;
    color: #00766D;
    padding: 2em 2em 2em 5em;
    border-radius: 5px;
}
.topics.detail .r_content article a[href$=".doc"],
.topics.detail .r_content article a[href$=".docx"],
.topics.detail .r_content article a[data-type="application/msword"],
.topics.detail .r_content article a[data-type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"] {
    display: block;
    background: url(/img/mock/word.png) no-repeat 17px 50% #DBE9F6;
    color: #005C9F;
	padding: 2em 2em 2em 5em;
    border-radius: 5px;
}
.topics.detail .r_content article a[href$=".pdf"],
.topics.detail .r_content article a[data-type="application/pdf"] {
    display: block;
    background: url(/img/mock/pdf.png) no-repeat 17px 50% #FFE2E2;
    color: #B13132;
	padding: 2em 2em 2em 5em;
    border-radius: 5px;
}

.topics.detail .r_content header{
	margin-bottom:2em;
}
.topics.detail .r_content header time{
	font-weight:bold;
	margin-right:1em;
	color:#F60;
}
.topics.detail .r_content header span{
	font-weight:bold;
	color:#F60;
}

nav.my-paginator ul{
	display: flex;
}
/* -----------------------------------------------------------------------------
>> レシポンシブ対応
----------------------------------------------------------------------------- */


/* モニター幅769px以上 PC用 ---------------------------------------------------------- */
@media only screen and (min-width: 769px){
  #pdmenu{
	clear:both;
	overflow:hidden;
	position:relative;
	}
	#pdmenu ul li{
	position: relative;
	}
	#pdmenu ul li a{
	}
	#pdmenu div.panel{
	display:block !important;
	}
	#pdmenu #side_menu{display:none;}

/* -----------------------------------------------------------------------------
>> 部門紹介
----------------------------------------------------------------------------- */

.shinryo{
	float:none;
	width:100%;
	height:auto;
	margin-top:0;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#767a2f;
	margin-right:10px;
	}

a.button {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #CCC;

   }


a.button p:after{
	clear: both;
    display: block;
    content: "";

	}


a.button p{
	margin-top:0.5em;
	height:auto;
	}


.right20 {
	float:right;
    margin-left: 1em;
    width: 30%;

}

.shinryo_bumon_link {
    display: block;
    padding: 0.5em 0em 1.5em 1em;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-bottom: 1px solid #CCC;
    background-image: url(../img/icon/link.svg);
    background-repeat: no-repeat;
    background-position: center right 1em;
    border-radius: 50px;
    font-size: 1em;
	color:#666;
    width: 60%;
    height: 30px;
    float: left;
    margin:-75px 0 0 0;
}




}

/* モニター幅959px以下 ---------------------------------------------------------- */
@media only screen and (max-width:959px) {

}


/* iPad 縦 ------------------------------------------------------------------ */
@media only screen and (max-width:768px){

main {
    padding-top: 220px !important;
}

.content{
	padding:0 0 3vw 0;
	width: 100%;
	max-width: auto;
	min-width: auto;
}



/* 左メニュー */
.l_content{
	display:block;
	clear:both;
	width:100%;
	float:none;
	padding:0;
	border:none;
}
.l_content > header{
	display:none;
}
.l_content #pdmenu{
	padding:1em;
	background-color:#EEE;
    margin-bottom: 3em;
}
	#pdmenu a.menu{
	display:block;
	}

	#pdmenu a#side_menu{padding-left:10px;text-align:center;padding:0.5em;}
	#pdmenu > a:before{content: "\25BC";font-size:0.5em;margin-right:0.5em;}
	#pdmenu a.menuOpen:before{content: "\25B6";}

	#pdmenu a#side_menu:hover{cursor:pointer;}

	#pdmenu .panel{
		display: none;
		position: relative;
		right: 0;
		top:0;
		z-index: 1;
	}

	#pdmenu ul li{
		clear:both;
	}

	#pdmenu ul li a,
	#pdmenu ul li.current-menu-item li a{
		display: block;
	}

/* 右コンテンツ */
.r_content{
	display:block;
	clear:both;
	width:100%;
	float:none;
	padding:0 2em;
}

/* 冒頭 */
.r_content .intro2 h4 br{
	display:none;
}



/* アイライフきそ */
.ilife .header nav ul li{}
.ilife .header nav ul li a{ font-size:1em;max-height: 4em;height:100%;}
.ilife .header nav ul li a br{display:none;}
.ilife .header > a[href="/"] {display:none !important;}


.youtube{
  display:block;
}
.youtube div{
  width:100%;
}

}
/* スマートフォン 横(ランドスケープ) --------------------------------------------------- */
@media only screen and (max-width:640px) {
.doc_list{
	display: block;
}
.doc_list > section {
    width: 100%;
}

}


/* スマートフォン 縦(ポートレート) ---------------------------------------------------- */
@media only screen and (max-width:480px) {

/* -----------------------------------------------------------------------------
>> 共通
----------------------------------------------------------------------------- */
table {
    margin-bottom: 1em;
}

.under_link li {
    display: inline-block;
    width: 100%;
    margin: 1%;
    vertical-align: top;
}


.r_content article figure.right25 {
    float: right;
    margin-left: 1em;
    width: 45%!important;
}

.r_content article img.right25 {
    float: right;
    margin: 0 0 1em 1em;
    width: 45%;
}

.r_content article img.left25 {
    float: left;
    margin: 0 1em 1em 0;
    width: 40%;
}



.r_content .table_list th {
    text-align: left;
    border-bottom: solid 1px #ccc;
    background-color: #EEE;
    padding: 0.5em 1em;
    white-space: normal;
    line-height: 1.5em;
    width: 100%;
    display: block;
}


.r_content .table_list td {
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding: 0.5em 1em;
    line-height: 1.5em;
    width: 100%;
    display: block;
}


.r_content .table_list tr:nth-of-type(2) th {
    width: 100%;
}

.flex {
    display: inline;
}

.r_content .menu_area > section:last-child{
	border-right:none;
}

.r_content article ul {
		margin-bottom: 2em;
}


.r_content .table_list2 th {
    text-align: left;
    border: solid 1px #ccc;
    background-color: #EEE;
    padding: 1em 0.7em;
    white-space:normal;
}




.r_content .table_list2{
    width:100%;
}
.r_content .table_list2 th{
	text-align: left;
	border-bottom:solid 1px #ccc;
	background-color: #EEE;
	padding:0.5em 1em;
	white-space:nowrap;
	line-height:1.5em;
}
.r_content .table_list2 tr:nth-of-type(2) th{
	width:30%;
}
.r_content .table_list2 td{
	text-align: left;
	border-bottom:solid 1px #ccc;
	padding:0.5em 1em;
	line-height:1.5em;
}
.r_content .table_list2.center td{
	text-align:center;
}
.r_content .table_list2.right td,
.r_content .table_list2 td[align="right"] {
	text-align:right;
}
.r_content .table_list2.right td img{
	width: 5%;
}



.sp_content_2{
	padding-top: 230px!important;
}

.sp_content_3{
	padding-top: 290px!important;
}


.r_content article .flex{
	display: inline;
}

/* -----------------------------------------------------------------------------
>> テーブル
----------------------------------------------------------------------------- */
.flex_table{
	padding: 0;
	border: 1px solid #999;
	text-align: center;
	}

.flex_table{
		margin: 0!important;;
	}

.flex_table ul{
		margin: 0!important;;
	}
  .flex_table li{
	list-style: none;
	}

	.flex_table li ul li:first-child {
		padding: 1em;
	}

	.flex_table li:first-child {
	 background-color: #EEE;
	}

  .flex_table li ul{
	padding: 0;
	margin: 0;
  }
  .flex_table > li:first-child li{
	background: #666;
	color:#fff;
	padding: .5em 1em;
  }
  .flex_table li ul li + li{
	border-left: 1px solid #999;
  }
  .flex_table li ul{
	display: flex;
  }
  .flex_table li ul li{
	flex-basis: 40%;
	}
  .flex_table > li + li{
	border-top: 1px solid #999;
	}


.circle{
	font-size: 2.5em;
}

.tbl-r05 {
	width: 100%;
}
.tbl-r05 .thead {
	display: none;
}
.tbl-r05 tr {
	width: 100%;
}
.tbl-r05 td {
	display: block;
	text-align: left;
	width: 100%;
}
.tbl-r05 td:first-child {
	background: #666;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.tbl-r05 td:before {
	content: attr(data-label);
	font-weight: bold;
	margin-right: 10px;
	float: left;
}



.tbl-r05 td:after {
	clear: both;
}

.tbl-r05 td:nth-last-of-type(3){
	font-weight: bold;
	background-color: #eee;
}

.tbl-r05 td.spnone{
	display: none;
}

.tbl-r05 td.bnoner{
	border: 1px solid #ccc;

}


.tbl-r06 {
	width: 100%;
}
.tbl-r06 .thead {
	display: none;
}
.tbl-r06 tr {
	width: 100%;
}
.tbl-r06 td {
	display: block;
	text-align: left;
	width: 100%;
}

.tbl-r06 td:before {
	content: attr(data-label);
	font-weight: bold;
	margin-right: 10px;
	float: left;
}



.tbl-r06 td:after {
	clear: both;
}



.tbl-r06 td.spnone{
	display: none;
}

.tbl-r06 td.bnoner{
	border: 1px solid #ccc;

}

.r_content .table_list th.spnone{
	display: none;
}



.tbl-r02 td:before {
	content: attr(data-label);
	margin-right: 10px;
	float: none;
	color: #000;
}

.tbl-r02 td:after {
	clear: both;
}

.tbl-r02 td.spnone{
	display: none;
}

.tbl-r02 td.bnoner{
	border: 1px solid #ccc;

}

.last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
.tbl-r02 {
	width: 80%;
}
.tbl-r02 th,
.tbl-r02 td {
　　border-bottom: none;
	display: block;
	width: 100%;
}

.r_content .table_list th.spnone{
	display: none;
}

.disnone{
	display: inline;
}

.footer .time section td {
	white-space: nomal;
	padding: 0em 1em 2em 1em;
	font-size: 1.5em;
}


/* -----------------------------------------------------------------------------
>> 病院紹介
----------------------------------------------------------------------------- */

.r_content .menu_area  {
	display:inline;
}

.r_content .menu_area > section strong{
	text-align: left;
}

.r_content .menu_area > section{
	border-left: none;
}

.r_content article ul {
    margin: 1em 0 1em 0;
}






/* -----------------------------------------------------------------------------
>> 部門紹介
----------------------------------------------------------------------------- */
.doc_list > section {
    width: 100%;
    padding-bottom: 3em;
    margin: 0 2%;
}


.doc_list section h4 {
    width: 60%;
    margin: auto;
    font-size: 2em;
    border: none;
    padding: 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 1.8em;
}

.header nav ul li a {
    font-size: 1em;
}


.r_content article h4 {
   font-size: 1.4em;
}

main {
    padding-top: 196px !important;
}

/* -----------------------------------------------------------------------------
>> ブログ
----------------------------------------------------------------------------- */
.topics.detail .r_content article .images_sample {
    float: none;
    width: 30%;
    margin-left: 0;
}




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

.footer .detail h1 img {
    width: 20%!important;
    padding: 8px;
}

.footer .ilife_detail {
	display: inherit;

}


.footer .detail h1 span {
    display: block;
    font-size: 5vw!important;
    color: #000;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}

.footer .detail h1 small {
    display: block;
    padding: 1.2em 0 0.2em 0;
    font-size: 2.5vw!important;
    color: #000;
    text-align: left;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}



.footer .detail h1 {
    width: 70%;
    text-align: left;
    margin: 0 auto;
}


.footer .detail h1:after{
	clear: both;
    display: block;
    content: "";

	}


.footer address {
    padding: 0!important;
    font-style: normal;
    font-size: 2.5vw;
    margin: 0 auto;
    line-height: 1.3em;
		text-align: center;
		margin-bottom: 1em;
}

.footer address p {
    text-align: center!important;
	font-size:1em;
    width: 70%;
    margin: 0 auto;
	font-size:1em;
	line-height:1.5em;
}


.footer .copyright {
  font-size: 0.7em!important;
}

.splabel{
	width:40%;
	margin:1em 0;
	}



/* -----------------------------------------------------------------------------
>> アイライフきそ
----------------------------------------------------------------------------- */

.footer .ilife_detail h1 img {
		float: none;
		height: 5.5em!important;
	}

	.footer .ilife_detail h1 {
    display: block;
    width: 100%;
		margin: 0 auto;
		text-align: center;
}

	.footer address {
		padding: 0 0 0 3em;
		font-size: 1vw;
	}


}
}


/* 印刷 ---------------------------------------------------- */
@media print {



}