@charset "utf-8";
/*========================================*
*　■トップページ用スタイル
*========================================*/


/*------------------------------
■TOP用ベースレイアウト
------------------------------*/
#mv .slide{
	text-align:left;
	text-indent: -9999px;
}





#overview a,
#museum a{
	text-decoration:none;
}


#overview .hed_l{
	font-size: 17px;
}


/*==============================================
//
//   ■ PC (980px)
//
================================================*/
@media screen and (min-width: 641px) {



/* main visual */
#mv .transition{
	z-index: 3;
}
#mv .display{
	position: relative;
	z-index: 2;
}
#mv .slide{
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
}
#mv .controller{
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: auto;
}
#mv .controller ul{}


#mv .controller li{
	position: absolute;
	top: 50%;
	margin-top: -36px;
	z-index: 4;
}
#mv .controller li a{
	display:block;
	color: #fff;
	font-size: 0px;
	width: 37px;
	height: 72px;
	overflow: hidden;
	text-indent: -9999px;
}
#mv .controller li.bt_back{left:10px;}
#mv .controller li.bt_next{right:10px;}
#mv .controller li.bt_back a{background: url(../img/base/bt_arw03l.png) no-repeat left top;}
#mv .controller li.bt_next a{background: url(../img/base/bt_arw03r.png) no-repeat left top;}

*+html #mv .controller{z-index: 4;}





#overview .col6{
	vertical-align:top;
	margin-bottom: 10px;
}


/* overview */
#more_about_explain .bt_read_more_wrap{
	text-align: right;
}
#more_about_explain .readmore_inner{
	text-align:left;
}


/* trip advisor */
#trip_advisor{
	background: #fff;
	padding-top: 15px;
	border: 3px solid #D4B572;
}
#trip_advisor h2{
	margin-bottom: 10px;
}
#trip_advisor h3{
	color: #77933C;
	font-weight:bold;
}
#trip_advisor .inner{
	margin-left: 20px;
	margin-right: 20px;
}
#trip_advisor .wrap{
	padding: 5px;
	overflow: hidden;
	background: #D4B572;
}
#trip_advisor .wrap p{
	color: #fff;
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 0;
	
	font-family: "Times New Roman", Times, serif;
}
#trip_advisor .wrap a{
	font-weight:bold;
	color: #000;
}


/* about */
#about h2.hed_lll{
	font-size: 29px;
}


/* gallery */
#museum{
	margin-bottom: 85px;
}
#museum .figure{
	margin-bottom: 5px;
}
#museum .figure img{
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
}
#museum h2{
	font-size: 20px;
}


/*  */
#access h2{
	font-size: 19px;
}
#access .figure{
	margin-bottom: 5px;
}



/* map */
#map{
	position: relative;
	margin-bottom: 50px;
}
#map h2{
	position: absolute;
	right: 0;
	top: 0;
}
#map .inner{
	position: relative;
	padding-top: 60px;
}
#map #map_japan{
	position: absolute;
	left: -30px;
	top: 0;
}
#map #map_kansai{
	text-align:right;
}
#map .nav{
	position:absolute;
	right: 0;
	bottom: 0;
}
#map .nav p{
	margin-bottom: 0;
}



/* local timer */
#local_time{
	/*text-align:center;*/
	
	padding-left: 30px;
}
#local_time table{
	width: 250px;
	/*margin-left: auto;
	margin-right: auto;*/
	border: 1px solid #888;
}
#local_time table th,
#local_time table td{
	padding: 8px;
	text-align:center;
}
#local_time table th{
	background: #bebebe;
	font-weight:normal;
	color: #fff;
}
#local_time table td{}




/* news & release */
#news{}
#news h2{
	margin-bottom: 0;
}
#news .more{
	margin-bottom: 5px;
}
#news p{
	padding-right: 0px;
}

#news .row{
	overflow: hidden;
}
#news .sepl{
	padding-left: 50px;
	
	margin-bottom: -999px;
	padding-bottom: 999px;
}
#news .col8:first-child .sepl{
	padding-left: 0;
	border-left: 0 none;
}
#news .col8:first-child .sepl:before{
	border: 0 none;
}






}






/*==============================================
//
//   ■ Mobile (640px)
//
================================================*/
@media screen and (max-width: 640px) {



#gnavi{
	margin-bottom: 0;
}




#mv .controller{
	display:none;
}
#mv .slide{
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-khtml-background-size: auto 100%;
	-webkit-background-size: auto 100%;
}


#about .mob_readmore{
	padding-bottom: 10px;
}

#overview{
	position: relative;
}
#overview .transition{
	background: #f4f4f4;
}
#overview .slide{
	float: left;
	width: 320px;
	overflow: hidden;
}
#overview .slide p{
	padding-left: 20px;
	padding-right: 20px;
}
#overview .controller{}
#overview .controller ul{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
}
#overview .controller li{
	position: absolute;
	top: 0;
	
	font-size: 24px;
	line-height: 1em;
}
#overview .controller .bt_back{left: 10px;}
#overview .controller .bt_next{right:10px;}


#map h2{
	text-align:center;
}


}