html{
	font-size: 100%;
}

body{
	background-color: #ddd;
	color: #f00;
}

.pc{
	display:none;
}

header,#index_exhi,#index_event,#index_info,#index_news,#index_press,#index_facility,#index_tw,#index_fb,#attentions{
	width: 100%;
	background-color: #fff;
}

.main_ban {
	width: 100%;
	max-width: 100%;
	height: auto;
}

section{
	clear:both;
	overflow: hidden;
	padding-top:50px;
	margin-top: -50px;
}


/* ヘッダー START*/
	header{
		position: fixed;
		top: 0px;
		height: 8vh;
		background-color: rgba(0, 30, 50, 1);
		transition: .5s;
		z-index: 10000;
	}
	
	.transform{
		background-color: rgba(0, 0, 0, 0.2);
	}
	
/* ヘッダー END*/

/* main START */
	main{
		position: relative;
		top: 8vh;
		background-color: rgb(0, 30, 50);
	}
/* main END */

/* 展覧会 START */
	#index_exhi h2{
		float: left;
		position: absolute;
	}
	
	.sub_title{
		font-size: 70%;
	}
	
	#exhi_period_area{
		overflow: hidden;
		margin-top: -4px;
		height: auto;
		background-color: rgba(165, 147, 32, 1);
		text-align: center;
		position: sticky;
		position: -webkit-sticky;
	}
	
	#exhi_period_area{
		/* margin: 5vw auto; */
	}
	
/* 展覧会 END */

/* イベント START */
	.ev_list {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
	}

	.ev_list li{
		width: 48.5%;
		float: left;
	}
/* イベント END */

/* お知らせ START */
/* お知らせ END */

/* NEWS START */
/* NEWS END */

/* プレスリリース START */
	#index_press{
		/* padding-bottom: 70px; */
	}

	.index_press_area{
	}
/* プレスリリース END */



/* フッター START */
	footer{
		position: fixed;
		width: 100%;
		bottom: 0px;
		height: 17vw;
		background-color: rgba(0, 30, 50, 1);
		transition: .5s;
		z-index: 10000;
	}
	
	.hide{
		transform: translateY(100%);
	}
	
	address{
		    position: relative;
			bottom: -1.5vh;
	}
/* フッター END */