@charset "utf-8";

/* サイドメニュー
------------------------------*/
#sidenavi {
	width: 210px;
	min-height: 100%;
	height: 100%;
	background: #252625;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
	#sidenavi .inner {
		width: 210px;
		height: 100%;
		background: #252625;
		position: static;
		top: 0;
		left: 0;
	}
		#sidenavi h1 {
			text-align: center;
			padding: 15px 0;
		}
		#sidenavi ul {}
			#sidenavi .mainmenu > li {}
			#sidenavi .mainmenu > li.home {
				background: url(/assets/img/ico_side_home@2x.png) no-repeat left 22px top 21px;
				background-size: 17px 19px;
			}
			#sidenavi .mainmenu > li.theater {
				background: url(/assets/img/ico_side_theater@2x.png) no-repeat left 20px top 26px #363836;
				background-size: 27px 25px;
			}
			#sidenavi .mainmenu > li.theater:hover {
				background: url(/assets/img/ico_side_theater@2x.png) no-repeat left 20px top 26px #555;
				background-size: 27px 25px;
			}
			#sidenavi .mainmenu > li.movie {
				background: url(/assets/img/ico_side_movie@2x.png) no-repeat left 22px top 26px #363836;
				background-size: 23px 27px;
			}
			#sidenavi .mainmenu > li.movie:hover {
				background: url(/assets/img/ico_side_movie@2x.png) no-repeat left 22px top 26px #555;
				background-size: 23px 27px;
			}
			#sidenavi .mainmenu > li.members {
				background: url(/assets/img/ico_side_members@2x.png) no-repeat left 18px center;
				background-size: 30px 20px;
			}
			#sidenavi .mainmenu > li.ticket {
				background: url(/assets/img/ico_side_ticket@2x.png) no-repeat left 20px top 22px;
				background-size: 19px 19px;
			}
			#sidenavi .mainmenu > li.hotmama {
				background: url(/assets/img/ico_side_hotmama@2x.png) no-repeat left 20px top 20px;
				background-size: 26px 24px;
			}
			#sidenavi .mainmenu > li.faq {
				background: url(/assets/img/ico_side_faq@2x.png) no-repeat left 20px center;
				background-size: 19px 19px;
			}
				#sidenavi .mainmenu > li.faq span img{
					margin-left: 11px;
				}

			#sidenavi .mainmenu > li.business {
				background: url(/assets/img/ico_side_business@2x.png) no-repeat left 20px top 18px;
				background-size: 21px 25px;
			}
			#sidenavi .mainmenu > li.recruit {
				background: url(/assets/img/ico_side_recruit@2x.png) no-repeat left 22px top 20px;
				background-size: 21px 25px;
			}
				#sidenavi .mainmenu > li.recruit span img{
					margin-top: 5px;
					margin-left: 11px;
				}
				#sidenavi .mainmenu > li > a {
					display: block;
					border-bottom: 1px solid #252625;
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					padding: 20px 10px 20px 56px;
				}
				#sidenavi .mainmenu > li.theater > a,
				#sidenavi .mainmenu > li.movie > a {
					background: url(/assets/img/ico_arrow01@2x.png) no-repeat right 10px center;
					background-size: 8px 13px;
					padding: 28px 10px 28px 72px;
				}
				#sidenavi .mainmenu > li.dolby > a {
					padding: 30px 10px 10px 23px;
				}
						#sidenavi .mainmenu > li.dolby > a img {
							width: 154px;
						}
				#sidenavi .mainmenu > li.recruit > a {
					border: none;
				}
				#sidenavi .mainmenu > li > a:hover {
					color: #aaa;
				}
			#sidenavi .login {
				text-align: center;
				margin: 20px 0 5px;
			}
			#sidenavi .login.userInfo {
				width: 183px;
				text-align: left;
				margin: 0 0 0 10px;
			}
				#sidenavi .login.userInfo dl {
				}
					#sidenavi .login.userInfo dl dt {}
					#sidenavi .login.userInfo dl dd {
						border-left: 1px solid #fff;
						border-right: 1px solid #fff;
						color: #fff;
						padding: 20px 8px 8px;
					}
						#sidenavi .login.userInfo dl dd .name {
							display: block;
							margin: 0 0 15px;
						}
						#sidenavi .login.userInfo dl dd .point {
							display: block;
							margin: 0 0 15px;
						}
							#sidenavi .login.userInfo dl dd .point span {
								display: block;
								color: #14ad6a;
							}
						#sidenavi .login.userInfo dl dd .coupon {
							display: block;
							margin: 0 0 15px;
						}
							#sidenavi .login.userInfo dl dd .coupon span {
								display: block;
								color: #14ad6a;
							}
						#sidenavi .login.userInfo dl dd .mypage {
							display: block;
							border: 1px solid #fff;
							color: #fff;
							text-align: center;
							text-decoration: none;
							padding: 2px 5px;
							margin: 0 0 10px;
						}
						#sidenavi .login.userInfo dl dd .mypage:hover {
							background: #fff;
							color: #000;
							transition: all .4s;
						}
						#sidenavi .login.userInfo dl dd .logout {
							display: block;
							color: #fff;
							text-align: center;
							text-decoration: none;
						}
						#sidenavi .login.userInfo dl dd .logout:hover {
							color: #aaa;
						}
			#sidenavi .logout {
				margin: 0 0 10px;
			}
				#sidenavi .logout a {
					display: block;
					font-size: 79%;
					box-sizing: border-box;
					color: #fff;
					padding: 2px;
					text-align: right;
					text-decoration: none;
					margin-right: 8px;
					cursor: pointer;
				}
						#sidenavi .logout a:hover {
							color: #aaa;
						}
nav.submenu {
	display: none;
	width: 0;
	height: 100%;
	background: #fff;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	position: absolute;
	top: 0;
	left: 210px;
	z-index: 3;
}
	nav.submenu .wrap {
		display: block;
		width: 315px;
		min-height: 100%;
		background: #fff;
		padding: 0 0 0 40px;
	}
		nav.submenu .left {
			width: 140px;
			margin: 0 20px 0 0;
			float: left;
		}
		nav.submenu .right {
			width: 140px;
			float: left;
		}
		nav.submenu .full {
			width: 100%;
			float: none;
		}
			nav.submenu .label {
				font-weight: bold;
				white-space: nowrap;
				margin: 30px 0 10px;
			}
			nav.submenu .name {
				margin: 0 0 10px;
			}
			nav.submenu .full .name:first-child {
				margin: 30px 0 10px;
			}
				nav.submenu .name a {
					color: #000;
					text-decoration: none;
					white-space: nowrap;
				}
				nav.submenu .name a:hover {
					color: #029856;
				}
						nav.submenu .name a span.dolby {
							display: block;
							margin: 5px 0 0;
						}

/* サイドメニュースクロール */
#sidenavi .jspContainer {}
	#sidenavi .jspContainer > .jspPane { position:absolute; }
	#sidenavi .jspContainer .jspVerticalBar { position:absolute; top:0; right:0; width:8px; height:100%; }
		#sidenavi .jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:8px; }
		#sidenavi .jspTrack { background:#000; position:relative; }
		#sidenavi .jspDrag {
			background: #666;
			border: 1px solid #000;
			position: relative;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		#sidenavi .jspHorizontalBar .jspTrack,
		#sidenavi .jspHorizontalBar .jspDrag { float:left; height:100%; }
		
				/* サブメニュースクロール */
				nav.submenu .jspContainer {}
					nav.submenu .jspPane { position:absolute; }
					nav.submenu .jspVerticalBar { position:absolute; top:0; right:0; width:8px; height:100%; background: #fff; }
						nav.submenu .jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:8px; }
						nav.submenu .jspTrack { background:#fff; position:relative; }
						nav.submenu .jspDrag {
							background: #ccc;
							border: 1px solid #fff;
							position: relative;
							top: 0;
							left: 0;
							cursor: pointer;
						}
						nav.submenu .jspHorizontalBar .jspTrack,
						nav.submenu .jspHorizontalBar .jspDrag {
							float:left;
							height:100%;
						}