@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');
::selection {
	background: #fff;
	color: #000;
}
::-moz-selection {
 background: #fff;
 color:#000;
}
* { outline: none; }
body {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
	background-color: #000;
}
a { color: #FFF; }
a:hover { text-decoration: none; }
.sp { display: none; }
@keyframes indexbg { from {
 background-color:rgba(212,212,212,1);
}
to { background-color: rgba(255,255,255,1); }
}
#indexWrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-width: 1200px;
	min-height: 620px;
	background: #000;
	opacity: 0;/*	animation: indexbg 10s alternate-reverse infinite;*/
}
#indexWrap h1 {
	background: url(../images/index_logo.png) no-repeat center center;
	position: absolute;
	height: 122px;
	width: 553px;
	right: 20px;
	bottom: 60px;
	z-index: 50;
}
#catch {
	background: url(../images/index_catch.png) no-repeat center center;
	position: absolute;
	height: 500px;
	width: 27px;
	top: 25px;
	right: 12px;
	z-index: 50;
}
#startDate {
	background: url(../images/startdate.png) no-repeat center center;
	position: absolute;
	height: 20px;
	width: 315px;
	right: 260px;
	bottom: 14px;
	z-index: 49;
}
#bnr {
	position: absolute;
	height: 70px;
	width: 600px;
	left: 0;
	bottom: 0px;
	z-index: 49;
}
#bnr a:hover {
	opacity: 0.7;
}
#bnr2 {
	position: absolute;
	height: 70px;
	width: 300px;
	left: 310px;
	bottom: 0px;
	z-index: 49;
}
#bnr2 a:hover {
	opacity: 0.7;
}

#copyright {
	font-size: 9px;
	line-height: 46px;
	letter-spacing: 0.12em;
	position: absolute;
	height: 46px;
	right: 78px;
	bottom: 2px;
	color: rgba(255,255,255,1);
	z-index: 50;
}
#mv {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 50%;
	bottom: 0px;
	background: url(../images/mv3.jpg) no-repeat left top / 100% auto;
	opacity: 0;
	filter: blur(50px);
	z-index: 2;
	backface-visibility: hidden;
}
#mv.ef {
	opacity: 1;
	filter: blur(0.001px);
	transition: all 1s ease;
	transition-delay: 0.5s;
}
#fils {
	opacity: 0;
	filter: blur(50px);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}
#fils.ef {
	transition: all 1s ease;
	opacity: 1;
	filter: blur(0);
}
#indexWrap nav {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 20px;
	bottom: 0px;
	z-index: 30;
}
nav dl {
	height: 100%;
	padding-left: 24px;
	float: right;
}
nav dt {
	float: right;
	margin-left: 21px;
	width: 10px;
	height: 100%;
}
nav dd {
	float: right;
	height: 100%;
	width: 14px;
	margin-left: 14px;
	position: relative;
}
nav dd:before,
nav dd:after {
	content: '';
	position: absolute;
	left: 7px;
	width: 0;
	background-color: #000;
	pointer-events: none;
	transition: all 0.1s ease;
	background-position: center top;
	background-repeat: no-repeat;
}
nav dd.hover:before,
nav dd.active:before {
	top: 0;
	width: 100%;
	left: 0;
}
nav dd.hover:after,
nav dd.active:after {
	bottom: 0;
	width: 100%;
	left: 0;
}
nav dd a {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: -5px;
	margin-left: -5px;
}
.nav00 a {
	height: 44px;
	background-image: url(../images/nav00.png)
}
.nav00:after { background-image: url(../images/nav00_ov.png) }
.nav01 a {
	height: 61px;
	background-image: url(../images/nav01.png)
}
.nav01:after { background-image: url(../images/nav01_ov.png) }
.nav02 a {
	height: 192px;
	background-image: url(../images/nav02.png)
}
.nav02:after { background-image: url(../images/nav02_ov.png) }
.nav03 a {
	height: 77px;
	background-image: url(../images/nav03.png)
}
.nav03:after { background-image: url(../images/nav03_ov.png) }
.nav04 a {
	height: 159px;
	background-image: url(../images/nav04.png)
}
.nav04:after { background-image: url(../images/nav04_ov.png) }
.nav05 a {
	height: 77px;
	background-image: url(../images/nav05.png)
}
.nav05:after { background-image: url(../images/nav05_ov.png) }
.nav06 a {
	height: 131px;
	background-image: url(../images/nav06.png)
}
.nav06:after { background-image: url(../images/nav06_ov.png) }
.nav07 a {
	height: 76px;
	background-image: url(../images/nav07.png)
}
.nav07:after { background-image: url(../images/nav07_ov.png) }
.nav99 a {
	height: 146px;
	background-image: url(../images/nav99.png)
}
.nav99:after { background-image: url(../images/nav99_ov.png) }
.nav11 a {
	height: 130px;
	background-image: url(../images/nav11.png)
}
.nav11:after { background-image: url(../images/nav11_ov.png) }
.nav12 a {
	height: 147px;
	background-image: url(../images/nav12.png)
}
.nav12:after { background-image: url(../images/nav12_ov.png) }
.nav13 a {
	height: 83px;
	background-image: url(../images/nav13.png)
}
.nav13:after { background-image: url(../images/nav13_ov.png) }
.nav14 a {
	height: 125px;
	background-image: url(../images/nav14.png)
}
.nav14:after { background-image: url(../images/nav14_ov.png) }
.nav15 a {
	height: 143px;
	background-image: url(../images/nav15.png)
}
.nav15:after { background-image: url(../images/nav15_ov.png) }

.nav16 a {
	height: 143px;
	background-image: url(../images/nav16.png)
}
.nav16:after { background-image: url(../images/nav16_ov.png) }

.nav17 a {
	height: 94px;
	background-image: url(../images/nav17.png)
}
.nav17:after { background-image: url(../images/nav17_ov.png) }

#indexWrap nav dd:before,
#indexWrap nav dd:after {
	background-color:#fff;
}
#indexWrap .nav00 a {background-image: url(../images/nav00_ov.png)}
#indexWrap .nav00:after {background-image: url(../images/nav00.png)}
#indexWrap .nav01 a {background-image: url(../images/nav01_ov.png)}
#indexWrap .nav01:after {background-image: url(../images/nav01.png)}
#indexWrap .nav02 a {background-image: url(../images/nav02_ov.png)}
#indexWrap .nav02:after {background-image: url(../images/nav02.png)}
#indexWrap .nav03 a {background-image: url(../images/nav03_ov.png)}
#indexWrap .nav03:after {background-image: url(../images/nav03.png)}
#indexWrap .nav04 a {background-image: url(../images/nav04_ov.png)}
#indexWrap .nav04:after {background-image: url(../images/nav04.png)}
#indexWrap .nav05 a {background-image: url(../images/nav05_ov.png)}
#indexWrap .nav05:after {background-image: url(../images/nav05.png)}
#indexWrap .nav06 a {background-image: url(../images/nav06_ov.png)}
#indexWrap .nav06:after {background-image: url(../images/nav06.png)}
#indexWrap .nav07 a {background-image: url(../images/nav07_ov.png)}
#indexWrap .nav07:after {background-image: url(../images/nav07.png)}

#indexWrap .nav99 a {background-image: url(../images/nav99_ov.png)}
#indexWrap .nav99:after {background-image: url(../images/nav99.png)}

#indexWrap .nav11 a {background-image: url(../images/nav11_ov.png)}
#indexWrap .nav11:after {background-image: url(../images/nav11.png)}
#indexWrap .nav12 a {background-image: url(../images/nav12_ov.png)}
#indexWrap .nav12:after {background-image: url(../images/nav12.png)}
#indexWrap .nav13 a {background-image: url(../images/nav13_ov.png)}
#indexWrap .nav13:after {background-image: url(../images/nav13.png)}
#indexWrap .nav14 a {background-image: url(../images/nav14_ov.png)}
#indexWrap .nav14:after {background-image: url(../images/nav14.png)}
#indexWrap .nav15 a {background-image: url(../images/nav15_ov.png)}
#indexWrap .nav15:after {background-image: url(../images/nav15.png)}
#indexWrap .nav16 a {background-image: url(../images/nav16_ov.png)}
#indexWrap .nav16:after {background-image: url(../images/nav16.png)}

#indexWrap .nav17 a {background-image: url(../images/nav17_ov.png)}
#indexWrap .nav17:after {background-image: url(../images/nav17.png)}

#navigation dt { background-image: url(../images/nav_t.png) }
#share dt { background-image: url(../images/nav_s.png) }
#indexWrap nav dt {
	background-repeat: no-repeat;
	background-position: center 25px;
}
#indexWrap #navigation dt { background-image: url(../images/nav_t_i.png) }
#indexWrap #share dt { background-image: url(../images/nav_s_i.png) }
#indexWrap nav dd:before { bottom: 25px; }
#indexWrap nav dd:after { top: 25px; }
#indexWrap nav dd a {
	margin-top: 25px;
	display: block;
}
#topMovie {
	height: 141px;
	width: 186px;
	position: absolute;
	right: 20px;
	bottom: 211px;
	z-index: 30;
	padding-bottom: 20px;
}
#topMovie h2 {
	height: 10px;
	width: 51px;
	background: url(../images/nav_m_i.png);
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#topMovie p {
	float: right;
	height: 141px;
	width: 186px;
}
#topMovie p a {
	display: block;
	position: relative;
}
#topMovie p a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	opacity: 0;
}
#topMovie p a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	opacity: 0;
}
#topMovie p a:hover:before,
#topMovie p a:hover:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.3s ease;
}

#topAward {
	height: 167px;
	width: 356px;
	position: absolute;
	right: 222px;
	bottom: 208px;
	z-index: 30;
}

#loading {
	background: rgba(0,0,0,1);
	position: absolute;
	z-index: 12000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	min-width: 1200px;
	min-height: 620px;
	transition: opacity 1s linear, filter 1s linear;
}
#loading.fade {
	opacity: 0;
	filter: blur(20px);
}
#loadingin {
	height: 620px;
	width: 1200px;
	margin-top: -310px;
	margin-left: -600px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../images/msp.png);
	font-size: 24px;
	color: #fff;
	opacity: 0;
}
#loadingin #read {
	position: absolute;
	right: 37px;
	top: 23px;
	line-height: 49px;
	letter-spacing: 5px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#loadingin #english {
	line-height: 30px;
	position: absolute;
	height: 30px;
	width: 650px;
	left: 345px;
	top: 310px;
	letter-spacing: 29px;
	font-size: 20px;
}
#subWrap {
	min-height: 620px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
	left: -50px;
	top: 0;
	position: absolute;
	overflow: hidden;
	opacity: 0;
}
#subWrap.in {
	opacity: 1;
	left: 0;
	transition: all 0.5s ease;
	transition-delay: 0.5s;
}
#subWrapScr {
	min-width: 100%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#subWrapin {
	box-sizing: border-box;
	height: 620px;
	background: url(../images/msl.png) repeat right center;
	min-width: 100%;
	float: right;/*	padding-left: 372px;*/
}
#title {
	line-height: 30px;
	letter-spacing: 34px;
	position: absolute;
	height: 235px;
	width: 30px;
	left: 584px;
	top: 226px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#title .r { color: #c60000; }
.red { background-color: #c60000;font-weight:bold; }
#subWrapin h1 {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.17em;
	height: 580px;
	width: 18px;
	padding-top: 25px;
	padding-right: 28px;
}
#subWrapin .mainPg {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	margin: 23px -9px 0px 49px;
}
#subWrapin .dePg {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin: 25px 0;
	text-indent: 1.15em;
}
#subWrapin .mlPg {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin: 25px 0 25px 49px;
	text-indent: 1.15em;
}
#subWrapin .inmainPg {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	margin: 23px 0px 0px 49px;
}
#subFixedWrap {
	position: absolute;
	z-index: 5000;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	pointer-events: none;
	min-width: 1200px;
	min-height: 620px;
}
#ftMenus {
	height: 60px;
	width: 372px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	pointer-events: auto;
}
.ftLogo {
	height: 60px;
	width: 252px;
	float: left;
}
.ftLogo a {
	background: rgba(255,255,255,1) url(../images/ft_logo_k.png) no-repeat 15px center;
	display: block;
	height: 60px;
}
.ftMenuBtn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 252px;
	height: 60px;
}
.ftMenuBtn a {
	display: block;
	height: 60px;
	background: url(../images/ft_menu_btn_k.png) no-repeat 210px center;
	position: relative;
}
.ftMenuBtn a:before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 7px;
	left: 199px;
	width: 0;
	height: 0;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	opacity: 0;
	transition: all 0.3s ease;
}
.ftMenuBtn a:after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	bottom: 7px;
	right: 7px;
	width: 0;
	height: 0;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	opacity: 0;
	transition: all 0.3s ease;
}
.ftMenuBtn a:hover:before,
.ftMenuBtn a:hover:after,
.ftLang a:hover:before,
.ftLang a:hover:after,
.ftLang a.active:before,
.ftLang a.active:after {
	width: 46px;
	height: 46px;
	opacity: 1;
}
#ftNav {
	height: 0px;
	position: absolute;
	z-index: 5001;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,1);
	pointer-events: auto;
	overflow: hidden;
	transition: height 0.3s ease;
}
#ftNav.active { height: 250px; }
#ftNav nav {
	position: relative;
	padding-right: 28px;
	height: 250px;
	float: right;
}
#ftNav nav dt {
	background-repeat: no-repeat;
	background-position: center 21px;
}
#ftNav nav dd:before { bottom: 21px; }
#ftNav nav dd:after { top: 21px; }
#ftNav nav dd a {
	margin-top: 21px;
	display: block;
}
#ftMov {
	width: 346px;
	padding-top: 21px;
	float: right;
	height: 204px;
}
#ftMov li {
	background: url(../images/nav_m.png) no-repeat right top;
	padding-right: 30px;
	padding-bottom: 10px;
}
#ftMov li a {
	position: relative;
	display: block;
	widht: 136px;
	height: 92px;
}
#ftMov li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	opacity: 0;
}
#ftMov li a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	opacity: 0;
}
#ftMov li a:hover:before,
#ftMov li a:hover:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.3s ease;
}
#ftOnMenus {
	position: absolute;
	height: 60px;
	width: 372px;
	left: 0px;
	bottom: 0px;
}
#ftOnMenus .ftLogo a { background: rgba(0,0,0,1) url(../images/ft_logo_w.png) no-repeat 15px center; }
#ftOnMenus .ftMenuBtn a { background: url(../images/ft_menu_btn_w.png) no-repeat 210px center; }
#ftOnMenus .ftMenuBtn a:before,
#ftOnMenus .ftMenuBtn a:after { border-color: #FFF; }
.ftLang {
	height: 60px;
	width: 120px;
	float: right;
}
.character .ftLang,
.movie .ftLang,
.keywords .ftLang,
.news .ftLang,
.mediamix .ftLang,
.music .ftLang,
.bddvd .ftLang { display: none; }
.ftLang li {
	height: 60px;
	width: 60px;
	float: left;
}
.ftLang a {
	display: block;
	height: 60px;
	position: relative;
}
.ftLang a:before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 7px;
	left: 7px;
	width: 0;
	height: 0;
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	opacity: 0;
	transition: all 0.3s ease;
}
.ftLang a:after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	bottom: 7px;
	right: 7px;
	width: 0;
	height: 0;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	opacity: 0;
	transition: all 0.3s ease;
}
.ja a { background: rgba(58,58,58,1) url(../images/lang_btn_ja.png) no-repeat center center; }
.en a { background: rgba(35,35,35,1) url(../images/lang_btn_en.png) no-repeat center center; }
#movModal {
	width: 100%;
	height: 100%;
	min-height: 620px;
	min-width: 1200px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 13500;
	background-color: #000;
	pointer-events: auto;
	display: none;
}
#movModal iframe { vertical-align: bottom; }
.modalClose {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#subEnWrap {
	min-height: 620px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
	background-color: #000;
	z-index: 4000;
	display: none;
	opacity: 0;
}
#subEnWrapin {
	margin: 0px auto;
	width: 1045px;
	padding-top: 60px;
	padding-bottom: 100px;
}
.story #subEnWrapin { padding-bottom: 0; }
#subEnWrapin h2 { padding-bottom: 30px; }
#subEnWrapin h2 span {
	background: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	display: inline-block;
	padding: 0px 5px;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
#subEnWrapin .mainPg {
	line-height: 49px;
	letter-spacing: 0.21em;
	font-size: 24px;
	margin-bottom: 40px;
}
#subEnWrapin .dePg {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin-bottom: 20px;
}
#subEnWrapin .mlPg {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin-bottom: 40px;
}
#subEnWrapin .inmainPg {
	line-height: 49px;
	letter-spacing: 0.21em;
	font-size: 24px;
	margin-bottom: 40px;
}
.tc {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
}
#storyImage {
	text-align: right;
	float: right;
	position: relative;
	margin-right: -28%;
}
#storyImage img { height: 100%; }
#subWrapOv {
	float: right;
	height: 620px;
	background: url(../images/msm.png) repeat-x left center;
}
#storyEnImage img { width: 100%; }
#movieList {
	padding-right: 40px;
	font-size: 24px;
	float: right;
}
#movieList li {
	float: right;
	height: 574px;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 18px;
}
#movieList li h2 {
	line-height: 49px;
	letter-spacing: 5.05px;
	float: right;
	height: 100%;
}
#movieList li p {
	height: 479px;
	width: 112px;
	padding-right: 17px;
	float: right;
	padding-bottom: 60px;
}
#movieList li p a {
	display: block;
	height: 479px;
	width: 112px;
	position: relative;
}
#movieList li p a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-top: 2px solid #D00F31;
	border-left: 2px solid #D00F31;
	opacity: 0;
}
#movieList li p a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	transition: all 0.6s ease;
	box-sizing: border-box;
	border-right: 2px solid #D00F31;
	border-bottom: 2px solid #D00F31;
	opacity: 0;
}
#movieList li p a:hover:before,
#movieList li p a:hover:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.3s ease;
}
#cast {
	padding-top: 25px;
	padding-right: 49px;
}
#cast h2 {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.17em;
	height: 580px;
	width: 18px;
	padding-right: 30px;
}
#cast ul {
	padding-right: 41px;
	margin-top: -2px;
}
#cast li {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	padding-left: 49px;
}
#cast li .r,
#staff li .r {
	color: #e40000;
	position: relative;
}
#cast li .r .ruby {
	font-size: 12px;
	position: absolute;
	right: -1px;
	line-height: 16px;
	top: 0;
	letter-spacing: 0.05em;
	text-indent: 0.7em;
}
#cast li .r .ruby02 {
	font-size: 12px;
	position: absolute;
	right: -1px;
	line-height: 16px;
	top: 0;
	letter-spacing: 0.05em;
	text-indent: 0em;
}
#staff {
	padding-top: 25px;
	padding-right: 49px;
}
#staff h2 {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.17em;
	height: 580px;
	width: 18px;
	padding-right: 40px;
}
#staff ul {
	padding-right: 0px;
	margin-top: -2px;
	margin-right: -9px
}
#staff li {
	line-height: 49px;
	letter-spacing: 4.9px;
	font-size: 24px;
}
#staff li.mlist { margin-left: 49px; }
#subEnWrapin h3 {
	border: 1px solid rgba(255,255,255,1);
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin-bottom: 25px;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
}
.castList li {
	font-size: 24px;
	line-height: 45px;
	letter-spacing: 0.1em;
}
.castList li .r { color: #e40000; }
.castList { padding-bottom: 50px; }
.castList li.mlist { margin-bottom: 30px; }
#newsWrap { opacity: 0; }
#newsCont {
	margin: 0px auto;
	width: 1146px;
}
#newsCont header {
	height: 290px;
	background: url(../images/news_header_bg.png);
	position: relative;
}
#newsCont header h1 {
	position: absolute;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 18px;
	top: 29px;
	right: 0px;
	letter-spacing: 0.17em;
	font-size: 14px;
}
#newsLogo {
	position: absolute;
	height: 98px;
	width: 445px;
	left: 50%;
	top: 90px;
	margin-left: -222px;
}
#newsLogo a {
	background: url(../images/news_logo.png);
	display: block;
	height: 98px;
}
#newsCont #newsStartDate {
	position: absolute;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 98px;
	bottom: 36px;
	left: -1px;
	letter-spacing: 0.21em;
	font-size: 24px;
	line-height: 49px;
	
}
#newsCont #newsStartDate .tuc {
    display: inline-block;
    height: 29px;
    transform: translateX(2px);
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
#newsList li { border-bottom: 1px solid rgba(43,43,43,1); }
#newsList li a {
	font-size: 16px;
	line-height: 30px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	padding: 35px 100px;
	letter-spacing: 0.18em;
	position: relative;
	transition: background-color 0.3s ease;
}
#newsList li a:before {
	content: '';
	position: absolute;
	width: 30px;
	top: 50%;
	height: 1px;
	right: 100px;
	background-color: #FFF;
}
#newsList li a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 0 10px;
	border-color: transparent transparent transparent #ffffff;
	right: 100px;
	top: 50%;
	margin-top: -6px;
}
#newsList li a:hover { background-color: rgba(43,43,43,1); }
#newsList li a time {
	widht: 176px;
	display: block;
	color: #e40000;
	top: 35px;
	left: 100px;
	position: absolute;
}
#newsList li a time:after { content: '：'; }
#newsList li a span {
	display: block;
	width: 740px;
	padding-left: 150px;
}
#newsMenu {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	pointer-events: none;
	overflow: hidden;
}
#newsList { padding-bottom: 100px; }
#newsWrap footer {
	background: rgba(255,255,255,1);
	height: 150px;
	min-width: 1200px;
}
#newsWrap footer p {
	font-size: 9px;
	line-height: 120px;
	color: rgba(0,0,0,1);
	text-align: center;
	height: 120px;
	letter-spacing: 0.18em;
	text-indent: 0.18em;
}
.news .ftLang { display: none; }
#newsCont article {
	padding-top: 32px;
	letter-spacing: 0.18em;
}
#newsCont article h2 {
	font-size: 20px;
	line-height: 34px;
	padding: 0px 100px 6px;
}

#newsCont article time {
	font-size: 16px;
	line-height: 34px;
	color: rgba(255,0,0,1);
	display: block;
	padding: 0px 100px 32px;
}
#newsText {
	border-top: 1px solid rgba(43,43,43,1);
	line-height: 46px;
	padding-top: 30px;
	padding-right: 100px;
	padding-left: 100px;
	font-size: 16px;
}
#newsText p { margin-bottom: 25px; }
#btlist {
	width: 593px;
	margin: 0 auto;
	padding: 40px 0px 100px;
}
#btlist a {
	display: block;
	height: 35px;
	border: 1px solid rgba(255,255,255,1);
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
}
#btlist a:hover { background-color: rgba(43,43,43,1); }
.textSplitLoad,
.engSplitLoad,
.titleSplitLoad { display: none; }
.split { visibility: hidden; }
#skip {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#skip a {
	text-decoration: none;
	display: block;
	padding: 3px;
	border: 1px solid transparent;
	transition: all 0.3s ease;
	line-height: 14px;
	font-size: 12px;
}
#skip a:hover { border: 1px solid #FFF; }
#swarm {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
}
.commentBtn {
	font-size: 14px;
	display: inline-block;
	width: 19px;
	margin-top: 15px;
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.8);
	text-decoration: none;
	line-height: 19px;
	letter-spacing: 0.02em;
	padding-top: 4px;
	padding-bottom: 5px;
	transition: all .5s ease;
}
.commentBtn:hover {
	background-color: #FFF;
	color: #000;
}
#newsText p strong.r {
	font-size: 20px;
	color: #F00;
	display: inline-block;
	margin-bottom: 15px;
	font-weight: 500;
}
#subWrapin .kTitle {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	color: #d60000;
	margin: 25px 40px 25px 49px;
	text-indent: 1.15em;
}
#subWrapin .kTitle2 {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	color: #d60000;
	margin: 25px 40px 25px 49px;
	text-indent: 1.15em;
}
#subWrapin .mlPgEX {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin: 25px 0 25px 98px;
	text-indent: 1.15em;
}
.kimg {
	float: right;
	display: block;
	height: 150px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 7px;
	margin-right: 15px;
}
#subWrapin .charaFurigana {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 23px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana02 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana03 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana04 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana05 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana06 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana07 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaFurigana08 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.05em;
	height: 580px;
	width: 18px;
	color: #d60000;
	padding-top: 15px;
	padding-right: 32px;
	text-indent: 0.7em;
}
#subWrapin .charaName {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	color: #d60000;
	margin: 22px -10px 25px 10px;
}
#subWrapin .charaImg { margin: 25px 16px 25px 16px; }
#subWrapin .charaName span { color: #FFF; }
.character #subWrapin h2 {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	color: #FFF;
	margin: 23px -1px 25px 0px;
}
#subWrapin .mlPg_chara {
	font-size: 16px;
	line-height: 49px;
	letter-spacing: 0.18em;
	margin: 25px 49px 25px 57px;
	text-indent: 1.15em;
}
#subWrapin .mmCategory {
	line-height: 49px;
	letter-spacing: 5.05px;
	font-size: 24px;
	color: #d60000;
	margin: 23px -10px 25px 10px;
	padding-right: 49px
}
.comiximg {
	padding-top: 25px;
	padding-right: 9px;
	padding-left: 47px;
}
.comiximg2 {
	padding-top: 25px;
	padding-right: 14px;
	padding-left: 50px;
}
.mediamix h2 {
	line-height: 49px;
	text-indent: 1.25em;
	letter-spacing: 5.00px;
	font-size: 24px;
	margin: 22px -1px 0 49px;
}
.mediamix .dePg strong {
	text-indent: -2.3em;
	display: inline-block;
	font-weight: normal;
}
.mediamix .dePg.mlPgind { padding-top: 1.15em; }
.mediamix .commentBtn { text-indent: 0em; }
.musicimg {
	padding-top: 26px;
	padding-right: 23px;
	padding-left: 33px;
}
.music .charaBox { padding-left: 50px; }
.castList li i {
	font-style: normal;
	display: block;
	padding-left: 195px;
}
#newsCont.special article h2 {
	font-size: 20px;
	line-height: 54px;
	padding: 0px 100px 30px;
	text-align:center;
	letter-spacing:0.18em;

}
#newsCont.special article h2 strong {
	font-size:32px;
	font-weight:normal;
}
#newsText .specialImage {
	margin: 30px auto 70px;
	width: 840px;
}
#newsText .specialImage img {
	width:100%;
	height:auto;
}#newsText .specialBtn {
	height: 70px;
	width: 840px;
	margin: 0px auto 10px;
}
#newsText .specialBtn a {
	display:block;
	height:70px;
	box-sizing:border-box;
	border:1px solid #FFF;
	font-size:22px;
	text-align:center;
	line-height:68px;
	text-decoration:none;
	transition:all 0.3s ease;
}
#newsText .specialBtn a:hover {
	background:rgba(255,255,255,0.2);
}
#newsText .strDate {
	text-align: center;
	padding-bottom: 80px;
}
#newsText .specialBtn #pause {
	display:none;
}
.pkgimg {
	padding-top:26px;
	padding-right:11px;
	padding-left:20px;
}
.bddvdSpecialImg {
	padding-right:15px;
	padding-top:26px;
	padding-left:16px;
}