@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
 base.css
* * * * * * * * * * * * * * * * * */

/* reset, common
--------------------------------- */
* {margin:0; padding:0; list-style:none;}

html, body {
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-size: 14px;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
	width: 100%;
	background-color: #000;
	letter-spacing: 0.5px;
	min-height: 100%;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

img {
	border:none;
	vertical-align: bottom;
}

a {
	color: #FFF;
	outline : none ;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* fonts */
.f_min {
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.font_s {font-size: 90%;}

.red {color: #FF0000;}

/* float */
.l {float: left;}
.r {float: right;}

.tac {text-align: center;}

/* clearfix */
.clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */

.none {display: none;}

.inWrap li,
.txt_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* opacity */
a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* margin */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}

label {
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.noPC {
	display: none;
}


/* リンクアニメーション */
/*
a,
a img,
p.btnBox input {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
*/


/* inner
--------------------------------- */
.inner {
	position: relative;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

li {
	box-sizing: border-box;
}



/* layput
--------------------------------- */
#wrapper {
	position: relative;
	padding-left: 240px;
	height: 100%;
	min-height: 915px;
	min-width: 840px;
}

/* left */
#left {
	width: 240px;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/common/bg_menu_2.jpg) center top repeat;
}

#left .inner {
	padding-bottom: 90px;
	min-height: 100%;
	position: static;
}
#left > #left .inner {
	height: auto;
}

#left .movie {
	text-align: center;
}


/* right */
#right {
	width: 240px;
	min-height: 127.7%;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/common/bg_menu_2.jpg) center top repeat;
}

#right .inner {
	padding: 0 20px;
	padding-bottom: 300px;
	min-height: 100%;
	position: static;
}
#right > #right .inner {
	height: auto;
}



/* header
--------------------------------- */
#header {
	text-align:center;
}
#header h1 {
	text-align: center;
	padding: 40px 0 40px 0;
}
#header > img{
	margin-bottom: 70px;
}
/* nav */
nav#nav {
	margin-bottom: 40px;
}
nav#nav ul {
	position: relative;
	/*background: url(../img/common/gNavi_2.png) left top no-repeat ;*/
}
nav#nav ul:before,
nav#nav ul:after {
	content: "";
	display: block;
	width: 240px;
	height: 23px;
	position: absolute;
	left: 0;
}
nav#nav ul:before {
	background: url(../img/common/gNavi_top.png) center top no-repeat;
	top: -23px;
}
nav#nav ul:after {
	background: url(../img/common/gNavi_btm.png) center top no-repeat;
	bottom: -23px;
}

nav#nav li {
	height: 50px;
}
nav#nav li a {
	display: block;
	height: 50px;
	background-image: url(../img/common/gNavi_2.png);
	text-indent: -9999px;
}

nav#nav li.nav01 {
	background-position: 0 0;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav01 a {
	background-position: -240px 0;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav01 a:hover,
	#home nav#nav li.nav01 a {
		opacity: 1;
	}
nav#nav li.nav02 {
	background-position: 0 -50px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav02 a {
	background-position: -240px -50px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav02 a:hover,
	#news nav#nav li.nav02 a {
		opacity: 1;
	}
nav#nav li.nav03 {
	background-position: 0 -100px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav03 a {
	background-position: -240px -100px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav03 a:hover,
	#ticket nav#nav li.nav03 a {
		opacity: 1;
	}
nav#nav li.nav04 {
	background-position: 0 -150px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav04 a {
	background-position: -240px -150px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav04 a:hover,
	#cast nav#nav li.nav04 a {
		
		opacity: 1;
	}
nav#nav li.nav05 {
	background-position: 0 -250px;
	background-image: url(../img/common/gNavi_2.png);
}	
nav#nav li.nav05 a{
	background-position: -240px -250px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav05 a:hover,
	#story nav#nav li.nav05 a {
		opacity: 1;
	}
nav#nav li.nav06 {
	background-position: 0 -200px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav06 a {
	background-position: -240px -200px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav06 a:hover,
	#goods nav#nav li.nav06 a {
		opacity: 1;
	}

nav#nav li.nav07 {
	background-position: 0 -300px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav07 a{
	background-position: -240px -300px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav07 a:hover,
	#movie nav#nav li.nav07 a {
		opacity: 1;
	}

nav#nav li.nav08 {
	background-position: 0 -350px;
	background-image: url(../img/common/gNavi_2.png);
}
nav#nav li.nav08 a{
	background-position: -240px -350px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: linear;
}
	nav#nav li.nav08 a:hover,
	#dvd nav#nav li.nav08 a {
		opacity: 1;
	}





/* footer
--------------------------------- */
#footer {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 20px 0;
}

ul.social {
	margin-bottom: 10px;
}
ul.social li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 5px;
}
li.fb,
li.fb * {
	vertical-align: top!important;
}

#footer p.copy {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 8px;
}