@charset "UTF-8";
/* CSS Document */

html,body {
	font-size: 16px;
	line-height: 1.4em;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
strong,b {
	font-weight: bold;
}
.pad_t1{padding-top: 1em;}
.btn_pagetop a {
	position: fixed;
	bottom: 40px;
	right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../img/btn_pagetop.png") no-repeat center center;
	background-size: 40px 40px;
	z-index: 9999;
	cursor: pointer;
}

#main h1,#main h2,#main p{
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
/* Cinemart header ---------- */

#cinemartHeaderArea {
	background: #ffffff;
}
header.headerArea img {
	width: auto;
	height: auto;
}
header.headerArea .text-right img {
	width: 30px;
	height: auto;
}
header.headerArea .headerLogoMini img {
	width: 109px;
	height: auto;
}
.container-fruid .navbar {
	border-radius: 0;
}
.container-fruid .navbar a {
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.container-fruid .navbar-inverse{
	margin: 0;
	z-index: 1001;
}
.container-fruid .navbar .dropdown-menu {
	font-size: 13px;
}

@media (max-width:991px) {

.container-fruid .navbar-nav {
	font-size: 13px;
}
.container-fruid .navbar-nav > li > a {
	padding-left: 10px;
	padding-right: 10px
}

}

/* Cinemart footer ---------- */

footer.footer {
	line-height: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
footer.footer h1 a {
	font-weight: bold;
}
footer.footer a {
	text-decoration: none;
}
footer.footer a:hover {
	text-decoration: underline;
}

/* top ---------- */

#wrapper {
	background: #fff;
}

#signal_news h1,
#signal_trailer h1,
#signal_twitter h1 {
	margin: 0 0 4% 0;
	font-size: 20px;
	line-height: 1.2em;
	text-align: center;
	font-family: serif;
	font-weight: bold;
}

.kokuchi {
	padding: 8% 2.5%;
	text-align: center;
}
.kokuchi a {
	font-size: 24px;
	line-height: 1.4em;
	color: #970000;
	font-family: serif;
	font-weight: bold;
}

#signal_tumblr {
	width: 95%;
	margin: 0 auto 8% auto;
}

#signal_navi {
	margin: 0 auto 8% auto;
}
#signal_navi ul {
	padding: 0 2.5%;
}
#signal_navi ul li {
	position: relative;
	width: 49%;
	height: 40px;
	margin: 0 0 2% 0;
	background: #fff;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 1px;
	font-family: serif;
	font-weight: bold;
	color: #5a0000;
	text-align: center;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 0 0 2px #eee inset, 0 0 0 3px #000 inset;
}
#signal_navi ul li a {
	position: absolude;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 1px;
	font-family: serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
}
#signal_navi ul li:nth-child(2n+1) {
	float: left;
}
#signal_navi ul li:nth-child(2n) {
	float: right;
}
#signal_navi ul li:nth-child(1) {
	background-image: url("../img/menu/menu_01_off.png");
	background-size: 31px 17px;
}
#signal_navi ul li:nth-child(2) {
	background-image: url("../img/menu/menu_02_off.png");
	background-size: 112.5px 17px;
}
#signal_navi ul li:nth-child(3) {
	background-image: url("../img/menu/menu_03_off.png");
	background-size: 64.5px 17px;
}
#signal_navi ul li:nth-child(4) {
	background-image: url("../img/menu/menu_04_off.png");
	background-size: 44px 17px;
}
#signal_navi ul li:nth-child(5) {
	background-image: url("../img/menu/menu_05_off.png");
	background-size: 116px 17px;
}
#signal_navi ul li:nth-child(6) {
	background-image: url("../img/menu/menu_06_off.png");
	background-size: 48px 17px;
}
#signal_navi ul li:nth-child(7) {
	background-image: url("../img/menu/menu_07_off.png");
	background-size: 58.5px 17px;
}


#signal_navi ul li:nth-child(1) a {
	background-image: url("../img/menu/menu_01.png");
	background-size: 31px 17px;
}
#signal_navi ul li:nth-child(2) a {
	background-image: url("../img/menu/menu_02.png");
	background-size: 112.5px 17px;
}
#signal_navi ul li:nth-child(3) a {
	background-image: url("../img/menu/menu_03.png");
	background-size: 64.5px 17px;
}
#signal_navi ul li:nth-child(4) a {
	background-image: url("../img/menu/menu_04.png");
	background-size: 44px 17px;
}
#signal_navi ul li:nth-child(5) a {
	background-image: url("../img/menu/menu_05.png");
	background-size: 116px 17px;
}
#signal_navi ul li:nth-child(6) a {
	background-image: url("../img/menu/menu_06.png");
	background-size: 48px 17px;
}
#signal_navi ul li:nth-child(7) a {
	background-image: url("../img/menu/menu_07.png");
	background-size: 58.5px 17px;
}



#signal_navi_bar {
	position: fixed;
	top: -50px;
	left: 0;
	width: 100%;
	height: 40px;
	background: #970000;
}
#signal_navi_bar .header_bar {
	padding: 5px 2.5%;
}
#signal_navi_bar h1 {
	float: left;
	height: 30px;
}
#signal_navi_bar h1 img {
	width: auto;
	height: 30px;
}
#signal_navi_bar .btn_nav {
	float: right;
	display: block;
	width: 30px;
	height: 30px;
}
#signal_navi_bar .btn_nav a {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
}
#signal_navi_bar .btn_nav a .icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 2px;
	margin: -1px 0 0 -15px;
	background: #ffffff;
	transition: .2s;
}
#signal_navi_bar .btn_nav a .icon:before,
#signal_navi_bar .btn_nav a .icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 2px;
	background: #ffffff;
	transition: .3s;
}
#signal_navi_bar .btn_nav a .icon:before {
	margin-top: -10px;
}
#signal_navi_bar .btn_nav a .icon:after {
	margin-top: 8px;
}
#signal_navi_bar .btn_nav a .close {
	background: transparent;
}
#signal_navi_bar .btn_nav a .close:before,
#signal_navi_bar .btn_nav a .close:after {
	margin-top: 0;
}
#signal_navi_bar .btn_nav a .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#signal_navi_bar .btn_nav a .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
#signal_navi_bar .signal_navi_bar_inner {
	display: none;
	background: url("../../img/bg.gif") repeat center 0;
}
#signal_navi_bar ul {
	padding: 2.5%;
}
#signal_navi_bar ul li {
	position: relative;
	width: 49%;
	height: 40px;
	margin: 0 0 2% 0;
	background: #970000;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 1px;
	font-family: serif;
	font-weight: bold;
	color: #5a0000;
	text-align: center;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 0 0 2px #970000 inset, 0 0 0 3px #5a0000 inset;
}
#signal_navi_bar ul li a {
	position: absolude;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 1px;
	font-family: serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
}
#signal_navi_bar ul li:nth-child(2n+1) {
	float: left;
}
#signal_navi_bar ul li:nth-child(2n) {
	float: right;
}
#signal_navi_bar ul li:nth-child(1) {
	background-image: url("../img/menu/menu1_off.png");
	background-size: 54px 10px;
}
#signal_navi_bar ul li:nth-child(2) {
	background-image: url("../img/menu/menu2_off.png");
	background-size: 117px 12.5px;
}
#signal_navi_bar ul li:nth-child(3) {
	background-image: url("../img/menu/menu3_off.png");
	background-size: 53px 13px;
}
#signal_navi_bar ul li:nth-child(4) {
	background-image: url("../img/menu/menu4_off.png");
	background-size: 49px 13.5px;
}
#signal_navi_bar ul li:nth-child(5) {
	background-image: url("../img/menu/menu5_off.png");
	background-size: 115.5px 12px;
}
#signal_navi_bar ul li:nth-child(6) {
	background-image: url("../img/menu/menu6_off.png");
	background-size: 106.5px 12.5px;
}
#signal_navi_bar ul li:nth-child(7) {
	background-image: url("../img/menu/menu7_off.png");
	background-size: 66.5px 13.5px;
}
#signal_navi_bar ul li:nth-child(8) {
	background-image: url("../img/menu/menu8_off.png");
	background-size: 67px 14px;
}
#signal_navi_bar ul li:nth-child(9) {
	background-image: url("../img/menu/menu9_off.png");
	background-size: 103px 14px;
	margin: 0 0 0 0;
}
#signal_navi_bar ul li:nth-child(10) {
	background-image: url("../img/menu/menu10_off.png");
	background-size: 90px 23px;
	margin: 0 0 0 0;
}
#signal_navi_bar ul li:nth-child(1) a {
	background-image: url("../img/menu/menu1.png");
	background-size: 54px 10px;
}
#signal_navi_bar ul li:nth-child(2) a {
	background-image: url("../img/menu/menu2.png");
	background-size: 117px 12.5px;
}
#signal_navi_bar ul li:nth-child(3) a {
	background-image: url("../img/menu/menu3.png");
	background-size: 53px 13px;
}
#signal_navi_bar ul li:nth-child(4) a {
	background-image: url("../img/menu/menu4.png");
	background-size: 49px 13.5px;
}
#signal_navi_bar ul li:nth-child(5) a {
	background-image: url("../img/menu/menu5.png");
	background-size: 115.5px 12px;
}
#signal_navi_bar ul li:nth-child(6) a {
	background-image: url("../img/menu/menu6.png");
	background-size: 106.5px 12.5px;
}
#signal_navi_bar ul li:nth-child(7) a {
	background-image: url("../img/menu/menu7.png");
	background-size: 66.5px 13.5px;
}
#signal_navi_bar ul li:nth-child(8) a {
	background-image: url("../img/menu/menu8.png");
	background-size: 67px 14px;
}
#signal_navi_bar ul li:nth-child(9) a {
	background-image: url("../img/menu/menu9.png");
	background-size: 103px 14px;
}
#signal_navi_bar ul li:nth-child(10) a {
	background-image: url("../img/menu/menu10.png");
	background-size: 90px 23px;
}

#signal_trailer {
	margin: 0 auto 12% auto;
}
#signal_trailer .trailer {
	margin: 0 auto;
}

#signal_twitter {
	margin: 0 auto 12% auto;
}
#signal_twitter .timeline {
	margin: 0 auto;
	background: #ffffff;
}



#signal_footer {
	text-align: center;
}
#signal_footer p{margin-bottom: 80px;}
.bnr {
	width: 80%;
	margin: 0 auto 4%;
}
#sns_share {
	display: inline-block;
	width: auto;
}
#sns_share li#twk{display: inline-block;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;}
#sns_share li#tw {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
}
#sns_share li#fb {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
}
#sns_share li#line {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
}
#sns_share li#line img {
	width: auto;
}

.signal_block .text p {
	margin: 0 0 2% 0;
}
.signal_block .text p:last-child {
	margin: 0 0 0 0;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.clearboth {
	clear:both;
}
.fullwidth{width: 100%;}
section#mov{
	margin: 0px auto;
	padding: 10px 0 40px;
	width: 94%;
}
#mov h2{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mov_bg{background: url(../img/mov/mov_m_bg.jpg) top center; background-attachment: fixed; background-size: cover;}

#trailer {
	width: 100%;
	margin: 0 auto 8% auto;
	overflow: hidden;
}

.trailer {
	width: 95%;
	margin: 2% auto 0;
}
.trailer_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.trailer_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
section#intro{
	margin: 0px auto;
	padding: 0px 0 40px;
	width: 94%;
}
.intro_bg{background: url(../img/intro/intro_m_bg.jpg) top center no-repeat; }
#intro{margin: 0px auto;
	padding: 10px 0 40px 0;
	width: 94%;}
#intro h2{
	margin-top: 0px;
	margin-bottom: 20px;
}
.intro-txt01{
	text-shadow: 2px 2px 1px #fff;
}
#intro h3{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	color: #E10584;
}
#intro h3 span{
	font-size: 20px; font-weight: 700; color:#E10584;}

.con_bg{background: url(../../images/back.jpg) top center; background-attachment: fixed;}

section#story{padding-top: 30px;}
.story-h2{margin-top: 20px; margin-bottom: 40px;}
#story h3{margin-bottom: 10px;}
.story-txt01 {
	width: 86%;
	padding: 20px;
	background-color: rgba(255,255,255,0.65);
	border: solid #836a4c 1px;
	margin: 10px auto 30px;
}

.keyitems {
	width: 86%;
	background-color: rgba(113,83,61,0.65);
	margin: 10px auto 30px;
	padding: 1em;
	color: #fff;}
.keyitems p img{ float: left; width: 30%;!important}
.keyitems p{clear: left; padding-bottom: 1em;padding-top: 1em; border-bottom: solid 1px #ccc;}
.keyitems p:nth-child(3){border-bottom: none;}
section#chart{padding-top: 30px;}
#chart p{clear: left; padding: 1em; border-bottom: solid 1px #ccc;background-color: rgba(255,255,255,0.65);}
#chart p img{ float: left; width: 30%; margin-right: 1em;!important}
#chart p strong{font-size: 108%;}
#chart p b{font-size: 108%;color: #E10584;}
#chart p:last-child(3){border-bottom: none;}
#chart p:after {
	content: "";
	clear: both;
	display: block;
}
#cast {
	width: 100%;
	margin: 20px auto;
	background-color: rgba(255,255,255,0.60);}
#cast h3{ padding: 1em; font-size: 112%; font-weight: bold;}
#cast p{
	padding: 0.5em 1.5em 0.5em;
	font-size: 100%;
	border-bottom: dotted #673A3B 1px;}
#cast p:last-child{border-bottom:none;}
#coment {
	width: 100%;
	margin: 20px auto;
}
#coment p{padding: 10px 0;}

#dvd {
	width: 100%;
	margin: 20px auto;
	background-color: 
rgba(255,255,255,0.50);}
#dvd h3{margin-top: 20px; margin-bottom: 10px;}
#dvd p{width: 90%;margin: 0.5em auto;}
#dvd p img{margin-bottom: 0.5em;}
#dvd p strong{color: #E3017F;}