@charset "UTF-8";
/* CSS Document */


/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {

html {
	-webkit-text-size-adjust: 100%;
}



#header {
	display:none;
}

#left_area {
	display: none;
	
}

#sp-header {
	display: block;
}


#breadCrumb1 {
	display: none;

}



/* =======================================
body
======================================= */
body {
	width: 99%;

}


.mainphoto {
	width: 99%;	
}

.mainphoto img {
	width: 100%;
	height:auto;
}



#topphoto {
	width:90%;
	min-height:auto;
	border: 1px solid #f00;
	margin: 0;
	padding:0;

}

#topphoto img {
	max-width:99%;
	height:auto;

}




#pagetitle {
	width: 100%;
	height: auto;


}

#pagetitle h1 img {
	width: 80%;
	height:auto;

}

#pagetitle1 {
	width: 100%;
	height: auto;

}

#pagetitle1 h1 img {
	max-width: 80%;
	height:auto;

}



/* =======================================
head
======================================= */

#sp-header .logo img {
	width: 80%;
	height: auto;
}



/*メニュー*/

/*#header .menu {
	float: right;
	
}

#header .menu div.left {
	float: left;
	border-left: 2px dotted #c8c8c8;
	padding: 0 23px;
}

#header .menu div.right {
	float: left;
	border-left: 2px dotted #c8c8c8;
	border-right: 2px dotted #c8c8c8;
	padding: 0 23px;
}



/* =======================================
contents
======================================= */
#contents {
	width: 99%;
	margin: 15px auto;
	
}


/* =======================================
右エリア
======================================= */
#right_area {
	float: left;
	width: 99%;
	
}



#right_area .osirase div.day {
	width: 30%;
}

#right_area .osirase div.category {
	width: 50%;
}


#right_area .osirase div.osirasesyo {
	width: 99%;
}

ul.gakushu_event {
	width:100%;
	margin: 0 auto;
}

ul.gakushu_event li {
	margin: 0 auto;
}



/* =======================================
バナーエリア
======================================= */
#banner {
	width: 100%;
}

#banner .banarea {
	width: 200px;
}



#banner .banarea div {
	margin: 0 auto;
}

/* =======================================
footer
======================================= */
#footer {
	width: 100%;

}

#footer .footerarea {
	width: 99%;

}

#footer .footerarea .pagetop {
	width: 100%;

}






ul.fotterRR {
	display: none;
	
}

/* =======================================
館内探検
======================================= */

.VR {
	width: 235px;
	margin:0 auto;
	text-align: center;
}

.VR_photo {
	width: 228px;
	text-align: center;
	float:left;
	margin: 0 5px 5px 5px;
	
	
}



/* =======================================
博物館について
======================================= */

.table .trL {
	width: 100%;
	float: left;

	
}

.table .trR {
	width: 100%;
	float: left;
}


.map img  {
	width: 100%;
	height:auto;
}

ul.cornner_name {
	width: 250px;
	margin: 5px auto;
}

/* =======================================
博物館について
======================================= */


.bt_back {
	width: 50%;
}

/* =======================================
埋没林
======================================= */
.maiboturin p.maiboturinimage img {
	float:none;
	text-align:center;
	width: 98%;
	height:auto;
}

.maiboturin p.zu1 img {
	width: 100%;
	height:auto;
}

/* =======================================
蜃気楼
======================================= */

.shinkiro .pagelink li {
	width: 90%;
} 


.shinkiro p.shinkiroimage img {
	max-width: 100%;
	height:auto;
}


.shinkiro .nenbt div {
	width: 30%;

}

.shinkiro .bt_shousai {
	width: 90%;
}

.shinkiro .bt_backkiroku {
	width: 80%;
}

.shinkiro .bt_backkiroku1 {
	width: 80%;
}

/* =======================================
news
======================================= */

.news .photo {
	width: 100%;
}

.news .photo img {
	max-width: 100%;
	height:auto;
}

.news .newsevent {
	width: 100%;
}

.news .newseventall p img {
	max-width: 100%;
	height:auto;
}


/* =======================================
ハイビジョンホール
======================================= */
.hivision .photo {
	width: 100%;

}

.hivision .photo img {
	max-width: 100%;
	height:auto;

}

.hivision .newsevent {
	width: 100%;
}

.hivision p img {
	width: 100%;
	height:auto;

}


/* =======================================
刊行物ダウンロード
======================================= */

.kankoubutu p img {
	width: 100%;
	height:auto;
	
	}
	
/* =======================================
ライブ映像
======================================= */	

.live p.eizoutext {
	float:left;
	width: 100%;
	margin-right: 10px;
}

.live p.eizouphoto {
	float:left;
	width: 100%;
}

.live .kameraboxL {

	width: 95%;
}


.live .kameraboxR {
	width: 95%;
	float:left;
	
}

.live .kameraboxL div.livebt,
.live .kameraboxR div.livebt{
	width: 150px;
	margin: 0 auto;
	float:none;
	
	
}




}