@charset "utf-8";
/***********************************
 国立国際医療研究センター top.css
 151111 
************************************/

h1.header .title{margin-bottom:0;}

/*-----------------
  CONTENTS
-----------------*/
.contents { padding-top: 2em; background-color: #ffffff;}
.contents .section ul { width: 100%; clear: both; padding-left: 0; list-style: none; overflow: visible;}
.contents .section ul:after { display: block; content: ""; clear: both;}

/*---- SECTION ----*/
.contents .section { margin: 0 0 2em 0; padding: 0; border: none; overflow: visible;}
.contents .section h2 { margin: 0 0 1em 0; padding: 0.35em 0.5em 0.2em; background: url(http://dmic.ncgm.go.jp/core/img/tex_diagnal.png) #cccccc; font-size: 1.4em; color: #000000; border: 2px solid #aaaaaa;}

.contents .section ul.section-nav { width: auto; overflow: visible; display: flex; justify-content: flex-end;}
.contents .section ul.section-nav li { width: 24%; margin: 0 0.5%; border: 3px solid #cadff7; box-shadow: 1px 1px #8c8c8c; box-sizing: border-box;}
.contents .section ul.section-nav li a {display: block; margin: 0; padding: 1em 0.5em 0.9em 1.6em; font-size: .95em; background: url(http://dmic.ncgm.go.jp/img/img_news_arrow.png) 0.6em center no-repeat; box-sizing: border-box; text-decoration: none; color: #000000;}
.contents .section ul.section-nav li a:hover { color: #234A8F; background-color: #cadff7;} 

.contents .section ul.section-icon li { width: 18.5%; margin: 0.75%; float: left;}
/* .contents .section ul.section-icon li:nth-child(5n+1) { clear: both;} */
.contents .section ul.section-icon li a {
	display: block; margin: 0; background-color: #cccccc; text-align: center; padding: 8px; overflow: hidden;
	border-radius: 0.5em; border: 2px solid #ffffff; box-sizing: border-box; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.contents .section ul.section-icon li a:hover { opacity: 0.8;}
.contents .section ul.section-icon li a img { max-width: 100%; height:auto;}

/* general */
.contents .section.general h2 { background-color:#FDBBDA; border-color: #F596C6;}
.contents .section.general ul.section-icon li a { padding-bottom: 1em; background: linear-gradient(#FECCE4, #FDBBDA);}
.contents .section.general ul.section-nav li { border-color: #FDBBDA;}
.contents .section.general ul.section-nav li a {background-image: url(http://dmic.ncgm.go.jp/core/img/list_mark_general.png) }
.contents .section.general ul.section-nav li a:hover{ color:#000; background-color: #FECCE4;}

/* staff */
.contents .section.staff h2 { background-color:#71D0AA; border-color: #60B191;}
.contents .section.staff ul.section-icon li a { background: linear-gradient(#95DCC0, #71D0AA);}
.contents .section.staff ul.section-nav li { border-color: #71D0AA;}
.contents .section.staff ul.section-nav li a {background-image: url(http://dmic.ncgm.go.jp/core/img/list_mark_staff.png) }
.contents .section.staff ul.section-nav li a:hover{ color:#000; background-color: #95DCC0;}

/* all */
.contents .section.all h2 { background-color:#c8e3ff; border-color: #8ec6ff;}
.contents .section.all ul.section-icon li a { background: linear-gradient(#c8e3ff, #8ec6ff);}
.contents .section.all ul.section-nav li { border-color: #8ec6ff;}
.contents .section.all ul.section-nav li a {background-image: url(http://dmic.ncgm.go.jp/core/img/list_mark_staff.png) }
.contents .section.all ul.section-nav li a:hover{ color:#000; background-color: #c8e3ff;}

/* news */
.contents .section.news { margin-bottom: 3em;}
.contents .section.news h2 { margin-bottom: 0; background-color: #234A8F; border-color: #234A8F; color: #ffffff;}

.contents .section.news dl { padding: 1em; border: 1px solid #aaaaaa;padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: medium none;}
.contents .section.news dl dt,
.contents .section.news dl dd { padding: 0.7em 0.5em 0.5em;}
.contents .section.news dl dt { width: 16em; float: left; clear: both;}
.contents .section.news dl dt span { display: block; width: 10em; margin-right: 0.5em; padding: 0.25em 0 0.05em; float: left; font-size: 0.8em; text-align: center; background-color: #cccccc; border-radius: 0.4em;}
.contents .section.news dl dt span.general { background-color:#FDBBDA; letter-spacing: 1.5em; text-indent: 1.5em;}
.contents .section.news dl dt span.staff { background-color:#71D0AA;}
.contents .section.news dl dd { margin-left: 0; padding-left: 17.1em; border-bottom: 2px dotted #dddddd;}
.contents .section.news dl dd a{ padding-top:0;}

/*-----------------
  NAV
-----------------*/
.article .nav { width: 100%; margin-bottom: 2em;}
.article .nav ul { overflow: visible;}
.article .nav ul li{ width: 23%; margin: 1%; float: left; box-sizing: border-box;}
.article .nav ul li, 
.article .nav > ul li:last-child { margin-bottom: 0.8em; border: 3px solid #c8e3ff; box-shadow: 1px 1px #8c8c8c;}
.article .nav ul li a { padding: 1em 0.5em 0.9em 1.6em; font-size: 0.9em; background: url(http://dmic.ncgm.go.jp/core/img/img_news_arrow.png) 0.6em center no-repeat;}
.article .nav ul li a:hover { color: #234A8F; background: url(http://dmic.ncgm.go.jp/core/img/img_news_arrow.png) 0.6em center no-repeat #c8e3ff;} 

@media screen and (max-width: 1000px) {
/*-----------------
  IMAGE MAIN
-----------------*/
.image-main .wrap { max-width: 768px; position: relative;}
.image-main .information { position: absolute; top: 32px; left: 40px; z-index: 100; background-color: rgba(255,255,255,0.8);}

/* MAIN IMAGE - BxSlider */
.image-main .box-main-image { width: 768px; height:auto; overflow: hidden;}
.image-main .box-main-image .bx-wrapper .bx-controls .bx-pager { background-image: none;}
}

@media screen and (max-width: 787px) {
/*-----------------
  IMAGE MAIN
-----------------*/
.image-main .wrap { max-width: 468px;}
.image-main .information { width: 94%; padding: 3%; position: static; background-color: #ffffff; border: none; box-shadow: 0px 0px 0px 1px #cccccc inset;}

/*-----------------
  NAV
-----------------*/
.article .nav ul li{ width: 98%; margin: 1%; float: none;}

/*-----------------
  CONTENTS
-----------------*/
.article .box-news,
.article .nav { width: 100%; float: none;}

.article .box-news { margin-bottom: 2em;}

				.contents .section ul.section-nav { width: 100%; flex-wrap: wrap; float: none; overflow: visible;}
.contents .section ul.section-nav li { width: 98% !important; margin: 0 1% 10px; float: none;}
.contents .section ul.section-nav li a { display: block; margin: 0; padding: 1em 0.5em 0.9em 1.6em; font-size: 1.1em; background:url(../img/img_news_arrow.png) 0.6em center no-repeat; box-sizing: border-box; text-decoration: none; color: #000000;}

.contents .section ul.section-icon li { width: 48%;}
.contents .section ul.section-icon li:nth-child(2n+1) { clear: both;}

/* news */
.contents .section.news dl dt { padding-top: 1em; float: none;}
.contents .section.news dl dd { padding-top: 0; padding-left: 0; padding-bottom: 1em;}
}

@media screen and (max-width: 484px) {
.image-main .wrap { max-width: inherit;}
.image-main .information { width: 86%; margin-left: 4%; margin-right: 4%; }

.image-main .box-main-image { width: 100%;}

/*-----------------
  CONTENTS
-----------------*/
.contents { padding-left: 3%; padding-right: 3%;}

/* NEWS */
.article .box-news { width: 94%; padding-left: 3%; padding-right: 3%;}

.article .news_section dl dt {  padding-bottom: 0em; float: none;}
.article .news_section dl dd { padding-left: 2em;}



}




.article .section a.btn_more {
  color: #000;
  display: inline-block;
  zoom: 1;
  text-decoration: none;
  padding: 12px;
  line-height: 1;
  text-align: center;
  position: relative;
  border: 2px solid #ccc;
  min-width: 240px;
  font-size: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.article .section a.btn_more:hover {
  background: #fafafa;
}
.article .section a.btn_more:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  right: 14px;
  top: 50%;
  margin-top: -5px;
  display: block;
  position: absolute;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contents .section .gnavi__list {
  position: relative;
  transition: all .3s;
}

.contents .section .gnavi__list:hover .dropdown__lists {
  display: block;
}

.contents .section ul.dropdown__lists {
  display: none;
  width: 90%;
  position: absolute;
  top: 45px;
  right: -2px;
}

.contents .section ul.dropdown__lists .dropdown__list {
  color: #000;
  background-color: #FFF;
  transition: all .3s;
  position: relative;
  width: 100%;
  margin: 3px 0;
}
.contents .section ul.dropdown__lists .dropdown__list:not(:first-child)::before{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}
.contents .section ul.dropdown__lists .dropdown__list:hover {
  background-color: #FECCE4;
}
.contents .section ul.dropdown__lists .dropdown__list a {
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.contents .section ul.dropdown__lists .dropdown__list a::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}