header .inner{
	width:100%;
}

header h1{
	left:2%;
}

header ul{
	right:2%;
}

footer>.inner{
	width:96%;
	padding:0 2%;
}

footer p#pageTop{
	right:2%;
}

#sabaco>.inner{
	width:100%;
	padding:0;
	display:flex;
	flex-direction:row-reverse;
	align-items:stretch;
}

#sabaco .txtBlock{
	width:46%;
	padding:20px 2%;
}

#sabaco .map{
	width:50%;
	height:auto;
	margin:0;
}

#guide ul{
	width:96%;
	padding:0 2%;
}

#guide ul li{
	width:49%;
}

#guide ul li a{
	height:auto;
	line-height:1.5em;
	font-size:108%;
	padding:3% 0;
}

#guide ul li a span{
	display:block;
}

#content>.inner{
	width:96%;
	padding:0 2%;
}

#pageNav ul{
	width:96%;
	padding:0 2%;
}

#sns>.inner{
	width:96%;
	padding:0 2%;
}

#sns #share p{
	float:left;
	width:32%;
	margin-left:2%;
}

#sns #share p a{
	height:auto;
	line-height:1.5em;
	padding:10px 0;
}

#sns #share p a span{
	display:block;
}

#calendar .nav p{
	font-size:123.1%;
}

#subContent{
	width:36%;
}

h1#contentHead{
	padding:95px 2% 20px;
}

h1#contentHead span,
h1#contentHeadInfo span{
	display:inline;
	width:auto;
}


/* Events Detail
------------------------------------------------------------- */

#eventDetail .txtBlock{
	width:60%;
}

#eventDetail p.img{
	width:36%;
}

#pageNav ul li.pageNavList{
	width:32%;
}


/* Events List
------------------------------------------------------------- */

#eventList{
	width:60%;
}




/* Top
------------------------------------------------------------- */

#topSchedule>.inner{
	width:100%;
}

ul#slides li .txtBlock{
	width:62%;
	margin-left:36%;
}

#topSchedule #calendar{
	width:30%;
}

table#dateTable th,
table#dateTable td{
	font-size:108%;
}

#topContent>.inner{
	width:96%;
	padding:0 2%;
}

#topContent #news{
	width:65%;
}

#topContent aside{
	width:31%;
}

#topContent #twitter{
	width:100%;
}

#topContent #share{
	width:100%;
}

#topContent #share p a{
	height:auto;
	line-height:1.5em;
	padding:10px 0;
}

#topContent #share p a span{
	display:block;
	font-size:150%;
}



/* Info
------------------------------------------------------------- */
#infoLead>.inner{
	width:96%;
	padding:100px 2% 50px;
}

#infoLead h2{
	margin-bottom:100px;
}

#infoSpec>.inner{
	width:96%;
	padding:40px 2%;
}

#infoLead div.copy p{
	text-align:left;
	margin-bottom:50px;
	text-indent:0;
}

#infoLead div.copy p span{
	display:block;
	background:rgba(0,0,0,0.7);
	padding:10px 30px;
	width:65%;
	font-weight:bold;
}

#infoSlides,
ul#infoSlidesPager{
	width:100%;
}

#infoSlides .slick-prev{
	left:20px;
}

#infoSlides .slick-next{
	right:20px;
}