@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
::selection {
	background: #333;
	color: #FFF
}
::-moz-selection {
 background: #333;
 color:#FFF;
}
body {
	font-family: 'Exo 2', "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	color: #FFF;
	font-size: 16px;
	background: #000;
	letter-spacing: 0.14em;
}
a { color: #FFF; }
a:hover { text-decoration: none; }
.sp {
	display:none;
}
#subWrap {
	min-width: 1200px;
	width: 100%;
	min-height: 657px;
}
#subWrap nav {
	width: 226px;
	position: absolute;
	left: 0px;
	top: 50px;
	min-height: 657px;/*	background-image: url(../images/nav_title.png);
	background-position: left 30px;
	background-repeat: no-repeat;*/
}
#subWrap nav h1 {
	height: 170px;
	width: 224px;
	box-sizing: border-box;
	padding-left: 50px;
/*	padding-top: 59px;*/
}
#subWrap nav h1 a {
	width: 174px;
	height: 104px;
	display: block;
	background-image: url(../images/top_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#subWrap nav ul {
	padding-left: 51px;
	font-size: 14px;
}
#subWrap nav li {
	font-size: 16px;
	line-height: 15px;
	height: 16px;
	margin-bottom: 13px;
}
#subWrap nav li a {
	display: inline-block;
	height: 16px;
	position: relative;
	color: #FFF;
	text-decoration: none;
}
#subWrap nav li a span {
	position: relative;
	z-index: 2;
}
#subWrap nav li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0px;
	background-color: #008A65;
	transition: all 0.8s ease;
}
#subWrap nav li:nth-child(even) a:before { background-color: #0C67A6; }
#subWrap nav li a:hover:before,
#subWrap nav li a.active:before {
	transition: all 0.4s ease;
	width: calc(100% - 1px);
}
#subWrap nav #copyright {
	padding-top: 30px;
	padding-left: 50px;
	font-size: 10px;
	padding-bottom:50px;
}

#subWrap nav .mission {
	padding-top: 10px;
	padding-left: 50px;
}
#subWrap nav #mad {
	padding-left: 50px;
	padding-top:30px;
}
#topWrap nav #mad {
	padding-bottom: 10px;
}
#mad a img,
.mission a img {
	transition:all 0.5s ease;
}
#mad a:hover img,
.mission a:hover img {
	opacity:0.7;
}
#subCont {
	width: 840px;
	padding-left: 290px;
	padding-right: 67px;
	padding-top: 60px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.brts #subCont,
.brtsM #subCont,
.brtsS #subCont,
.brtsJ #subCont{
	width: 868px;
	padding-right: 39px;
}

.brtsM1 #subCont,
.brtsM2 #subCont,
.brtsM3 #subCont,
.brtsM4 #subCont,
.brtsM5 #subCont,
.brtsM6 #subCont,
.brtsM7 #subCont,
.brtsM8 #subCont,
.brtsM9 #subCont,
.brtsM10 #subCont,
.brtsM11 #subCont,
.brtsM12 #subCont,
.brtsS1 #subCont,
.brtsS2 #subCont,
.brtsS3 #subCont,
.brtsS4 #subCont,
.brtsS5 #subCont,
.brtsS6 #subCont,
.brtsS7 #subCont,
.brtsS8 #subCont,
.brtsS9 #subCont,
.brtsS10 #subCont,
.brtsS11 #subCont,
.brtsS12 #subCont,
.brtsJ1 #subCont,
.brtsJ2 #subCont,
.brtsJ3 #subCont,
.brtsJ4 #subCont,
.brtsJ5 #subCont,
.brtsJ6 #subCont,
.brtsJ7 #subCont,
.brtsJ8 #subCont,
.brtsJ9 #subCont,
.brtsJ10 #subCont,
.brtsJ11 #subCont,
.brtsJ12 #subCont{
	width: 868px;
	padding-right: 39px;
}

#subCont h2 {
	/*	background: url(../images/h2_line.png) no-repeat left bottom;*/
	box-sizing: border-box;
	height: 60px;
	margin-bottom: 30px;
}
#introduction p,
#story p,
#onair p,
#ingress p {
	padding-bottom: 30px;
	font-size: 17px;
	line-height: 32px;
}

#keywords p {
	padding-bottom: 15px;
	font-size: 17px;
	line-height: 32px;
}


#ingress .mov { padding-bottom: 30px; }
#story p,
#onair p { line-height: 45px }
#onair .onairlink {
	display: inline-block;
	padding-left: 110px;
	color: #d42f2f;
	background: url(../images/ultra.png) no-repeat;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
#caststaff li {
	font-size: 18px;
	line-height: 35px;
}
#caststaff li img {
	padding-left: 15px;
	vertical-align: middle;
	margin-top: -8px;
	transition: all 0.5s ease;
}
#caststaff li a:hover img { opacity: 0.5; }
#caststaff h3.staff {
	color: #018aea;
	margin-bottom: 30px;
}
#caststaff ul.stafflist { margin-bottom: 50px; }
#caststaff h3.cast {
	color: #008a65;
	margin-bottom: 30px;
}
#movie .movies { height: 473px; }
#movie li p { line-height: 35px; }
#movie li { margin-bottom: 50px; }
#news { width: 840px; }
#newsIndex { width: 100%; }
#news #newsIndex li { margin-bottom: 10px; }
.newsDetail #news #newstitle li {
	height: 76px;
	background: #1d1d1d;
	position: relative;
	color: #fff;
}
#news #newsIndex li .date,
.newsDetail #news #newstitle li .date {
	position: absolute;
	display: block;
	background-color: #008a65;
	height: 44px;
	width: 158px;
	top: 16px;
	left: 20px;
	line-height: 44px;
	text-align: center;
}
#news #newsIndex li:nth-child(even) .date { background-color: #004e8a; }
#news #newsIndex li a {
	display: block;
	height: 76px;
	background: #1d1d1d;
	position: relative;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
}
#news #newsIndex li a:hover { background-color: #000; }
#news #newsIndex li .title,
.newsDetail #news #newstitle li .title {
	position: absolute;
	display: block;
	top: 50%;
	left: 210px;
	right: 10px;
	transform: translateY(-50%);
}
#newstitle { margin-bottom: 30px; }
#news div.detail {
	width: 100%;
	font-size: 16px;
	line-height: 38px;
	text-align: justify;
	letter-spacing: 0.1em;
}
#news div.detail p { padding-bottom: 20px; }
#news div.detail p a { color:#F69900; }
#news div.detail br.sp { display: none; }
#news div.detail img {
	width: 100%;
	height: auto;
	margin: 20px 0 20px;
}
#news .newsContent { padding-bottom: 30px; }
#news div.detail a { color: #fff; }
#news div.detail a:hover {
	color: #fff;
	text-decoration: none;
}
#news div.detail .newsContent p { padding-bottom: 0; }
#news .newsContent h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 30px;
}
#news .newsContent h4 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
#news .newsContent .newsUl {
	line-height: 36px;
	padding-bottom: 36px;
}
#news .newsContent .newsUl p { padding-left: 70px; }
#news .newsContent .yellow {
	line-height: 36px;
	color: #e3be66;
	font-weight: bold;
}
.yellow {
	line-height: 36px;
	color: #e3be66;
	font-weight: bold;
}
#news .newsContent dd { padding-bottom: 36px; }
#news .backBtn {
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #008a65;
	height: 44px;
	width: 158px;
	margin: 30px auto 0;
	line-height: 44px;
	text-align: center;
}
/* === top ================================================== */
#ingress h3 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 50px;
}
#ingress .ingressLogo {
	text-align: center !important;
	margin-bottom: 30px;
}
#introduction p .g { color: #14a800; }
#introduction p .b  { color: #018aea; }
#keywords p .y { color: #e3be66; font-weight: bold; font-size: 24px; }
#keywords p .g { color: #14a800; font-size: 24px; }
#keywords p .b { color: #018aea; font-size: 24px; }	

#share {
	position: fixed;
	height: 40px;
	width: 90px;
	top: 0px;
	right: 0px;
}
#share li,
#language li {
	float: left;
	height: 40px;
	width: 40px;
	margin-left: 5px;
}
#share li a {
	display: block;
	height: 40px;
	background-color: #228bb9;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.5s ease;
}
#tw a { background-image: url(../images/icon_twitter.png); }
#fb a { background-image: url(../images/icon_facebook.png); }
#share li a:hover { background-color: #063656; }
#language {
	position: fixed;
	height: 40px;
	width: 90px;
	top: 0px;
	left: -5px;
	z-index:9999;
}
#language li a {
	display: block;
	height: 40px;
	background-color: #0e9f62;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.5s ease;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}
#language li a:hover { background-color: #00543e; }
#character { width: 880px; }
#character a { transition: opacity 0.5s ease; }
#character a:hover { opacity: 0.7; }
#character ul { width: 879px; }
#character ul.charaList li {
	float: left;
	width: 273px;
	padding-right: 30px;
	padding-bottom: 60px;
}
#character ul.charaList li:nth-child(3n) { padding-right: 0; }
#character ul.charaList li a {
	display: block;
	height: 373px;
}
.bintroduction {
	background-image: url(../images/bg_dot.png), url(../images/bg_intro.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bkeywords {
	background-image: url(../images/bg_dot.png), url(../images/bg_visual.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bnews {
	background-image: url(../images/bg_dot.png), url(../images/bg_news.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bingress {
	background-image: url(../images/bg_dot.png), url(../images/bg_ingress.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bstory {
	background-image: url(../images/bg_dot.png), url(../images/bg_visual.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bcharacter {
	background-image: url(../images/bg_dot.png), url(../images/bg_visual.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bcaststaff {
	background-image: url(../images/bg_dot.png), url(../images/bg_visual.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bmovie {
	background-image: url(../images/bg_dot.png), url(../images/bg_visual.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.bonair {
	background-image: url(../images/bg_dot.png), url(../images/bg_onair.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brts {
	background-image: url(../images/bg_dot.png), url(../images/bg_rts.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsM {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsM1 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt1.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM2 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt2.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM3 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt3.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM4 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt4.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM5 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt5.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM6 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt6.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM7 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt7.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM8 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt8.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM9 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt9.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM10 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt10.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM11 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt11.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsM12 {
	background-image: url(../images/bg_dot.png), url(../images/bg_mkt12.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsS {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsS1 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah1.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS2 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah2.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS3 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah3.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS4 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah4.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS5 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah5.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS6 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah6.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS7 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah7.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS8 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah8.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS9 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah9.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS10 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah10.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS11 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah11.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsS12 {
	background-image: url(../images/bg_dot.png), url(../images/bg_sarah12.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ1 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack1.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ2 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack2.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsJ3 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack3.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ4 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack4.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ5 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack5.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ6 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack6.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsJ7 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack7.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ8 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack8.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsJ9 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack9.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ10 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack10.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}
.brtsJ11 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack11.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

.brtsJ12 {
	background-image: url(../images/bg_dot.png), url(../images/bg_jack12.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center top;
	background-size: auto auto, 100% auto
}

/* TOP */
#topWrap {
	min-height: 620px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
#topWrap:before {
	content: '';
	position: absolute;
	top: -50%;
	bottom: 0;
	left: 0;
	right: 50%;
	z-index: 5000;
	transform-origin: right bottom;
	transition: all 0.5s ease;
	/*	background-image:url(../images/bg_dot.png);*/
	background-position: right center;
	background-color: #000;
}
#topWrap:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: -50%;
	right: 0;
	left: 50%;
	z-index: 5000;
	transform-origin: left top;
	transition: all 0.5s ease;
	/*	background-image:url(../images/bg_dot.png);*/
	background-position: left center;
	background-color: #000;
}
#topWrap.st:after,
#topWrap.st:before { opacity: 0; }
#topWrap.se:before,
#topWrap.se:after { display: none; }
#topWrap nav {
	width: 237px;
	padding-left: 40px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
#topWrap nav h1 { display: none; }
#topWrap nav ul {
	font-size: 14px;
	padding-top: 47px;
}
#topWrap nav li {
	font-size: 18px;
	line-height: 20px;
	height: 16px;
	margin-bottom: 18px;
}
#topWrap nav li a {
	display: inline-block;
	height: 20px;
	position: relative;
	color: #FFF;
	text-decoration: none;
}
#topWrap nav li a span {
	position: relative;
	z-index: 2;
}
#topWrap nav li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0px;
	background-color: #008A65;
	transition: all 0.8s ease;
}
#topWrap nav li:nth-child(even) a:before { background-color: #0C67A6; }
#topWrap nav li a:hover:before,
#topWrap nav li a.active:before {
	transition: all 0.4s ease;
	width: calc(100% - 1px);
}
#topWrap nav #copyright { display: none; }
#mv {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: url(../images/mv.jpg) no-repeat center center;
	background-size: cover;
}
/*#mv:before {
	content: '';
	position: absolute;
	left: 0;
	top: 80px;
	width: 60px;
	height: 528px;
	background-image: url(../images/top_nav_title.png);
}*/
#catch {
	height: 26%;
	width: 7%;
	position: absolute;
	top: 50%;
	background: url(../images/top_catch.png) no-repeat center center;
	transform: translateY(-50%);
	right: 80px;
	background-size: contain;
}

#prime {
	position: absolute;
	top: 50px;
	right: 0;
}

#prime a:hover {
	opacity: 0.6;
}

#fod {
	position: absolute;
	bottom: 30px;
	right: 0;
}

#fod a:hover {
	opacity: 0.6;
}

#startDate {
	height: 19%;
	width: 50%;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 50px;
	background: url(../images/startdate.png) no-repeat center center;
	background-size: contain;
}
#topCopyright {
	font-size: 10px;
	line-height: 45px;
	color: #FFF;
	text-align: center;
	height: 45px;
	width: 300px;
	margin-left: -150px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	font-weight: 600;
}
#twitterBox {
	height: 250px;
	width: 320px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #3F3F3F;
}
#loadText {
	background: url(../images/loading.png);
	height: 180px;
	width: 600px;
	margin-top: -90px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	top: 50%;
	display: none;
	z-index: 6000;
}
#mvLogo {
	height: 25%;
	width: 40%;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 7%;
	background: url(../images/top_logo.png) no-repeat center center;
	background-size: contain;
}
.stafflist li #craftar {
	height: 30px;
	padding-left: 0;
}
.stafflist li #niantic {
	height: 20px;
	padding-left: 0;
}
#Itemin h4 img#incraftar {
	height: 42px;
	vertical-align: top;
}
#Itemin h4 img#inniantic {
	height: 33px;
	vertical-align: sub;
	padding-left: 3px;
}
@keyframes blink {  0% {
 opacity:.3;
 text-shadow:none;
}
 20% {
 opacity:1;
/*	text-shadow:0px 0px 3px #CCC;*/
}
 80% {
 opacity:1;
/*	text-shadow:0px 0px 3px #CCC;*/
}
 100% {
 opacity:.3;
 text-shadow:none;
}
}
.blink { animation: blink 1s linear infinite; }
#mission {
	z-index: 50000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	overflow: auto;
	z-index: 10000;
	display: none;
}
#missionin {
	height: 100%;
	width: 100%;
	position: absolute;
	min-width: 1200px;
	min-height: 620px;
	color: #fff;
	margin: 0 auto;
}
#mission .modalBoxin {
	width: 950px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 610px;
}
#mission .modalClose {
	position: fixed;
	top: 0;
	right: 40px;
	display: block;
	margin-top: 50px;
	width: 49px;
	z-index: 100;
}
/*.modalBox { background: url(../images/modal_icons.png) no-repeat right bottom; }*/
#topWrap nav li a.mmd,
#subWrap nav li a.mmd{
	color:#E60012;
	font-weight:bold;
}
#rts h3 {
	font-size: 27px;
	line-height: 48px;
	color: #ff9c00;
	margin-bottom: 18px;
	font-weight: 600;
	letter-spacing: 0em;
}
#rts p {
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 36px;
	letter-spacing: 0em;
}
#rts p a { color: #F69900; }
#rts .rtsTextLast {
	font-size: 27px;
	line-height: 47px;
	margin-bottom: 50px;
}
#rtsBtn li {
	float: left;
	height: 75px;
	width: 280px;
	margin-right:14px;
}
.detail #rtsBtn li {
	float: left;
	height: 75px;
	width: 260px;
	margin-right:14px;
}
.detail #rtsBtn li img {
	width:260px;
	height:auto;
}
#rtsBtn li:last-child {
	margin-right:0;
}
#rtsBtn li a img {
	transition:all 0.3s ease;
}
#rtsBtn li a:hover img {
	opacity:0.6;
}
#rtsOnce h3 {
	font-size: 27px;
	text-indent: -0.6em;
	margin-bottom: 50px;
	color: #F69900;
}
#rtsList li {
	height: 75px;
	margin-bottom: 15px;
}
#rtsList li a {
	height: 75px;
	width: 868px;
	display: block;
	position: relative;
	color: #d6d7bf;
	text-decoration: none;
	transition:all 0.5s ease;
}
#rtsList li a:hover {
	transform:translateX(15px);
}
#rtsList li a span {
	font-size: 24px;
	line-height: 36px;
	height: 36px;
	position: absolute;
	left: 36px;
	top: 50%;
	right: 36px;
	transform:translateY(-50%);
}
#rtsList li .soon {
	pointer-events:none;
	opacity:0.4;
}
.listMakoto li a { background: url(../images/btn_rts_makotolist.png); }
.listSarah li a { background: url(../images/btn_rts_sarahlist.png); }
.listJack li a { background: url(../images/btn_rts_jacklist.png); }

.listMakoto li.green a { background: url(../images/btn_rts_makotolist_green.png); }
.listMakoto li.blue a { background: url(../images/btn_rts_makotolist_blue.png); }
.listMakoto li.green span { color: #008a65; font-weight: bold;}
.listMakoto li.blue span { color: #0085e0; font-weight: bold;}

.listSarah li.green a { background: url(../images/btn_rts_sarahlist_green.png); }
.listSarah li.blue a { background: url(../images/btn_rts_sarahlist_blue.png); }
.listSarah li.green span { color: #008a65; font-weight: bold;}
.listSarah li.blue span { color: #0085e0; font-weight: bold;}

.listJack li.green a { background: url(../images/btn_rts_jacklist_green.png); }
.listJack li.blue a { background: url(../images/btn_rts_jacklist_blue.png); }
.listJack li.green span { color: #008a65; font-weight: bold;}
.listJack li.blue span { color: #0085e0; font-weight: bold;}

#rtsList { margin-bottom: 50px; }

.novel {
	padding-bottom: 60px;
}

.novel p {
	line-height: 30px;
}

.novel h3 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 0 0 20px;
	line-height: 50px;
}
#movieModal {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 4500;
	left: 0px;
	top: 0px;
	background: #000;
	min-width:1200px;
	min-height:620px;
}
#movieIn {
	padding: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
#modalClose {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:4501;
}

.specialTxt {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
}
.specialTxt2 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
}

.specialTxt3 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
}
#rtsBtn { padding-bottom: 35px; }

#storyOnceImage {
	height: 475px;
	width: 838px;
	border: 1px solid #fff;
}
#storyOnceThumb {
	background: #000;
	height: 80px;
}
#storyOnceThumb li {
	float: left;
	height: 80px;
	width: 138px;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid #fff;
}
#storyOnceThumb li:hover { opacity: 0.75; }
#storyOnceThumb li.active { opacity: 1; }
#storyOnceThumb li img {
	height: 80px;
	width: 138px;
}
#storyOnceImages { padding-bottom: 45px; }

#story .backBtn {
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #008a65;
	height: 44px;
	width: 158px;
	margin: 30px auto 0;
	line-height: 44px;
	text-align: center;
}

#storyOnce h3 {
	font-size: 40px;
	line-height: 68px;
	color: #fff;
	text-align: center;
	padding-bottom: 40px;
	font-weight: 500;
}

#storyList { padding-bottom: 20px;padding-top: 30px; }
#storyList li {
	float: left;
	width: 408px;
	padding-right: 24px;
	padding-bottom: 40px;
}

#storyList li img {
	border: 1px solid #fff;
}

#storyList li:nth-child(2n) { padding-right: 0; }
#storyList li:nth-child(2n + 1) { clear: both; }
#storyList li a {
	display: block;
	text-decoration: none;
	transition: all 0.5s ease;
}
#storyList li a:hover { opacity: 0.7; }

.stitle {
	font-size: 18px;
	line-height: 36px;
	color: #fff;
	padding-top: 10px;
	display: inline-block;
}
.keyB {
	padding: 20px 0;
}
.keyBl {
	width: 300px;
	float: left;
	padding-right: 20px;
}
.keyBr {
	width: 520px;
	float: left;
}

.greenT {
	color: #008a65;
}
.blueT {
	color: #0085e0;
}