@charset "UTF-8";
/*-----------------------------
国立国際医療研究センター　covid.css
------------------------------*/
/*----------------
  見出しレイアウト
----------------*/
.article .txtbox h1.covid_top{ padding: 0; margin-bottom: 0.5em; border: none;}
.article .txtbox h1.covid_top:before {width: 0em; height: 0;}
.article .txtbox h1.covid_top:after { height: 0px;}

.article .txtbox h1.title { margin: 0 0 1em; padding: 1.0em 0.5em 1.0em 3.5em; background: #ffffff; font-size: 1.5em; position: relative; overflow:hidden; border: 1px solid #99cccc; border-radius: 10px; box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);}
.article .txtbox h1.title:after { height: 0px;}

.article .txtbox h1.c0:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_0.png) center;}
.article .txtbox h1.c1:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_1.png) center;}
.article .txtbox h1.c2:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_2.png) center;}
.article .txtbox h1.c3:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_3.png) center;}
.article .txtbox h1.c4:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_4.png) center;}
.article .txtbox h1.c5:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_5.png) center;}
.article .txtbox h1.c6:before { width: 3.8em; height: 3.3em; top: 0em; bottom: 0em; left: 0em; background: no-repeat url(/core/img/covid_h1_6.png) center;}

.article .txtbox h1.linkTitle { margin: 0 0 1em; padding: 1.0em 0.5em 1.0em 2em; font-size: 1.5em; position: relative; overflow:hidden;  border-radius: 10px; box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2); background-image:url(../img/link_title.png);
background-repeat:repeat; background-position:10% center; background-size:cover; border: 1px solid #cccccc;}
.article .txtbox h1.linkTitle:after { height: 0px;}
.article .txtbox h1.linkTitle:before { height: 0px;}


/* 本文 */
.article .txtbox {
	min-height: 0px; /*- コンテンツの最低の高さ -*/
	margin: 0; padding: 2em 2em 2em 2em; background: #ffffff; border: 1px solid #cccccc; border-top: 10px solid #a5dcd5;
	border-top-image: url(../img/tex_diagnal.png)  repeat;
}
.article .top {
	min-height: 0px; /*- コンテンツの最低の高さ -*/
	margin: 0; padding: 1em 2em 2em 2em; background: #ffffff; border: 1px solid #cccccc;
	border-top-image: url(../img/tex_diagnal.png)  repeat;
}

.article .social {
	text-align: right;
}

/* サブトップ向け */
.article .nav.subnav > dl {padding-left:0;padding-bottom:0;}
.article .nav.subnav > dl dt{background-color: #FAFAFA; border:1px solid #ccc; border-bottom:2px solid #99cccc;}
.article .nav.subnav > dl dt:before{display:none;}
.article .nav.subnav > dl dd {margin: 0;border: 1px solid #cccccc; border-bottom: none;}
.article .nav.subnav > dl dd:last-child { border: 1px solid #cccccc;}
.article .nav.subnav > dl dd a {padding: 0.8em 0.4em 0.6em 1.5em; font-weight: bold; display:block; width:inherit; color: #333333; background: url(../img/btn_subtop_side-nav.png) left bottom repeat-x; background-size: contain; }
.article .nav.subnav > dl dd a:hover { color: #ffffff; background-image: none; background-color: #234A8F; text-decoration: none;}

/*----------------
  トップメニューボタン2
----------------*/
.article .txtbox .parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 92%;
margin: 0 auto;
}

.article .txtbox .div1 { grid-area: 1 / 3 / 2 / 5; }
.article .txtbox .div2 { grid-area: 2 / 3 / 3 / 5; }
.article .txtbox .div3 { grid-area: 1 / 1 / 3 / 2; }
.article .txtbox .div4 { grid-area: 1 / 2 / 3 / 3; }
.article .txtbox .div5 { grid-area: 3 / 1 / 5 / 2; }
.article .txtbox .div6 { grid-area: 3 / 2 / 5 / 3; }
.article .txtbox .div7 { grid-area: 3 / 3 / 5 / 4; }
.article .txtbox .div8 { grid-area: 3 / 4 / 5 / 5; }

.article .txtbox .c-item img {
	width: 87%;
	margin: 0.5em 0em 0.5em 0.5em;
	padding: 0;
    border: solid 1px #99cccc;
	border-radius: 12px;
	box-shadow:0px 0px 6px 1px rgba(0, 0, 0, 0.2);
} 
.article .txtbox .c-item {
	overflow:hidden!important;
} 
.article .txtbox .l-item {
	overflow:hidden!important;
} 
.article .txtbox .l-item img {
	width: 93%;
	margin: 0.5em 0em 0em 0.5em;
	padding: 0;
    border: solid 1px #ffffff;
	border-radius: 8px;
	box-shadow:0px 0px 6px 1px rgba(0, 0, 0, 0.2);
} 
.article .txtbox .fr-item {
	overflow:hidden!important;
} 
.article .txtbox .fr-item img {
	width: 93%;
	margin: 0.1em 0em 0em 0.5em;
	padding: 0;
    border: solid 1px #ffffff;
	border-radius: 8px;
	box-shadow:0px 0px 6px 1px rgba(0, 0, 0, 0.2);
} 

/*----------------
  トップメニューボタン
----------------*/

.article .txtbox .f-container {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: flex-start;
	width: 92%;
	padding-left: 1em;
	margin: 0 auto;
}
.article .txtbox .f-item01 {flex-basis: 25%;}
.article .txtbox .f-item02 {flex-basis: 25%;}
.article .txtbox .f-item03 {flex-basis: 50%;}
.article .txtbox .f-item04 {flex-basis: 25%;}
.article .txtbox .f-item05 {flex-basis: 25%;}
.article .txtbox .f-item06 {flex-basis: 25%;}
.article .txtbox .f-item07 {flex-basis: 25%;}

.article .txtbox .f-item {
	overflow:hidden!important;
} 
.article .txtbox .f-item img {
	width: 87%;
	margin: 1em 0em 1.2em 0.5em;
	padding: 0;
    border: solid 1px #99cccc;
	border-radius: 12px;
	box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
} 
.article .txtbox .f-coviregi {
	overflow:hidden!important;
} 
.article .txtbox .f-coviregi img {
	width: 88%;
	margin: 1em 0em 1em 1em;
	padding: 0;
    border: solid 6px #ffffff;
	border-radius: 12px;
	box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
} 

/*----------------
  お知らせ
----------------*/
.article .txtbox .info-container {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: flex-start;
}
.article .txtbox .info-item {flex-basis: 72%;}
.article .txtbox .link-item {flex-basis: 28%; overflow:hidden!important;}

.article .txtbox h2.important { margin: 0em 0 0em 0.5em; padding: 0.7em 0.5em 0.5em 3.5em; background: #ffffff; font-size: 1.4em; position: relative;overflow:hidden;}

.article .txtbox h2.important:before { width: 2.5em; top: 0em; bottom: 0em; left: 0.5em; background: no-repeat url(/core/img/covid_h2_1.png) center;}

.article .txtbox h2.info { margin: 1.5em 0 0em 0.5em; padding: 0.7em 0.5em 0.5em 3.5em; background: #ffffff; font-size: 1.4em; position: relative; overflow:hidden;}

.article .txtbox h2.info:before { width: 2.5em; top: 0em; bottom: 0em; left: 0.5em; background: no-repeat url(/core/img/covid_h2_2.png) center;}
.article .txtbox h2.info span a{ background: #DFEFEF; font-size: 0.8em; float: right; padding: 0em 1.5em 0 1.5em;}

.article .txtbox .importantBox {
	height: 9em;
    padding: 0.5em 1em;
    margin: 0.5em 0em 1em 1em;
    border: solid 1px #99cccc;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.article .txtbox .infoBox {
    padding: 0.5em 1em;
    margin: 0.5em 0em 1em 1em;
    border: solid 1px #99cccc;/*線*/
    border-radius: 10px;/*角の丸み*/
}







.article .txtbox .link-item img {
	width: 80%;
	margin: 1em 0em 0.5em 2em;
    border: solid 6px #ffffff;
	border-radius: 10px;
	box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.article .txtbox .news_sec { border-top-right-radius: 1em;}
.article .txtbox .news_sec h2 { padding-top: 0.8em; padding-bottom: 0.7em;display:block;}
.article .txtbox .news_sec dl { margin: 0em 0em 0em 1em;}
.article .txtbox .news_sec dl dt,
.article .txtbox .news_sec dl dd { padding: 0.6em 0 0.7em 0.5em; margin: 0;}
.article .txtbox .news_sec dl dt { width: 9em; padding: 0.6em 0 0.7em 0.5em; float: left;}
.article .txtbox .news_sec dl dd { padding-left: 10em; border-bottom: 1px solid #cccccc;}
.article .txtbox .news_sec dl dd a,
.article .txtbox .news_sec dl dd span { display:block; padding: 0;}
.article .txtbox .news_sec > a.news_link_list,
.article .txtbox.evbox.news_sec > a.news_link_list{ margin: 1em 1em 1.5em; padding-left: 1.2em; display: block; float: right; background: url(../img/img_link_arrow.png) left center no-repeat;}



/* 見出し  ------------------ */
.article .txtbox h2 { margin: 1em 0 1em -1em; padding: 0.7em 0.5em 0.5em  1.2em; background: #eeeeee; font-size: 1.2em; position: relative;overflow:hidden;}
.article .txtbox h2:before { width: 0.45em; top: 0.3em; bottom: 0.3em; left: 0.5em; background: url(../img/tex_diagnal.png) center #99cccc;}
.article .txtbox h3 { margin-top: 1em; margin-left: 0em; padding-left: 1.4em; border-bottom: 1px dotted #999999; position: relative;}
.article .txtbox h3:before { width: 1em; height: 1em; top: 0.1em; left: 0px; background: url(../img/covid_h3.png) center no-repeat; background-size: contain;}

/*----------------
  nav
----------------*/
.article .nav { float: left; width: 25%; overflow: visible;}
/* 標準 */
.article .nav > dl { width: 100%; padding-bottom: 1em; background-color: #ffffff; box-shadow: 0 0 0 1px #CFD0D0 inset;}
.article .nav > dl dt { border: 1px solid #ccc; border-bottom: 3px solid #99cccc; background-color: #ffffff; position: relative;}
.article .nav > dl dt:before { position: absolute; display: block; content: ""; width: 0px; height: 76%; top: 12%; left: 8px;}
.article .nav > dl dt p { margin: 0; padding: 0.5em 22px 0.3em; font-size: 1.3em; font-weight: bold;}
.article .nav > dl dd { margin: 0 1em 0; padding: 0; border-bottom: 1px dotted #999999;}
.article .nav > dl dd:nth-of-type(1) { margin-top: 0.6em;}
.article .nav > dl dd a { width: 100%; height: 100%; padding: 0.4em 0 0.2em; display: block;}

/*----------------
  各診療科の対応
----------------*/
.article .txtbox .d-container {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	width: 100%;
	padding-left: 0em;
	margin: 0 auto;
}
.article .txtbox .dept {
	font-size: 89%;
	margin: 0.3em;
	padding-top: 0.4em;
	text-align: center;
	border: solid 1px #99cccc;
	border-radius: 8px;
	flex-basis: 23%;}
.article .txtbox .dept2 {
	font-size: 89%;
	margin: 0.3em;
	padding-top: 0.4em;
	text-align: center;
	border: solid 1px #99cccc;
	border-radius: 8px;
	flex-basis: 48%;}

a,a:focus {
  outline:none;
}
/*----------------
  論文1
----------------*/
.article .txtbox .column {
  display: flex;
  flex-direction: column;
}
.article .txtbox .accordion-box {
  justify-content: center;
  align-items: center;
  padding: 0 5%;
}
.article .txtbox .accordion-box + .accordion-box {
  margin-top: 0px;
}
.article .txtbox .accordion {
	width: 100%;
	text-align: left;
	position: relative;
	cursor: pointer;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 0.625em 0.625em 0.625em 2em;
}
.article .txtbox .accordion:before {
	background-color: transparent;
}
.article .txtbox .accordion:hover{
	background-color: #99cccc;
}
.article .txtbox .accordion::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px black;
	border-right: solid 1px black;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-left: -6px;
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 4%;
	margin-top: -5px; 
}
.article .txtbox .accordion.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 60%;
}
.article .txtbox .accordion-inner {
  padding: 0px 0 30px 0;
}
.article .txtbox .accordion-content {
  display: none;
  padding: 3px 0 0px 3%;
  width: 100%;
  text-align: left;
}
.heading{
  padding: 0 5%;
  margin-bottom: 10px;
}
.article .txtbox .open{
    display: block;
}


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

@media screen and (max-width: 787px) {
.article .nav { float: left; width: 100%; overflow: visible;}
.article .txtbox .parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.article .txtbox .div1 { grid-area: 1 / 1 / 2 / 3; }
.article .txtbox .div2 { grid-area: 2 / 1 / 3 / 3; }
.article .txtbox .div3 { grid-area: 3 / 1 / 5 / 2; }
.article .txtbox .div4 { grid-area: 3 / 2 / 5 / 3; }
.article .txtbox .div5 { grid-area: 5 / 1 / 7 / 2; }
.article .txtbox .div6 { grid-area: 5 / 2 / 7 / 3; }
.article .txtbox .div7 { grid-area: 7 / 1 / 9 / 2; }
.article .txtbox .div8 { grid-area: 7 / 2 / 9 / 3; }
}


@media screen and (max-width: 484px) {
 .article .txtbox .flexbox {
	 display: block;
     }
.article .txtbox .f-container {
	width: 100%;
	margin: 0 auto;
}
.article .txtbox .f-item01 {order: 2; flex-basis: 50%;}
.article .txtbox .f-item02 {order: 3; flex-basis: 50%;}
.article .txtbox .f-item03 {order: 1; flex-basis: 100%;}
.article .txtbox .f-item04 {order: 4; flex-basis: 50%;}
.article .txtbox .f-item05 {order: 5; flex-basis: 50%;}
.article .txtbox .f-item06 {order: 6; flex-basis: 50%;}
.article .txtbox .f-item07 {order: 7; flex-basis: 50%;}
	
.article .txtbox .info-item {flex-basis: 100%;}
.article .txtbox .link-item {flex-basis: 100%;}
	
.article .txtbox .news_sec dl dt {  padding-bottom: 0em; float: none;}
.article .txtbox .news_sec dl dd { padding-left: 2em;}

.article .txtbox .dept {
	flex-basis: 46%;}
.article .txtbox .dept2 {
	flex-basis: 96%;}
.article .nav { float: left; width: 100%; overflow: visible;}

}