@charset "utf-8";

/* TOP
------------------------------*/
#top #slider {
	background: #fff;
	position: relative;
	padding: 0 0 10px;
}
	#top #slider .slick-slide {
		background: #fff;
	}
		#top #slider .slick-slide img {
			margin: 0 auto;
		}
		#top #slider .slick-slide p {
			padding: 10px;
		}
	#top #slider .slick-dots {
		text-align: center;
	}
		#top #slider .slick-dots li {
			display: inline-block;
			margin: 0 5px;
		}
			#top #slider .slick-dots li button {
				display: block;
				width: 9px;
				height: 9px;
				background: #b1aeae;
				border: none;
				text-indent: -9999px;
				padding: 0;
				outline: none;
				cursor: pointer;
			}
			#top #slider .slick-dots li.slick-active button {
				background: #373737;
			}
	#top #slider .slick-prev {
		display: block;
		width: 14px;
		height: 24px;
		background: url(../img/ico_arrow_prev@2x.png) no-repeat 0 0;
		background-size: 14px 24px;
		border: none;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 28%;
		left: 15px;
		z-index: 10;
	}
	#top #slider .slick-next {
		display: block;
		width: 14px;
		height: 24px;
		background: url(../img/ico_arrow_next@2x.png) no-repeat 0 0;
		background-size: 14px 24px;
		border: none;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 28%;
		right: 15px;
		z-index: 10;
	}

#top .ticketBtn {
	width: 100%;
	text-align: center;
	margin: 0 0 15px;
}
	#top .ticketBtn a {
		display: block;
		font-size: 122%;
		width: 90%;
		box-sizing: border-box;
		color: #FFF;
		line-height: 50px;
		padding: 0 ;
		margin: 0 auto;
		background-color: #0c985b;
		border-radius:2.5px;
		-moz-border-radius:2.5px;
		-webkit-border-radius:2.5px;
	}
		#top .ticketBtn a span {
			display: inline-block;
			min-height: 25px;
			background: url(../img/ico_btn_ticket@2x.png) no-repeat 0 center;
			background-size: 25px 25px;
			padding: 0 0 0 30px;
		}

#top .topMenu {
	margin: 0 10px 15px;
}
	#top .topMenu ul {
		text-align: center;
	}
		#top .topMenu ul li {
			display: table;
			width: 32%;
			margin: 0 2% 2% 0;
			float: left;
		}
		#top .topMenu ul li:nth-child(3n) {
			margin: 0 0 2% 0;
		}
			#top .topMenu ul li a {
				display: table-cell;
				width: 28%;
				height: 90px;
				box-sizing: border-box;
				background: #f0f0f0;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				box-shadow:0px 0px 3px 1px #ccc;
				-moz-box-shadow:0px 0px 3px 1px #ccc;
				-webkit-box-shadow:0px 0px 3px 1px #ccc;
				color: #2a2a2a;
				text-align: center;
				vertical-align: middle;
				padding: 0px 3px 0px;
			}
				#top .topMenu ul li a img {
					height: 34px;
					width: auto;
				}
				#top .topMenu ul li a span {
					display: block;
					line-height: 1.0;
					text-align: center;
					margin: 5px auto 0;
					font-size: 79%;
				}
				#top .topMenu ul li a span.line1 {
					line-height: 1.2;
					padding: 6px 0 0;
				}

#top .specialBanner {
	width: 320px;
	text-align: center;
	margin: 0 auto 15px;
}

#ticketModal {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
	#ticketModal .modalHeader {
		min-height: 46px;
		background: #373737;
		padding: 0 10px;
		position: relative;
	}
		#ticketModal .modalHeader .text {
			color: #fff;
			font-size: 108%;
			padding: 10px 0 0;
			text-align: center;
		}
		#ticketModal .modalHeader #modalClose {
			color: #fff;
			font-size: 129%;
			position: absolute;
			top: 8px;
			right: 10px;
		}
	#ticketModal .inner {
		height: 90%;
		height: -webkit-calc(100% - 40px);
		height: calc(100% - 40px);
		background: #fff;
		padding: 20px 8px;
		/*overflow: scroll;*/
	}
		#ticketModal .inner dl {
			margin: 0 0 10px;
		}
			#ticketModal .inner dl dt {
				font-size: 122%;
				font-weight: bold;
				margin: 0 0 8px 5px;
			}
				#ticketModal .inner dl dt span {
					display: inline-block;
					width: 40%;
					border: 1px solid #000;
					border-radius: 2.5px;
					-moz-border-radius: 2.5px;
					-webkit-border-radius: 2.5px;
					font-size: 70%;
					font-weight: normal;
					text-align: center;
					padding: 3px 10px 3px 25px;
					float: right;
				}
				#ticketModal .inner dl#watchingDate dt span {
					background: url(../img/ico_watchingdate@2x.png) no-repeat 12px 4px;
					background-size: 17px 17px;
				}
				#ticketModal .inner dl#movie dt span {
					background: url(../img/ico_movie@2x.png) no-repeat 12px 4px;
					background-size: 17px 17px;
				}
				#ticketModal .inner dl#screeningTime dt span {
					background: url(../img/ico_screeningtime@2x.png) no-repeat 12px 4px;
					background-size: 17px 17px;
				}
				#ticketModal .inner dl#watchingDate.disable dt span {
					background: url(../img/ico_watchingdate_w@2x.png) no-repeat 12px 4px #cdcece;
					background-size: 17px 17px;
					border: none;
					color: #fff;
				}
				#ticketModal .inner dl#movie.disable dt span {
					background: url(../img/ico_movie_w@2x.png) no-repeat 12px 4px #cdcece;
					background-size: 17px 17px;
					border: none;
					color: #fff;
				}
				#ticketModal .inner dl#screeningTime.disable dt span {
					background: url(../img/ico_screeningtime_w@2x.png) no-repeat 12px 4px #cdcece;
					background-size: 17px 17px;
					border: none;
					color: #fff;
				}
			#ticketModal .inner dl dd {
				background: #f0f0f0;
				padding: 10px 15px;
			}
			#ticketModal .inner dl.disable dd {
				background: #cdcece;
				color: #fff;
			}
			#ticketModal .inner dl dd.selected {
				background: #fff;
				border: 2px solid #449560;
			}
				#ticketModal .inner dl#movie dd .tag {}
					#ticketModal .inner dl#movie dd .tag span {
						display: inline-block;
						background: #5b5a5a;
						color: #fff;
						line-height: 1;
						font-size: 65%;
						padding: 2px 10px;
						margin: 0 5px 0 0;
					}
					#ticketModal .inner dl#movie dd .tag span.new {
						background: #a6332e;
					}
					#ticketModal .inner dl#movie dd .tag span.last {
						background: #4e84b8;
					}
				#ticketModal .inner dl#movie dd .dolby {
					width: 123px;
					line-height: 1;
					margin: 2px 0;
				}
				#ticketModal .inner dl#movie dd .title {}
					#ticketModal .inner dl#movie dd .title .rating {
						background: #fff;
						border: 1px solid #6b6969;
						-webkit-border-radius: 8px;
						-moz-border-radius: 8px;
						border-radius: 8px;
						line-height: 1;
						font-size: 86%;
						font-weight: bold;
						padding: 2px 10px;
						margin: 0 0 0 10px;
					}
				#ticketModal .inner dl#screeningTime dd .left {
					display: table-cell ;
					width: 40%;
					border-right: 1px solid #b4b3b3;
					vertical-align: middle;
					padding: 10px 10px 10px 5px;
				}
					#ticketModal .inner dl#screeningTime dd .left .time {
						
					}
						#ticketModal .inner dl#screeningTime dd .left .time span {
							font-size: 115%;
							font-weight: bold;
						}
					#ticketModal .inner dl#screeningTime dd .left .sheet {
						font-size: 86%;
					}
					#ticketModal .inner dl#screeningTime dd .left .sheet.ok {
						color: #449560;
						font-weight: bold;
					}
					#ticketModal .inner dl#screeningTime dd .left .sheet.ng {
						color: #a6332e;
						font-weight: bold;
					}
				#ticketModal .inner dl#screeningTime dd .right {
					display: table-cell;
					width: 60%;
					vertical-align: top;
					padding: 10px 5px 10px 10px;
				}
					#ticketModal .inner dl#screeningTime dd .right .theater {
						font-weight: bold;
					}
						#ticketModal .inner dl#screeningTime dd .right .theater a {
							text-decoration: none;
						}
					#ticketModal .inner dl#screeningTime dd .right p.option {
						background: #5b5a5a;
						color: #fff;
						font-size: 72%;
						font-weight: bold;
						padding: 1px 3px;
						margin: 0 0 5px;
						display: inline-block;
						text-align: center;
					}
		#ticketModal .inner .submit {
			border-bottom: 1px solid #b4b3b3;
			margin: 0 0 20px;
		}
			#ticketModal .inner .submit input {
				display: block;
				background: #449560;
				border: none;
				border-radius: 2.5px;
				margin: 20px auto;
				padding: 0 10px;
				width: 90%;
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 16px;
				color: #fff;
				cursor: pointer;
			}
			#ticketModal .inner .submit input[disabled] {
				background: #cdcece;
				cursor: default;
			}
		#ticketModal .inner .schedule {
			text-align: center;
			padding: 0 0 120px;
		}
			#ticketModal .inner .schedule .text {
				text-align: center;
				margin: 0 0 15px;
			}
			#ticketModal .inner .schedule .btn {
				width: 270px;
				display: block;
				margin: 0 auto;
			}
			#ticketModal .inner .schedule .btn a {
				display: block;
				width: 100%;
				box-sizing: border-box;
				padding: 12.5px 0;
				font-size: 13px;
				color: #fff;
				background: #373737;
				border: none;
				border-radius: 5px;
			}
#watchingDateModal {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
}
	#watchingDateModal .modalHeader {
		min-height: 46px;
		background: #373737;
		padding: 0 10px;
		position: relative;
	}
		#watchingDateModal .modalHeader .text {
			color: #fff;
			font-size: 108%;
			padding: 10px 0 0;
			text-align: center;
		}
		#watchingDateModal .modalHeader #modalClose {
			color: #fff;
			font-size: 129%;
			position: absolute;
			top: 8px;
			right: 10px;
		}
		#watchingDateModal .modalHeader .prev {
			position: absolute;
			left: 0;
			top: 0;
			background: url(../img/ico_arrow_prev@2x.png) 10px center no-repeat;
			background-size: 8px auto;
			padding: 0 10px 0 28px;
			color: #fff;
			line-height: 45px;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
		}
	#watchingDateModal .inner {
		background: #fff;
		padding: 20px 8px 80px;
	}
		#watchingDateModal .inner .read {
			margin: 0 0 30px;
		}
		#watchingDateModal .inner .month {
			display: table;
			width: 100%;
			margin: 0 0 10px;
		}
			#watchingDateModal .inner .month .left {
				display: table-cell;
				width: 10%;
				height: 22px;
				background: url(../img/ico_calendar_left_on@2x.png) no-repeat center center;
				background-size: 13px 24px;
				vertical-align: middle;
			}
			#watchingDateModal .inner .month .left.off {
				background: url(../img/ico_calendar_left@2x.png) no-repeat center center;
				background-size: 13px 24px;
			}
			#watchingDateModal .inner .month .center {
				display: table-cell;
				width: 80%;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
			}
				#watchingDateModal .inner .month .center span {
					font-size: 158%;
					font-weight: bold;
					margin: 0 10px;
				}
			#watchingDateModal .inner .month .right {
				display: table-cell;
				width: 10%;
				height: 22px;
				background: url(../img/ico_calendar_right_on@2x.png) no-repeat center center;
				background-size: 13px 24px;
				vertical-align: middle;
			}
			#watchingDateModal .inner .month .right.off {
				background: url(../img/ico_calendar_right@2x.png) no-repeat center center;
				background-size: 13px 24px;
			}
		#watchingDateModal .inner .calendar {
			width: 100%;
		}
			#watchingDateModal .inner .calendar th {
				background: #f5f4f4;
				border-top: 1px solid #dadada;
				border-bottom: 1px solid #dadada;
				font-weight: bold;
				text-align: center;
				padding: 6px 4px;
			}
				#watchingDateModal .inner .calendar th.sunday {
					color: #fa0d0d;
				}
				#watchingDateModal .inner .calendar th.saturday {
					color: #0b6df2;
				}
			#watchingDateModal .inner .calendar td {
				background: #fff;
				font-weight: bold;
				text-align: center;
				padding: 6px 4px;
			}
				#watchingDateModal .inner .calendar td.today {
					background: url(../img/bg_today.png) no-repeat center center;
					background-size: 33px 33px;
					color: #fff;
				}
				#watchingDateModal .inner .calendar td.sunday {
					color: #fa0d0d;
				}
				#watchingDateModal .inner .calendar td.saturday {
					color: #0b6df2;
				}
				#watchingDateModal .inner .calendar td.ng {
					background: #cdcece;
					color: #fff;
				}
				#watchingDateModal .inner .calendar td.ng.today {
					background: url(../img/bg_today.png) no-repeat center center #cdcece;
					background-size: 33px 33px;
				}
#movieModal {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
}
	#movieModal .modalHeader {
		min-height: 46px;
		background: #373737;
		padding: 0 10px;
		position: relative;
	}
		#movieModal .modalHeader .text {
			color: #fff;
			font-size: 108%;
			padding: 10px 0 0;
			text-align: center;
		}
		#movieModal .modalHeader #modalClose {
			color: #fff;
			font-size: 129%;
			position: absolute;
			top: 8px;
			right: 10px;
		}
		#movieModal .modalHeader .prev {
			position: absolute;
			left: 0;
			top: 0;
			background: url(../img/ico_arrow_prev@2x.png) 10px center no-repeat;
			background-size: 8px auto;
			padding: 0 10px 0 28px;
			color: #fff;
			line-height: 45px;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
		}
	#movieModal .inner {
		background: #fff;
		padding: 20px 8px 110px;
	}
		#movieModal .inner ul {}
			#movieModal .inner ul li {
				display: table;
				width: 98%;
				width: -webkit-calc(100% - 20px);
				width: calc(100% - 20px);
				background: #f0f0f0;
				padding: 10px;
				margin: 0 0 5px;
			}
				#movieModal .inner ul li .movie {
					display: table-cell;
					width: 75%;
					padding: 0 10px 0 0;
					vertical-align: middle;
				}
					#movieModal .inner ul li .movie .tag {
						padding: 2px 0 4px;
						line-height: 1;
					}
						#movieModal .inner ul li .movie .tag span {
							display: inline-block;
							background: #5b5a5a;
							color: #fff;
							line-height: 1;
							font-size: 65%;
							padding: 2px 10px;
							margin: 5px 5px 0 0;
						}
						#movieModal .inner ul li .movie .tag .new {
							background: #a6332e;
						}
						#movieModal .inner ul li .movie .tag .last {
							background: #4e84b8;
						}
					#movieModal .inner ul li .movie .dolby {
						width: 123px;
						line-height: 1;
						margin: 2px 0;
					}
					#movieModal .inner ul li .movie .title {}
						#movieModal .inner ul li .movie .title .rating {
							background: #fff;
							border: 1px solid #6b6969;
							-webkit-border-radius: 8px;
							-moz-border-radius: 8px;
							border-radius: 8px;
							line-height: 1;
							font-size: 86%;
							font-weight: bold;
							padding: 2px 10px;
							margin: 0 0 0 10px;
						}
				#movieModal .inner ul li .btn {
					display: table-cell;
					width: 25%;
					text-align: center;
					vertical-align: middle;
				}
					#movieModal .inner ul li .btn a {
						display: block;
						background: #fff;
						border: 1px solid #000;
						-webkit-border-radius: 2.5px;
						-moz-border-radius: 2.5px;
						border-radius: 2.5px;
						font-size: 72%;
						text-align: center;
						padding: 5px;
						line-height: 1.5;
					}
#screeningTimeModal {
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
}
	#screeningTimeModal .modalHeader {
		min-height: 46px;
		background: #373737;
		padding: 0 10px;
		position: relative;
	}
		#screeningTimeModal .modalHeader .text {
			color: #fff;
			font-size: 108%;
			padding: 10px 0 0;
			text-align: center;
		}
		#screeningTimeModal .modalHeader #modalClose {
			color: #fff;
			font-size: 129%;
			position: absolute;
			top: 8px;
			right: 10px;
		}
		#screeningTimeModal .modalHeader .prev {
			position: absolute;
			left: 0;
			top: 0;
			background: url(../img/ico_arrow_prev@2x.png) 10px center no-repeat;
			background-size: 8px auto;
			padding: 0 10px 0 28px;
			color: #fff;
			line-height: 45px;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
		}
	#screeningTimeModal .inner {
		background: #fff;
		padding: 20px 8px 80px;
	}
		#screeningTimeModal .inner ul {
			margin: 0 0 30px;
		}
			#screeningTimeModal .inner ul li {
				display: table;
				width: 100%;
				background: #f0f0f0;
				padding: 10px 0;
				margin: 0 0 5px;
			}
				#screeningTimeModal .inner ul li .left {
					display: table-cell;
					width: 126px;
					border-right: 1px solid #b4b3b3;
					text-align: center;
					vertical-align: middle;
					padding: 8px 10px 8px 5px;
					vertical-align: middle;
					box-sizing: border-box;
				}
					#screeningTimeModal .inner ul li .left .time {}
						#screeningTimeModal .inner ul li .left .time span {
							font-size: 115%;
							font-weight: bold;
						}
					#screeningTimeModal .inner ul li .left .sheet {
						font-size: 86%;
					}
					#screeningTimeModal .inner ul li .left .sheet.ok {
						color: #449560;
						font-weight: bold;
					}
					#screeningTimeModal .inner ul li .left .sheet.few {
						color: #a6332e;
						font-weight: bold;
					}
				#screeningTimeModal .inner ul li .right {
					display: table-cell;
					vertical-align: top;
					width: calc(100% - 126px);
					padding: 8px 5px 8px 10px;
					vertical-align: middle;
					box-sizing: border-box;
				}
					#screeningTimeModal .inner ul li .right .theater {
						font-size: 93%;
						font-weight: bold;
					}
						#screeningTimeModal .inner ul li .right .theater a {
							text-decoration: none;
						}
					#screeningTimeModal .inner ul li .right .option {
						display: inline-block;
						background: #5b5a5a;
						color: #fff;
						font-size: 72%;
						font-weight: bold;
						padding: 1px 3px;
						margin: 0 0 5px;
						text-align: center;
					}
				#screeningTimeModal .inner ul li .btn {
					display: table-cell;
					width: 25%;
					text-align: center;
					vertical-align: middle;
					padding: 8px 5px;
				}
					#screeningTimeModal .inner ul li .btn a {
						display: block;
						background: #fff;
						border: 1px solid #000;
						-webkit-border-radius: 2.5px;
						-moz-border-radius: 2.5px;
						border-radius: 2.5px;
						font-size: 72%;
						text-align: center;
						padding: 5px;
						line-height: 1.5;
					}
			#screeningTimeModal .inner ul li.ng {
				background: #cdcece;
			}
				#screeningTimeModal .inner ul li.ng .left {
					border-right: 1px solid #fff;
					color: #fff;
				}
				#screeningTimeModal .inner ul li.ng .right {
					color: #fff;
				}
					#screeningTimeModal .inner ul li.ng .right .theater {}
						#screeningTimeModal .inner ul li.ng .right .theater a {
							color: #fff;
						}
					#screeningTimeModal .inner ul li.ng .right .option {
						display: inline-block;
						background: #999;
						font-size: 72%;
						font-weight: bold;
						padding: 1px 3px;
						text-align: center;
					}
		#screeningTimeModal .inner .schedule {
			text-align: center;
			padding: 0 0 40px;
		}
			#screeningTimeModal .inner .schedule .text {
				text-align: center;
				margin: 0 0 10px;
			}
			#screeningTimeModal .inner .schedule .btn a {
				display: block;
				width: 70%;
				background: #373737;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				color: #fff;
				line-height: 1;
				font-size: 108%;
				text-align: center;
				text-decoration: none;
				padding: 15px 0;
				margin: 0 auto;
			}