@charset "utf-8";
@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;
}
@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Regular");
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	src: url('../fonts/NotoSerifJP-Medium.woff') format('woff');
	font-display: swap;
}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
 background: #000;
 color:#fff;
}
body {
	font-family: "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	background-image: url(../images/bg.png);
	background-position: center top;
}
.sf {
	font-family: "游明朝体", YuMincho, 'Yu Mincho', 'Noto Serif Japanese', serif;
	font-weight: 400;
}
a { color: #fff; }
a:hover { text-decoration: none; }
#fullWrap {
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
}
header {
	position: fixed;
	height: 77px;
	min-width: 1200px;
	left: 0;
	top: 0;
	z-index: 9998;
	width: 100%;
	background-color: #000;
}
header h1 {
	height: 105px;
	width: 344px;
	margin-left: -172px;
	position: absolute;
	left: 50%;
	top: 77px;
	box-sizing: border-box;
	padding-top: 2px;
	background-image: url(../images/head_logo_bg.png);
	background-repeat: no-repeat;
}
header h1 a {
	display: block;
	width: 166px;
	height: 102px;
	margin: 0 auto;
	background-image: url(../images/head_logo.png);
	transition: all 0.5s ease;
}
header h1 a:hover { opacity: 0.8; }
header nav {
	width: 1165px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 18px;
}
header nav h2 {
	background-image: url(../images/nav_h2.png);
	height: 5px;
	width: 65px;
	margin-bottom: 10px;
}
#navList li {
	float: left;
	height: 24px;
	margin-right: 27px;
}
#navList li:last-child { margin-right: 0; }
#navList li a {
	display: block;
	height: 24px;
	position: relative;
}
#navList li a:before,
#navList li a:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 0px;
	background-color: #FFF;
	transition: all 0.2s ease;
}
#navList li a:before {
	left: -5px;
	top: 0;
}
#navList li a:after {
	right: -5px;
	bottom: 0;
}
#navList li a:hover:before,
#navList li a:hover:after,
#navList li a.active:before,
#navList li a.active:after { height: 100%; }
.soon {
	cursor: default;
	pointer-events: none;
	opacity: 0.2;
}
#twLink {
	position: absolute;
	height: 33px;
	width: 139px;
	top: 107px;
	right: 130px;
	background: #ec6d81;
	transition: all 0.3s ease;
}
#twLink:hover { background: #000; }
#share {
	position: absolute;
	height: 44px;
	width: 84px;
	top: 97px;
	right: 26px;
}
#share dt {
	background-image: url(../images/share_title.png);
	height: 5px;
	width: 27px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
}
#share dd {
	float: left;
	height: 34px;
	width: 34px;
	margin-right: 4px;
	margin-left: 4px;
}
#share dd a {
	display: block;
	height: 34px;
	position: relative;
}
#share dd a:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 1px solid #EC6D81;
	border-left: 1px solid #EC6D81;
	opacity: 0;
	transition: all 0.3s ease;
}
#share dd a:after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 1px solid #EC6D81;
	border-right: 1px solid #EC6D81;
	opacity: 0;
	transition: all 0.3s ease;
}
#share dd a:hover:before,
#share dd a:hover:after {
	width: 100%;
	height: 100%;
	opacity: 1;
}
#mv {
	position: relative;
	margin-top: 77px;
}
#scene {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
}
#scene .layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
}
#viChara {
	position: absolute;
	left: -1.5833%;
	top: 0px;
	right: -1.5833%;
	bottom: -13.7339%;
	background-image: url(../images/vi_chara.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#viChara.mono { background-image: url(../images/vi_chara_mono.png); }
#startDate {
	background-size: contain;
	width: 29.625%;
	margin-bottom: -2.6%;
	margin-left: -5.5%;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
#startOnair {
	position: absolute;
	width: 18.8333%;
	bottom: -0.10%;
	right: 3.333%;
}
#logo {
	position: absolute;
	width: 52.25%;
	top: 48.9441%;
	left: 2.9166%;
}
#catch {
	position: absolute;
	width: 3.5833%;
	top: 11.656%;
	right: 8.1666%;
}
#introduction {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;
}
#introduction h2 {
	height: 231px;
	background-image: url(../images/introduction_h2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#introCatch {
	float: left;
	margin-top: -12px;
	padding-left: 194px;
	position: relative;
	margin-bottom: 80px;
}
#introCatch:before {
	content: '';
	position: absolute;
	left: 145px;
	top: -43px;
	width: 190px;
	height: 292px;
	background-color: #AF9966;
}
#introCatch img {
	position: relative;
	z-index: 50;
}
#introRight {
	float: left;
	width: 620px;
	padding-top: 54px;
	padding-left: 127px;
	margin-bottom: 60px;
}
#introRight h3 {
	background-image: url(../images/introduction_h3detail.png);
	height: 5px;
	width: 40px;
	margin-bottom: 23px;
}
#introRight p {
	font-size: 16px;
	line-height: 37px;
	margin-bottom: 20px;
}
#caststaff {
	width: 1200px;
	margin: 0 auto 23px;
}
#caststaff h2 {
	background-image: url(../images/caststaff_h2.png);
	background-position: right top;
	height: 231px;
	background-repeat: no-repeat;
}
#caststaffin {
	margin-top: -30px;
	margin-left: 100px;
	min-height: 600px;
	background-image: url(../images/caststaff_bg.jpg);
	background-repeat: no-repeat;
	background-position: 250px 114px;
}
#cast h3 {
	background-image: url(../images/caststaff_h3cast.png);
	height: 5px;
	width: 67px;
	margin-bottom: 34px;
}
#cast li,
#staff li {
	line-height: 28px;
	height: 28px;
	margin-bottom: 23px;
	font-size: 20px;
	letter-spacing: 0.18em;
}
#staff li.t1 {
	line-height: 28px;
	height: 28px;
	margin-bottom: 13px;
	font-size: 20px;
	letter-spacing: 0.18em;
}
#staff li.t2 {
	line-height: 16px;
	height: 28px;
	margin-bottom: 23px;
	font-size: 12px;
	letter-spacing: 0.18em;
	padding-left: 65px;
}
#staff li.t3 {
	line-height: 16px;
	height: 28px;
	margin-bottom: 23px;
	font-size: 12px;
	letter-spacing: 0.18em;
	padding-left: 112px;
}
#staff li.t4 {
	line-height: 16px;
	height: 28px;
	margin-bottom: 13px;
	font-size: 20px;
	letter-spacing: 0.18em;
	padding-left: 0;
}
#staff li.t5 {
	line-height: 16px;
	height: 28px;
	margin-bottom: 23px;
	font-size: 20px;
	letter-spacing: 0.18em;
	padding-left: 0;
}
#cast li strong,
#staff li strong { color: #af9966; }
#cast {
	float: left;
	width: 500px;
	margin-bottom: 60px;
}
#staff h3 {
	background-image: url(../images/caststaff_h3staff.png);
	height: 5px;
	width: 71px;
	margin-bottom: 34px;
}
#staff {
	float: left;
	width: 600px;
	padding-top: 168px;
}
#cast li span,
#staff li span {
	display: inline-block;
	height: 28px;
	width: 114px;
	padding-left: 26px;
}
#cast li span a,
#staff li span a {
	display: block;
	border: 1px solid #AF9966;
	font-size: 14px;
	line-height: 28px;
	text-decoration: none;
	text-align: center;
	height: 26px;
	color: #000;
	background-color: #AF9966;
	font-weight: 600;
	letter-spacing: 0;
	transition: all 0.5s ease;
}
#cast li span a:hover,
#staff li span a:hover {
	background-color: #000;
	color: #AF9966;
}
#character {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 87px;
}
#character h2 {
	background-image: url(../images/character_h2.png);
	height: 53px;
	width: 298px;
	margin-bottom: 27px;
	margin-left: 146px;
}
#character li a {
	display: block;
	width: 1134px;
	margin-left: auto;
	transition: all 0.5s ease;
}
#character li a:hover {
	transition: all 0.3s ease;
	padding-right: 30px;
}
#movie {
	background: url(../images/top_underbg.jpg) no-repeat center top /cover;
	background-attachment: fixed;
	width: 100%;
	height: 880px;
}
#movie h2 {
	background-image: url(../images/mov_h2.png);
	height: 231px;
	width: 911px;
}
#movie ul { margin-top: -152px; }
#movie li {
	padding-top: 215px;
	padding-right: 123px;
	padding-bottom: 35px;
	padding-left: 123px;
	background-position: right top;
	background-repeat: no-repeat;
}
#movie li:nth-child(1) { background-image: url(../images/movie04.png); }
#movie_sub {
	width: 1200px;
	margin: 0 auto;
}
#movie_sub h2 {
	background-image: url(../images/mov_h2.png);
	height: 231px;
	width: 911px;
}
#movie_sub ul { margin-top: -152px; }
#movie_sub li {
	padding-top: 215px;
	padding-right: 123px;
	padding-bottom: 35px;
	padding-left: 123px;
	background-position: right top;
	background-repeat: no-repeat;
}
#movie_sub li:nth-child(1) { background-image: url(../images/movie06.png); }
#movie_sub li:nth-child(2) { background-image: url(../images/movie05.png); }
#movie_sub li:nth-child(3) { background-image: url(../images/movie04.png); }
#movie_sub li:nth-child(4) { background-image: url(../images/movie03.png); }
#movie_sub li:nth-child(5) { background-image: url(../images/movie02.png); }
#movie_sub li:nth-child(6) { background-image: url(../images/movie01.png); }
#photo_sub {
	width: 1200px;
	margin: 0 auto;
}
#photo_sub h2 {
	background-image: url(../images/photo_h2.jpg);
	height: 231px;
	width: 911px;
}
#photo_sub ul { margin-top: -152px; }
#photo_sub li {
	padding-top: 215px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
	background-position: right top;
	background-repeat: no-repeat;
}
#photo_sub li:nth-child(1) { background-image: url(../images/photo01.png); }
footer {
	height: 96px;
	position: relative;
	z-index: 9950;
}
#copyright {
	line-height: 96px;
	color: #AF9966;
	text-align: center;
}
#bttop {
	height: 96px;
	width: 96px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	display: none;
}
#bttop a {
	display: block;
	height: 96px;
	background-image: url(../images/btn_bttop_k.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #AF9966;
	box-sizing: border-box;
	border-left: 1px solid #AF9966;
	border-top: 1px solid #AF9966;
	transition: all 0.3s ease;
}
#bttop a:hover {
	background-color: #000;
	background-image: url(../images/btn_bttop_g.png);
}
.modal {
	background-color: #000;
	overflow: auto;
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
}
.modalin {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-width: 1200px;
	min-height: 620px;
}
.modalClose {
	position: absolute;
	z-index: 9999;
	height: 66px;
	width: 110px;
	top: 30px;
	right: 0px;
}
.modalClose a {
	background-image: url(../images/btn_modalclose.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 66px;
	width: 110px;
	display: block;
	transition: all 0.5s ease;
}
.modalClose a:hover { opacity: 0.7; }
.castBox {
	left: 50%;
	top: 50%;
	width: 880px;
	margin-left: -440px;
	position: absolute;
	transform: translateY(-50%);
	box-sizing: border-box;
	padding-left: 260px;
	background-position: left 10px;
	background-repeat: no-repeat;
	background-size: 230px;
}
#cast01 .castBox { background-image: url(../images/chara01_cast.jpg); }
#cast02 .castBox { background-image: url(../images/chara02_cast.jpg); }
#cast03 .castBox { background-image: url(../images/chara03_cast.jpg); }
#cast04 .castBox { background-image: url(../images/chara04_cast.jpg); }
#cast05 .castBox { background-image: url(../images/chara05_cast.jpg); }
#cast06 .castBox { background-image: url(../images/chara06_cast.jpg); }
#cast07 .castBox { background-image: url(../images/chara07_cast.jpg); }
.castBox h4 {
	font-size: 30px;
	color: #AF9966;
	letter-spacing: 0.18em;
	padding-bottom: 20px;
}
.castBox h4 span { font-size: 20px; }
.castBox p {
	font-size: 16px;
	line-height: 41px;
}
.characterBox {
	height: 620px;
	width: 1200px;
	margin-top: -310px;
	margin-left: -600px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.characterImage { text-align: right; }
.characterBox h4 {
	position: absolute;
	left: 40px;
	top: 408px;
}
.characterCatch {
	position: absolute;
	left: 40px;
	top: 77px;
}
.characterText {
	font-size: 16px;
	line-height: 30px;
	position: absolute;
	left: 40px;
	top: 524px;
	right: 40px;
}
.pixi2 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 50;
	pointer-events: none;
}
#firstMovie {
	opacity: 0;
	position: fixed;
	z-index: -1;
	sisplay: block;
	left: 0;
	top: -100px;
}
#loading {
	background-color: #000;
	position: fixed;
	z-index: 9998;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/head_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.modal iframe { vertical-align: bottom; }
#sub #mv {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
}
.subContent {
	background-color: rgba(0,0,0,.85);
	padding-top: 160px;
	position: relative;
	z-index: 6900;
	box-sizing: border-box;
}
.subCont {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.subCont h2 { text-align: right; }
#newsList { padding-top: 80px; }
#newsList article {
	padding-right: 50px;
	padding-left: 180px;
	position: relative;
	padding-bottom: 60px;
}
#newsList article h3 {
	font-size: 24px;
	line-height: 37px;
	font-weight: 600;
	padding-bottom: 30px;
}
#newsList article:nth-of-type(odd) h3 { color: #93001a; }
#newsList article:nth-of-type(even) h3 { color: #af9966; }
.newsDate {
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	display: block;
	position: absolute;
	height: 105px;
	width: 136px;
	left: 0px;
	top: 0px;
}
#newsList article:nth-of-type(odd) .newsDate { background-color: #93001a; }
#newsList article:nth-of-type(even) .newsDate { background-color: #af9966; }
.newsDate span {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	transform: translate(-50%, -50%) skew(-10deg);
	letter-spacing: 0.08em;
	padding-left: 0.08em;
	text-indent: -0.08em;
}
.newsDetail p {
	font-size: 16px;
	line-height: 37px;
	padding-bottom: 37px;
}
.newsDetail p.bdTitle {
	font-size: 16px;
	line-height: 37px;
	padding-bottom: 17px;
}
.newsDetail .back {
	text-align: center;
	padding-top: 0;
}
.newsDetail .back a:hover { opacity: 0.7; }

/*----------------*/
@keyframes vs { 0% {
opacity:0;
}
 40% {
opacity:0;
}
 80% {
opacity:1;
}
 100% {
opacity:1;
}
}
.ah {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.ah:hover { opacity: 0.7; }
#mv h1 {
	position: absolute;
	width: 30.5%;
	top: 47px;
	left: 47px;
	z-index: 1;
}
#mv h1 img { width: 100%; }
#mv h3 {
	position: absolute;
	bottom: 234px;
	right: 70px;
	z-index: 1;
}
#copy01 {
	position: absolute;
	top: 16%;
	right: 4px;
	z-index: 1;
}
#copy02 {
	position: absolute;
	top: 20%;
	left: 10px;
	z-index: 1;
}
#vs02 {
	animation: vs 5s ease infinite alternate;
	animation-delay: 3s;
	opacity: 0;
	display: block;
}
#vsArea {
	height: 0;
	width: 100%;
	padding-top: 145.5%;
}
#vsArea img {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}
/*--[[SUB]]--*/
.subBg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-width: 1200px;
}
.inWrap {
	width: 1200px;
	margin: -130px auto 0;
	position: relative;
	z-index: 1;
}
.introTxt { margin: 60px 0!important; }
#music {
	margin-top: 54px;
	margin-left: 110px;
}
#music h3 {
	background-image: url(../images/introduction_h3detail.png);
	height: 5px;
	width: 40px;
	margin-bottom: 23px;
}
#onairIn,
#novelIn {
	margin-top: 54px;
	margin-left: 110px;
}
#bddvdIn {
	margin-top: 54px;
	margin-left: 80px;
}
#storyIn {
	margin-top: 54px;
	margin-left: 75px;
}
#onairIn h3,
#novelIn h3,
#bddvdIn h3,
#storyIn h3 {
	background-image: url(../images/introduction_h3detail.png);
	height: 5px;
	width: 40px;
	margin-bottom: 23px;
}
#novelIn a:hover { opacity: 0.7; }
#bddvdIn a:hover { opacity: 0.7; }
#storyIn a:hover { opacity: 0.7; }
.onairTxt { margin: 70px 0; }
.musicTxt { margin: 70px 0; }
.musicTxt a:hover { opacity: 0.7; }
.onairTbl {
	font-size: 24px;
	margin-bottom: 60px;
}
.onairTbl td {
	padding: 5px;
	vertical-align: top;
}
.onairTbl tr td:nth-child(1) {
	position: relative;
	width: 300px;
}
.onairTbl tr td:nth-child(1):after {
	content: "：";
	position: absolute;
	top: 4px;
	right: 0;
}
.onairTbl tr td:nth-child(2) { padding-left: 30px; }
#novelIn ul li {
	float: left;
	margin-right: 50px;
	margin-bottom: 60px;
	width: 225px;
}
#novelIn ul li p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #af9966;
	letter-spacing: 0px;
	text-align: center;
}
#novelIn ul li p span {
	display: block;
	color: #fff;
	margin-top: 10px;
}
#bddvdIn ul li {
	float: left;
	margin-right: 50px;
	margin-bottom: 60px;
	width: 225px;
}
#bddvdIn ul li p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #af9966;
	letter-spacing: 0px;
	text-align: center;
}
#bddvdIn ul li p span {
	display: block;
	color: #fff;
	margin-top: 10px;
}
#storyIn ul li {
	float: left;
	margin-right: 50px;
	margin-bottom: 60px;
	width: 225px;
}
#storyIn ul li p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #af9966;
	letter-spacing: 0px;
	text-align: center;
}
#storyIn ul li p span {
	display: block;
	color: #fff;
	margin-top: 10px;
}
#specialIn { margin-top: 70px; }
#specialIn ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#specialIn ul li p {
	font-size: 20px;
	color: #af9966;
	font-weight: 700;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 20px;
}
#message {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
}
#messageHead {
	background: url(../images/message_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: 38px;
}
#messageHead p {
	font-size: 16px;
	line-height: 38px;
	padding-top: 280px;
	padding-left: 125px;
	text-indent: -0.5em;
}
#messageMain {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
}
#updateMessage {
	height: 130px;
	margin-bottom: 50px;
}
#updateMessage a {
	background: url(../images/message_h3.jpg);
	display: block;
	height: 130px;
	transition: all 0.8s ease;
}
#updateMessage a:hover {
	transition: all 0.3s ease;
	transform: scale(1.05);
}
#messageCalendar table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#messageCalendar td,
#messageCalendar th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#messageCalendar th {
	background-color: #616161;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
}
#messageCalendar td {
	height: 127px;
	vertical-align: top;
	text-align: left;
	font-size: 24px;
	background-color: #313131;
	position: relative;
	padding: 4px;
}
#messageCalendar td .messageDate {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 42px;
	padding-left: 12px;
	z-index: 50;
	pointer-events: none;
}
#messageCalendar tr th:first-child,
#messageCalendar tr td:first-child { color: #F00; }
#messageCalendar tr th:last-child,
#messageCalendar tr td:last-child { color: #009cff; }
#firstStart {
	background: #FFF;
	padding: 33px 9px 8px;
	height: 127px;
	box-sizing: border-box;
}
#firstStart p {
	background: #B80C0C;
	height: 88px;
	font-size: 24px;
	line-height: 29px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	box-sizing: border-box;
}
.messageIcon {
	height: 85px;
	width: 85px;
	position: absolute;
	left: 50%;
	top: 34px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	margin-left: -42px;
}
#messageCalendar td a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#messageCalendar td a:before {
	content: '';
	background: #FFF url(../images/icon_speaker.png) no-repeat center center;
	height: 38px;
	width: 38px;
	overflow: hidden;
	position: absolute;
	left: 72px;
	top: 87px;
	z-index: 50;
	border-radius: 50%;
	transition: all 0.5s ease;
	backface-visibility: hidden;
}
#messageCalendar td a:hover:before {
	transform: scale(1.1);
	transition: all 0.2s ease;
}
#messageModal {
	overflow: auto;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 50000;
	background-color: rgba(0,0,0,.8);
	display: none;
}
#messageModalin {
	position: absolute;
	min-height: 620px;
	min-width: 1200px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#messageAudio {
	background: #AF9966;
	height: 100px;
	width: 400px;
	margin-top: -50px;
	margin-left: -200px;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 0px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
}
#messageAudio audio {
	width: 360px;
	height: 60px;
	vertical-align: middle;
	display: block;
}
#messageClose {
	height: 25px;
	width: 49px;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin-bottom: 50px;
	margin-left: 200px;
}
#messageClose a img {
	transition: all 0.5s ease;
	transform-origin: left bottom;
}
#messageClose a:hover img { transform: scale(1.1); }
#goodsBox {
	padding-top: 60px;
	padding-bottom: 40px;
}
#goodsBox h3 {
	font-size: 24px;
	color: #af9966;
	font-weight: 700;
	letter-spacing: 0px;
	text-align: center;
	margin: 30px 0 20px;
}
#goodsBox p {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0px;
	text-align: left;
	margin-top: 20px;
	line-height: 30px;
}
#goodsBox .back {
	text-align: center;
	padding-top: 20px;
}
#goodsBox .back a:hover { opacity: 0.7; }
.imgBox {
	width: 970px;
	padding: 10px 0 0;
}
.imgBox .imgClick {
	overflow: hidden;
	margin-top: 5px;
}
.imgClick li {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.imgClick li a:hover { opacity: 0.6; }
.imgClick li:nth-child(5) { padding-right: 0; }
.onairTbl table tr td span { font-size: 16px; }
.tokutenT {
	font-size: 20px;
	color: #af9966;
	font-weight: 700;
	letter-spacing: 0px;
	margin: 30px 0 20px;
}
.onairDemand { margin: 0px 110px 50px 0px; }
.onairDemand table { width: 100%; }
.onairDemand th {
	background: #af9966;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 16px;
}
.onairDemand td {
	padding: 15px 15px;
	border-bottom: 1px solid #CCC;
	font-size: 16px;
}
.onairDemand td strong { color: #E60015; }
.onairDemand h4 {
	font-size: 24px;
	padding-bottom: 20px;
	font-weight: bold;
	color: #af9966;
}
#countdown {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
}
#countdownHead {
	background: url(../images/countdown_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: -15px;
	height: 341px;
}
#countdownList {
	width: 1014px;
	margin-right: auto;
	margin-left: auto;
}
#countdownList li {
	float: left;
	width: 231px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
}
#countdownList li a {
	display: block;
	position: relative;
	height: 231px;
	width: 231px;
	transition: all 0.5s ease;
	background-color: #FFF;
}
#countdownList li a:hover { opacity: 0.7; }
#countdownList li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background-image: url(../special/countdownimages/arrow.png)
}

#fiveseconds {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
}
#fivesecondsHead {
	background: url(../images/fiveseconds_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: -15px;
	height: 341px;
}
#fivesecondsList {
	width: 1014px;
	margin-right: auto;
	margin-left: auto;
}
#fivesecondsList li {
	float: left;
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
}

#review {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
}
#reviewHead {
	background: url(../images/review_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: -15px;
	height: 341px;
}
#reviewList {
	width: 1014px;
	margin-right: auto;
	margin-left: auto;
}
#reviewList li {
	float: left;
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
}

.cn {
	font-size: 16px;
	line-height: 30px;
	color: #FFF;
	padding-top: 15px;
}
.cn strong {
	font-size: 24px;
	color: #AF9966;
	display: block;
}
#countdownModal {
	background: #000;
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	display: none;
}
#countdownModalin {
	background: #000 no-repeat center center;
	position: absolute;
	min-height: 620px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
}
#hy {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
}
#hyHead {
	background: url(../images/hy_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: -15px;
	height: 341px;
}

#hyHead2 {
	background: url(../images/download_h2.png) no-repeat left top;
	position: relative;
	margin-bottom: -15px;
	height: 341px;
}

#hy ol {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
}
#hy ol li {
	margin-bottom: 44px;
	position: relative;
}
.hyImg {
	width: 560px;
	padding-left: 28px;
}
.hyimgname {
	line-height: 35px;
	color: #AF9966;
	text-align: right;
	height: 35px;
	padding-top: 6px;
}
.hyTxt {
	width: 426px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.hyTxt h3 {
	font-size: 24px;
	line-height: 37px;
	font-weight: bold;
	color: #AF9966;
	text-indent: -1.5em;
	padding-left: 1.5em;
	padding-bottom: 35px;
}
.hyTxt p {
	font-size: 16px;
	line-height: 35px;
}

.hyTxt2 p {
	font-size: 16px;
	line-height: 35px;
}

.storyMovie {
	padding: 0 0 40px;
}

.dmm {
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}