@charset "utf-8";

/* top-contents
----------------------------------------------------------------------------------*/
#top-contents{
	width: 1070px;
	margin: 0 auto;
	overflow: hidden;
}
@media only screen and (max-width: 1070px){
#top-contents{
	width: auto;
	margin: 0 10px;
}
}
@media only screen and (max-width: 768px){

}



/* slideshow
----------------------------------------------------------------------------------*/
#slideshow{
	border: 1px solid #666;
	background: #fff;
}
#slider{width: 100%!important;margin: 0!important;}
.sp-buttons{padding: 3px 0;}
.sp-button{
	margin: 0 4px;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	background: url(../../img/sp-button.png) no-repeat 0 0;
}
.sp-selected-button{
	background: url(../../img/sp-button.png) no-repeat 0 bottom;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after{background-color: #152275;}
#top-bnr{
	float: right;
	width: 180px;
}
#top-bnr li{
	margin: 10px 0 0;
}
#top-bnr li:first-child{
	margin: 0;
}
.top-info{
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	background: #fff;
}
@media only screen and (max-width: 1070px){
#slideshow{float: none;width: auto;}
#top-bnr{
	float: none;
	width: auto;
	margin: 0 -5px;
	letter-spacing: -0.4em;
}
#top-bnr li{
	display: inline-block;
	width: 25%;
	padding: 0 5px;
	text-align: center;
}
}
@media only screen and (max-width: 640px){
#top-bnr li{
	width: 50%;
}
}



/* topics
----------------------------------------------------------------------------------*/
#topics-wrap{
	float: left;
	width: 850px;
}
#pickup{margin: 0 0 10px;}
.topics{
	border: 1px solid #152275;
	background: #fff;
}
.topics h1{
	padding: 5px 10px;
	color: #fff;
	font-size: 85.714%;
	background: #152275;
}
.topics h1 span{
	display: block;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
}
.topics-list{
	padding: 10px;
}
.topics .all{
	padding: 10px;
	text-align: right;
}
@media only screen and (max-width: 1070px){
#topics-wrap{width:83%;}
}
@media only screen and (max-width: 768px){
#topics-wrap{
	float: none;
	width: auto;
}
}

/* leaflet
----------------------------------------------------------------------------------*/
#leaflet{margin: 0 0 30px;}
#leaflet-content{padding: 20px 15px;}
#leaflet-content .event-wrapp-typeb{
	margin: 0;
	padding: 0;
	border: none;
}
#leaflet-content div.program-spec{
	padding: 10px;
	border: 1px solid #d478a2;
}
#leaflet-content div.program-spec-b{
	padding: 10px;
	border: 1px solid #152275;
}
#leaflet-content div.program-spec-m{
	padding: 10px;
	border: 1px solid #038afd;
}
#leaflet-top {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 18px 15px;
	text-align: center;
}
div.information {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 18px 15px;
	text-align: center;
	border: #999 1px solid;
}
#leaflet-content div.program-spec-m{
	padding: 10px;
	border: 1px solid #038afd;
}
#leaflet-content .program-menu{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

/* pickup
----------------------------------------------------------------------------------*/
h1#pickup a:hover{
	transition: all 0.3s linear;
	background:#ff6400 url(../../img/star.png) no-repeat right 20px center!important;
}

/* event
----------------------------------------------------------------------------------*/
#event-content{padding: 20px 15px;}
#event-content div#content_s ul#month{
	margin: 0 auto 20px;
	overflow: hidden;
}
#event-content div#content_s ul#month li{
	height: inherit;	
}
#event-content div#content_s ul#month li a{
	width: auto;
	height: inherit;
	padding: 20px 10px;
	font-size: 30px;
}
div#content_s div.program_cd .month-ttl{
	padding: 10px;
	color: #fff!important;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background: #6763ab;
	cursor: pointer;
}
div#content_s div.program_cd .month-ttl:hover{
	opacity: 0.5;
}
div#content_s div.program_cd .calendar{
	display: none;
}
div#content_s div.program_cd .calendar-box{
	display: none;
}
div#content_s div.program-spec-h{
	padding: 10px 0 0;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	margin-bottom: 1em;
}
div#content_s div.program-spec-e{
	padding: 10px;
	border: 1px solid #969696;
	margin-bottom: 1em;
	background: #fff8dc!important;
}

/* bnr-arae
----------------------------------------------------------------------------------*/
#bnr-area{
	float: right;
	width: 180px;
}
#bottom-bnr{
	margin: 0;
	letter-spacing: -0.4em;
}
#bottom-bnr li{
	display: inline-block;
	width: auto;
	padding: 0 5px 10px;
	letter-spacing: normal;
	text-align: center;
	vertical-align:top;
}
#bottom-bnr li span{
	display:block;
	width: 100%;
	font-size:12px;
	text-align:left;
}
#bottom-bnr li span:before { content: "■"; }
#notice li{
	margin: 0 0 20px;
	padding: 10px;
	font-size: 85.714%;
	border: 1px solid #969696;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
#notice li h4{
	font-size: 16px;
}
@media only screen and (max-width: 1070px){
#bnr-area{width: 15%;}
}
@media only screen and (max-width: 768px){
#bnr-area{
	float: none;
	width: auto;
	margin: 10px 0 0;
}
#bottom-bnr li{width: 25%;}
}
@media only screen and (max-width: 640px){
#bottom-bnr li{width: 33.333%;}
}
@media only screen and (max-width: 480px){
#bottom-bnr li{width: 50%;}
}

#top-info {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-bottom: 40px;
    padding: 18px 15px;
}


div.event-left-typea{
	width:300px;
}
div.event-right-typeb{
	width:498px;
	margin:0;
}
div#event-content div#content_s div.program_cd{
	width:800px;
}
@media only screen and (max-width: 1070px){
	div.event-left-typea{
		width:35%;
		float:left;
	}
	div.event-right-typeb{
		width:62%;
		float:right;
	}
	div#event-content div#content_s div.program_cd{
		width:100%;
	}
	img.ad{
		width:100%;
		min-width:0;
	}
}
@media only screen and (max-width: 670px){
	div.event-left-typea,
	div.event-right-typeb{
		width:100%;
		float:none;
	}
	img.ad{
		display:block;
		max-width:300px;
		margin:0 auto;
	}
}
@media only screen and (max-width: 360px){
	div.event-right-typeb{
		margin:0;
	}
}
#top-contents .sub_bnr ul{
	text-align: center;
}
#top-contents .sub_bnr ul li{
	display: inline-block;
	margin: 0;
}
#top-contents .sub_bnr ul li:first-child{
	margin-right: 5px;
}
#top-contents .sub_bnr ul li:last-child{
	margin-left: 5px;
}
@media only screen and (max-width: 768px){
#top-contents .sub_bnr ul li:first-child{
	margin: 0 0 5px 0;
}
#top-contents .sub_bnr ul li:last-child{
	margin: 5px 0 0 0;
}
}
@media only screen and (max-width: 640px){
#top-contents .sub_bnr ul li:first-child{
	margin: 0 0 5px 0;
}
#top-contents .sub_bnr ul li:last-child{
	margin: 5px 0 0 0;
}
}
@media only screen and (max-width: 480px){
#top-contents .sub_bnr ul li:first-child{
	margin: 0 0 5px 0;
}
#top-contents .sub_bnr ul li:last-child{
	margin: 5px 0 0 0;
}
}