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



@top



*****************************************--*/
#main-banner-container{
	width:100%;
	/*height:23%;*/
	height:180px;
	max-height:180px;
	/*position:absolute;
	z-index:5;
	bottom:1%;*/
	background:#8ae3d6;
	/*background:rgba(255,255,255,0.7);
	-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77ffffff,EndColorStr=#77ffffff);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77ffffff,EndColorStr=#77ffffff);*/
}
#main-banner-container:not(:target){
    filter: none !important;
    -ms-filter: none !important;
}


#main-banner-container-inner{
	width:1024px;
	height:100%;
	margin:0 auto;
}

#movie-txt{
	position:absolute;
	z-index:5;
	width:100%;
	/*bottom:28%;*/
	text-align:center;
}

#movie-txt img{
	max-width:920px;
	max-height:101px;
	width:70%;
	height:auto;
}

#lemmon-slider li a img{
	width:285px;
	height:135px;
}

#lemmon-slider li a:hover{
	opacity:0.6;
}
/****************************


@contents


************************--*/
#contents{
	width:100%;
	max-width: 1024px;
	margin:0 auto;
	padding:35px 0 55px 0;
	background:#fff;
}

.contents-container{
	float:left;
}

.contents-container-inner{
	margin:0 auto;
	display:block;
}

.contents-header{
	width:100%;
	height:40px;
	position:relative;
}

.more-btn{
	width: 81px;
	height: 40px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.more-btn a img{
	width:81px;
	height:40px;
}


/*****************


@news


***************--*/
#news-container{
	width:340px;
	color:#10ad8a;
	font-size:14px;
	letter-spacing:0px;
}

#news-ttl{
	position:absolute;
	top:3px;
	left:8px;
}

#news-list-container{
	width:340px;
	height:430px;
	padding:20px 10px 10px 10px;
	background:#4bbdad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.news-list{
	background:#fff;
	margin:0 0 5px 0;
}

.news-data{
	font-size:12px;
}

.news-list-img{
	float:left;
	width: 95px;
	height: 95px;
	overflow:hidden;
}

.news-list-img img{
	width: 100%;
	height: 100%;
}

.news-list-contents{
	float:left;
	width: 224px;
	padding: 6px 10px 0px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.news-txt a{
	color:#10ad8a;
}



/*****************


@movie


***************--*/
#movie-container{
	width:300px;
	margin:0 22px;
}

#movie-ttl{
	position:absolute;
	top:-3px;
	left:8px;
}

#movie-list-container{
	width:300px;
	height:430px;
	padding:20px 10px 10px 10px;
	background:#4bbdad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.movie-list{
	padding:15px 0px 10px 0px;
}


/*****************


@twitter


***************--*/
#twitter-container{
	width:340px;
}

#twitter-ttl{
	position:absolute;
	top:-7px;
	left:8px;
}

#tw-widget-container{
	width:340px;
	height:430px;
	padding:20px 15px 10px 15px;
	background:#4bbdad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



/****************************


@lineup


************************--*/
#lineup{
	background:url(../img/common/bg.jpg) no-repeat bottom center;
	background-size:100% auto;
}

#lineup-inner{
	padding:60px 0px 30px 0px;
}

#lineup-banner-container{
	
}

#lineup-ttl{
	width:320px;
	height:180px;
	position:relative;
	display:block;
}

#lineup-ttl img{
	position:absolute;
	top:22px;
	left:-10px;
}

#lineup-banner-container li{
	float:left;
	padding:0 10px 20px 10px;
}

#lineup-banner-container li a img{
	width:320px;
	height:180px;
}
#lineup-banner-container li a:hover{
	opacity:0.6;
}
#footer-banner-container{
	width:1024px;
	margin:0 auto;
	padding:0 0 90px 0;
}


#footer-banner-container li{
	float:left;
	padding:0 13px 0 13px;
}

@media screen and (max-width:767px){
	#header {
		width:100%;
		min-width:320px;
		height:66px;
		background:#01a48d;
		position:fixed;
		z-index:100;
	}
	
	#header-inner{
		width:100%;
		height:66px;
		position:relative;
		z-index:99;
	}
	
	#main{
		width:100%;
		min-width:320px;
		border-bottom:0px;
		background: #4bbdad;
		position:relative;
		top:0px;
		left:0px;
		padding:66px 0 0 0;
		display:block;
	}
	
	#main-visual{
		position:relative;
		background:#4bbdad;
		z-index:1;
		top:0;
		left:0;
		right:0;
		width:100%;
		min-width:320px;
		overflow:hidden;
		display:block;
	}
	
	#af-container{
		position:relative;
		background:#4bbdad;
		z-index:1;
		top:0;
		left:0;
		right:0;
		width:100%;
		min-width:320px;
		overflow:hidden;
		display:block;
	}
	
	#af-container-header{
		width:100%;
		text-align:center;
		
	}
	
	#af-container-inner{
		
		
	}
	
	#af-container-left{
		float:none;
	}
	
	#af-container-right{
		float:none;
	}
	
	#main-img{
		/*position:absolute;
		z-index:0;
		top:0px;
		left:0px;*/
		display:block;
		width:100%;
		min-width:320px;
		/*min-width:1024px;*/
		height:auto;
	}
	
	#main-banner-container{
	}
	
	#movie-txt{
		
	}
	
	#movie-txt img{
		width:96%;
	}
		
	#main-banner-container{
		position:inherit;
		background:#8ae3d6;
		height:150px;
		bottom:0px !important;
	}
	
	#lemmon-slider{
		height:128px !important;
		left:25px !important;
		top:6px !important;
	}
	
	#lemmon-slider li a img{
		height:118px;
		width:251px;
	}
	
	.prev-slide img, .next-slide img{
		width:20px !important;
		height:118px !important;
	}
	
	.controls{
		margin:5px 0 0 0;
		top:6px !important;
	}
	
	#contents{
		padding: 10px 0 0 0;
	}
	
	#news-container,#news-list-container,#movie-container,#movie-list-container{
		width:100%;
		height:auto;
		margin:0 0 1% 0;
	}
	
	.news-list-contents{
		float:left;
		padding: 5px 5px 6px 10px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.news-data .news-tag{
		width:100px !important;
	}

	#twitter-container{
		width:100%;
		height:auto;
		margin:0;
	}

	#tw-widget-container{
		width:100%;
		height:auto;
		margin:0;
		padding:20px 10px 40px 15px;
	}
	
	
	#lineup{
		background:url(../img/common/sp_bg.jpg) no-repeat top center #84dace;
		background-size:100% auto;
	}
	
	#lineup-inner{
		padding:25px 0 0 0;
	}
	
	#lineup-ttl{
		width:auto;
		height:105px;
	}
	
	#lineup-ttl img{
		width:230px;
		position:initial;
		
	}
	
	#lineup-banner-container li{
		float:none;
		text-align:center;
		padding: 0 10px 10px 10px;
	}
	#lineup-banner-container li p a img{
		width:272px;
		height:153px;
	}
	
	#footer-banner-container{
		width:auto;
		padding:10px 0 90px 0;
		text-align:center;
	}
	
	#footer-banner-container li{
		float:none;
		padding:0 0 10px 0;
	}
	
	@media screen and (min-width:602px){
		#lineup-banner-container{
			width:584px;
			margin:0 auto;
		}
		
		#lineup-ttl{
			width:272px;
			height:153px;
		}
		
		#lineup-ttl img{
			margin: 25px 0 0 0;;
		}
		
		#lineup-banner-container li{
			float:left;
			text-align:center;
			padding: 0 10px 10px 10px;
		}
		
		#footer-banner-container{
			width:500px;
			margin:0 auto;
		}
		
		#footer-banner-container li{
			float:left;
			padding:0 10px 10px 10px;
		}
		
	}
	
	
}
@media screen and (min-width: 768px){
	#main,#main-visual,#main-img{
		width:100%;
		min-width:1024px;
	}
	#main{
		width:100%;
		border-bottom:1px solid  #72cabd;
		position:relative;
		top:0px;
		left:0px;
		display:block;
	}
	
	#main-visual{
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		right:0;
		width:100%;
		min-width:320px;
		overflow:hidden;
		display:block;
	}
	
	#af-container{
		position:relative;
		background:#4bbdad;
		z-index:1;
		top:0;
		left:0;
		right:0;
		width:100%;
		min-width:1024px;
		overflow:hidden;
		display:block;
	}
	
	#af-container-header{
		text-align:center;
		
	}
	
	#af-container-bg0{
		width:100%;
		height:100%;
		background:url(../img/top/af/bg.jpg) no-repeat top center;
		background-size:cover;
	}
	
	#af-container-bg1{
		width:100%;
		height:100%;
		background:url(../img/top/af/header2.png) no-repeat top center;
		background-size:100% auto;
	}
	
	#af-container-inner{
		margin:0 auto;
	}
	
	#af-box0{
		float:left;
		height:100%;
	}
	
	#af-box0 a,#af-box1 a,#af-box2 a{
		display:block;
	}
	
	#af-box1{
		float:right;
		height:100%;
	}
	
	#af-box2{
		clear:both;
	}
	
	
	#main-img{
		position:absolute;
		z-index:0;
		top:0px;
		left:0px;
		display:block;
		width:100%;
		/*min-width:1024px;*/
		height:auto;
	}

}