@charset "UTF-8";

/* NAVI */

#global ul {
	/* margin-bottom: 30px; */
}

/* BANNER */

#slide-banner {
	width: 960px;
	height: 480px;
	margin-right: 20px;
}

#slide-banner,
#imax-video-4dx {
	margin-bottom: 20px;
}
#imax-video-4dx {
	overflow: hidden;
}

/* #imax-video img {
	vertical-align: bottom;
} */

#imax-banner {
	margin-right: 20px;
}

#video {
	margin-right: 20px;
	width: 320px;
	height: 150px;
	background: #000;
}

/* THEATRE NAVI */

#theatres-pointcard {
	background: #FFF url(/img/home/theatres_bg.png) no-repeat;/* ie6 bugfix */
	margin-right: 20px;
	margin-bottom: 20px;
	clear: both;
}

#theatres {
	/* background: url(/img/home/theatres_bg.png); ie7,8 bugfix */
	border-bottom: 20px solid #EEE;
	margin-bottom: 0;
}

/* POINT CARD */

#pointcard {
	background: #FFF;
	padding: 20px;
	padding-top: 30px;
}
#pointcard h2 {
	margin-bottom: 30px;
	font-size: 100%;
}
#pointcard a img {
	float: left;
	width: 130px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#pointcard a:hover img {
	opacity: 0.8;
}
#pointcard p {
	margin: 0;
	font-size: 90%;
	line-height: 150%;
}

#pointcard .more {
	text-align: right;
}

#pointcard .more:after {
	content: ">";
	background: #4DA7D8;
	color: #FFF;
	/* font-weight: bold; */
	padding: 2px 5px;
	margin-left: 10px;
}
#pointcard a:hover .more:after {
	opacity: 0.8;
}

#pointcard .more:after {
	margin-left: 5px;
}

#login {
	clear: both;
	background: #f6f6f6;
	padding:10px;
}
#login h3 {
	font-size: 100%;
	margin-bottom: 5px;
}

#login select {
	width: 100%;
	font-size: 100%;
	margin-bottom: 10px;
}

#login button {
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	background: #4DA7D8;
	/* background: url(/img/home/theatres_bg.png); ie7,8 bugfix */
	color: #FFF;
	padding: 5px 0;
	border: none;
}

/* MOVIES */

#movies {
	margin-bottom: 20px;
	background: #FFF;/* height fix */
}

#movies {
	overflow: hidden; /* IE6 */
}
#movies h2 {
	margin-bottom: 30px;
	font-size: 100%;
}
#movies .more {
	padding-right: 30px;
}

#nowshowing,
#comingsoon {
	background: #FFF;
	padding-top: 30px;
	padding-left: 30px;
	/* margin-bottom: 20px; */
}
#nowshowing {
	border-bottom: 20px solid #EEE;
}
#movies ul {
	clear: both;
	/* width: 600px;
	border: 1px dotted #EEE; */
}

#movies li {
	float: left;
	width: 173px;
	/*width: 170px;*/
	/*height: 200px;*/
	margin-right: 30px;
	margin-bottom: 30px;
	line-height: 1.3;
	overflow: hidden;
}
#movies li a {
	display: block;
}

#movies li .thumb {
	width: 173px;
	height: 107px;
	/* background: #333;
	display: table-cell;
	vertical-align: middle; */
	text-align: center;
}
#movies li .img {
	/* background: #FFF; */
}
#movies li img {
	/* height: 107px;
	width: 100%;
	width: auto; */
}
#movies li a:hover img {
	opacity: 0.8;
}
#movies li h3 {
	font-size: 100%;
	display: block;
	/* height: 2.6em; */
	margin-top: 10px;
	font-weight: normal;
	word-break: break-all;
/*}
#comingsoon li h3 {*/
	/* height: 3.9em; */
	height: 2.6em;
	overflow: hidden;
}
#movies li time {
	font-size: 80%;
	display: block;
	/* text-align: center; */
}
	
#comingsoon {
	clear: both;
}
#comingsoon time {
	/* color: #FF8B60; */
	color: #4DA7D8;
}

/* CAMPAIGNS EVENTS */

#campaigns-events {
	margin-right: 20px;
	margin-bottom: 20px;
	background: #FFF;/* height fix */
}
#campaigns-events h2 {
	margin-bottom: 30px;
	font-size: 100%;
}

#campaigns,
#events {
	background: #FFF;
	padding: 20px;
	/* padding-top: 30px; */
	word-break: break-all;
	/* padding-left: 30px;
	padding-right: 25px; */
}
#campaigns {
	padding-bottom: 0;
	border-bottom: 20px solid #EEE;
}

#campaigns li {
	clear: both;
	/* background: #F3F3F3; */
	/* white-space: nowrap;
	overflow: hidden;
	word-break: break-all; */
	/* border: 1; */
}
#campaigns li a {
	display: block;
}
#campaigns li a:hover img {
	opacity: 0.8;
}
#campaigns li img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 220px;
	height: 60px;
}
#campaigns li h3 {
	margin-bottom: 20px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

#events li {
	/* list-style: disc;
	list-style-position: inside; */
	margin-bottom: 1em;
}
#events li h3 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}
#events li time {
	color: #999;
	font-size: 0.8em;
	margin-left: 0.5em;
	white-space: nowrap;
	font-family: 'Monda', sans-serif;
}

/* NEWS */

#news-important {
	margin-bottom: 20px;
	/*background: #FFF;*/
}

#news,
#important {
	padding: 20px;
	padding-top: 30px;
	word-break: break-all;
	/* padding-left: 20px;
	padding-right: 20px; */
	background: #FFF;
	overflow: auto;
}
#news {
	padding-bottom: 0;
}
#important {
	padding-top: 0;
}

#news-important h2 {
	margin-bottom: 30px;
	font-size: 100%;
}

#news-important li {
	/* list-style: disc;
	margin-left: 1em; */
	margin-bottom: 1em;
}
/* #news-important li:before {
	content: "・";
	font-weight: bold;
} */

#news-important li h3 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}
#news-important li time {
	color: #999;
	font-size: 0.8em;
	margin-left: 0.5em;
	white-space: nowrap;
	font-family: 'Monda', sans-serif;
}

#important li a {
	color: #4DA7D8;
}
#important li a:hover {
	color: #FF8B60;
}

.ad-square {
	margin: 0;
	height: 600px;
	border-top: 20px solid #EEE;
}

/* clear */

#movies ul,
#campaigns-events ul,
#news ul {
	clear: both;
}


/* clearfix */

#nowshowing:after,
#comingsoon:after,
#campaigns:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/* RESPONSIVE */

@media only screen and (max-width: 480px) {


	/* HEADER */
	
	#shoulder {
		display: block;
		float: none;
		margin: 0;
		background: #555;
		text-align: center;
	}
	
	/* NAVI */
	
	#global ul {
		width: 100%;
		background: url(/img/navi_bg.png) no-repeat, url(/img/navi_bg.png) no-repeat right bottom;
		background-size: 200.5%, 201.5%;
		/* background-position: top left;*/
	}
	
	#global ul li:first-child {
		display: block;
	}
	
	#global ul li {
		width: 33%;
		margin-right: 0.5%;
	}
	
	#global ul li:nth-child(3),
	#global ul li:nth-child(6) {
		margin-right: 0;
	}
	
	#global ul li img {
	}
	
	body.home #global .home img {
		opacity: 1;
	}
	
	/* SLIDE BANNER */
	
	#slide-banner {
		width: 100%;
		height: auto;
	}
	
	/* BANNER */
	
	#slide-banner, #imax-video-4dx {
	  margin-bottom: 5px;
	}
	
	#imax-video-4dx {
		display: table;
		border-collapse: collapse;
	}
	
	#imax-banner,
	#video,
	#banner-4dx {
		display: table-cell;
		vertical-align: middle;
		float: none;
		width: 33.5%;
		height: auto;
		max-height: 120px;/* media queries max-width: 480px */
		margin: 0;
	}
	#video {
		width: 33%;
	}
	#imax-banner {
		background: #000;
		/*border-right: 5px #fff solid;*/
	}
	
	#imax-banner img,
	#banner-4dx img {
		width: 100%;
		height: auto;
	}
	
	#video video {
		max-width: 100%;
		height: auto;
	}
	
	
	/* THEATRE NAVI */
	
	#theatres-pointcard {
	}
	
	#theatres {
		display: none;
	}
	#pointcard {
		padding: 20px;
	}
	#pointcard a {
		margin-top: 10px;
	}
	
	/* MOVIES */
	
	#nowshowing, #comingsoon {
	  padding-left: 5px;
	}
	
	#movies ul {
		font-size: 0;
	}
	
	#movies li {
		width: 50%;
		height: auto;
		padding-right: 5px;
		margin: 0 0 15px;
		float: none;
		display: inline-block;
		vertical-align: top;
		font-size: 1rem;
	}
	#movies li .thumb {
		width: 100%;
		height: auto;
	}
	#movies li img {
		width: auto;
		height: auto;
	}
	#movies li h3 {
		font-size: 0.9rem;
	}
	
	/* CAMPAIGNS EVENTS */
	
	#campaigns {
	  /*padding: 10px;*/
	}
	#campaigns li {
		width: 100%;
	}
	/*#campaigns li:nth-child(n+7) {
		display: none;
	}*/
	#campaigns li img {
		width: 100%;
		height: auto;
	}
	#campaigns li h3 {
		display: none;
	}
	
	/* EVENTS / NEWS */
	
	#events li h3,
	#news-important li h3 {
		font-size: 0.9rem;
	}

}