@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* ========================================================================== *
 * reset
 * ========================================================================== */
/*!
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License:none (public domain)
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
body { line-height: 1; }
ol,
ul { list-style: none; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}
/* ========================================================================== *
 * basic.
 * ========================================================================== */
html {
	font-family: "メイリオ", sans-serif;
	line-height: 1.5;
	font-size: 62.5%;
}
body {
	color: #4d4d4d;
	background: #fff;
}
a { color: #4285f4; }
a:hover { color: #1a0dab; }
button,
input,
optgroup,
select,
textarea { font-family: "メイリオ", sans-serif; }
:focus { outline: none; }

::-moz-selection {
 color:#c-txt;
 background:#b3d4fc;
 text-shadow:none;
}
::selection {
	color: #c-txt;
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .25);
	display: block;
	height: 1px;
	background: rgba(255, 255, 255, .25);
}
audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
textarea { resize: vertical; }
/* ========================================================================== *
 * layout.
 * ========================================================================== */
html,
body {
	width: 100%;
	height: 100%;
	background: #000;
}
body {
	overflow-y: scroll;
	min-width: 1260px;
}
img { vertical-align: top; }
.wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
.wrapper.is-locked { overflow: hidden; }
.contents {
	width: 100%;
	background: #FFF;
	overflow: hidden;
}
.layout {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1200px;
}
/* ========================================================================== *
 * module.
.* ========================================================================== */
/* module: bsSlider v4.2.12.
 *--------------------------------------------------------------------------- */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
 *zoom:1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider { list-style: none; }
.bx-viewport { /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); }
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("../images/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
 *zoom:1;
 *display:inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url("../images/controls.png") no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next {
	right: 10px;
	background: url("../images/controls.png") no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png") -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png") -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, .75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* module: YouTube比率保持ブロック.
 * -----------------------------------------------------------------------------
 * ※ paddingを利用することで横幅に対する比率で縦幅を指定するブロックを生成
   サイズを変える場合は親要素の横幅を調整することによって対応すること
   この要素自体に直接サイズを指定すると縦横比の崩れの原因になるため注意
 * -------------------------------------------------------------------------- */
.youtube,
.youtube-square {
	position: relative;
	width: 100%;
}
.youtube > iframe,
.youtube-square > iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.youtube { padding-top: 56.25%; }
.youtube-square { padding-top: 75%; }
/* ========================================================================== *
 * component.
.* ========================================================================== */
.site-header {
	width: 100%;
	height: 100%;
	position: relative;
	background: #e83828;
}
.site-header .header-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.site-header .header-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.site-header img {
	opacity: 0;
	-webkit-transform: scale(.95);
	transform: scale(.95);
	-webkit-transition: opacity 2s linear 0s,  -webkit-transform 2s linear 0s;
	transition: opacity 2s linear 0s,  -webkit-transform 2s linear 0s;
	transition: opacity 2s linear 0s,  transform 2s linear 0s;
	transition: opacity 2s linear 0s,  transform 2s linear 0s,  -webkit-transform 2s linear 0s;
}
.site-header img.is-show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.site-header .header-logo {
	margin-bottom: 16px;
	display: block;
	text-align: center;
}
.site-header .header-logo img {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.site-header .header-year {
	display: block;
	text-align: center;
}
.site-header .header-year img {
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}
.site-header .header-lcorner {
	position: absolute;
	bottom: 0;
	left: 0;
}
.site-header .header-credit img {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.site-header .header-rcorner {
	position: absolute;
	right: 0;
	bottom: 0;
}
.site-header .header-copyright { padding: 25px; }
.site-header .header-copyright img {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.bigimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2390px;
	overflow: hidden;
	background: #fff url(../images/bigimage-noise.jpg) center top no-repeat;
	text-align: center;
}
.bigimage .bigimage-inner {
	margin-right: -50%;
	margin-left: -50%;
	position: relative;
	background: url(../images/bigimage.jpg) center top no-repeat;
}
.bigimage .bigimage-inner img {
	-webkit-transition: -webkit-transform .8s ease-out 0s;
	transition: -webkit-transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
}
.gnav .gnav-inner:after {
	display: block;
	clear: both;
	content: "";
}
.gnav .gnav-inner:nth-of-type(1) { float: left; }
.gnav .gnav-inner:nth-of-type(2) {
	float: right;
	padding-right: 18px;
}
.gnav .gnav-inner > dt,
.gnav .gnav-inner > dd { float: left; }
.gnav .gnav-list:after {
	display: block;
	clear: both;
	content: "";
}
.gnav .gnav-list > li { float: left; }
.gnav .gnav-list > li img { vertical-align: top; }
.gnav .gnav-list a {
	display: block;
	position: relative;
}
.gnav .gnav-list a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: "";
	-webkit-transition: width .8s cubic-bezier(.06, .59, .245, .98) 0s;
	transition: width .8s cubic-bezier(.06, .59, .245, .98) 0s;
}
.gnav .gnav-list a:hover::after { width: 100%; }
.content-body {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	min-width: 1200px;
	min-height: 690px;
	background-color: #FFF;
	overflow: hidden;
}
.content-body .gnav {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 47px;
	background-color: #E83428;
}
.content-body .gnav.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.gnav .gnav-news a::after { background: url(../images/gnav-news_on.png); }
.gnav .gnav-about a::after { /*background:url(../images/gnav-about_on.png);*/
}
.gnav .gnav-keyword a::after { background: url(../images/gnav-keyword_on.png); }
.gnav .gnav-comment a::after { background: url(../images/gnav-comment_on.png); }
.gnav .gnav-theater a::after { background: url(../images/gnav-theater_on.png); }
.gnav .gnav-credit a::after { background: url(../images/gnav-credit_on.png); }

.gnav .gnav-homeentertainment a::after { background: url(../images/gnav-homeentertainment_on.png); }

.gnav .gnav-trailer a::after { background: url(../images/gnav-trailer_on.png); }
.gnav .gnav-media a::after { background: url(../images/gnav-media_on.png); }
.gnav .gnav-otw a::after { background: url(../images/gnav-otw_on.png); }
.gnav .gnav-tw a:hover { opacity: 0.7; }
.gnav .gnav-fb a:hover { opacity: 0.7; }
.gnav .gnav-in a:hover { opacity: 0.7; }
.gnav .gnav-line a:hover { opacity: 0.7; }
.gnav .gnav-yt a:hover { opacity: 0.7; }
.character {
	position: absolute;
	top: 0px;
	overflow: hidden;
	height: calc(100% - 50px);
	width: 100%;
	left: 0px;
}
.character .character-data {
	-webkit-transition: -webkit-transform .8s ease-out 0s;
	transition: -webkit-transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
}
.character .character-data:after {
	display: block;
	clear: both;
	content: "";
}
.character .character-data > dt,
.character .character-data > dd { float: right; }
.character .character-data > dt { margin-right: 114px; }
.character .character-data > dd { margin-right: 25px; }
.news {
	padding-top: 62px;
	margin-left: 10px;
	width: 95%;
	opacity: 0;
	-webkit-transition: opacity .6s linear 0s;
	transition: opacity .6s linear 0s;
}
.news.is-show { opacity: 1; }
.news .news-content {
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	font-size: 14px;
}
.news .news-content > dt {
	color: #e83828;
	float: left;
	height: 22px;
	width: 90px;
}
.news .news-content > dd a {
	display: block;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: color .3s linear 0s;
	transition: color .3s linear 0s;
}
.news .news-content > dd a:hover { color: #e83828; }
.trailer {
	position: absolute;
	-webkit-transition: -webkit-transform .8s ease-out 0s;
	transition: -webkit-transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
	right: 0px;
	bottom: 0px;
}
.trailer a {
	-webkit-transition: opacity .3s linear 0s;
	transition: opacity .3s linear 0s;
}
.trailer a:hover { opacity: .75; }
.trailerM a:hover img { opacity: .75; }
.trailerM {
	position: absolute;
	right: 7px;
	bottom: 71px;
	z-index: 100;
}
.trailerMBG {
	width: 256px;
	height: 151px;
	position: absolute;
	right: 0;
	bottom: 55px;
	z-index: 200;
}
/*

.bnr_keyword02 {
	position: absolute;
	right: 0px;
	bottom: 270px;
}
.bnr_keyword02 a:hover {
	opacity: 0.7;
}
.bnr_keyword01 {
	position: absolute;
	right: 0px;
	bottom: 360px;
}
.bnr_keyword01 a:hover {
	opacity: 0.7;
}
*/

.bnr_cp_top {
	position: absolute;
	right: 0px;
	bottom: 415px;
}
.bnr_cp_top a:hover { opacity: 0.7; }
.bnr_movieticet {
	position: absolute;
	right: 0px;
	bottom: 215px;
}
.bnr_movieticet a:hover { opacity: 0.7; }


.bnr_battlecp {
	position: absolute;
	right: 0px;
	bottom: 385px;
}
.bnr_battlecp a:hover { opacity: 0.7; }

.bnr_kansoucp {
	position: absolute;
	right: 0px;
	bottom: 385px;
}
.bnr_kansoucp a:hover { opacity: 0.7; }


.bnr_countdowncp {
	position: absolute;
	right: 0px;
	bottom: 555px;
}
.bnr_countdowncp a:hover { opacity: 0.7; }


.bnr_keyword02 {
	position: absolute;
	right: 0px;
	bottom: 215px;
}
.bnr_keyword02 a:hover { opacity: 0.7; }

.bnr_natsumatsuri {
	position: absolute;
	right: 0px;
	bottom: 300px;
}
.bnr_natsumatsuri a:hover { opacity: 0.7; }


.bnr_keyword01 {
	position: absolute;
	right: 0px;
	bottom: 300px;
}
.bnr_keyword01 a:hover { opacity: 0.7; }
.bnr_tieup01 {
	position: absolute;
	left: 20px;
	bottom: 110px;
}
.bnr_tieup01 a:hover { opacity: 0.7; }
.bnr_tieup02 {
	position: absolute;
	left: 150px;
	bottom: 110px;
}
.bnr_tieup02 a:hover { opacity: 0.7; }

.bnr_official01 {
	position: absolute;
	left: 20px;
	bottom: 110px;
}
.bnr_official01 a:hover { opacity: 0.7; }
.bnr_official02 {
	position: absolute;
	left: 150px;
	bottom: 110px;
}
.bnr_official02 a:hover { opacity: 0.7; }

.bnr_special01 {
	position: absolute;
	left: 20px;
	bottom: 160px;
}
.bnr_special01 a:hover { opacity: 0.7; }

.bnr_special02 {
	position: absolute;
	left: 280px;
	bottom: 110px;
}
.bnr_special02 a:hover { opacity: 0.7; }

.bnr_special03 {
	position: absolute;
	left: 20px;
	bottom: 210px;
}
.bnr_special03 a:hover { opacity: 0.7; }


.bnr_special04 {
	position: absolute;
	left: 20px;
	bottom: 260px;
}
.bnr_special04 a:hover { opacity: 0.7; }

.bnr_special05 {
	position: absolute;
	left: 20px;
	bottom: 310px;
}
.bnr_special05 a:hover { opacity: 0.7; }


.footer {
	position: absolute;
	top: 2206px;
	left: 0;
	width: 100%;
	background: #000;
}
.footer .footer-inner { margin-top: -82px; }
.footer .next-chara {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: opacity .8s linear 0s;
	transition: opacity .8s linear 0s;
}
.footer .next-chara.is-show { opacity: 1; }
.footer .next-chara img { vertical-align: bottom; }
.content-about {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 2390px;
	background: url(../images/bigimage-bg.png) center top no-repeat, url(../images/bigimage-bg-x.png) center top repeat-x, #000;
	opacity: 0;
}
.content-about.is-active { display: block; }
.content-about .gnav {
	margin-top: 240px;
	margin-bottom: 30px;
	height: 47px;
}
.content-about .gnav .gnav-news a::after { background: url(../images/gnav-news_on.png); }
.content-about .gnav .gnav-about a::after { /*background:url(../images/gnav-about_on.png);*/
}
.content-about .gnav .gnav-comment a::after { background: url(../images/gnav-comment_on.png); }
.content-about .gnav .gnav-keyword a::after { background: url(../images/gnav-keyword_on.png); }
.content-about .gnav .gnav-theater a::after { background: url(../images/gnav-theater_on.png); }
.content-about .gnav .gnav-credit a::after { background: url(../images/gnav-credit_on.png); }
.content-about .gnav .gnav-homeentertainment a::after { background: url(../images/gnav-homeentertainment_on.png); }

.content-about .gnav .gnav-trailer a::after { background: url(../images/gnav-trailer_on.png); }
.content-about .gnav .gnav-media a::after { background: url(../images/gnav-media_on.png); }
.content-about .gnav .gnav-otw a::after { background: url(../images/gnav-otw_on.png); }
.content-about .gnav .gnav-tw a:hover { opacity: 0.7; }
.content-about .gnav .gnav-fb a:hover { opacity: 0.7; }
.content-about .gnav .gnav-line a:hover { opacity: 0.7; }
.content-about .gnav .gnav-yt a:hover { opacity: 0.7; }
.content-about .about-body p {
	opacity: 0;
	padding-top: 100px;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 1s ease-in-out 0s,  padding 1s ease-in-out 0s;
	transition: opacity 1s ease-in-out 0s,  padding 1s ease-in-out 0s;
}
.content-about .about-body p.is-show {
	padding-top: 0;
	opacity: 1;
}
.content-about .about-body p span {
	display: block;
	position: absolute;
	bottom: 0;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 1s ease-out 2s;
	transition: width 1s ease-out 2s;
}
.content-about .about-lead { margin-bottom: 29px; }
.content-about .about-lead span { left: 740px; }
.content-about .about-lead.is-show span { width: 463px; }
.content-about .about-cast { margin-bottom: 33px; }
.content-about .about-cast span:nth-of-type(1) { left: 228px; }
.content-about .about-cast.is-show span:nth-of-type(1) { width: 325px; }
.content-about .about-cast span:nth-of-type(2) { left: 880px; }
.content-about .about-cast.is-show span:nth-of-type(2) { width: 325px; }
.content-about .about-txt { margin-bottom: 27px; }
.content-about .about-txt.txt01 span:nth-of-type(1) { left: 1047px; }
.content-about .about-txt.txt01.is-show span:nth-of-type(1) { width: 72px; }
.content-about .about-txt.txt02 span:nth-of-type(1) { left: 195px; }
.content-about .about-txt.txt02.is-show span:nth-of-type(1) { width: 175px; }
.content-about .about-txt.txt02 span:nth-of-type(2) { left: 1007px; }
.content-about .about-txt.txt02.is-show span:nth-of-type(2) { width: 97px; }
.content-about .about-txt.txt03 span:nth-of-type(1) { left: 242px; }
.content-about .about-txt.txt03.is-show span:nth-of-type(1) { width: 121px; }
.content-about .about-txt.txt04 span:nth-of-type(1) { left: 0; }
.content-about .about-txt.txt04.is-show span:nth-of-type(1) { width: 396px; }
.content-about .about-txt.txt05 span:nth-of-type(1) { left: 1012px; }
.content-about .about-txt.txt05.is-show span:nth-of-type(1) { width: 97px; }
.content-about .about-txt.txt06 span:nth-of-type(1) { left: 971px; }
.content-about .about-txt.txt06.is-show span:nth-of-type(1) { width: 145px; }
.content-about .about-txt.txt09 span:nth-of-type(1) { left: 767px; }
.content-about .about-txt.txt09.is-show span:nth-of-type(1) { width: 281px; }
.content-about .about-txt.txt10 span:nth-of-type(1) { left: 150px; }
.content-about .about-txt.txt10.is-show span:nth-of-type(1) { width: 718px; }
.content-about .about-txt.txt11 span:nth-of-type(1) { left: 447px; }
.content-about .about-txt.txt11.is-show span:nth-of-type(1) { width: 183px; }
.content-about .about-txt.txt11 span:nth-of-type(2) { left: 867px; }
.content-about .about-txt.txt11.is-show span:nth-of-type(2) { width: 312px; }
.content-about .about-txt.txt12 span:nth-of-type(1) { left: 534px; }
.content-about .about-txt.txt12.is-show span:nth-of-type(1) { width: 142px; }
.content-about .about-txt.txt15 span:nth-of-type(1) { left: 888px; }
.content-about .about-txt.txt15.is-show span:nth-of-type(1) { width: 146px; }
.content-about .about-txt.txt16 span:nth-of-type(1) { left: 892px; }
.content-about .about-txt.txt16.is-show span:nth-of-type(1) { width: 311px; }
.content-about .about-txt.txt17 span:nth-of-type(1) { left: 0; }
.content-about .about-txt.txt17.is-show span:nth-of-type(1) { width: 109px; }
.content-about .about-close {
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(.25);
	transform: scale(.25);
	-webkit-transition: opacity .6s linear 0s,  -webkit-transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  -webkit-transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  transform .6s ease-in-out 0s,  -webkit-transform .6s ease-in-out 0s;
}
.content-about .about-close.is-show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.content-about .about-close a {
	-webkit-transition: opacity .3s linear 0s;
	transition: opacity .3s linear 0s;
}
.content-about .about-close a:hover { opacity: .75; }
.content-comment {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 2390px;
	overflow-x: hidden;
	background: url(../images/bigimage-bg.png) center top no-repeat, url(../images/bigimage-bg-x.png) center top repeat-x, #000;
	opacity: 0;
}
.content-comment.is-active { display: block; }
.content-comment .gnav {
	margin-top: 240px;
	margin-bottom: 30px;
}
.content-comment .gnav .gnav-news a::after { background: url(../images/gnav-news_on.png); }
.content-comment .gnav .gnav-about a::after { /*background:url(../images/gnav-about_on.png);*/
}
.content-comment .gnav .gnav-comment a::after { background: url(../images/gnav-comment_on.png); }
.content-comment .gnav .gnav-theater a::after { background: url(../images/gnav-theater_on.png); }
.content-comment .gnav .gnav-credit a::after { background: url(../images/gnav-credit_on.png); }
.content-comment .gnav .gnav-homeentertainment a::after { background: url(../images/gnav-homeentertainment_on.png); }
.content-comment .gnav .gnav-trailer a::after { background: url(../images/gnav-trailer_on.png); }
.content-comment .gnav .gnav-media a::after { background: url(../images/gnav-media_on.png); }
.content-comment .gnav .gnav-keyword a::after { background: url(../images/gnav-keyword_on.png); }
.content-comment .gnav .gnav-otw a::after { background: url(../images/gnav-otw_on.png); }
.content-comment .gnav .gnav-tw a:hover { opacity: 0.7; }
.content-comment .gnav .gnav-fb a:hover { opacity: 0.7; }
.content-comment .gnav .gnav-line a:hover { opacity: 0.7; }
.content-comment .gnav .gnav-yt a:hover { opacity: 0.7; }
.content-comment .comment {
	opacity: 0;
	overflow-x: hidden;
	-webkit-transition: opacity 1.2s linear 0s;
	transition: opacity 1.2s linear 0s;
}
.content-comment .comment.is-show { opacity: 1; }
.content-comment .comment > .layout {
	opacity: 0;
	-webkit-transition: opacity 1.2s linear 0s,  -webkit-transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  -webkit-transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  transform 1.2s ease-in-out 0s,  -webkit-transform 1.2s ease-in-out 0s;
}
.content-comment .comment-row {
	display: table;
	width: 100%;
}
.content-comment .comment-col {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.content-comment .comment-doc {
	padding-right: 28px;
	padding-left: 28px;
	line-height: 32px;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: opacity 1.2s linear 0s,  -webkit-transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  -webkit-transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  transform 1.2s ease-in-out 0s;
	transition: opacity 1.2s linear 0s,  transform 1.2s ease-in-out 0s,  -webkit-transform 1.2s ease-in-out 0s;
}
.content-comment .comment-close {
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(.25);
	transform: scale(.25);
	-webkit-transition: opacity .6s linear 0s,  -webkit-transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  -webkit-transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  transform .6s ease-in-out 0s;
	transition: opacity .6s linear 0s,  transform .6s ease-in-out 0s,  -webkit-transform .6s ease-in-out 0s;
}
.content-comment .comment-close.is-show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.content-comment .comment-close a {
	-webkit-transition: opacity .3s linear 0s;
	transition: opacity .3s linear 0s;
}
.content-comment .comment-close a:hover { opacity: .75; }
.content-comment .comment01 {
	color: #fff;
	background: #000;
	clear: both;
}
.content-comment .comment01 > .layout {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.content-comment .comment01 > .layout.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.content-comment .comment01 .comment-profile {
	margin-top: 1em;
	color: #e83828;
}
.content-comment .comment01 .panel:nth-child(1) { float: left; }
.content-comment .comment01 .panel:nth-child(2) { float: right; }
.content-comment .comment01 .panel:nth-child(3) {
	clear: both;
	width: 600px;
	height: 360px;
	background: url(../images/comment-img01.jpg);
}
.content-comment .comment01 .comment-doc {
	-webkit-transform: translate3d(150%, 0, 0);
	transform: translate3d(150%, 0, 0);
}
.content-comment .comment01 .comment-doc.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.content-comment .comment02 {
	color: #fff;
	background: #e83828;
}
.content-comment .comment02 > .layout {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}
.content-comment .comment02 > .layout.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.content-comment .comment02 .comment-profile {
	margin-top: .5em;
	color: #000;
}
.content-comment .comment02 .panel:nth-child(1) { float: left; }
.content-comment .comment02 .panel:nth-child(2) {
	float: right;
	width: 300px;
	height: 750px;
	background: url(../images/comment-img02.jpg);
}
.content-comment .comment02 .panel:nth-child(3) { float: left; }
.content-comment .comment02 .comment-doc {
	-webkit-transform: translate3d(-150%, 0, 0);
	transform: translate3d(-150%, 0, 0);
}
.content-comment .comment02 .comment-doc.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.content-comment .comment03 {
	color: #000;
	background: #fff;
}
.content-comment .comment03 > .layout {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.content-comment .comment03 > .layout.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.content-comment .comment03 .comment-profile {
	margin-top: 1em;
	color: #e83828;
}
.content-comment .comment03 .panel:nth-child(1) {
	float: left;
	width: 300px;
	height: 300px;
	background: url(../images/comment-img03.jpg);
}
.content-comment .comment03 .panel:nth-child(2) { float: right; }
.content-comment .comment03 .panel:nth-child(3) {
	float: left;
	width: 300px;
	height: 300px;
	background: url(../images/comment-img04.jpg);
}
.content-comment .comment03 .comment-doc {
	-webkit-transform: translate3d(150%, 0, 0);
	transform: translate3d(150%, 0, 0);
}
.content-comment .comment03 .comment-doc.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	overflow:auto;
}
.modal.is-hidden { display: none; }
.modal .modal-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.modal .modal-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.modal .modal-movie {
	display: inline-block;
	width: 100%;
}
.modal .modal-close {
	position: absolute;
	top: 0;
	right: 0;
}
.modal .modal-close a {
	-webkit-transition: opacity .3s linear 0s;
	transition: opacity .3s linear 0s;
}
.modal .modal-close a:hover { opacity: .75; }
/* ========================================================================== *
 * z-index.
.* ========================================================================== */
.bigimage { z-index: 1; }
.content-body { z-index: 10; }
.footer { z-index: 11; }
.gnav { z-index: 100; }
.content-about { z-index: 300; }
.content-comment { z-index: 300; }
.modal { z-index: 1000; }
/*--NEW CSS--*/
.modalColor { background: #e83428; }
#creditIn {
	background: url(../images/credit_bg.png) no-repeat;
	width: 960px;
	height: 490px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.hd {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
.closeBtn {
	position: absolute;
	top: 0;
	right: 0;
}
#creditBtn a {
	position: absolute;
	top: 300px;
	right: 13px;
	width: 129px;
	height: 61px;
	background: #000;
	transition: 0.5s all ease;
}
#creditBtn a:hover { background: #fff; }
ul#movChange {
	z-index: 9999;
	position: absolute;
	margin: auto;
	bottom: 100px;
	right: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
ul#movChange li a {
	height: 50px;
	line-height: 50px;
	display: block;
	background: #e83428;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	margin-right: 10px;
	width: 120px;
	text-align: center;
	margin-bottom: 10px;
}

ul#movChange li.l2 a {
	height: 50px;
	line-height: 24px;
	display: block;
	background: #e83428;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	margin-right: 10px;
	width: 120px;
	text-align: center;
	margin-bottom: 10px;
}

ul#movChange li a.active,
ul#movChange li a:hover {
	background: #000;
	border: 1px solid #e83428;
	box-sizing: border-box;
	color: #fff;
}
.character-inner {
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.logo-inner {
	width: 450px;
	margin-top: 8%;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
#logo-data {
	position: absolute;
/*	height: 100%;*/
	width: 100%;
	left: 0px;
	top: 0px;
	-webkit-transition: -webkit-transform .8s ease-out 0s;
	transition: -webkit-transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
	bottom: 50px;
}

#logo-data a:hover {
	opacity: 0.6;
}

.catch-inner {
	position: absolute;
	height: 49.35%;
	left: 4.83%;
	top: 32%;
	transform: translateY(-32%);
	right: 0px;
}
#catch-data {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	-webkit-transition: -webkit-transform .8s ease-out 0s;
	transition: -webkit-transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s;
	transition: transform .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
}
#copyright {
	position: absolute;
	left: 20px;
	bottom: 75px;
}
#loading {
	background-color: #FFF;
	background-image: url(../images/n_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	z-index: 999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#keyword,
#keyword2,
#keyword3 {
	min-height: 620px;
	min-width: 1200px;
	overflow: auto;
	width: 100%;
	height: 100%;
}
#keywordIn,
#keywordIn2,
#keywordIn3 {
	min-height: 620px;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
#keywordIn:after,
#keywordIn2:after,
#keywordIn3:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/dot.png);
}
#keywordMovie,
#keywordMovie2,
#keywordMovie3 {
	min-width: 1200px;
	min-height: 620px;
}
#keywordMovie video,
#keywordMovie2 video,
#keywordMovie3 video {
	width: 100%;
	height: 100%;
}
#keyword dl,
#keyword2 dl,
#keyword3 dl {
	height: 187px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#keyword dd,
#keyword2 dd,
#keyword3 dd {
	font-size: 20px;
	line-height: 40px;
	color: #FFF;
	position: absolute;
	left: 260px;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	font-weight: bold;
}
#keyword h2,
#keyword2 h2,
#keyword3 h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}
#keyword .bnr_cp,
#keyword2 .bnr_cp {
	position: absolute;
	right: 0px;
	top: 50px;
}
#keyword .bnr_cp a:hover,
#keyword2 .bnr_cp a:hover,
#keyword3 .bnr_cp a:hover { opacity: 0.7; }
.keywordNav {
	position: absolute;
	left: 0px;
	top: 55px;
}
.keywordNav li {
	margin-bottom: 10px;
	background-color: #000;
}
.keywordNav li a img { transition: all 0.5s ease; }
.keywordNav li a:hover img { opacity: 0.7; }
.keywordCatch {
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.aboutParent { position: relative; }
.aboutChildren {
	position: absolute;
	left: 5px;
	top: 47px;
	right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #E83428;
	display: none;
	z-index: 5000;
}
.aboutChildren li {
	height: 39px;
	width: 180px;
	margin: 0;
}
.aboutChildren li a { position: relative; }
.aboutChildren li a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-position: left center;
	background-repeat: no-repeat;
}
.aboutChildren li a:hover:after { width: 100%; }
.aboutChildren li.gnav-introduction a:after { background-image: url(../images/gnav-about_sub1_on.png) !important; }
.aboutChildren li.gnav-story a:after { background-image: url(../images/gnav-about_sub2_on.png) !important; }
.aboutChildren li.gnav-cast a:after { background-image: url(../images/gnav-about_sub3_on.png) !important; }
.aboutChildren li.gnav-staff a:after { background-image: url(../images/gnav-about_sub4_on.png) !important; }
.aboutChildren li.gnav-world a:after { background-image: url(../images/gnav-about_sub5_on.png) !important; }
.aboutChildren li.gnav-production a:after { background-image: url(../images/gnav-about_sub6_on.png) !important; }
.aboutChildren li.gnav-originalcomic a:after { background-image: url(../images/gnav-about_sub7_on.png) !important; }
.aboutChildren li.gnav-interview a:after { background-image: url(../images/gnav-about_sub8_on.png) !important; }
.aboutChildren li.gnav-keyword2 a:after { background-image: url(../images/gnav-about_sub9_on.png) !important; }
.aboutChildren li.gnav-comment2 a:after { background-image: url(../images/gnav-about_sub10_on.png) !important; }
#subPageWrap #main-nav { background-color: #E83428;height:47px;position:relative;z-index:100}
#subPageWrap.world #main-nav { z-index: 99999 }
#subPage {
	background-color: #FFF;
	height: auto;
}
#subPageHead {
	height: 500px;
	width: 100%;
	position:relative;
}
#subPageHeadin {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	height: 500px;
	width: 100%;
	z-index:2;
}
.introduction #subPageHeadin {
	background-image:url(../images/introduction_main.jpg);
}
#subPageHead:before {
	content:'';
	position:absolute;
	top:-105px;
	left:50%;
	height:510px;
	width:100%;
	transform:translateX(-50%) skewY(25deg);
	background-color:#E83428;
}
#introductionCatch {
	background-image: url(../images/introduction_catch.png);
	height: 309px;
	width: 1097px;
	margin-left: -548px;
	position: absolute;
	left: 50%;
	bottom: 31px;
}
#subPageInner {
	padding-top: 64px;
	position: relative;
	overflow: hidden;
}
.cast #subPageInner, .interview #subPageInner, .production #subPageInner, .comic #subPageInner {	padding-top: 0; }
#subPageInnerin {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
}

.cast #subPageInnerin, .interview #subPageInnerin, .production #subPageInnerin, .comic #subPageInnerin {
	width: 100%;
	z-index: 1;
}
#subPageInnerin h2 { padding-bottom: 46px; }
#intro1 {
	height: 186px;
	padding-bottom: 31px;
}
#subPageInnerin h3 { padding-bottom: 38px; }
.textBase {
	width: 474px;
	float: left;
	overflow: hidden;
}
.textCopy {
	float: right;
	width: 474px;
	overflow: hidden;position:relative;
}
#intro1 .textBase,
#intro1 .textCopy { height: 186px; }
.textCopy p {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
#subPageInnerin {
	font-size: 14.5px;
	line-height: 31px;
	font-family:'Noto Sans JP',sans-serif;
	color:#000;
	word-break:break-all;
	font-weight:500;
	width:1000px;
}
.world #subPageInnerin {
	width: 100%;
}
.subPageImages {
	padding-bottom:56px;
}
.subPageImages li {
	width: 486px;
	padding-bottom: 20px;
}
.subPageImages li:nth-child(odd) { float: left;clear:both; }
.subPageImages li:nth-child(even) { float: right; }
.introduction #subPageInner:before {
	content:'';
	background-image: url(../images/subpage_onepoint.png);
	height: 377px;
	width: 276px;
	margin-left: -138px;
	position: absolute;
	left: 50%;
	top: 611px;
}
.introduction #subPageInner:after {
	content:'';
	position:absolute;
	top:1087px;
	left:50%;
	height:510px;
	width:100%;
	transform:translateX(-50%) skewY(-25deg);
	background-color:#E83428;
}
#intro2,#intro3 {
	padding-bottom: 31px;
	height: 248px;
}
#intro2 .textBase,
#intro2 .textCopy,
#intro3 .textBase,
#intro3 .textCopy { height: 248px; }
#btClose { padding-bottom: 50px; }
.cast #btClose { padding-top: 50px; }
.interview #btClose { padding-top: 50px; }
#btClose p { text-align: center; }
#btClose a img {transition:all 0.3s ease; }
#btClose a:hover img {
	transform:scale(1.1);
}
.story #subPageHeadin { background-image: url(../images/story_main.jpg); }
#storyin p {
	line-height: 31px;
	padding-bottom: 31px;
}
.story #subPageInner:before {
	content:'';
	background-image: url(../images/subpage_onepoint.png);
	height: 377px;
	width: 276px;
	margin-left: -138px;
	position: absolute;
	left: 50%;
	top: 280px;
}
.story #subPageInner:after {
	content:'';
	position:absolute;
	top:770px;
	left:50%;
	height:510px;
	width:100%;
	transform:translateX(-50%) skewY(-25deg);
	background-color:#E83428;
}
#yougoRight {
	height: 620px;
	width: 600px;
	position: absolute;
	bottom: 0;
	background-color: #000;
	right: 0px;
}
#yougoRight li {
	height: 206px;
	position: relative;
}
#yougoRight li:nth-child(2) {
	height: 208px;
	background-color:#E83428;
}
#yougoRight li h3 {
	position: absolute;
	height: 49px;
	left: 0px;
	right: 50%;
	bottom: 0px;
	background-color: #E83428;
	z-index: 100;
}
#yougoRight li h3:before {
	content:'';
	position:absolute;
	left:50%;
	margin-left:-8.5px;
	top:-14px;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 8.5px 14.7px 8.5px;
border-color: transparent transparent #E83428 transparent;
}

#yougoRight2 {
	height: 413px;
	width: 600px;
	position: absolute;
	bottom: 0;
	background-color: #000;
	right: 600px;
}
#yougoRight2 li {
	height: 206px;
	position: relative;
}
#yougoRight2 li:nth-child(2) {
	height: 208px;
	background-color:#E83428;
}
#yougoRight2 li h3 {
	position: absolute;
	height: 49px;
	left: 0px;
	right: 50%;
	bottom: 0px;
	background-color: #E83428;
	z-index: 100;
}
#yougoRight2 li h3:before {
	content:'';
	position:absolute;
	left:50%;
	margin-left:-8.5px;
	top:-14px;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 8.5px 14.7px 8.5px;
border-color: transparent transparent #E83428 transparent;
}


.keyword3img {
	width: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 49px;
}
.keyword3text {
	position: absolute;
	left: 320px;
	top: 50%;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #FFF;
	height: 150px;
	width: 240px;
	margin-top: -75px;
}
/*==== cast =====================================*/
.cast .castsWrap a {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.cast .castsWrap a:hover {
	opacity: 0.7;
}
.cast h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index: 99999;
}
.cast .castsWrap li a {
	display: block;
}
.cast .castsWrap li a img {
	width: 100%;
}
.cast .castsWrap li:first-child a {
	display: block;
}
.cast .castsWrap li ul {
	width: 100%;
}
.cast .castsWrap li ul.castsTwo li {
	width: 50%;
	float: left;
}
.cast .castsWrap li ul.castsThree li {
	width: calc(100% / 3);
	width : -webkit-calc(100% / 3) ;
	float: left;
}
.cast .castInfoWrap {
	width: 100%;
	position: relative;
}
.cast .castInfoWrap h3, .cast .castInfoWrap h3 img {
	width: 100%;
	height: auto;
}
.cast .castInfoInner {
	width: 995px;
	padding-top: 22px;
	margin: 0 auto;
	font-family: "Yu Gothic", YuGothic, sans-serif;
	letter-spacing: 0.2em;
}
.cast .castInfoInner .castDetail, .cast .castInfoInner .charaDetail {
	font-size: 16px;
	line-height: 33px;
	font-weight: bold;
	text-align: justify;
}
.cast .castInfoInner .charaDetail { padding-bottom: 63px; }
.cast .castInfoInner .castDetail { padding-bottom: 70px; }
.cast .castInfoInner dl.castName {
	width: 100%;
	padding-bottom: 40px;
}
.cast .castInfoInner dl.castName dt {
	font-size: 34px;
	line-height: 33px;
	font-weight: bold;
	display: inline-block;
	padding-right: 35px;
}
.cast .castInfoInner dl.castName dd {
	font-size: 18px;
	line-height: 33px;
	font-weight: bold;
	display: inline-block;
}
.cast .castInfoInner span.redFont {
	color: #e83828;
}
.comic h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index:1;
}

.comicWrap p#comicMainImg img {
	width: 100%;
	height: auto;
}


/* ------------------- staff ------------------------------- */
.staff #subPageHeadin {position:relative; background-image: url(../images/staff_image1.jpg); }
.staff #subPageHeadin span{
	position:absolute;
	right:0px;
	bottom:0px;
	height:372px;
	width: 442px;
	background-image: url(../images/staff_image2.png);
	z-index: 1;
}

.staff h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index:10;
}


.staff #subPageInner:before {
	content:'';
	background-image: url(../images/subpage_onepoint.png);
	height: 377px;
	width: 276px;
	margin-left: -138px;
	position: absolute;
	left: 50%;
	top: 280px;
}
.staff #subPageInner:after {
	content:'';
	position:absolute;
	top:770px;
	left:50%;
	height:510px;
	width:100%;
	transform:translateX(-50%) skewY(-25deg);
	background-color:#E83428;
}

#staffIntroduction img {
	height: auto;
	width: auto;
}
#staffIntroduction h2 { padding-bottom: 60px; }
#staffIntroduction h3 {
	padding-bottom: 30px;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	color: #000;

}
#staffIntroduction p {

	line-height: 31px;

	color: #000;
	padding-bottom: 50px;
}

#staff{
	margin-bottom:50px;
}

#staff .staffIndexWrap li {
    width: 50%;
    position: relative;
    height:190px;
	display: inline-block;
	vertical-align: bottom;
	background: #000;
	float:left;
}

#staff .staffIndexWrap a:hover{
	opacity:0.7;
}

#staff .staffIndexWrap li:nth-child(2),
#staff .staffIndexWrap li:nth-child(3),
#staff .staffIndexWrap li:nth-child(6),
#staff .staffIndexWrap li:nth-child(7),
#staff .staffIndexWrap li:nth-child(10),
#staff .staffIndexWrap li:nth-child(11),
#staff .staffIndexWrap li:nth-child(14),
#staff .staffIndexWrap li:nth-child(15)
{
	background: #fff;
}

#staff .staffIndexWrap a{
	color:#fff;
	text-decoration: none;
    font-size:38px;
    padding-top:60px;
    padding-left:60px;
    display:block;
    height:190px;
    box-sizing: border-box;
    position: relative;
}

#staff .staffIndexWrap li:nth-child(2) a,
#staff .staffIndexWrap li:nth-child(3) a,
#staff .staffIndexWrap li:nth-child(6) a,
#staff .staffIndexWrap li:nth-child(7) a,
#staff .staffIndexWrap li:nth-child(10) a,
#staff .staffIndexWrap li:nth-child(11) a,
#staff .staffIndexWrap li:nth-child(14) a,
#staff .staffIndexWrap li:nth-child(15) a
{
	color:#000;
}


#staff .staffIndexWrap a span{
	color:#e83828;
	font-size:20px;
	display: block;
	line-height: 50px;
}

#staff .staffIndexWrap li a:after{
	background-image: url(../images/staff_icon.png);
	position: absolute;
	content:'';
	height:96px;
	width: 96px;
	right:0px;
	bottom:0px;
}

/* ------------------- staff modal——————————————— */

#ModalItem{
	z-index:100;
	display:none;

}
#Itemin {
	height:500px;
	width:600px;
	color:#fff;
	padding:100px;
	margin: 0 auto;
}

#Itemin h2 img{
	width:87px;
	height:36px;
}

#Itemin h4{
	font-size:38px;
	margin-top:60px;
}


#Itemin span{
	color:#e83828;
	font-size:20px;
	display: block;
	line-height: 50px;
	margin-bottom:40px;
}


#Itemin p{
	font-size:16px;
	line-height:31px;

}
#Itemin .modalClose{
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top:50px;
	width:126px;
	height:181px;
	z-index:100;
}

/* ------------------- comics ------------------------------- */

.comic h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index:1;
}

.comicWrap p#comicMainImg img {
	width: 100%;
	height: auto;
}


.comicWrap{
	background-color:#e9470a;
	height:500px;
	margin-bottom:100px;
	width:100%;
	position: relative;

}


#comicMainImg{
	width:300px;
	position: relative;
	margin:auto;
	padding-top:100px;
}

.comic .comicWrap span{
	position:absolute;
	right:0px;
	bottom:0px;
	height:365px;
	width: 416px;
	background-image: url(../images/comics_image2.png);
	z-index: 1;
}


#aboutcomics h2{
	width:236px;
	margin-left:25px;
	padding-top:10px;
	margin-bottom:10px;
}

#comicIntroduction{
	margin:0 auto;
	width:1200px;
	padding-top: 40px;
}

#comicIntroduction h3 {
	font-size: 50px;
	line-height: 36px;
	font-weight: bold;
	color:#e83828;

}
#comicIntroduction p {
	line-height: 31px;
	color: #000;
	padding-bottom: 50px;
}


/* ------------------- BDDVD ------------------------------- */

.bddvd h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index:1;
}


.bddvdWrap{
	background-color:#e9470a;
	height:550px;
	margin-bottom:70px;
	width:100%;
	position: relative;
}

.bddvdWrap #movie{
	width: 640px;
	float: left;
}
.bddvdWrap #txt{
	width: 326px;
	float: left;
	margin-left: 27px;
}

#bdBox{
	width: 993px;
	margin: 0 auto;
	text-align: center;
	padding-top: 120px;
}

#bddvdMainImg{
	width:300px;
	position: relative;
	margin:auto;
	padding-top:100px;
}

#aboutbddvd h2{
	width:236px;
	margin-left:25px;
	padding-top:10px;
	margin-bottom:10px;
}

#bddvdDigital{
	margin:0 auto;
	width:820px;
	background-color: #262626;
	border: 10px solid #e9470a;
	padding: 40px;
}

#bddvdDigital h3{
	font-size: 24px;
	color: #fff;
	text-align: center;
}

#bddvdDigital p{
	text-align: center;
}

#bddvdDigital ul {
	width: 770px;
	margin: 0 auto;
	padding-top: 30px;
}

#bddvdDigital ul li{
	width: 120px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bddvdDigital ul li:nth-child(6),
#bddvdDigital ul li:nth-child(12){
	width: 120px;
	float: left;
	margin-right: 0;
}

#bddvdDigital ul li a:hover{
	opacity: 0.6;
}

#bddvdIntroduction{
	margin:0 auto;
	width:1200px;
	padding-top: 40px;
}

#bddvdIntroduction h3 {
	font-size: 50px;
	line-height: 36px;
	font-weight: bold;
	color:#e83828;

}
#bddvdIntroduction p {
	line-height: 31px;
	color: #000;
	padding-bottom: 50px;
}


#homeEntertainment #main {
	width: 920px;
	margin: 40px auto;
	text-align: center;
	padding-bottom: 0;
	color: #fff;
	background-color: #e9470a;
}

#homeEntertainment #main p.detail_desc {
	font-size: 24px;
	color: #fff;
	height: 60px;
	padding-top: 28px;
	background-color: #e9470a;
}

#homeEntertainment #main p.detail_desc2 {
	font-size: 24px;
	color: #fff;
	height: 60px;
	padding-top: 28px;
	background-color: #633a2a;
}


#homeEntertainment #main p.detail_desc > span {
	font-size: 16px;
}

#homeEntertainment #main #main_img {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}


#homeEntertainment div.sub {
	background-color: rgba(255,255,255,0.2);
	width: 450px;
	height: 2050px;
	padding-top: 40px;	
	padding-bottom: 40px;
}

#homeEntertainment div.sub2 {
	background-color: rgba(255,255,255,0.2);
	width: 450px;
	height: 1050px;
	padding-top: 40px;	
	padding-bottom: 40px;
}

#homeEntertainment #subLeft.shokai {
	float: left;
	background-color: #e9470a;
	margin-bottom: 30px;
}

#homeEntertainment #subRight.shokai  {
	float: right;
	background-color: #e9470a;
	margin-bottom: 30px;
}

#homeEntertainment #subLeft.tsujo {
	float: left;
	background-color: #633a2a;
	margin-bottom: 30px;
}

#homeEntertainment #subRight.tsujo  {
	float: right;
	background-color: #633a2a;
	margin-bottom: 30px;
}


#homeEntertainment #subRight > *,
#homeEntertainment #subLeft > *,
#homeEntertainment #subLeft ul#detailBdDvd,
#homeEntertainment #subRight ul#detailBdDvd{
	margin-bottom: 30px;
}

#homeEntertainment .tsujo {
	background-color: #633a2a;
	padding-bottom: 50px;
}

#homeEntertainment .bddvdTxtL {
	width: 460px;
	float: left;
	text-align: left;
}

#homeEntertainment .bddvdTxtL p {
	padding: 48px 0 0 50px;
}

#homeEntertainment .bddvdTxtR {
	width: 460px;
	float: left;
	padding-top: 48px;
}

#homeEntertainment .bddvdTxtR p {
	padding-bottom: 30px;
}

#homeEntertainment #tokutenMovie {
	padding:0 0 40px;
}

#homeEntertainment #tokutenMovie dt {
	padding:30px 0 0;
}

#homeEntertainment #tokutenMovie dd {
	text-align: left;
	padding:20px 0 40px 50px;
}

#homeEntertainment #tokutenMovie a {
	display: block;
	height: 75px;
	position: relative;
}

#homeEntertainment #tokutenMovie a:after {
	/*position: absolute;
	content: "";
	background: url(../images/faq_btn_plus.png) no-repeat;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	right: 0;*/
}
#homeEntertainment #tokutenMovie a.active:after {
	/*background: url(../images/faq_btn_minus.png) no-repeat;*/
}

#homeEntertainment #tokutenMovie .tokuten {
	display: none;
}




#homeEntertainment p#attent {
	margin: 0 0 0 80px;
	text-align: left;
}

#homeEntertainment ul#detailBdDvd {
	width: 290px;
	margin: 0 auto;
}
#homeEntertainment ul#detailBdDvd li {
	text-align: left;
}

#homeEntertainment ul.medialink {
	width:390px;
	margin: 0 auto;
}

#homeEntertainment ul.medialink li {
	float:left;
	margin: 0 5px 10px;
}

#homeEntertainment a {
	transition: opacity 0.5s ease;
}

#homeEntertainment a:hover {
	opacity: 0.7;
}



/* ------------------- interview ------------------------------- */
.interview a {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.interview a:hover {
	opacity: 0.7;
}

.interview #subPageInner:before {
	content:'';
	background-image: url(../images/subpage_onepoint.png);
	height: 377px;
	width: 276px;
	margin-left: -138px;
	position: absolute;
	left: 50%;
	top: 35%;
}
.interview #subPageInner:after {
	content:'';
	position:absolute;
	top:65%;
	left:50%;
	height:510px;
	width:100%;
	transform:translateX(-50%) skewY(-25deg);
	background-color:#E83428;
}
.interview .interviewWrap {
	width: 100%;
	position: relative;
}
.interview .interviewWrap h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	padding: 0;
}
.interview .interviewWrap h3, .interview .interviewWrap h3 img {
	width: 100%;
	height: auto;
}
.interview .interviewWrap h4 {
	padding-bottom: 20px;
}
.interview .interviewWrap p#interviewCatch {
	position: absolute;
	width: 1084px;
	bottom: 1840px;
	left: 50%;
	margin-left: -542px;
}
.interview .interviewInner {
	width: 995px;
	padding-top: 22px;
	margin: 0 auto;
	font-family: "Yu Gothic", YuGothic, sans-serif;
	letter-spacing: 0.2em;
}

.interview .interviewInner .interviewDetail, .interview .interviewInner .artistDetail {
	font-size: 16px;
	line-height: 33px;
	font-weight: bold;
	text-align: justify;
}
.interview .interviewInner .interviewDetail { padding-bottom: 63px; }
.interview .interviewInner .interviewDetail li { padding-bottom: 33px; }
.interview .interviewInner .artistDetail { padding-bottom: 70px; }
.interview .interviewInner span.redFont {
	color: #e83828;
	padding-right: 1em;
}

/*==== production =====================================*/
.production .productionIndexWrap {
	padding-bottom: 50px;
}
.production .productionIndexWrap a {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.production .productionIndexWrap a:hover {
	opacity: 0.7;
}
.production h2 {
	position: absolute;
	top: 34px;
	left: 36px;
	z-index: 99999;
}
.production .productionIndexWrap li a {
	display: block;
}
.production .productionIndexWrap li img {
	width: 100%;
	height: auto;
}
.production .productionIndexWrap li:first-child a {
	display: block;
}
.production .productionIndexWrap li ul {
	width: 100%;
}
.production .productionIndexWrap li ul.innerTwo li {
	width: 50%;
	float: left;
}
.production .productionInfoWrap {
	width: 100%;
	position: relative;
}
.production #subPageInner h3 { padding-bottom: 0; }
.production .productionInfoWrap h3, .production .productionInfoWrap h3 img {
	width: 100%;
	height: auto;
}
.production .productionInfoInner {
	width: 995px;
	padding: 60px 0;
	margin: 0 auto;
	font-family: "Yu Gothic", YuGothic, sans-serif;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.production h4 {
	color: #e83828;
	font-size: 14px;
	line-height: 53px;
}
.production h5 {
	font-size: 28px;
	line-height: 44px;
	padding-bottom: 25px;
}
.production .productionInfoInner p.productionDetail {
	font-size: 16px;
	line-height: 33px;
	text-align: justify;
	text-indent: 1em;
	margin-bottom: 33px;
}
/*=== world ==============================================*/
.worldNav {
	width: 540px;
	margin: 0 auto;
	position: relative;
}
a.worldLeftBtn, a.worldRightBtn {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -17px;
	width: 35px;
	height: 35px;
}
a.worldLeftBtn {
	left: 0;
	background: url(../images/world_arrow_left.png) no-repeat;
}
a.worldRightBtn {
	right: 0;
	background: url(../images/world_arrow_right.png) no-repeat;
}
.worldLeft a.worldLeftBtn { display: none }
.worldRight a.worldRightBtn { display: none }
.world #subPageInnerin h2 { padding-bottom: 0; }
.worldNav { padding: 60px; }
.worldNav h2 {
	width: 270px;
	margin: 0 auto;
	text-align: center;
}
#worldMain {
	background: url(../images/world_image.jpg) no-repeat;
	background-position: center center;
	width: 100%;
	height: 1140px;
}
@keyframes left2Center {
  0% { background-position: right center }
  100% { background-position: center center }
}
@keyframes center2Left {
  0% { background-position: center center }
  100% { background-position: -345px center }
}
@keyframes right2Center {
  0% { background-position:  -345px center }
  100% { background-position: center center }
}
@keyframes center2Right {
  0% { background-position: center center }
  100% { background-position: right center }
}
.worldLeft #worldMain {
	animation: center2Left 0.5s ease;
	background-position: -345px center;
}
.worldRight #worldMain {
	animation: center2Right 0.5s ease;
	background-position: right center;
}
.worldCenter #worldMain.fromLeft {
	animation: left2Center 0.5s ease;
	background-position: center center;
}
.worldCenter #worldMain.fromRight {
	animation: right2Center 0.5s ease;
	background-position: center center;
}

##tpBnrsin {
	height: 176px;
	overflow: hidden;
}
#tpBnrsin ul { height: 164px; }
#tpBnrsin a img { transition: all 0.5s ease; }
#tpBnrsin a:hover img { opacity: 0.7; }
#twitterFollow {
	padding-top: 25px;
	padding-bottom: 12px;
	height: 30px;
	width: 110px;
	margin-right: auto;
	margin-left: auto;
}

#bnr01 {
	position: absolute;
	left: 20px;
	bottom: 110px;
	width: 260px;
	height: 40px;
	overflow: hidden;
	z-index: 100;
}
#bnr01 ul { height: 40px; }
#bnr01 ul li { 
	width: 120px;
	height: 40px;
	padding-right: 10px;
	float: left;
}
#bnr01 a img { transition: all 0.5s ease; }
#bnr01 a:hover img { opacity: 0.7; }

.notice {
	padding-top: 10px;
	color: #fff;
}