html{
	font-size: 100%;
}

body{
	font-size: 100%;
	background-color: #000;
	color: #fff;
}

.mb{
	display:none;
}

#page{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #f2f2f2;
}

#page_contents{
	position: relative;
	max-width: 920px;
	margin: 0;
}

header,#index_exhi,#index_event,#index_notification,#index_news,#index_press{
	/* width: 100%;
	max-width: 920px; */
	background-color: #fff;
}

section{
	clear:both;
	overflow: hidden;
	/* padding-top:92px;
	margin-top: -92px; */
	width: 100%;
	background-color: #fff;
}



/* ヘッダー START*/
	header{
		/* position: fixed; */
		display: flex;
		flex-direction: column;
		top: 0px;
		height: 92px;
		background-color: rgba(0, 30, 50, 1);
		transition: .5s;
		z-index: 10000;
		width: 100%;
	}
	
	#site_title_area{
		height: 52px;
		width: 920%;
		max-width: 100%;
		background-color: rgba(0, 30, 50, 1);
	}
	
	/* ナビゲーション START */
	#glv_nav_pc {
		height: 40px;
		background-color: #f2f2f2;
	}
	
	/* ナビゲーション END*/

/* ヘッダー END*/



/* main START */
	main{
		background-color: #fff;
		overflow: hidden;
	}
/* main END */

/* 展覧会 START */
.main_ban {
	width: 100%;
	max-width: 920px;
	height: auto;
}
/* 展覧会 END */
	#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; */
	}
/* イベント START */
	.ev_list {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
	}

	.ev_list li{
		flex-direction: row;
	}
/* イベント END */

/* NEWS START */
	#index_news{
		width: 50%;
		float: left;
		clear: none;
	}
/* NEWS END */

/* お知らせ START */
	#index_info{
		width: 50%;
		float: left;
		clear: none;
	}
/* お知らせ END */

/* Twitter, Facebook 共通 */
	#index_tw,#index_fb{
		height: 590px;
	}

/* Facebook START */
	#index_fb{
		width: 50%;
		float: right;
		clear: none;
	}
	
	/* スマホ用（767px以下） /
	@media screen and (max-width: 767px) {
	.任意のクラス名 {
	width: 100%;
	max-width: 460px;
	}
	
	/ PC用(768px以上) /
	@media screen and (min-width: 768px) {
	.任意のクラス名 {
	width: 460px;
	}
/* Facebook END */

/* twitter START */
	#index_tw{
		width: 50%;
		float: left;
		clear: none;
	}
/* twitter END */

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

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

/* フッター START */
	footer{
		width: 100%;
		background-color: rgba(0, 30, 50, 1);
		transition: .5s;
		clear: both;
		overflow: hidden;
	}
	
	address{
		position: relative;
		bottom: 0;
	}
/* フッター END */