* {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP"),
    local("Noto Sans JP"),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

body { 
	background-color:#fff; 
	line-height:150%;
	font-family: 'Noto Sans JP', sans-serif;	
}

/*
========== header ===============================================
*/


#header { 
	text-align: center;
}

#header img { 
	height: 50px;
	margin-top: 5px;
}

#header .row {
	overflow: hidden;
	background-color: #fff;
/*	height: 60px;*/
}	

#header .button {
	border:0px;
	border-radius:0px;
	padding:0px;
	margin-top: 25px;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-size: 1.2rem;
  display: inline-block;
  width: 100px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  outline: none;
}
#header .button {
  background-color: #E6E6E6;
  color: #000;
}
#header .button:hover {
  background-color: #000;
  color: #fff;
}


/*
========== virtualmuseum ===============================================
*/

#virtualmuseum { 
	clear: both;
	text-align: center;
	background-color: #fff;
	padding-top: 0px;
}

/*
========== exhibit_description ===============================================
*/

#exhibit_description .row{
	margin-bottom:6rem;
}

#exhibit_description { 
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-size: 1.5rem;
	text-align: left;
	background-color:#fff;
	color: #000;
	margin-bottom: 5rem;
}
#exhibit_description h2 { 
	text-align: center; 
	font-size:2.5rem; 
	font-weight: bold;
	text-decoration:none; 
	padding-bottom:0.5em;
	padding-top:1.5em;
}
#exhibit_description h3 { 
	text-align: center; 
	font-size:2.0rem; 
	font-weight: bold;
	text-decoration:none; 
	padding-bottom:0.5em;
	padding-top:1.5em;
}#exhibit_description .explanation { 
	font-size:1.0em; 
	padding-bottom:3em;
	padding-top:0em;
	padding-left: 0em;
	padding-right: 0em;
}
#exhibit_description .caption { 
	font-size:0.9em; 
	padding-bottom:1em;
	padding-top:0em;
}
#exhibit_description img { 
	width: 100%;
}

/*
========== recommended ===============================================
*/

#recommended { 
	text-align: center;
	background-color: #E6E6E6;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000;
	margin-top:0px;
	padding-top: 2rem;
	padding-left:	3rem;
	padding-right:	3rem;
	padding-bottom:	3rem;
}
#recommended h2 { 
	text-align: left; 
	font-size:2.5rem; 
	font-weight: bold;
	text-decoration:none; 
}

#recommended .row {
	 float:left;
	overflow: hidden;
	background-color: #E6E6E6;
}	

#recommended .item {
	vertical-align: top;
	border:0px;
	border-radius:0px;
	padding:0px;
	margin: 2px;
  display: inline-block;
  width: 120px;
  height: 180px;
  text-align: left;
  text-decoration: none;
  line-height: 1;
  outline: none;
}
#recommended .item {
  background-color: #E6E6E6;
}
#recommended .item:hover {
  background-color: #fff;
}
#recommended img {	
	width:80%;
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0%;
}

#recommended .caption {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: 1.1rem;
	padding:1.0rem 1.5rem;
	line-height:120%;
	height: 60px;
}

#recommended .note1 {
	clear: both;
	font-size: 1.3rem;	
	margin-top:0rem;
}
#recommended .note2 {
	font-size: 1.1rem;
}

/*
========== footer ===============================================
*/

#footer { 
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	background-color:#000;
	padding: 0px;
	margin-bottom: 100px;
}
#footer .links {
	margin-top: 1rem;
	margin-bottom:8rem;
}

#footer a { 
	color: #DDDDDD;
	text-align: center; 
	font-size:1.5rem; 
	text-decoration:none; 
	margin-right:2rem;
}
#footer a:hover{
	padding-bottom:3px;
	border-bottom:solid;
	border-color:#DDDDDD;
	border-width:2px;/*5ピクセルの太さにする*/
}

#footer  .copyright { 
	font-size: 1.2rem;
	text-align: center;
	background-color:#000;
	color: #E6E6E6;
	padding: 1em;
	padding-top: 0em;
}



/*
========== exhibitions ===============================================
*/

#exhibitions { 
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0px;
	background-color:white;
	color: #000;
	padding: 0% 10%;
	margin-top:0px;
	border-top: solid 1px;
}
#exhibitions h2 { 
  letter-spacing: 0.1em;
	color: #222;
	text-align: center; 
	font-size:3em; 
	text-decoration:none; 
	padding-bottom:0.5em;
	padding-top:1.5em;
}
#exhibitions .title {
	font-weight: bold;
	font-size: 2.5rem;
	margin-top: 4.5rem;
	margin-bottom: 3.5rem;
}
#exhibitions .title_description {
	text-align: left;
	margin-bottom: 1.5em;
}


#exhibitions .row_pictures {
	margin-bottom: 8rem;
}
/*
#exhibitions .picturecaption {
	font-size: 0.8em;
	padding:0em 0.5em;
	line-height:130%;
}
*/

#exhibitions .item {
	border:0px;
	border-radius:0px;
	padding:0px;
	margin: 0px;
  display: inline-block;
  width: 200px;
  height: 240px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  outline: none;
}
#exhibitions .item {
  background-color: #fff;
}
#exhibition_page .item:hover {
  background-color: #E6E6E6;
}
#exhibitions img {	
	width:80%;
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 0%;
}

#exhibitions .caption {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-size: 1.2rem;
	margin:1.0rem 1.5rem;
	line-height:140%;
}


/*
========== contact ===============================================
*/

#contact { 
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-size: 1.5rem;
	background-color:#fff;
	line-height: 180%;
	border-top: solid 1px;
}

#contact h2 { 
	text-align: center; 
	font-size:2.5rem; 
	font-weight: bold;
	text-decoration:none; 
	margin-top:5rem;
}
	
#contact h3 { 
	font-size:1.5em; 
	font-weight: bold;
	text-decoration:none; 
	margin-bottom:0.5em;
	margin-top:0.5em;
}

#contact .explanation { 
	width:80%;
	padding: 2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2rem;
}

#contact button { 
  display: block;
  width: 60%;
  padding: 0rem;
  border: none; 
  margin: 1rem auto; 
/*  font-size: 1vw;*/
	font-size: 1.5rem;
   background: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
	margin-bottom:8rem;
}
#contact button:hover { 
  background: rgba(100,100,100,0.23);
  color: #222;
}
#contact .image {
	text-align: center;
	margin-bottom:6rem;
}
#contact img {
	width: 40%;
}


/*
========== application ===============================================
*/

#application { 
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0px;
	font-size: 1.5rem;
	background-color:#fff;
	line-height: 180%;
	border-top: solid 1px;
}

#application h2 { 
	text-align: center; 
	font-size:2.5rem; 
	font-weight: bold;
	text-decoration:none; 
	margin-top:5rem;
}
	
#application h2.title2 { 
	margin-top:5rem;
}
	
#application h3 { 
	font-size:1.5em; 
	font-weight: bold;
	text-decoration:none; 
	margin-bottom:0.5em;
	margin-top:0.5em;
}
#application img {
		width: 100%;
}
#application a {
		border-bottom: dotted 2px #87CEFA;
}
#application .explanation { 
	width:80%;
	padding: 2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0em;
}
#application .caption { 
	font-size: 0.8em;
	text-align: center;
	width:80%;
	padding: 0em;
	margin-left:auto;
	margin-right:auto;
	margin-top:0em;
	margin-bottom:5em;
}
#application button { 
  display: block;
  width: 80%;
  padding: 0rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1vw;
   background: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
}
#application button:hover { 
  background: rgba(100,100,100,0.23);
  color: #222;
}

#application table {
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 0em;
}
#application table th, table td {
  border: solid 1px black;
}
#application tr.midashi {
	background-color: #eeeeff;
}
#application td.midashi {
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
}

/*
========== OTHERS ===============================================
*/


a {color: black; }
a:link { cursor: normal; text-decoration: none; color: black;}
a:visited { text-decoration: none; color: black;}
a:hover { text-decoration: none; color: black;}
a:active { text-decoration: none; color: black;}