/*---- 新着情報 ----*/

/* 情報関連タブ */

.tabs {
}

/* PC 新着の切替テキスト */
#tab-button {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	list-style: none;
	gap: 0 1.157894736842105em;
	gap: 1em 0.5em;
	font-size: 86.36363636363636%;	/* 19px / 22px */
	line-height: 1.2em;

	margin: 0 0 2.210526315789474em 0;	/* 42px / 19px */
	padding: 0;
}
#tab-button li {
	width: 11.26315789473684em;
	width: 10em;
	margin: 0 0 0 0;
	padding: 0;
}

#tab-button li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.5842105263157895em 0 0.6842105263157895em;	/* 上下13px / 19px */
	border: 1px solid #000000;
	border-radius: 2em;
}

#tab-button li a:link, #tab-button li a:visited {
	text-decoration: none;
}
#tab-button li:first-child a:link, #tab-button li:first-child a:visited {
	border-color: #2c73db;
	color: #2c73db;
	background: #FFFFFF;
}
#tab-button li:nth-child(2) a:link, #tab-button li:nth-child(2) a:visited {
	border-color: #f7931e;
	color: #f7931e;
	background: #FFFFFF;
}
#tab-button li:nth-child(3) a:link, #tab-button li:nth-child(3) a:visited {
	border-color: #48bb7d;
	color: #48bb7d;
	background: #FFFFFF;
}
#tab-button li:nth-child(4) a:link, #tab-button li:nth-child(4) a:visited {
	border-color: #3EADC4;
	color: #3EADC4;
	background: #FFFFFF;
}
#tab-button li:nth-child(5) a:link, #tab-button li:nth-child(5) a:visited {
	border-color: #993388;
	color: #993388;
	background: #FFFFFF;
}

#tab-button li:first-child a:hover {
	color: #FFFFFF;
	background: #2c73db;
}
#tab-button li:first-child.is-active a:link, #tab-button li:first-child.is-active a:visited, #tab-button li:first-child.is-active a:hover {
	color: #FFFFFF;
	background: #2c73db;
}
#tab-button li:nth-child(2) a:hover {
	color: #FFFFFF;
	background: #f7931e;
}
#tab-button li:nth-child(2).is-active a:link, #tab-button li:nth-child(2).is-active a:visited, #tab-button li:nth-child(2).is-active a:hover {
	color: #FFFFFF;
	background: #f7931e;
}
#tab-button li:nth-child(3) a:hover {
	color: #FFFFFF;
	background: #48bb7d;
}
#tab-button li:nth-child(3).is-active a:link, #tab-button li:nth-child(3).is-active a:visited, #tab-button li:nth-child(3).is-active a:hover {
	color: #FFFFFF;
	background: #48bb7d;
}
#tab-button li:nth-child(4) a:hover {
	color: #FFFFFF;
	background: #3EADC4;
}
#tab-button li:nth-child(4).is-active a:link, #tab-button li:nth-child(4).is-active a:visited, #tab-button li:nth-child(4).is-active a:hover {
	color: #FFFFFF;
	background: #3EADC4;
}
#tab-button li:nth-child(5) a:hover {
	color: #FFFFFF;
	background: #993388;
}
#tab-button li:nth-child(5).is-active a:link, #tab-button li:nth-child(5).is-active a:visited, #tab-button li:nth-child(5).is-active a:hover {
	color: #FFFFFF;
	background: #993388;
}

.tab-contents{
	display: none;
}
#tab01 {
	display: block;
}

/* PC 診療・部門の切替テキスト */
#tab-button2 {
	list-style: none;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 77.64705555555556%;
	margin: 0 auto -1.6em;
	padding: 0;
	font-weight: bold;
}
#tab-button2 li {
	width:49%;
}

#tab-button2 li a {
	display: block;
	border: 1px solid #48BB7D;
	background: #FFFFFF;
	text-align: center;
	padding: 0.7em 0.7em 0.8em;
}
#tab-button2 li a:link, #tab-button2 li a:visited, #tab-button2 li a:hover {
	color: #000000;
	text-decoration: none
}

#tab-button2 li.is-active2 a:link, #tab-button2 li.is-active2 a:visited, #tab-button2 li.is-active2 a:hover {
	color: #FFFFFF;
	background: #48BB7D;
}



/*.tab-contents {
	background: #FFFFFF;
	border-top: 2px solid #09840C;
	border-bottom: 2px solid #09840C;
	position: relative;
	margin: -2px -20px 0 -20px;
	padding: 0.8em 20px 0 20px;
	z-index: 0;
}*/


/*---- プルダウンのデザイン ----*/

.tab-select-outer {
/*	background: #FFFFFF;
	border: 2px solid #09840C;
	border-bottom: 2px solid #FFFFFF;
	color: #333333;
	padding: 0.6em 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	text-align: center;
	text-decoration: none;*/
	line-height: 1em;
	margin: 0 0 1.0em 0;
	position: relative;
	z-index: 99;
}

.cp_ipselect select {
	font-size: 104.1666666666667%;		/* 25px / 24px */
	width: 100%;
	height: 1.52em;		/* 38px / 25px */
	background: #48BB7D;
	
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.4em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 0.47em solid transparent;
	border-right: 0.47em solid transparent;
	border-top: 0.8em solid #FFFFFF;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 0.1em 0 0.2em 0.76em;
	color: #FFFFFF;
}
.cp_ipselect.cp_sl01 select option {
	background: #FFFFFF;
	color: #000000;
}

/*---- 情報リスト ----*/

/*.infoList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.infoList > li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.8em 1.2em;
	line-height: 1.5em;
	font-size: 100%;
}
.infoList > li:nth-child(odd) {
	background: #ECE9E1;
}
.infoList > li > div {
	display: table;
	color: #333333;
}
.infoList > li > div.newsCategory{
	display: block;
	font-size: 76.923%;
	width: 9em;
	border: 1px solid #707070;
	background: #FFFFFF;
	text-align: center;
	border-radius: 20px;
	margin: 0 0 0.2em 0;
}

.infoList > li > div.newsCategoryArea a{
	display: inline-block;
	font-size: 76.923%;
	width: 9em;
	border: 1px solid #707070;
	background: #FFFFFF;
	text-align: center;
	border-radius: 20px;
	margin: 0 0 0.2em 0;
	text-decoration: none;
}

.infoList > li > div.cat_covid{
	width: 19em;
}
.infoList > li span{
	width: 8em;
	display: table-cell;
}
.infoList > li a {
	display: table-cell;
}
.infoList > li a:link {
	color: #333333;
}
.infoList > li a:visited {
	color: #333333;
}
.infoList > li a:hover {
	color: #FF0000;
}*/


/*---- タブとプルダウンの切り替え ----*/

.tab-button-outer {
	display: none;
}

	.tab-button-outer {
		display: block;
	}
	.tab-select-outer {
		display: none;
	}

/*
@media screen and (min-width: 768px) {
	.tab-button-outer {
		display: block;
	}
	.tab-select-outer {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.tabs {
		padding: 0;
	}
	.infoList > li > div {
		display: block;
	}
	.infoList > li span{
		display: block;
		width: 8.5em;
		font-size: 80%;
	}
	.infoList > li > div.cat_covid{
		width: 20em;
	}
	.infoList > li a {
		display: block;
	}
}
*/

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

	#tab-button {
		flex-wrap: wrap;
		gap:  0 2%;
		font-size: 79.16666666666667%;	/* 19px / 24px */
	}

	#tab-button li {
		width: 32%;
		margin: 0 0 2% 0;
		padding: 0;
	}

	.infoList > li > div {
		display: block;
	}
	.infoList > li span{
		display: block;
		width: 8.5em;
		font-size: 80%;
	}
	.infoList > li > div.cat_covid{
		width: 20em;
	}
	.infoList > li a {
		display: block;
	}
}

@media print {
	.tab-button-outer {
		display: block;
		font-size: 70%;
	}
	.tab-select-outer {
		display: none;
	}
}

/* IE10、11の出力時webフォント文字化け対策 */
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {  

	.topContentsAreaA h1{
			font-family:"MS Pゴシック",sans-serif;
	}

}