@charset "UTF-8";
/* FACILITY
------------------------------*/
#facility .facility {
 width: calc(100% - (100% - 1200px) / 2);
	min-width: 1048px;
	max-width: 100%;
	margin: 50px 0;
}
	#facility .facility .facilityWrap {
		float: left;
		width: calc(100% - 356px);
		margin-right: 20px;
	}
		#facility .facility .facilityWrap .display {
			clear: both;
			padding: 40px 0 50px;
			background: #f0f0f0;
		}
			#facility .facility .facilityWrap .display > .inner {
				float: right;
				width: 100%;
				max-width: 864px;
			}
				#facility .facility .facilityWrap .display > .inner > h1 {
					margin-bottom: 35px;
					text-align: center;
					font-size: 185.8%;
				}
				#facility .facility .facilityWrap .display > .inner > section {
					margin: 0 20px 50px;
					background: #fff;
				}
					#facility .facility .facilityWrap .display > .inner > section > div h1 {
						margin-bottom: 35px;
						text-align: center;
						font-size: 185.8%;
					}
					#facility .facility .facilityWrap .display > .inner > section:last-child {
						margin-bottom: 0;
					}
					#facility .facility .facilityWrap .display > .inner > section #facilityInfo .main {
						display: block;
						padding-top: 23px;
					}
					#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main {
						display: block;
						padding-top: 55px;
					}
						#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap {
							margin-bottom: 55px;
						}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div {
								margin-bottom: 45px;
							}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div:last-child {
								margin-bottom: 0;
							}
								#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div .image {
									text-align: center;
									display: block;
								}
									#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div .image .maphilighted {
										display: inline-block!important;
										width: auto!important;
										max-width: 630px;
										height: auto!important;
									}
									#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div .image .map {
										display: block;
										background-size: contain;
										position: relative;
										padding: 0px;
										margin: 0 auto;
										background-repeat: no-repeat;
									}
									#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div .image .map canvas {
										position: absolute;
										left: 0;
										top: 0;
										padding: 0;
										border: 0;
										opacity: 1;
									}
									#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main .floorMap > div .image .map .maphilighted {
										opacity: 0;
										position: absolute;
										left: 0;
										top: 0;
										padding: 0;
										border: 0;
										max-width: 100%;
										max-height: 100%;
										position: static!important;
									}
						#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table {
							width: 100%;
						}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table span {
								color: #000;
								text-decoration: underline;
								cursor: pointer;
							}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table span:hover {
								text-decoration: none;
							}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table thead tr th, #facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table tfoot tr th {
								padding: 6px 15px;
								color: #fff;
								background: #535353;
							}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table tbody tr th, #facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table tbody tr td {
								padding: 7px 15px;
								border-bottom: #d7d7d7 1px solid;
							}
							#facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table tbody tr:last-child tr th, #facility .facility .facilityWrap .display > .inner > section #theaterInfo .main table tbody tr:last-child tr td {
								border: none;
							}
					#facility .facility .facilityWrap .display > .inner > section #priceInfo .main {
						display: block;
						padding-top: 30px;
					}
					#facility .facility .facilityWrap .display > .inner > section #shopInfo .main {
						display: block;
						padding-top: 18px;
					}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .box {
							margin-bottom: 30px;
						}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .box:last-child {
							margin-bottom: 0;
						}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .box h3 {
								margin-bottom: 10px;
								padding: 7px 15px;
								background: #d7d7d7;
							}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .box .image {
								text-align: center;
							}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .box .btn {
								margin: 20px 0;
							}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap {
							position: relative;
						}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap:before, #facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap:after {
							position: absolute;
							top: 0;
							display: block;
							width: 8%;
							height: 100%;
							background: url(../../img/movie/detail/bg_panel_side.png);
							content: '';
							z-index: 19;
						}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap:before {
							left: 0;
						}
						#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap:after {
							right: 0;
						}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #slider {
								display: none;
							}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap .single #slider {
								display: block;
							}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #slider.slick-initialized {
								display: block;
							}
							#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #arrow {
								position: absolute;
								width: 100%;
								top: 50%;
								left: 0;
							}
								#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #arrow .slick-prev {
									display: block;
									width: 20px;
									height: 33px;
									background: url(../img/ico_slider_prev@2x.png) no-repeat 0 0;
									background-size: 19px 33px;
									border: none;
									text-indent: -9999px;
									margin: -16px 0 0;
									outline: none;
									cursor: pointer;
									position: absolute;
									top: 50%;
									left: 4%;
									z-index: 20;
								}
								#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #arrow .slick-next {
									display: block;
									width: 20px;
									height: 33px;
									background: url(../img/ico_slider_next@2x.png) no-repeat 0 0;
									background-size: 19px 33px;
									border: none;
									text-indent: -9999px;
									margin: -16px 0 0;
									outline: none;
									cursor: pointer;
									position: absolute;
									top: 50%;
									right: 4%;
									z-index: 20;
								}
								#facility .facility .facilityWrap .display > .inner > section #shopInfo .main .panelWrap #arrow button {
									z-index: 22 !important;
								}
					#facility .facility .facilityWrap .display > .inner > section .freeBlock .main {
						display: block;
						padding-top: 18px;
					}

/* --- MT入力エリア --- */
section .main.inputArea {
	display: block;
	padding-top: 18px;
}
	section .main.inputArea {
		margin-bottom: 30px;
	}
		/* 灰色帯付き見出し */
		section .main.inputArea h3 {
			padding: 7px 15px;
			margin-bottom: 15px;
			background: #d7d7d7;
		}
		section .main.inputArea a {
			color: #000;
		}
		section .main.inputArea a:hover {
			text-decoration: none;
		}
		section .main.inputArea > p {
			margin: 0 15px 15px;
		}
		/* リード文 */
		section .main.inputArea .lead {
			margin: 0 15px;
		}
			section .main.inputArea .lead p {
				margin: 0 0 15px;
			}
		/* テーブル */
		section .main.inputArea table {
			width: 100%;
			margin: 0 0 25px;
		}
			section .main.inputArea table th,
			section .main.inputArea table td {
				border-bottom: #d7d7d7 1px solid;
				vertical-align: middle;
				padding: 7px 15px;
			}
			section .main.inputArea table td.price {
				width: 130px;
				font-weight: bold;
				text-align: right;
				padding-right: 10px;
			}
			section .main.inputArea table th a,
			section .main.inputArea table td a {
				color: #000;
			}
		/* 注意書き */
		section .main.inputArea div.att {
			margin: 0 15px 15px;
		}
			section .main.inputArea div.att .attList li {
				position: relative;
				padding-left: 1.1em;
			}
			section .main.inputArea div.att .attList li:before {
				position: absolute;
				left: 0;
				top: auto;
				content: "※";
			}
		/* 画像＋テキスト */
		section .main.inputArea .float {
			margin: 0 15px 15px;
		}
			section .main.inputArea .float .image {
				width: 300px;
				margin: 0;
				float: left;
			}
			section .main.inputArea .float .mt-enclosure-image {
				display: block;
				width: 300px;
				margin: 0;
				float: left;
			}
			section .main.inputArea .float dl {
				padding-left: 325px;
			}
				section .main.inputArea .float dl dt {
					margin-bottom: 14px;
					font-size: 128.6%;
					font-weight: bold;
				}
				section .main.inputArea .float dl dd {}
		/* リンク */
		section .main.inputArea .link {
			margin: 0 15px;
		}
			section .main.inputArea .link p {
				margin: 0 0 15px;
			}
				section .main.inputArea .link span {
					margin: 0 20px 0 0;
				}
				section .main.inputArea .link a {
					color: #000;
				}
				section .main.inputArea .link a:hover {
					text-decoration: none;
				}


/* 施設画像モーダル
------------------------------*/
#facilityInfoModal .wrap {
	display: none;
	width: 760px;
	max-height: 80vh;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding: 0;
	margin: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	z-index: 300;
}
	#facilityInfoModal .wrap .scroll {
		height: 90%;
		max-height: calc(80vh - 55px);
		overflow: auto;
	}
	#facilityInfoModal .wrap .jspContainer > .jspPane {
		position: absolute;
	}
	#facilityInfoModal .wrap .jspContainer .jspVerticalBar {
		position: absolute;
		top: 0;
		right: 0;
		width: 8px;
		height: 100%;
	}
	#facilityInfoModal .wrap .jspHorizontalBar {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 8px;
	}
	#facilityInfoModal .wrap .jspTrack {
		background: #fff;
		position: relative;
	}
	#facilityInfoModal .wrap .jspDrag {
		background: #ccc;
		border: 1px solid #fff;
		position: relative;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	#facilityInfoModal .wrap .jspHorizontalBar .jspTrack, #facilityInfoModal .wrap .jspHorizontalBar .jspDrag {
		float: left;
		height: 100%;
	}
	#facilityInfoModal .wrap .scrollInner {
		/*overflow: auto;
		height: calc(372px - 55px); */}
		#facilityInfoModal .wrap .scrollInner .inner {
			/*box-sizing: border-box;
			min-height: calc(372px - 55px);*/
			position: relative;
			padding: 30px 29px 0;
		}
		#facilityInfoModal .wrap .scrollInner #imgDisp {
			display: block;
			margin-bottom: 33px;
			vertical-align: middle;
		}
	#facilityInfoModal .wrap h1 {
		height: 43px;
		background: #373737;
		color: #fff;
		font-size: 143%;
		text-align: center;
		padding: 12px 0 0;
		position: relative;
	}
	#facilityInfoModal .wrap .labelArea {
		position: relative;
		width: 340px;
		padding: 8px 50px;
		margin: 0 auto 32px;
	}
		#facilityInfoModal .wrap .labelArea h2 {
			font-size: 114.3%;
		}
		#facilityInfoModal .wrap .labelArea span {
			position: absolute;
			top: 50%;
			display: block;
			width: 39px;
			height: 39px;
			margin-top: -19px;
			border-radius: 5px;
			cursor: pointer;
			background-color: rgba(0, 0, 0, 0.85);
			background-repeat: no-repeat;
			background-size: 12px 18px;
		}
		#facilityInfoModal .wrap .labelArea span.prev {
			left: 0;
			background-position: 12px center;
			background-image: url(../../img/facility/ico_prev@2x.png);
		}
		#facilityInfoModal .wrap .labelArea span.next {
			right: 0;
			background-position: 15px center;
			background-image: url(../../img/facility/ico_next@2x.png);
		}
		#facilityInfoModal .wrap .labelArea span.nothing {
			display: none;
			background-color: rgba(102, 102, 102, 0.85);
			cursor: default;
		}
	#facilityInfoModal .wrap #infoDisp {
		width: 370px;
		margin: auto;
		text-align: left;
		letter-spacing: -.4em;
	}
		#facilityInfoModal .wrap #infoDisp dt {
			display: inline-block;
			width: 160px;
			padding-right: 10px;
			letter-spacing: normal;
		}
		#facilityInfoModal .wrap #infoDisp dd {
			display: inline-block;
			width: 200px;
			letter-spacing: normal;
			font-weight: bold;
		}