@charset "euc-jp";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #f8f8f8;
	font-size: 18px;
	line-height: 36px;
}

p {
	margin-bottom:1.2em;
}

a:link,
a:hover,
a:visited {
	text-decoration: none;	
	color:#9b1a1a;
}

.text-bold {
	font-weight: bold;	
}

.border-box {
	background-color: #F4F4F4;
	padding: 40px 20px 20px 20px;
	border: 1px solid #CCC;
}

/*menu */

#menu {
	width:100%;
	min-width:1140px;
	background-color:#000;
}

#menu ul {
	width:1080px;
	margin:0 auto;
	text-align:center;
	padding:25px 0;
}

#menu ul li  {
	display: inline-block;
	padding:20px 38px;
}

#menu ul li:first-child  {
	padding-right:40px;
	background-image:url(../images/icon_fb.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:24px 24px;
}

#menu ul li a {
	font-family: DNPShueiYMinStd-B;
	font-size: 26px;
	line-height:26px;
	color:#fff;
}

#menu ul li.pre a,
#menu ul li a:hover {
	color:#b02b2b;
}

/* header */

#header {
	position:relative;
	width:100%;
	min-width:1140px;
	height:470px;
	background-repeat:no-repeat;
	background-size:cover;
}

#header.introduction h1,
#header.staff h1,
#header.message h1,
#header.comments h1,
#header.trailer h1,
#header.theater h1 {
	position:absolute;
	left:30px;
	top:25px;
}

#header.supporters h1 {
	position:absolute;
	right:30px;
	top:25px;
}

#header h2 {
	font-family: DNPShueiYMinStd-B;
	color:#fff;
	font-size:50px;
	position:absolute;
	display:block;
	width:100%;
	left:0px;
	bottom:50px;
	text-align:center;
 text-shadow:0px 0px 7px #2f2f2f;
}

#header.introduction {
	background-image:url(../images/header_introduction.jpg);
	background-position:center top;
}

#header.staff {
	background-image:url(../images/header_staff.jpg);
	background-position:center center;
}

#header.message {
	background-image:url(../images/header_message.jpg);
	background-position:center center;
}

#header.comments {
	background-image:url(../images/header_comments.jpg);
	background-position:center center;
}

#header.trailer {
	background-image:url(../images/header_trailer.jpg);
	background-position:center center;
}

#header.theater {
	background-image:url(../images/header_theater.jpg);
	background-position:center top;
}

#header.supporters {
	background-image:url(../images/header_supporters.jpg);
	background-position:center top;
}

/* content */

#content-container {
	width:1080px;
	margin: 0 auto;
	padding:20px 30px 40px 30px;
}

/* introduction */

#content-container.intro {
	font-size:20px;
	line-height:40px;
}

#content-container.intro img {
	margin-bottom:1.2em;
}

.intro-header1 {
	font-family:IwaOGoPro-Hv;
	letter-spacing: -2px;
	font-size: 48px;
	line-height: 70px;
	color: #b02b2b;	
	text-align:center;
	margin:24px 0;
	clear:both;
}

.intro-header2 {
	font-family:IwaOGoPro-Hv;
	letter-spacing: -2px;
	font-size: 48px;
	line-height: 70px;
	color: #e96531;	
	text-align:center;
	margin:24px 0;
	clear:both;
}

#intro-left {
		float:left;
		width:480px;	
		margin-left:15px;
		margin-top:30px;
}

#intro-right {
	float:right;
	width:570px;	
	margin-bottom:20px;
}

.intro-pic {
	width:100%;
	height:auto;
}

/* staff */

h3.staff-name {
	font-family: DNPShueiYMinStd-B;
	font-size:38px;	
	margin:50px 0 30px 0;
	width:100%;
	clear:both;
}

h3.staff-name span {
	font-size:18px;	
}

h3.staff-name span.katagaki {
	font-family:FP-HiraKakuProN-W6;
	color:#9fb02b;
	font-size:26px;	
}

#staff-left {
		float:left;
		width:260px;	
		margin-top:10px;
}

#staff-right {
	float:right;
	width:780px;	
	margin-bottom:40px;
}

#content-container.staff h4 {
	font-family: DNPShueiYMinStd-B;
	font-size: 24px;
	margin: 40px 0 30px 0;
	padding: 0px 0px 20px 40px;
	cursor: pointer;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.toggle {
	background-image: url(../images/allow_down.png);
	background-repeat: no-repeat;
	background-position:left 8px;
}

.toggle.active {
	background-image: url(../images/allow_up.png); 
}

#shoureki-wrapper {
	display:none;
}

.shoureki {
	margin-bottom:20px;
	
}

.shoureki-left {
	width: 120px;
	float: left;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #333;	
}

.shoureki-right {
	width:620px;
	float:right;
}


/* message */

#content-container.message {
	width:770px;
	margin:0 auto;
	padding:50px 0 50px 0;
}

#content-container.message p.name {
	font-family: DNPShueiYMinStd-B;
	text-align:right;
	font-size:26px;
}

/* comments */

#content-container.comments {
	width:770px;
	margin:0 auto;
	padding:10px 0 50px 0;
}

.comment-name {
	font-family: DNPShueiYMinStd-B;
	font-size:38px;
	margin-top:50px;
	margin-bottom:20px;
}

.comment-name span {
	font-family:FP-HiraKakuProN-W6;
	font-size:22px;
	color:#000;
}

.green {
	color:#60a820;
}

.brown {
	color:#d77f0d;
}

.blue {
	color:#1f6fba;
}

.purple {
	color:#c84fb3;
}

/* trailer */

#content-container.trailer {
	text-align:center;
}

#content-container.trailer iframe {
	margin:60px 0px;
}

/* theater */

#content-container.theater {
	text-align:center;
}

.theater-header1 {
	font-family:IwaOGoPro-Hv;
	letter-spacing: -1px;
	font-size: 48px;
	line-height: 60px;
	color: #1f6fba;	
	text-align:center;
	margin:24px 0;
}

.theater-header1 span {
	font-size:34px
}

#content-container.theater h4 {
	font-family: DNPShueiYMinStd-B;
	font-size:48px;
	margin-bottom:30px;
}

#content-container.theater h5 {
	font-family:FP-HiraKakuProN-W6;
	font-size:28px;
	margin-bottom:30px;
}

#content-container.theater h5 span {
	font-size:20px;
}

#btn-ticket a {
	margin: 0 auto;
	width: 640px;
	display: block;
	font-family: Gothic MB101 Medium;
	color: #ffffff;
	letter-spacing: 0em;
	font-size: 24px;
	text-decoration: none;
	padding: 30px 0px;
	background-image: url(../images/icon_cart.png),url(../images/bg_stripe2.gif);
	background-repeat: no-repeat,repeat;
	background-position: 60px center,left top;
	margin-bottom:60px;
}

#btn-ticket a:hover {
	background-image: url(../images/icon_cart.png),url(../images/bg_stripe2_over.gif);
	background-repeat: no-repeat,repeat;
	background-position: 60px center,left top;
}

.theater-table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	width: 100%;
	margin-top:40px;
	margin-bottom:30px;
}

.theater-table tr.header td {
	background-color: #f3f3f3;
	font-weight:bold;
}

.theater-table td {
	padding: 1em 1em;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #FFF;
}

.theater-table tr.header td {
	background-color: #efefef;
}


.theater-table td a {
	color: #9b1a1a;
	text-decoration: none;
}

.theater-table td a:hover {
	text-decoration: underline;
}

/* supporters */

#content-container.supporters {
	padding-top:40px;
	padding-bottom:40px;
}

.info {
	padding: 20px 30px;
	backgroung-color: #e1e1e1;
	font-size: 16px;
	line-height: 30px;
	background-color: #ebebeb;
	margin-top:20px;
	margin-bottom:30px;
}

.supporters-wrapper {
	margin-bottom:40px;
	font-size:16px;
	line-height:30px;
}

.suppourters-container {
	float:left;
	width:30%;
	margin-right:3%;
}

/* footer */

#footer-wrapper {
	width: 100%;
	min-width:1140px;
	padding: 40px 0px 40px 0px;
	background-color: #000;
}

#footer-container {
	font-family: DNPShueiYMinStd-B;
	width:1080px;
	margin:0 auto;
	text-align:center;
}

#roadshow {
	font-size: 38px;
	color: #FFF;
	line-height: 48px;
	margin-bottom:40px;
}

#roadshow span {
	font-size:30px;
}

#sns-container {
	width: 860px;
	margin: 0 auto;
}


/* sns share */

#social {
	display: block;
	text-align:left;
	float:left;
	margin-top: 15px;
	margin-left:40px;
}

#social li {
	display:inline-table;
	width: 120px
}

#social li.fb iframe {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
}

#social li.tw iframe {
	width: 120px !important;
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
}

/* sns official */

#official {
	float:right;
	display:table-cell;
	color:#fff;
	font-size:24px;
	line-height:50px;
}

#official a img {
	margin-left:20px;
	vertical-align: middle;
}