@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
  //font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
	font-family: 'Libre Baskerville', serif;
	//background-color: #000000;
	//color: #ffffff;
	background-color: #ffffff;
	color: #000000;

}
body a{
	text-decoration: underline !important;
}
.contents{
	min-height: 200px;
	color: #000000;
}
/* ================================================================================ */
/*      header     */
/* ================================================================================ */
#commonHeader,mainTtl,h1 {
	/*! margin: 20px 20px 40px 20px; */
	padding: 0;
}
.logo{
	text-align: center;
}
/* ================================================================================ */
/*      Guidance     */
/* ================================================================================ */
.textGuidance{
	text-align: center;font-size:1.5em;
}

/* ================================================================================ */
/*      globalNav     */
/* ================================================================================ */
#globalNav {
	font-family: 'Libre Baskerville', serif;
  background: #ffffff;
	padding: 0px;
	text-align: center;
	margin-top:-8px;
	//border-top:1px solid #C22922; 
	//border-bottom:1px solid #C22922; 
}
#globalNav::before{
	content: "";
  display: block;
  height: 10px;
  background: linear-gradient(to right, #1F74B8 0%, #D1171B 100%);
}

#globalNav::after{
  content: "";
  display: block;
  height: 10px;
  background: linear-gradient(to right, #86B273 0%, #894D9A 100%);
}
#globalNav ul {
	overflow: hidden;
	padding: 10px; 
}
#globalNav ul li{
	font-size:1.5em;
	width: 9em;
	//height: 2em;
	margin: 6px;
	display: inline-block;
	vertical-align: middle;
  border: 2px solid;
	//border-radius: 20px;
	//-webkit-border-radius: 20px;
	//-moz-border-radius: 20px;
	//-o-border-radius: 20px;
}
#globalNav ul .news{
	border-color: #2277B9;
	//filter: drop-shadow(0 3px 1px #2277B9);
}
#globalNav ul .event{
	border-color: #11aa22;
}
#globalNav ul .map{
	border-color: #28ff28;
}
#globalNav ul .about{
	border-color: #D26B27;
}
#globalNav ul .ticket{
	border-color: #ff28ff;
}
#globalNav ul .goods{
	border-color: #ffff28;
}
#globalNav a li {
	color:#000000;
}
#globalNav a li:hover{
	opacity: 0.7;
}
/* ================================================================================ */
/*      commonContainer     */
/* ================================================================================ */
.commonContainer {
	//max-width:1200px;
	padding: 20px 40px;
}
#commonContainer .innerBlock {
	//width: 100%;
	//margin: 0 auto;
}

.ttl{
	margin: 0px 40px;
	//font-family: 'Libre Baskerville', serif;

}
.algnR{
	text-align: right;
}

.swiper-container{
	margin: 20px 10px;
}
.swiper-wrapper {
  width: 100%;
	height:auto !important;
  //height: 300px;
}

.swiper-slide {
  color: #000000;
  width: 100%;
  //height: 100%;
  text-align: center;
  line-height: 300px;
}
.swiper-slide img{
	width: 60%;
}
.swiper-button-prev{
	left:15% !important;;
}
.swiper-button-next{
	right:15% !important;
}

#contEvent{
	margin: 20px 0;
}
#contEvent ul{
	overflow: hidden;
	width: 100%;
	text-align:center;
}
#contEvent ul li{
	display: inline-block;
	width: 90%;
	padding: 1em;
	margin: 1em 0;
	border:1px solid;
  background: #eeeeee;
}
#contEvent .ttl{
	display: inline-block;
	font-weight: bold;
	//font-size: 2em;
	font-size: 1.4em;
	//color: #ffffff;
	color:#EB8016;
	//background: #EB8016;
	padding: 4px;
}
#contEvent .date{
	font-size: 1.2em;
	font-weight: bold;
}
#contEvent p{
	text-align: left;
	//padding:  20px 20%;
	padding:  20px 1em;
	
}
#contEvent summary{
	cursor: pointer;
}
#contEvent summary::marker{
	font-size: 20px;
}
#contEvent details[open] summary{
	padding-bottom: 1em; 
	border-bottom:  1px dashed;
}
/* ================================================================================ */
/*      pagerTop     */
/* ================================================================================ */
#pagerTop {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 600;
	margin: 0 auto;
	width: 300px;
	height: 50px;
	background-color: #444466;
}
#pagerTop a {
	display: block;
	font-size: 150%;
	text-align: center;
	padding-top: 8px;
}
#pagerTop a:link,
#pagerTop a:visited {
	color: #fff;
	text-decoration: none;
}
#pagerTop a:hover,
#pagerTop a:active  {
	text-decoration: none;
}

#pager {
		position: fixed;
		bottom: 10px;
		right: 10px;
}

/* ================================================================================ */
/*      footer     */
/* ================================================================================ */
#commonFooter {
}
#commonFooter .innerBlock {
	//width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	//background: #000000;
}



/* ================================================================================ */
/*      Media Queries     */
/* ================================================================================ */
@media screen and (max-width: 980px) {
  
	.commonContainer{
		//padding: 20px;
		padding: 10px;
	}
	.swiper-slide img{
		width: 100%;
		//width: 80%;
	}
	.swiper-button-prev{
		left:1% !important;;
	}
	.swiper-button-next{
		right:1% !important;
	}
	#contEvent .ttl{
		font-size: 1.3em;

	}


}